Pages

Cara menambahkan Tombol Like Facebook dan Twitter Pada Postingan Blog----> Update


Postingan ini merupakann penyempurnaan walau mungkin belum sempurnah juga. hehehe
Dari postingan saya sebelumnya tentang hal yang sama, mungkin saya lebih khusus memberikan tips pada template dengan buatan Artistter. Sehingga ada pertanyaan dari salah satu sahabat blogger yang bertanya:  "koq di blog ane gak bisa gan?, nggak ada jg kode class='art-postheader'> nya. Jadi postingan ini merupakan jawaban dari pertanyaan tersebut.

Mungkin anda bisa lihat postingan terdahulu saya disini: Cara menambahkan Tombol Like Facebook dan Twitter Pada Postingan Blog 

Ok, langsung saja kita ke tips dan triknya:
Ikuti langkah-langkahnya dibawa ini:
1.  Login ke dashboard -> Desain--> Edit HTML
2. Klik pada "Expand Template Widget"
3. Cari "Ctrl + F" dan temukan code berikut:

     Untuk template biasa cari kode ini:
           <div class='post-header-line-1'/> atau  <div class='post-body'>
     Dan ini yang ada pada postingan saya sebelumnya,
     dan khusus buat pengguna template buatan Artisteer

          <b:if cond='data:post.title'>
          <h2 class='art-postheader'>
4. Sekarang paste kode berikut setelah salah satu kode diatas:
<!-- Twitter button Start -->
<div style='float:right;'>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
tweetmeme_source =&#39;User Name&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>
<!-- Twitter  button End -->

<!-- Facebook Like button Start -->
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden;float:right; width:50px; height:65px;'/>
<!-- Facebook Like button End -->
 Catatan: ganti tulisan User Name pada tulisan yang berwarna merah diatas dengan user name twitter anda.

5. Simpan template anda

Selamat mencoba.


8 komentar: