2014/12/16

Podwójny system komentarzy dla Bloggera: domyślny oraz Google+

Prezentowany w tym poradniku widżet umożliwi twoim czytelnikom korzystanie zarówno z domyślnego systemu komentarzy na Bloggerze, jak i - po przełączeniu - z systemu komentarzy Google+. Instalacja widżetu jest dosyć prosta, a znacznie zwiększy funkcjonalność twojego bloga!
Demo

Umieszczanie widżetu na Bloggerze

W panelu Admina wejdź w Szablon => Edytuj kod HTML szablonu.
Kliknij w okno edytora, wciśnij kombinację klawiszy Ctrl + F, wpisz poniższy kod i wciśnij Enter.
<b:include data='post' name='post'/>
Pod wyszukaną frazą wklej poniższy kod:
<!-- Google+ Comments begin -->
<b:if cond='data:blog.pageType == "item"'>
<style>
#comments, #gplus-comments-visibility {
display: none;
}

.comments-icons {
background: url(http://4.bp.blogspot.com/-C0hsmDsU7y4/VJAaI2GdYlI/AAAAAAAAGls/pGRzsdswUMk/s1600/speech-bubble.png) no-repeat;
font-size: 20px;
font-family: "Arial Narrow",Arial,sans-serif;
color: #555;
font-weight: bold;
padding: 18px 15px 0;
height: 70px;
}

.comments-icons a img {
vertical-align: middle;
}
</style>
<div class='comments-icons'>
Pokaż komentarze: <a class='show-hide-comments' href='javascript:void();' onclick='$("#gplus-comments-visibility").slideToggle();$("#comments").hide();'><img class='gplus-icon' height='35' src='http://2.bp.blogspot.com/-in-BBGVvGBk/VJAaIzLChXI/AAAAAAAAGlk/HENkoyjbQvs/s1600/google-plus-logo.png' width='35'/></a> lub <a class='show-hide-comments' href='javascript:void();' onclick='$("#comments").slideToggle();$("#gplus-comments-visibility").hide();'><img class='blogger-icon' height='35' src='http://2.bp.blogspot.com/-REx6AWYH3lE/VJAaI_mMtBI/AAAAAAAAGlg/mOF2XfPEiVM/s1600/blogger-logo.png' width='35'/></a>
</div>
<div id='gplus-comments-visibility'>
<div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='550' expr:data-href='data:post.url'/>
</div>
</b:if>
<!-- Google+ Comments end -->
Teraz upewnij się, czy w twoim szablonie znajduje się już biblioteka jQuery. Jeżeli nie, tuż przed znacznikiem:
</head>
Wklej poniższy kod:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
Na koniec wciśnij pomarańczowy przycisk Zapisz szablon.

Dostosowywanie widżetu

Zawarte w kodzie:
data-width='550'
określa szerokość okna komentarzy Google+ w px. Możesz zmienić tę wartość.

Brak komentarzy :

Prześlij komentarz

Komentarze zawierające SPAM zostaną usunięte.

Szablon stworzony z przez Blokotka. Wszelkie prawa zastrzeżone.