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;
}
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='"http://del.icio.us/post?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'
/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'
/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'
/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'
/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'
/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;&title=" + 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='" mailto:?subject=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'
/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'
/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'
/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'
/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'
/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&amp;&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;&title=" + 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='" mailto:?subject=" + data:post.url + "&amp;&title=" + 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 ini telah dihapus oleh pengarang.
BalasHapus@thx dah...
BalasHapuswadow 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@peace poke deh makasih....
BalasHapuskeren2 nih tipsnya, tp fb sy jarang di update mas doyok :D
BalasHapus@hill lo bukannya dengan share pack ini kamu jadi lebih mudah update, tinggal klik
BalasHapuswah seandainya bookmark button belum saya pake pasti udah make yang ini, seeep dah ilmunya, bagi2 ilmunya ya mas, entar saya subscribe...
BalasHapus@teplok, bukannya malah mantep tu sob...
BalasHapusmantep mas, dah saya praktekin di blog saya... hehehe.. thankyu mas
BalasHapus@joeniar oke deh........ manteppppppppp
BalasHapuswah ta save pagenya ya...bis ini saya uda pernah tanyak ama temen tapi ga dikasi tau caranya...
BalasHapustrus ada pluginnya untuk wp tapi malah error pluginnya..
apa ini juga bisa diterapnya di wp mas??thanks yuwwww..
@si konyol saya belum pernah coba di WP, saya sendiri juga belum merambah WP mas :D
BalasHapussaking fanatiknya ma blogspot
thanks kang doyok, tp lbh baik di tulis sumbernya biar nda bingung
BalasHapus2ocim soalnya ini saya gak pake sumber saya edit sendiri edit edit template
BalasHapusmaaaaassss????
BalasHapuskenapa eweee???
BalasHapuswah mantap tips nya,oke nih buat di coba kapan2
BalasHapussip deh joker :D
BalasHapusberhasil..berhasilll,makasih ya mas atas ilmunya.... ^_^
BalasHapusTerima Kasih Senior :D
BalasHapusmas Doyok makasih nih..
BalasHapusngomong" gimana ngubah tulisanya jadi
sharing is sexy?
terima kasih semua sobat blogger
BalasHapusitu hanya menggunakan background, kok
ganti saja backgroudnnya
tulisannya ada dalam background
mas, gmana agar share packnya hanya muncul stelah di read more (bukan dihalaman muka)??????
BalasHapustrus gmanna pula menaruh tulisn "Jika Anda menyukai artikel saya, bla bla bla" seblm share packnya?
BalasHapus@the sunrise
BalasHapusuntuk 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
@the sunrise
BalasHapusuntuk 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
Selalu berguna dan bermanfaat. Thanks a lot
BalasHapus@jenderal kancil
BalasHapusalhamdulillah kalau bermanfaat :D
tips sudah dicoba..dan berhasil sodara-sodara
BalasHapussip ams ariii
BalasHapuswalah parah yach sekarang ini mas doy, semua situs berlomba error, baru tau kalau sexy bookmark juga error
BalasHapusterpaksa baca panduan untuk hapus :D heheeee jangan ketawai yach mas doy ;-)
BalasHapuswkwk
BalasHapusgak ketawa kok
cuma mau ngakak :D
kan sama tuh antara ketawa and ngakak :D
BalasHapusheheeee.. habis ini apa lagi yang error yach mas doy?
lama lama otak ku ini yang error pula mas doy :'(
mau ganti seperti punyaku sharepacknya ramlan?
BalasHapusmau lah mas doy :D, apa aja ya langkah-langkahnya mas doy?
BalasHapuswaktu 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@ramlan :D sante aja
BalasHapus@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
Waaa....
BalasHapus@jenderal kancil jdi di semua tutorr jadi seperti ini
BalasHapussaya benerin dulu :D
Mas Doyok, thanks atas info mengenai sexy social bookmark. Saya sudah pasang di blog saya di http://wirawanlaksono.blogspot.com
BalasHapusKeep good work bro...
terima kasih komentarnya
BalasHapussemoga bermanfaat
wah sip mas, saya paling suka klo yg sifatnya promo blog kita tp gak ribet, thanks mas
BalasHapusSip banget mas...
BalasHapusBisa belajar banyak nie (hehhe..). Mau nyobak pasang mas. Dh cari2 nie trik..
hhehe..
wah tq info nya mas..
BalasHapusHi bro.. would you like to share link with me?
BalasHapusI'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..
mantab! tq gan
BalasHapusmaju terus
Bagaimana sih mau hilangkan kalimat sexy dari sharing is sexy
BalasHapusmakasih" mas doyok jago banget nulis artikelnya he he he
BalasHapusThx mas atas infonya,sangat membantu !!!
BalasHapusakhirnya nemu juga yang bisa di pake di blog saya.. share pack yg ada di blog2 laen ada yang ga pas di blog saya
BalasHapusthx infonya
iNFO yang bermanfaat...
BalasHapusboosss kok gak dong neh aku...tolong di bantuin yach...tuk pasangnya
BalasHapusudah dipasang bos...
BalasHapusnih artikel yang ane cari2.. mantap mas doyok.. salam
BalasHapusak uda coba...
BalasHapustapi kok gada apa2 ??
@rizkyswalihadi
BalasHapusmas doyok ini bloger kan, trus mas pakek id domain kan ?
maz, kok gk jadi seh ...
BalasHapusgmna ne
div class='post-footer' kok gk ad ya ms???jd hrus sy tambain dmn trus ms??
BalasHapuscari pakai ini aja mas
BalasHapusdiv class='post-foote
gak harus disitu, bisa juga di bawah posting atau diatas div comment
gambare rusak tu ... mas doy ... hrs diperbaiki tu ... hehehe
BalasHapuscantikN BLOB Q LG L..............
BalasHapuskk ko yg div class='post-footer' nya gk ada..
BalasHapustolong di bantu
Kunjungi Blog saya www.thyanzweb.co.cc
thx