Template by:
Free Blog Templates

Translated To Your Language

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
by : BTF

Sunday, June 20, 2010

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='http://4.bp.blogspot.com/_uhg4L8e7Ry8/S4jAoAatxfI/AAAAAAAAAD0/8uSUjyxfD_w/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='http://1.bp.blogspot.com/_uhg4L8e7Ry8/S4jA6AEWjxI/AAAAAAAAAEU/rdCh0kJsyfg/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='http://1.bp.blogspot.com/_uhg4L8e7Ry8/S4jAlempuGI/AAAAAAAAADs/1NY2EB8PMIA/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='http://4.bp.blogspot.com/_uhg4L8e7Ry8/S4jAgiMHLXI/AAAAAAAAADk/h2kozc-MzZw/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='http://4.bp.blogspot.com/_uhg4L8e7Ry8/S4jA1aboR2I/AAAAAAAAAEE/dlmixBh27lU/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='http://1.bp.blogspot.com/_uhg4L8e7Ry8/S4jA3hUM2lI/AAAAAAAAAEM/g9Jf21iYLks/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 kali ini selamat mencoba dan mencoba sampai bisa ........

1 comment:

  1. DUH MAS BUANGTSSSSSS ........................
    PAS MAU MASUKIN AKUN FACEBOOKNYA TOLONG MINTA CONTOH YANG JELAS.................
    LAM KNAL..........YA MAS SUKSES SLALU

    ReplyDelete

Setelah membaca artikel ini jangan lupa tinggalkan comment, akan tetapi comment yang berbau spam akan saya hapus okey ...... !!!!!!!!

el_Joe Creations Headline News Article

el_joe creations

IP


.