Share Pack - Cara Mudah Berbagi Artikel Anda


Kemarin malam saat saya baru saja ingin log out dan ingin tidur cepat karena memang akhir-akhir ini gak fit banget, seorang sahabat bertanya tentang cara membuat share pack, kumpulan tombol cepat untuk mempublikasikan artikel di berbagai jejaring sosial seperti yang Anda lihat do bawah postingan saya. Dengan tombol itu kita bisa dengan cepat nongkrongin artikel di facebook, dig, twitter dan lain-lain. Nah, karena saya selalu berasa beban (hehehe) dan tertantang jika ada pertanyaan dan belum saya jawab. Daripada tidur gak nyaman mendingan posting dulu deh sebentar... Caranya mudah... ikuti saja dua langkah sederhaa berikut:

Masuk HTML dan jangan lupa centang Expand Widgets Template
(Pesen bagi pembaca, jika menemui artikel-artikel saya yang lalai dalam satu perintah ini (expand widgets template) mohon bantuannya untuk mengingatkan dalam bentuk komentar ya... Sering lupa yang satu ini nulisnya.... Terima kasih....

1. Cari kode ]]></b:skin>
2. Letakkan kode berikut di atas ]]></b:skin>


.sexy-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}

.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

3. Cari kode <div class='post-footer'>
Tambahkan kode berikut ini di bawahnya


 <div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'
/></li>

<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/YOUR-FEEDBURNER-ID' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;amp;&amp;title=&quot; + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>

4. Terakhir Simpan template

Selamat mencoba ya sob... Semoga bermanfaat dan akan menambah trafficmu.
Mas doyok update tiap hari, segeralah berlangganan lewat email atau menjadi followers kami.

