Cara Membuat tombol Share Di Blog

Posted by Unknown Wednesday, May 2, 2012 39 comments
Cara Membuat Tombol Share Di bawah Postingan Blog

Salam Hangat Untuk temen blogger,kali ini Nubi akan memberikan tips mengenai cara membuat tombol share di bawah postingan blog.

Banyak dari temen-temen blogger yang lain yang sudah membahas tentang cara membuat tombol share di bawa postingan blog,namun penyajiannya dengan berbagai cara,ada yang dengan menambah gadget di blog dan ada pula yang dengan gampangnya mengoprek scrip di blog.

Nah,kali ini nubi akan memberikan cara membuat tombol share di blog dengan cara yang ke dua,soalnya bisa lebih praktis dan gampang,dan tentu saja yang di share adalah halamanya bukan blognya jadi dampaknya lebi positif untuk blog.

Berikut cara membuat tombol share di bawah postingan blog.

Cara pertama.

pertama-tama renggangkan dulu otot tangan jangan tegang apalagi ngambek soal nanti tidak bisa.

Masuk ke dashboard, klik rancangan => Edit html => centang "Expand Template Widget" => cari kode berikut ini: ( supaya lebih cepat tekan (Ctrl-f ) kopi paste kode berikut ini di kotak pencarian)

<data:post.body/>
Sudah ketemu..?jika sudah letakan script berikut di bawa kode di atas tadi:


<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fa1d52c6093f652"></script>
<!-- AddThis Button END -->


Jika punya sobat ada 2 ada 4 atau lebih script (<data:post.body/> )sobat taruh saja kodenya di bawah  kode yang ke dua,dan apa bila ada related postnya di blog sobat letakan saja di atas script related post yang sobat buat.

Yang terakhir, save template(pratinjau dulu sebelum di save) dan lihat hasilnya.

Cara yang kedua adalah menambah gadget di blog,
Caranya adalah,

1.masuk ke dashboard

cara membuat tombol share di blog


2.Klik tambah gadget
cara membuat tombol share di blog


3.Klik HTML/ Java script
cara membuat tombol share di blog
cara membuat tombol share di blog


5.Masukan kode berikut ke dalam kotak java script

<!-- AddThis Button BEGIN --><div class="addthis_toolbox addthis_default_style "><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_button_google_plusone" g:plusone:size="medium"></a><a class="addthis_counter addthis_pill_style"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fa1d52c6093f652"></script><!-- AddThis Button END -->

Langkah terakhir adalah klik simpan.
Tarraaa....!! lihat hasilnya......

Oke sobat,mungkin cukup segini dulu tentang cara membuat tombol share di bawah postingan blog,semoga dengan artikel ini bisa membantu sobat dalam mempercantik blognya.

Jangan lupa koment yaa...?

Budayakan backup dulu template jika ada kesalah bisa di restore kembali template sebelumnya.
Comments
39 Comments

39 comments:

Unknown said...

Thank's Infonya gan, oia kunjungan baliknya gan : http://jss-triplermadura.blogspot.com/

Anonymous said...

mas admin kalo boleh saya kasih tau mending pake yaang langsung aja di edit html biar bisa di preview duulu hihihi, yakan:)

thanks infonya..

adhe said...

wah bermanfaat sekali mas..sangat membantu sekali bagi saya sebagai bloger pemula..kapan-kapan mampir ya ke blog saya http://adhe-share.blogspot.com/

Cimotivator said...

siipp gan, akan saya usahakan....

adibey blog said...

makasih untuk infonya gan.. slam kenal

Asep Haryono said...

Saya sudah praktekan di Blog dan script bekerja dengan Sempurna. Terima Kasih sob. Semoga Allah SWT membalas kebaikan mu. Salam dari Pontianak

Unknown said...

Alhamdulilah gan, sukses selalu.....

Unknown said...

sama-sama gan, alhamdulilah bermanfaat....

Unknown said...

