Cara Membuat Tombol Share di Bawah Postingan Blog

Kali ini saya akan mengeshare tentang - Cara Membuat Tombol Share di Bawah Postingan Blog, Cara Membuat Tombol Share, Membuat Tombol Share Di Bawah Postingan, Tombol  Share.


penampakan

Tombol share adalah suatu tombol untuk memudahkan pengunjung untuk menyebar luaskan postingan kita, jadi tombol share  ini sangat berguna dan bermanfaat untuk meningkatkan trafik blog kita sendiri.
blog kita akan dishare antara lain facebook, twitter, google+, dll.

Kenapa tombol share kita pasang dibawah postingan? kenapa tidak ditaruh dibawah judul saja?
jawabanya adalah karena  tombol share jika dipasang di atas postingan maka pengunjung belum mengetahui isi dari postingan tersebut dan akan mengurangi pengunjung yang akan mengeshare postingan kita, sedangkan jika tombol share diletakkan dibawah postingan maka pengunjung sudah mengetahui postingan kita, dan jika postingan kita benar-benar bagus, maka saya yakin pengunjung tidak keberatan untuk mengeshare postingan kita.

Oke langsung saja berikut ini langkah-langkahnya:

langkah 1

pertama masuk ke dasbor blogger>template>Edit HTML

langkah 2

tekan ctrl+F(untuk mencari kata) dan ketikkan </head> untuk mencari kata </head>

langkah 3

pasang kode dibawah ini tepat diatas kode </head>

langkah 4

cari kode <data:post.body/> jika kode tersebut lebih dari satu maka pilih kode yang ke 2 dan 3.

langkah 5

letakkan kode dibawah ini tepat dibawah <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><style>
.doncaprio-share-buttons{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #BBBBBB;background-color:#FFFFFF;-webkit-box-shadow: #B3B3B3 5px 5px 5px;-moz-box-shadow: #B3B3B3 5px 5px 5px;box-shadow: #B3B3B3 5px 5px 5px;padding: 5px;margin: 10px;}
</style>
<p align='center' class='doncaprio-share-buttons'>
<span class='st_facebook_hcount' displayText='Facebook'/>
<span class='st_plusone_hcount' displayText='Google +1'/>
<span class='st_twitter_hcount' displayText='Tweet'/>
<span class='st_pinterest_hcount' displayText='Pinterest'/>
<span class='st_digg_hcount' displayText='Digg'/>
<span class='st_stumbleupon_hcount' displayText='StumbleUpon'/>
<span class='st_fblike_hcount' displayText='Facebook Like'/>

</p></b:if>


note:
- kode berwarna merah diatas merupakan situs-situs yang di gunakan untuk share, jika ada yang tidak dibutuhkan maka silahkan dihapus beberapa.
- kode <data:post.body/> tidak selalu cuma ada satu, kebanyakan ada 2 atau lebih, jika tombol share belum muncul coba kode di atas di letakkan di <data:post.body/> nomor 2 atau 3 lalu save dan lihat hasilnya.
- jika dibawah <data:post.body/> terdapat kode iklan atau widget lain, letakkan kode diatas tepat dibawah widget tersebut.

Dengan memasang tombol share  di blog kita menjadikan blog kita lebih baik dan profesional.
Sekian postingan dari saya tentang Cara Membuat Tombol Share di Bawah Postingan Blog, semoga bermanfaat dan jika kurang jelas maka bisa ditanyakan di kolom komentar.

BACA JUGA POSTINGAN DIBAWAH INI:




4 Responses to "Cara Membuat Tombol Share di Bawah Postingan Blog"

  1. makasih infonya mas, di coba, apa gk ada kode yang lebih simple ya

    ReplyDelete
  2. maaf gan, postingan saya kurang lengkap, tetapi sudah saya update

    kalau tombol share belum muncul coba letakkan kode di bawah <data:post.body yang ke 2 atau yang ke 3, pokoknya sampai keluar tombol sharenya, di cona satu-satu gan

    kalau ingin kode tombol share yang simple dan bagus bisa di lihat di kolom komentar fb gan, karena di komen blogger ga bisa buat tulis kode gan, terimakasih sudah berkunjung ^_^

    ReplyDelete
  3. mampir balik ya.. :)
    http://new-magz.blogspot.com/

    ReplyDelete

- Jangan Meletakkan Link Aktif dan Mati untuk Promosi
- Dilarang Berkomentar Yang Berbau Porno
- Berkomentarlah Dengan Bijak
- Jika Ada Link Yang Rusak atau Tidak Bisa di Buka, Tolong Beritahu Saya
- Jika Ada Saran, Masukan, dan Kritikan Saya Akan Menerima dengan Senang Hati
- Berkomentar Untuk Menambah Pertemanan ^_^

wdcfawqafwef