Dunia Blogger Indonesia
Membuat Kotak Komentar Facebook dan Blogger 14356410
Selamat Datang Di forum Dunia Blogger Indonesia Silakan mendaftar dan login untuk bergabung mendiskusikan Blogger
Dunia Blogger Indonesia
Membuat Kotak Komentar Facebook dan Blogger 14356410
Selamat Datang Di forum Dunia Blogger Indonesia Silakan mendaftar dan login untuk bergabung mendiskusikan Blogger
Dunia Blogger Indonesia
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Dunia Blogger Indonesia

Disini tempat berkumpulnya para bloggers diindonesia.kalian bisa berbagi tips dan saling follow blog teman :)
 
IndeksPortalLatest imagesPencarianPendaftaranLogin

 

 Membuat Kotak Komentar Facebook dan Blogger

Go down 
2 posters
PengirimMessage
Admin
Admin
Admin
Admin


Jumlah posting : 15
Join date : 27.07.13
Age : 24
Lokasi : daerah khusus ibu kota jakarta

Membuat Kotak Komentar Facebook dan Blogger Empty
PostSubyek: Membuat Kotak Komentar Facebook dan Blogger   Membuat Kotak Komentar Facebook dan Blogger EmptyThu Aug 01, 2013 9:56 pm

Membuat Kotak Komentar Facebook dan Blogger Untitl13

Mungkin kamu pernah menemui blog yang kotak komentarnya pakai facebook dan blogger. Nah, sekarang kita akan belajar membuat kotak komentar dan blogger jadi satu dalam bentuk tab. Tab komentar facebook berdampingan dengan kotak komentar dari bawaan blog, yaitu blogspot atau blogger.com



Dengan membuat pilihan kotak komentar, akan bisa lebih memudahkan pengunjung blog untuk memberikan tanggapan terhadap postingan blog. Karena tidak semua orang punya akun blogger ataupun blog. Tetapi hampir semua orang punya akun facebook, dengan demikian pembaca akan lebih mudah meninggalkan komentar.

Langsung aja yuk Kita ke KTP


1.Login Ke BLOGGER dulu sobat
2.Pilih template kemudian klik HTML
3.Cari Code ]]></b:skin> (agar lebih mudah tekan ctrl + F)
4.Taruh kode berikut di atas ]]></b:skin>

.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px;cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}

5.Kemudian cari kode </head>
6.Taruh kode berikut di atas kode di atas kode </head>



<script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='IDfacebook' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();}
</script>


7.Ganti IDfacebook dengan ID sendiri (facebook.com/IDfacebook)    
8.Kemudian cari kode  <div class='comments' id='comments'>
9.Kamu akan menemukan 2 kode yang sama. Letakkan kode di bawah ini tepat di bawah 2 kode          
  tersebut


<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href=post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments expr:href=post.url' num_posts='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>


10. 5 adalah banyaknya komentar yang ditampilkan dan 450 adalah lebar kotak komentar facebook.
11. Simpan Template jika sudah selesai.


tutorial by: http://topane.blogspot.com/
Kembali Ke Atas Go down
https://dbindonesia.forumid.net
Anjas Mediana Putra
Regular Member
Regular Member
Anjas Mediana Putra


Jumlah posting : 11
Join date : 01.08.13
Age : 24
Lokasi : DKI JAkarta

Membuat Kotak Komentar Facebook dan Blogger Empty
PostSubyek: Re: Membuat Kotak Komentar Facebook dan Blogger   Membuat Kotak Komentar Facebook dan Blogger EmptyThu Aug 01, 2013 11:09 pm

makasih bang infonya ^^
Kembali Ke Atas Go down
http://mrblackthemaster.blogspot.com
 
Membuat Kotak Komentar Facebook dan Blogger
Kembali Ke Atas 
Halaman 1 dari 1
 Similar topics
-
» Daftar Rank Di Dunia Blogger
» Cara Mudah Verifikasi Alexa Rank Di Blog Mwb dan Blogger
» Cara membuat blog
» Cara membuat readmore di blog
» Cara membuat readmore animasi di blog

Permissions in this forum:Anda tidak dapat menjawab topik
Dunia Blogger Indonesia :: Tentang Blog :: Tutorial Blogger-
Navigasi: