Setelah sekian lama Master Jin membongkar-bongkar akhirnya mendapatkan juga kode Tombol Share Mirip Blog Mas Sugeng. Kira-kira sudah ada yang tau tombol share milik Mas Sugeng ?? Hehe saya harap sudah pada tau, kalau belum ya okedeh, bisa dilihat pada gambar di atas atau tombol share milik saya dibawah. Baiklah langsung saja saya beri kode-kodenya :
~ Letakkan kode dibawah ini diatas kode ]]></b:skin>
#share-button-lanonadio {margin:0 0 8px;padding:0;overflow:hidden;}#share-button-lanonadio p {float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#eaeaea;font-color:#000;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff;}#share-button-lanonadio a {position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:6px 6px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff;}#share-button-lanonadio a:hover {top:1px;left:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1);}
~ Kemudian ini kode yang harus anda letakkan di bawah posting
<b:if cond='data:blog.pageType == "item"'>
<div class='clear'/>
<div id='share-button-lanonadio'>
<p>Bagikan ke</p>
<a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' style='background:#3b5998;' target='_blank' title='Facebook'>Facebook</a>
<a class='facebook' expr:href='"https://plus.google.com/share?url=" + data:post.url' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a>
<a class='twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a>
<a class='twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://digg.com/submit?url=http://www.erjud-chayob.com/2013/03/tombol-share-lintas-me-modified.html&title=Tombol Share Lintas Me Modified' rel='nofollow' style='background:#000000;' target='_blank'>Digg</a>
<!-- script begin here -->
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' style='background:#FF9900;'>Lintaskan</a>");
//]]>
</script>
<!-- End script -->
<div class='clear'/>
</div>
</b:if>
Berikut posting dari Master Jin mengenai Tombol Share Mirip Blog Mas Sugeng. Bila kesulitan bisa bertanya melalui kolom komentar dibawah, silahkan.
46 comments
alhamdullilah akhirnya dishare juga makasih banyak ya gan x-) (f) :d
X ✓sangat membantu tutorialnya mas. mksh udah berbagi
X ✓Kereen mas triknya,, ini salah satu fariasi yang unik dan menarik,,, terimakasi sudah berbagi...
X ✓wah keren mas, saya juga ada tapi ga lengkap :d
X ✓templatenya ganti sob, yang dulu padahal keren banget tuh
hehe okelah gan :-)
X ✓sama-sama . hehe :)
X ✓oke dah mas (o)
X ✓hehe template yang dulu kekuatan SEOnya kurang mas :-d
X ✓kreatif mas. jadi keliatan elegan gtu :-d
X ✓owh gitu ya sob... :d
X ✓saya comot sebagian scriptnya yah, trims sob
ilmu baru lagi nih, patut di coba :)
X ✓Keren juga mas Fajrin...
X ✓Inilah senengnya ngeblog...selalu dapet ilmu baru...hehehehe =))
Makasih sudah share yah....
WAH ngga nyangka nemu d sini tipsnya..mkasih mas !!
X ✓monggo mas :)
X ✓iya dong.. silahkan dicoba :>)
X ✓patut banget malah :-d
X ✓hehe iya mas sama-sama. makasih udah datang kesini :)
X ✓haha sip dah pokoknya :d okee
X ✓.. keren banget nich. ijin simpen ya?!? ..
X ✓boleh non (o)
X ✓berkat temen. ane nemu ini Mas Bro.. coba pasang. thanks mas bro. Salam Go Blog dari Mahasiswa Go Blog
X ✓okelas mas bro :-)
X ✓sip masbro tipsnya lintas terusss
X ✓hehe manteb terus dah =))
X ✓Maksudnya Letakan Dibawah Posting Gmna ..??
X ✓Buat Gadget atau apa..??
Atau Saat Buat Posting trus taruh di bawahnya.??
Atau Gimana..??
script di atas di taruh di bawah pada script area bawah posting blog.. melalui edit html itu
X ✓Maksudnya ..??
X ✓Di Bawahnya/Diatasnya Code apa..??
< /head >..?? < /Body >..??
Maaf gan.. masih Pemula.. :D
kalau punya saya di atas <div class='post-footer'>
X ✓soalnya tiap template berbeda..
Maksudnya Tiap Template Berbeda ..??
X ✓Ok Mau ta Coba Dlu
Dah Bisa Gan.. :D
X ✓Thanks yaa..
Trus Soal Loading nya Gan,. :D
Gmna..??
ada FB atau Twitter gx..?? Biar Enak Gitu Ngobrolnya.. :)
Sambil Mau Nanya' Soal Blogger
FB aja ya ? gak pernah buka twitter soalnya :d
X ✓http://www.facebook.com/daffa.dwiki
kapan2 boleh tuh di coba :D
X ✓silahkan mas..
X ✓Di Coba gan .
X ✓silahkan gan..
X ✓keren nih mas tombol sharenyaa
X ✓mantebs banget info dari ente bro. kunjungan balik
X ✓hehe makasih..
X ✓pastinya..
X ✓okey bro..
X ✓Udah ane pasang mas mantep :D
X ✓asik :D
X ✓sebenarnya keren sih Mas, tapi saya sudah punya... :D
X ✓sip deh..
X ✓ijin untuk memasangnya yah mas :)
X ✓www.herbalarjawinangun.com
asalamu alaikum,, kunjungan perdana mas. mau tanya mas, bagaimana mengatasi share tapi tidak tampil gambar.
X ✓bagaimana saya menggambarkannya. ini blog saya www.akarasa.com.
jadi saat saya share ke fb misalnya. hanya judul dan kotak kosong saja. mohon pencerahannya mas. sebelumnya terima kasih
1. Dilarang menanamkan link aktif
2. Dilarang promosi / meng-iklankan suatu produk dll.
3. Berkomentar dengan bahasa yang sopan
4. Untuk memasukkan gambar : copy url gambar lalu paste di form komentar
Tambahan :
✓ Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "KONVERSI KODE"
KONVERSI KODEEMOTICON