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.
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>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
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 == "item"'> <b>Share This Post to Others:</b><br/><br/> <div align='center'> <a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + 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='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + 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='" http://digg.com/submit?url=" + data:post.url + "&title=" + 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='"http://del.icio.us/post?url=" + data:post.url + "&title=" + 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='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + 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='" http://technorati.com/faves?add=" + data:post.url + "&title=" + 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 Facebook, biru 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 ........
Selesai sudah artikel Cara Memasang Share Pack (Share Post To Social Bookmark) kali ini . selamat mencoba dan mencoba sampai bisa ........
Saya Kurang paham kk,,kan klik tata letak...tulisan Edit HTML nya di mana???
BalasHapuscoba kamu perhatikan langkah 5 , 6 ,7
Hapus5 . 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