Ok, di tungggu kunjungan balik saya gan...

Unknown said...

makasih gan info nya,
yang suka musik, bisa berkunjung di music-accad.blogspot.com

Wiro Djampang said...

Terima kasih bro tutorialnya...salam hangat..!

vero ivank said...

thnks.....

dan said...

terima kasih gan.. berhasill

Unknown said...

ok, langsung ke TKP Gan.

Unknown said...

sama-sama bro, semoga bermanfaat. terima kasih udah berkunjung.

Unknown said...

masama sob...thk udah berkunjung..

Unknown said...

sama-sama, alhamdulilah..,

Berita Online Indonesia said...

makasih gan infonya membantu banget

Black Hariki said...

thanks min atas infonya, jangan segan segan tu mampir ke log ane @animeviz.org

Ivan Ridwan said...

terimakasih gan, kunjungan balik jangan lupaya, newbie nih, hhe

Indro said...

makasih banyak gan,,,,
sangat membantuu,,,

visit gan,,,
http://shareforever24.blogspot.com/

Iklan Internet Murah said...

Mantap :)
saya sudah terapkan ke Blog saya,
Thanks ya :)

Unknown said...

sama-sama gan, makasih atas kunjunganya.

Unknown said...

oke sip, di tunggu saja komenya...

Unknown said...

bro tukeran link yuk
http://suryanewsonline.blogspot.com

krisan said...

tengkyu,,,,,,,, ditgg kunjungan baliknya......
http://krisantipsdantrik.blogspot.com/

Fortuner SUV Terbaik said...

good job ! terimakasih sobat. tips yang terbaik dan ilmunya bermanfaat.

Agus eSWe said...

gan,, aq cb pake cr yg pertama koq gagal ya, why???

agus said...

Gan,, aq cb pake cr pertama (d bwah postingan) koq ga bisa, why??

agus said...

saya coba cr pertama koq ga ad perubahan gan,, why..???

Unknown said...

pada dasarnya si sama saja gan. agan ambil saja kode html nya, setelah itu taruh di bawah postingan blog atau di atas judul heading 1. itu kode setiap blog berbeda gan,() biasanya kodenya seperti itu gan dan setiap template berbeda, ada yang dua ada juga yang hanya 1. kalau dua taruh yang ke dua.
semoga bisa membantu.

Mister Complete said...

keren kawan berhasil diterapkan. terimakasih banyak sudah share ilmu yang bermanfaat ini.

Sorana Indonesia said...

mantep gan.... langsung ane coba dan maknyos...

Unknown said...

thank you gan..postingan yang bermanfaat. Visit me back gan..!!! :D

doma99 said...

thank share nya mas... nice artikel..

Unknown said...

ok, sama-sama mas doma99 terima kasih sudah berkunjung, semoga bermanfaat.

b-anonymous said...

thanks your tutorial

Unknown said...

thanks to tutorialnya, jadi ngerti tentang beberapa tips blog, kunjungi juga blog saya. Saran dan kritik juga ya.

joemulyono.blogspot.com

AP Office Digital said...

terima kasih gan .. masih lancar kodenya belum expaired buat diterapkan diblog .. salam kenal :)

Post a Comment

Berkomentarlah secara bijak,karen saran dari temen sangat bermanfaat buat kemajuan blog ini.
Note : Komentar di moderasi, jadi komentar yang bijak dan bermanfaatlah yang akan di tayangkan.

Recent Coments

Tentang Saya

Nama Saya Heka Ardian, Dari KEDIRI jawa timur yang masih Gaptek. Tujuan membuat blog ini tak lain hanyalah untuk sekedar sharing dan memberikan Informasi yang semoga bisa bermanfaat Bagi pembaca setia Blog Ini. Ingin share atau berbagi cerita kalian? Saya selaku admin sangat senang menerima itu, nama dan identitas sobat akan saya cantumkan di akhir artikel, Mau silaturahmi sama saya? Klik facebook ini. Blog Lain Ophoo