Saturday, January 11, 2014

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:




No comments:

Post a Comment