Kamis, 04 Maret 2010

Cara Membuat Share Pack

Anda tahu share pack? Share pack adalah sebuah widget yang digunakan untuk memudahkan pengunjung membagi artikel anda ke jejaring sosial, seperti Facebook, Twitter, Technorati, dll. Nah, yang kita bahas bukan share pack di blog ini. Tapi di blog http://siapayangpantas.blogspot.com. Buka salah satu postingan, dan lihat pada bagian akhir postingan. Ada share pack disitu. Nah, tampilannya kira-kira seperti dibawah ini.

Bagaimana? Menarik? Okelah kalo begitu, kita mulai!

1. Login ke Blogger, lalu klik Tata Letak > Edit HTML.

2. Backup template anda.

3. Centang checkbox Expand Template Widget.

4. Cari kode:
]]></b:skin>
5. Copy kode berikut diatasnya.
.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. Cari kode:
<p><data:post.body/></p>
7. Taruh kode ini dibawahnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b>Share this post to other.</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.

9. Lihat blog anda.

Semoga berhasil!

Note:
Ikon-ikon yang saya pakai saya comot dari http://jwloh.deviantart.com. Apabila anda mempunyai koleksi icon lainnya, silakan 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.


Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Buzz It

Artikel Menarik Lainnya



30 komentar:

annosmile mengatakan...

makasih infonya bro..
klo pake wordpress lebih gampang ya..

J H A W mengatakan...

trima kasih atas infonya.. soalnya saya nyari yang brkualitas baru kali ini. oh iya kalo ningkatkan PR gmn ya..

Parenting mengatakan...

Info bagus, tutorialnya mantab. Panjang ya kode html nya ^_^

Kawang Flinders mengatakan...

Great post

berita bola mengatakan...

bagus nih infonya

fashion mengatakan...

makasih kang tips-tips nya

GO Banyumanik Zone mengatakan...

tambah lagi ya tips dan trik blognya

bang salom mengatakan...

yach...kebanyakan script nanti bisa bikin lelet lho

Akhmad Syaiful mengatakan...

Share pack = Bookmark. menurut Anda?

Rhyzaboy mengatakan...

Menarik bangetz kawan, makasih infonya...

rezKY p-RA-tama mengatakan...

wah penting ini
berkunjung juga...

haris mengatakan...

wuh thanks banyak mas infonya..

risang: hybrid car owner mengatakan...

hebat banget nih bos sharingnya.....thanks berat!

Pencari Inspirasi mengatakan...

langsung copy ah scriptnya... thanks ya...

Dek Yusron mengatakan...

keren artikelnya sangat bermanfaat please komen balik ya.... di

Kegiatan Sholat Dhuha Di Sekolah Ku

rey mengatakan...

okelah kalo begitu nanti akan kucoba pasang di blogku. btw kenapa disini gak pakai ya?

Aditx mengatakan...

Ijin dicoba mas punya saya hilang

Cah Banyuwangi mengatakan...

Numpang komentar ya.... informasinya bagus. tapi kok agak lambat ya untuk akses blog ini .. makasih.. sukses selalu

tika mengatakan...

artikel yang bagus saya suka dengan artikel anda

aminmas mengatakan...

wuihh...
info2nya mantabh sangat,,
nice job dah..

media pendidikan mengatakan...

langsung aku coba ya sobat..

trims

Frans Enriko Siregar mengatakan...

makasih mas..bisa
follow aq dunkzz temen2
fransnoel26102008.blogspot.com
fransnoelenglish.blogspot.com

Forantum I Blogging is My Life I Tutorial Blog I Tips dan Trik Blog I SEO I Free Template mengatakan...

Thank kyu...

Tenebaum mengatakan...

biar munculnya jadi setengah aja trus di atas nya ada tulisan share it dengan kreasi sendiri gmn sob???

Blogger Templates Colorizetemplates.com mengatakan...

oke maz.
langsung kita coba nich skrg.

kabar islam mengatakan...

makasih mas, akan saya coba terapin supaya situs saya bisa di share di fb.tapi kalo gagal boleh nanya lagi ya . tahmks

ichaa mengatakan...

kok saya coba ga bisa yaa?? tolong dibantu..thank's..

Anonim mengatakan...

Makasih infonya by http://abdisr.blogspot.com

thier mengatakan...

thanks ya atas infonya mas

Posting Komentar

Apa pandapat anda terhadap artikel ini? Berkomentarlah tanpa rasa malu, ragu dan takut.

Komentar diluar tanggung jawab pemilik blog. Jika anda berkomentar yang berbau pornografi atau sara, maka itu risiko anda sendiri.

Jika anda mengirimkan komentar spam, maka akan saya hapus.

Jika anda tidak ingin komentar anda ditampilkan, silakan kirimkan e-mail di halaman email me.

Jika anda ingin berceloteh bebas, silakan tuju halaman ini.

Anda dapat menggunakan beberapa tag HTML seperti <b>, <i>, <u>, <a>, <strike>, <sub>, <sup>, dan lain-lain. Anda juga dapat menggunakan emoticon Plurk seperti (lmao) (taser) (haha).

Untuk link exchange bisa dilakukan dihalaman ini, sedangkan banner exchange dihalaman ini. Permintaan link exchange dan banner exchange selain dihalaman tersebut tidak akan dilayani.



Emoticon yang dapat digunakan [Tampilkan] [Sembunyikan]



:-))
:-)
:-D
(lol)
:-p
(woot)
;-)
:-o
X-(
:-(
:'-(
:-&
(K)
(angry)
(annoyed)
(wave) | (bye)
B-)
(cozy)
(sick)
(:
(goodluck)
(griltongue)
(mmm)
(hungry)
(music)
(tears)
(tongue)
(unsure)
(highfive)
(dance)
(blush)
(bigeyes)
(funkydance)
(idiot)
(lonely)
(scenic)
(hassle)
(panic)
(okok)
(yahoo)
(cry)
(doh)
(brokenheart)
(drinking)
(girlkiss)
(rofl)
(money)
(rock)
(nottalking)
(party)
(sleeping)
(thinking)
(bringit)
(worship)
(applause)
8-)
(gym)
(heart)
(devil)
(lmao)
(banana_cool)
(banana_rock)
(evilgrin)
(headspin)
(heart_beat)
(ninja)
(haha)
(evilsmirk)
(eyeroll)
(muhaha)
(taser) | (rammi)
(banana_ninja)
(beer)
(coffee)
(fish_hit)
(muscle)
(smileydance)
(fireworks)
(goal)
(bzzz)
(dance_bzz)
(Русский)
(code)
(morning)

Cara menggunakan: ketikkan emoticon yang diinginkan. Untuk yang ada pemisah berupa "|" maka itu adalah alternatif. Seperti (wave) | (bye) maka bisa (wave) bisa (bye)


Pengikut

Follow via NetworkedBlogs



Jangan lupa jadi fans Muhammad Rizki Fadillah's Blog di Facebook. Klik link di bawah ini.

http://www.facebook.com/pages/Tips-Trik-Matematika-Tutorial-Blogging-Muhammad-Rizki-Fadillahs-Blog/277782561876

Setelah mengklik link diatas, klik tombol Become A Fan untuk menjadi fans Muhammad Rizki Fadillah's Blog.