Cara Memasang Tombol Share Di Bawah Postingan
Seperti diketahui kalau memasang tombol share di bawah postingan mempunyai kegunaan untuk memudahkan para pengunjung blog yang ingin membagikan artikel yang telah dibacanya ke jejaring sosial, Facebook Like dan share, Twitter Tweet dan Google+1 merupakan layanan membuatkan yang terkenal ketika ini.
Banyak hal yang perlu Anda lakukan untuk meningkatkan pengunjung blog Anda. Saat ini Anda perlu berterimakasih kepada situs-situs jejaring sosial alasannya ialah dengan itu Anda sanggup mempromosikan dan membuatkan website atau blog Anda kepada kalangan yang lebih luas. Pada tutorial kali ini, saya akan membahas bagaimana cara memasang tombol share dari sharethis di bawah postingan Anda. Saya akan menyediakan banyak sekali macam script tombol share dan Anda sanggup menentukan mana yang Anda ingin pasang di website Anda. Tombol share yang saya sediakan diantaranya Facebook like dan share, Twitter, Google+, Pinterest, Digg, Stumbleupon. Lihat gambar...
Langkah-langkahnya ialah sebagai berikut:
1. Login ke akun blog Anda
2. Pilih sajian Template => Edit HTML
3. Cari arahan script </head> (gunakan Ctrl + F untuk mempermudah pencarian)
3. Cari arahan script </head> (gunakan Ctrl + F untuk mempermudah pencarian)
4. Copy dan pastekan arahan di bawah ini sempurna di atas arahan tadi !!
<script src="http://w.sharethis.com/button/buttons.js" type="text/javascript"></script>
<script type="text/javascript">stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>
5. Lalu cari arahan <data:post.body/>, bila Anda menemukan banyak arahan tersebut, gunakan arahan yang ke-2
6. Copy-paste arahan berikut ini sempurna di bawahnya:
<b:if cond='data:blog.pageType == "item"'><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>
Keterangan:
Huruf yang berwarna orange di atas ialah arahan pemanggil tombol share, Anda sanggup menghapus tombol share yang tidak diinginkan. Anda tinggal membaca kata terakhirnya menyerupai “facebook” atau “tweet” atau “pinterest”.
7. Selesai, lihat blog Anda !!
Semoga tutorial cara memasang tombol share di bawah postingan blog ini sanggup bermanfaat buat blogger yang lainnya.... Baca juga Cara Mengubah Tampilan Scrollbar Kaprikornus Keren. Jika Anda masih ingin membaca Tutorial dan Tips Blog menyerupai diatas, silahkan buka DAFTAR ISI di blog ini.
0 Response to "Cara Memasang Tombol Share Di Bawah Postingan"
Posting Komentar