Postingan kali kita ini kita akan membahas Bagaimana cara buat share buttons keren di atas postingan blogger, widget ini memang betul-betul keren untuk Anda coba di akun Blogger Anda.
</head>
4. Pastekan kode dibawah ini, diatas pada kode diatas :
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-47c9cca-cf33-f245-f3f6-43ed7a58f34f"}); </script>
5. Cari kode diawah ini :
<data:post.body/>
6. Mungkin kode diatas ada 3 sampai 4, tempatkan kode dibawah ini pada kode pertama atau kedua :
<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>
7. Save Template Anda.
Sumber: http://d-copy.blogspot.com/2012/10/buat-share-buttons-keren-di-atas-postingan-blogger.html
Seperti yang Anda lihat, tombol memiliki jaringan sosial utama dan situs bookamarking sosial termasuk:
- Facebook Share Button
- Tombil Tweet
- Google+
- Pinterest tombol
- Digg tombol
- Tombol Stumbleupon
Yuk mari kita lakukan :
- Buka akun Blogger Anda
- Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
- Cari kode dibawah ini :
</head>
4. Pastekan kode dibawah ini, diatas pada kode diatas :
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-47c9cca-cf33-f245-f3f6-43ed7a58f34f"}); </script>
5. Cari kode diawah ini :
<data:post.body/>
6. Mungkin kode diatas ada 3 sampai 4, tempatkan kode dibawah ini pada kode pertama atau kedua :
<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>
7. Save Template Anda.
Sumber: http://d-copy.blogspot.com/2012/10/buat-share-buttons-keren-di-atas-postingan-blogger.html
Anda baru saja membaca artikel yang berkategori
internet
dengan judul
Cara Buat Share Buttons Keren di Atas Postingan Blogger
. Anda bisa bookmark halaman ini dengan URL
https://sisatruk.blogspot.com/2013/01/cara-buat-share-buttons-keren-di-atas.html
.
Artikel Terkait internet
Ditulis oleh:
Pramudya Ksatria Budiman
-
Rating : 4.5
Belum ada komentar untuk " Cara Buat Share Buttons Keren di Atas Postingan Blogger "
Post a Comment
Beri komentar anda.