Latest Games :
Home » , » cara memasang share pack ( share post to sicial bookmark )

cara memasang share pack ( share post to sicial bookmark )

| 2komentar

Banyak cara untuk mempercantik tampilan blog sobat dengan sedikit menambahkan aksesori di dalamnya, salah satu nya adalah dengan menambahkan Share Post ke Social Bookmark Menggunakan Share Pack.

Share Pack ini berfungsi sebagai widget yang digunakan untuk memudahkan pengunjung membagi artikel sobat ke jejaring sosial, seperti Facebook, Twitter, Technorati, dan lain sebagainya.


EXAMPLE

Jika sudah tidak sabar lagi untuk membuatnya, silahkan sobat ikuti langkah - langkah berikut ini.

1. Login ke Blogger, lalu seperti biasa, klik Tata Letak >> Edit HTML
2. Untuk mencegah hal - hal yang tidak diinginkan, backup dulu template blog sobat lalu klik Download Template Lengkap
3. Kalau sudah, klik checkbox Expand Template WIdget
4. Lalu cari kode berikut, ]]></b:skin>
5. Copy kode berikut persis berada di atasnya.

.share, img.share{ border: 5px outset; border-color:#FFFFFF #000000 #000000 #FFFFFF;} .share:hover, a:hover .share{ border: 5px inset; border-color: #585858 #A4A4A4 #A4A4A4 #585858; }

6. Lanjutkan dengan mencari kode berikut ini.

<data:post.body/>

7. Lalu taruh kode ini persis berada di bawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <b>Share This Post to Others:</b><br/><br/> <div align='center'> <a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Facebook'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLaEhZuP5lz-nuuLx8jgmsMrbQEnecibaK0r3oxPi2f7464zZNEkYGr3vacZolRzOe8VYPt9EYtEagi8y1dVLVySRXG7zsxVhmTVsHPexeqsGBmzAg2oXCg-TzRt_OQQEsHaR-KX1D2cw/s320/facebook.png'/></a> <a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Twitter'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1sHPGwPw3kwTQZ_59Q0yXSX6c5L_eeDNKF8sWDS2Zxb0lWomFnddX_iM5uq_8oeUhNiOK-kHBpgRZI2sLwzDkN09duQAiLuKNWZm2GJBeHtPDNC7yCUpFzkfAf96c9qRr7iD89t07Mg8/s320/twitter.png'/></a> <a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Digg'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmYi56kmKdFv1eOHWGsfpJNyJtCZw_fmNaRIvZdspiTjsFS59246pSc8kDKHGtYFtvihp8_6gpfD8F4jLpjWEKXloyzCWqxmDl__rWfjI-CpkJC7D0GZmd1SptpQA4KRblqtOjCP9hJX8/s320/digg.png'/></a> <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Del.icio.us'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeezxsG6H4QOd-lp53w4qr14-cg5BlCiJPXkdvjq5ykBTapDPCoNW4QwwH6qV42uidXHRi5IU1VrSGnaB6k6_ZWJZJ3gRpdOxUbKoRvUZNAU_zzpCdOpugN6Rg7-8A2nf1h3BXHLVjcYg/s320/delicious.png'/></a> <a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to StumbleUpon'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNDfFIJ9uvvzO8yRxb4z2IrdN21LVOhIyDM2OAr9uUoat2lUIFpdUa7M7gnNzqfQzQ7s839p4Uzy0NT-dsP4W9POC3HlpB6EpFaQnCMXKLpHVN9hUYDKCB2023UH0fULid-jYSwvmxAO4/s320/stumbleupon.png'/></a> <a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Share to Technorati'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheSOsuuyxC3KAGMqw6tTcNABMTcll-K1jH-QY2bmMg7c5a5JsiEVWWxE_W61IOomZEV4qRVMPij-AReKsRHy4hnCe6ZOuyDdQEGj_cRq7oiEqzvKYUCt3vdGp6H2fcf-yWhd4J5Osti1k/s320/technorati.png'/></a> </div> </b:if>

8. Simpan dan untuk melihat hasilnya klik View Blog.


Ket: Bagi sobat - sobat yang ingin mengkastem share pack ini jangan lupa baca keterangan ini. Jika sobat - sobat punya koleksi icon menarik lainnya, silahkan ganti alamat yang berwarna hijau untuk ikon Facebookbiru muda untuk ikon Twitter, merah untuk ikon Digg,biru tua untuk ikon Delicious, kuning untuk ikon Stumbleupon, danjingga untuk ikon Technorati dengan alamat ikon masing - masing ya sob.
Selesai sudah artikel Cara Memasang Share Pack (Share Post To Social Bookmark) kali ini . selamat mencoba dan mencoba sampai bisa ........
Share this article :

2 komentar:

  1. Saya Kurang paham kk,,kan klik tata letak...tulisan Edit HTML nya di mana???

    BalasHapus
    Balasan
    1. coba kamu perhatikan langkah 5 , 6 ,7

      5 . kmu disuruh copy kode itu tepat diatas kode b:skin
      6 . lalu kmu disuruh nyari data post body
      7 . lalu kamu disuruh copykan kode tepat di bawah kode itu

      Hapus

komentar tidak boleh berisi konten kotor
komentar tidak boleh spam
kesulitan boleh komentar dengan kata baku bhs indonesia
jangan lupa like and follow

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. FAHMI X-PAZ BLOG - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger