;

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.


Related Posts Plugin for WordPress, Blogger...

9 comments

26 November 2012 pukul 07.19

Ok sob, thanks atas info dan kunjungan baliknya, kita saling follow yuk, saya udah follow sobat, ditunggu follbacknya ya, tks

26 November 2012 pukul 10.03

terima kasih bang tutorialnya ya.

26 November 2012 pukul 10.33

@Dedy Murman Thanks kembali sobat...

26 November 2012 pukul 10.35

@nOERMAn Thanks kembali atas kunjungannya..

26 November 2012 pukul 11.42

tq sudi berkongsi..sy belum buat lagi..mau cuba lepas ni

26 November 2012 pukul 19.05

@MaMa Rey Thanks Mama Rey. Silahkan coba ya...

20 Desember 2012 pukul 11.25

makasi banget caranya

26 Desember 2012 pukul 09.02

trims sobat..
saling melengkapi..
salam ayobangkit indonesia

27 Desember 2012 pukul 01.51

@ayobaidotcom sosmed ayo bangkit indonesia
Trims ya sobat
Salam kenal...

Posting Komentar

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Popular Posts

Postingan Terbaru

Diberdayakan oleh Blogger.
Social Bookmarking