Komentar

  1. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. wadow kang selalu berkunjung dan selalu ada yang bary dan bermanfaat,dan selalu izin buat sedot ilmunya kang,mantab kang sukses selalu ya.salam indonesia damai.

    BalasHapus
  3. keren2 nih tipsnya, tp fb sy jarang di update mas doyok :D

    BalasHapus
  4. @hill lo bukannya dengan share pack ini kamu jadi lebih mudah update, tinggal klik

    BalasHapus
  5. wah seandainya bookmark button belum saya pake pasti udah make yang ini, seeep dah ilmunya, bagi2 ilmunya ya mas, entar saya subscribe...

    BalasHapus
  6. @teplok, bukannya malah mantep tu sob...

    BalasHapus
  7. mantep mas, dah saya praktekin di blog saya... hehehe.. thankyu mas

    BalasHapus
  8. @joeniar oke deh........ manteppppppppp

    BalasHapus
  9. wah ta save pagenya ya...bis ini saya uda pernah tanyak ama temen tapi ga dikasi tau caranya...
    trus ada pluginnya untuk wp tapi malah error pluginnya..
    apa ini juga bisa diterapnya di wp mas??thanks yuwwww..

    BalasHapus
  10. @si konyol saya belum pernah coba di WP, saya sendiri juga belum merambah WP mas :D

    saking fanatiknya ma blogspot

    BalasHapus
  11. thanks kang doyok, tp lbh baik di tulis sumbernya biar nda bingung

    BalasHapus
  12. 2ocim soalnya ini saya gak pake sumber saya edit sendiri edit edit template

    BalasHapus
  13. wah mantap tips nya,oke nih buat di coba kapan2

    BalasHapus
  14. berhasil..berhasilll,makasih ya mas atas ilmunya.... ^_^

    BalasHapus
  15. mas Doyok makasih nih..
    ngomong" gimana ngubah tulisanya jadi
    sharing is sexy?

    BalasHapus
  16. terima kasih semua sobat blogger
    itu hanya menggunakan background, kok
    ganti saja backgroudnnya
    tulisannya ada dalam background

    BalasHapus
  17. mas, gmana agar share packnya hanya muncul stelah di read more (bukan dihalaman muka)??????

    BalasHapus
  18. trus gmanna pula menaruh tulisn "Jika Anda menyukai artikel saya, bla bla bla" seblm share packnya?

    BalasHapus
  19. @the sunrise
    untuk membuatnya hanya setelah readmore silahkan baca disini :
    http://www.masdoyok.co.cc/2009/08/trik-gadget-di-bawah-postingan-hanya.html

    nah sedangkan untuk tambahn itu silahkan tulis saja manual di atas kode sharepackumu :D

    BalasHapus
  20. @the sunrise
    untuk membuatnya hanya setelah readmore silahkan baca disini :
    http://www.masdoyok.co.cc/2009/08/trik-gadget-di-bawah-postingan-hanya.html

    nah sedangkan untuk tambahn itu silahkan tulis saja manual di atas kode sharepackumu :D

    BalasHapus
  21. Selalu berguna dan bermanfaat. Thanks a lot

    BalasHapus
  22. @jenderal kancil
    alhamdulillah kalau bermanfaat :D

    BalasHapus
  23. tips sudah dicoba..dan berhasil sodara-sodara

    BalasHapus
  24. walah parah yach sekarang ini mas doy, semua situs berlomba error, baru tau kalau sexy bookmark juga error

    BalasHapus
  25. terpaksa baca panduan untuk hapus :D heheeee jangan ketawai yach mas doy ;-)

    BalasHapus
  26. wkwk
    gak ketawa kok
    cuma mau ngakak :D

    BalasHapus
  27. kan sama tuh antara ketawa and ngakak :D

    heheeee.. habis ini apa lagi yang error yach mas doy?
    lama lama otak ku ini yang error pula mas doy :'(

    BalasHapus
  28. mau ganti seperti punyaku sharepacknya ramlan?

    BalasHapus
  29. mau lah mas doy :D, apa aja ya langkah-langkahnya mas doy?

    BalasHapus
  30. waktu pertama buat pake browser mozilla gak ada masalah, sekarang pake browser chrome gambar share packnya kok gak bisa keluar ya? dan pake browser lainnya juga gak bisa.Krn utk blog Mas Doyok kok tetep bisa keluar. Mohon Petunjuk dari Master....

    BalasHapus
  31. @ramlan :D sante aja
    @kancil emang gambarnya sudah kadaluarsa dan saya belum host ulang, saya lagi cari lagi gambarnya utk host

    nanti saya posting sharepack tipe saya yg baru

    BalasHapus
  32. @jenderal kancil jdi di semua tutorr jadi seperti ini

    saya benerin dulu :D

    BalasHapus
  33. Mas Doyok, thanks atas info mengenai sexy social bookmark. Saya sudah pasang di blog saya di http://wirawanlaksono.blogspot.com

    Keep good work bro...

    BalasHapus
  34. terima kasih komentarnya
    semoga bermanfaat

    BalasHapus
  35. wah sip mas, saya paling suka klo yg sifatnya promo blog kita tp gak ribet, thanks mas

    BalasHapus
  36. Sip banget mas...
    Bisa belajar banyak nie (hehhe..). Mau nyobak pasang mas. Dh cari2 nie trik..
    hhehe..

    BalasHapus
  37. Hi bro.. would you like to share link with me?
    I've been add your link to my blog and add your share pack widget too. Check it out, perhaps we can share information each others.

    Btw nice blog bro..

    BalasHapus
  38. Bagaimana sih mau hilangkan kalimat sexy dari sharing is sexy

    BalasHapus
  39. makasih" mas doyok jago banget nulis artikelnya he he he

    BalasHapus
  40. Thx mas atas infonya,sangat membantu !!!

    BalasHapus
  41. akhirnya nemu juga yang bisa di pake di blog saya.. share pack yg ada di blog2 laen ada yang ga pas di blog saya

    thx infonya

    BalasHapus
  42. boosss kok gak dong neh aku...tolong di bantuin yach...tuk pasangnya

    BalasHapus
  43. nih artikel yang ane cari2.. mantap mas doyok.. salam

    BalasHapus
  44. ak uda coba...
    tapi kok gada apa2 ??

    BalasHapus
  45. @rizkyswalihadi
    mas doyok ini bloger kan, trus mas pakek id domain kan ?

    BalasHapus
  46. div class='post-footer' kok gk ad ya ms???jd hrus sy tambain dmn trus ms??

    BalasHapus
  47. cari pakai ini aja mas
    div class='post-foote
    gak harus disitu, bisa juga di bawah posting atau diatas div comment

    BalasHapus
  48. gambare rusak tu ... mas doy ... hrs diperbaiki tu ... hehehe

    BalasHapus
  49. kk ko yg div class='post-footer' nya gk ada..
    tolong di bantu

    Kunjungi Blog saya www.thyanzweb.co.cc
    thx

    BalasHapus

Posting Komentar

Postingan Populer