Beauty

Nasz szablon dla Bloggera - Immortal


Demo Pobierz

Edycja górnego menu


W menu Szablon => Edytuj kod HTML wyszukaj i edytuj poniższy kod (linijka 1253):
                 <nav id='neat-menu'>
                  <ul>
                    <li class='active'>
                      <a href='/'>
                        Home
                      </a>
                    </li>
                    <li>
                      <a href='#'>
                        Dropdown
                      </a>
                      <ul>
                        <li>
                          <a href='#'>
                            Menu element 1
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 2
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 3
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 4
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 5
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Dropdown
                      </a>
                      <ul>
                        <li>
                          <a href='#'>
                            Menu element 1
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 2
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 3
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 4
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 5
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Dropdown
                      </a>
                      <ul>
                        <li>
                          <a href='#'>
                            Menu element 1
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 2
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 3
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 4
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 5
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Single Menu
                      </a>
                    </li>
                    <li>
                      <a href='#'>
                        Single Menu
                      </a>
                    </li>
                    <li>
                      <a href='#'>
                        Dropdown
                      </a>
                      <ul>
                        <li>
                          <a href='#'>
                            Menu element 1
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 2
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 3
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 4
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            Menu element 5
                          </a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </nav>

Wszystkie # zamień na linki.
Umieszczanie widżetu Najczęściej Komentowane


W menu Układ => Dodaj gadżet HTML/JavaScript z poniższym kodem:
<script type="text/javascript">
function stripTags(s,n) {
    return s.replace(/<.*?>/ig,"").split(/\s+/).slice(0,n-1).join(" ")
}
function mostcommented(feed) {
    var i;
    for (i = 0; i < feed.count ; i++) {
var postURL = "'" + feed.value.items[i].link + "'";
var postTitle = feed.value.items[i].title;
var postthumbnail = "<img src="+feed.value.items[i].postthumbnail+" />";
var postDescription = feed.value.items[i].postdescription;
var postComments = feed.value.items[i].commentcount;
var postList = '<div class="most-commented"><ul><li><div class="comment-count">' + postComments + "</div>" + postthumbnail + "<a href="+ postURL + '">' + postTitle + "</a>"  + '<p>' +stripTags(postDescription,10)+'...</p>' + '</li></ul></div>';
 document.write(postList);
     }
 }
 </script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
AddUrlHere=http://immortal-template.blogspot.com
&NumberofPosts=5
&_id=2cb5eb603ed55a6264ee1484e5fdd45c
&_callback=mostcommented
&_render=json"
type="text/javascript"></script>

Link zaznaczony na zielono zamień na adres własnego bloga.

Co zrobić, gdy miniaturki zdjęć postów na stronie głównej nie wyświetlają się?

W edytorze posta przejdź do trybu HTML, po czym przyjrzyj się linkom do obrazków src. Jeśli zaczynają się od https:// to zamień je na http://
Przykład:
<a href="http://2.bp.blogspot.com/-yWYwnPE1p6c/VC1VEywFB7I/AAAAAAAAE2s/tUU3oog65aE/s0/9H.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-yWYwnPE1p6c/VC1VEywFB7I/AAAAAAAAE2s/tUU3oog65aE/s0/9H.jpg"></a>
Zamień na:
<a href="http://2.bp.blogspot.com/-yWYwnPE1p6c/VC1VEywFB7I/AAAAAAAAE2s/tUU3oog65aE/s0/9H.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-yWYwnPE1p6c/VC1VEywFB7I/AAAAAAAAE2s/tUU3oog65aE/s0/9H.jpg"></a>

Instagram