Sehingga kita juga harus bisa menyediakan button untuk berbagi ke twitter dan facebook. Selain untuk memudahkan pembaca blog kita untuk berbagi dengan teman-teman atau merekomendasikan untuk dibaca. Button tweet dan facebook like bisa mempermudah kita dalam mempromosikan tulisan. Tinggal mengklik tweet akan menyebar di timeline follower atau saat mengklik like akan menyebar di profil facebook. Akan ada banyak teman yang tahu, dan akan banyak yang akan berkunjung ke blog kita.
Cara Menambahkan Button Tweet dan Facebook Like
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini <div class='post-footer'>
6. Setelah itu taruh kode berikut ini di bawahnya
<div style='float:left;padding:0px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='kurniasepta' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&action=like&layout=button_count&show_faces=false&width=100&font=arial&colorscheme=dark"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>
</div>
<a class='twitter-share-button' data-count='horizontal' data-via='kurniasepta' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&action=like&layout=button_count&show_faces=false&width=100&font=arial&colorscheme=dark"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/>
</div>
7. Simpan Template jika sudah selesai.




17 komentar:
wah , trimakasih bang ;)
ini sangat membantu sekali
@Fajar Permadi: sama2 :)
Trim's, banyak masukan bagus...
Wah nih berguna buAT blog saya
Thanks/....\
=)) :)) :X
div class...
kok ga ada di template saya ya mohon pencerahannya
dicoba triknya gan...tancap..
Terimaksih. Tutorialnya banyak membantu untuk mempercantk blog.
Salam sujses.
Gak ada gan code di template nya
kok gk ad d template fanny?
udah pecah kepala cari ny ~x(
makasih bang infox aku masih newbi
Baguz2... Terimakasih...
Terima kasih atas infonya. Sangat bermanfaat
terimakasih .....
makasih gan
wachh bguss y,, postinganya :))
v,, q br blajar ngeblog :(
terima kasih..
Poskan Komentar
Berkomentarlah di blog ini dengan cerdas
* Jangan mencantumkan link contoh: http://xxx
* Untuk menampilkan emoticon, ketik kodenya contoh: =))
Jangan sampai komentarmu masuk ke dalam SPAM!