Kemudian cari kode

Minggu, 19 Juni 2011

Cara Memasang Share Pack (Share Post To Social Bookmark)

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/AVvXsEihH-iLuKtlNuHxJ3DQEQMJvM1C3rG1vPQII_AXbgZ289I-IzP8NssD-i4RjMIashox1ItAs2Qk_PmjC-hAokg8OozT_xG3VALIZeLKbHA8NVCjbCs_MdOBYIhPGr7azDiHejsBpt_ord8/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/AVvXsEh5XPEiIj556Bt1PqZHsrw4y6M04Zx1beeBZWYo2WEL9Zs-T_t9j2hTZoQbFe4dzt4YrOT47LeSDxSVfz8px7opAfRgUNsO1kI3FZIJWyxfLs5JXD2Ldf73aPoZ8ual-BGMznXmlx0tgAY/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/AVvXsEhFOuQBOLYPXlfTQpxHjXrNCxMP0R_6p3qFh1IEwE4uFJYGa7f4vgHq02oTFH8Enza0DUErCHj5W3ckbu5I2BtzfPVk-fqlcBd97BBA_UEaMC0q_4FMTNFT7K5QFXccbaASHnGQWE7Ssxk/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/AVvXsEhtfHOs46dXbXbvXHQuzuw3v5wdn4xSo_hNxeq2wDXlINnskqyYZHYjBwCM4fYcxiS_owTcEAH8DXtBcHuKKnabYQl8lA2C1zOxi7uaCcN1f0BPjojeXz-EfBOt5hJf2sVnGl1bh2RKOWY/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/AVvXsEieqAyRp7cVtZxPquXYBgG5kfrP8BZ60MhIUlm9BslUfdoEZndfKlreRgTaMjygpLLn6eAMRdhZfKfSe8cYpKNoIu-Ccx2VmKS13fJ3IUpi56rQ6z2C3Ub29ja21ci8SaIhdim69RZNpmI/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/AVvXsEg3GeFdX6hs4I353QP4nQlt7j3vQkancRlq6L2E9H7N2SD2ahlOB02K9hJl79kzzq972PONl7vajv_oY_OdBPSszpo0uoAaGoDP_jFrI9pxQMCdXqX2dhc517TokUiUPIIteYGB2zMtdWI/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, dan jingga 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 ........

Tidak ada komentar:

Posting Komentar