Di artikel saya yang dahulu kala (lebay dikit, hehe) saya pernah menulis tentang cara share artikel to facebook, namun setelah dilihat, diamati, dan ditelaah ternyata ga seru klo hanya share to facebook aja yang ditampilkan, berhubung saya udah nemuin ilmunya sekarang saya akan menulis tentang cara share artikel tetapi bukan Facebook aja, bisa juga Twitter dan yang lainnya seperti di bawah postingan ini.
Caranya hampir sama, kita tinggal siapkan kode HTML dan sisipkan di template kita. Sepeti biasa kita harus masuk ke menu edit HTML di blogger kita, beri tanda pada box expand template lalu cari kode ]]></b:skin> untuk lebih mudahnya tekan CTRL + F.
Sisipkan kode ini di atas kode tersebut.
.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; }
Setelah itu cari kode <data:post.body/> Lalu sisipkan lagi kode berikut ini tepat dibawahnya.
<b:if cond='data:blog.pageType == "item"'> <b>Share This Post to Others:</b><br/><br/> <div align='center'> <a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share to Facebook'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVGzDE00qYoC5K6hbzX74I9CASU3n3_kZbN9jb0R8RBjcvi7_w6OlnQh8VVevtX9kP9UNhvgmbby7zwni8qm8XMiHN4-g7tKpSZ9LTSZbaDg2In7IDP8lRtwyl7U14KxDr-rPd2zicyvk/s320/facebook.png'/></a> <a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share to Twitter'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZgBjsVsBigHYyJ4L9OjCjvgGOMVFRhheZmnGg574wCUN1RqGeV7yqM4Wju-dm0kLIzaycKCyku5uWK4M-NEHCcFkjCA8oeXjv8yx6qUF2gPiA3FkQa__Sb7NY-nDV8Z-SuujhsQ_HGVI/s320/twitter.png'/></a> <a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share to Digg'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiptL1xx5xvemhulnkGq_D6oIOPAB9QPNnSssXwffJxzKRW8PcPYjIaG7EvWcTEySyodpTmSCRvoeCdg7qcqfc1pcx9vdPQ1zHhG0aRVACqzEo0JtYbdGUc-kRhWkIA2sskmjf8VgOsZWc/s320/digg.png'/></a> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share to Del.icio.us'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMn5aVBeI4nWit-MNJSwE4kFiU4hjmpBiIl8lMqd9hWu_SuYuBbIqo2-0Xl-06GdfhZG2vlZbTuhohwLb6ypMlBvdmSaXS54HXP_LpuHtEqyzky6j1iT2NjcPRzW_Vwh-sRP_q1_FKDoc/s320/delicious.png'/></a> <a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share to StumbleUpon'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSUOmEpEsB9Ev_QoAEPPqNf52j6wVI4D9GYx7IYC_c8RcXUPQ3ZfijcmtyMpuiBT6cRaycejFeDvAdSROjKiGtg8F3WoYzyqyf65ZHfCIyeSL8FUQK2QAS6pxuduz1klng9anvBcmIixk/s320/stumbleupon.png'/></a> <a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share to Technorati'><img class='share' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJDpp4bqkRmp37uFpKFzuThyWT-cwN72nr3zd83qXFOlb8PM-yPss4VEXb_fFRwJtJ8LjldZ8yE2XPYLAICRDG2pJy8mAg1cb4a6CFrUUZ94fNSSDo3MERbEEbQTeOBBx18U5q9PhlzsM/s320/technorati.png'/></a> </div> </b:if>
Klik save lalu lihat di blog Anda apakah sudah muncul link untuk share-nya. Klo sudah bisa syukur Alhamdulillah, tetapi klo belum mungkin template yang digunakan tidak kompatibel dengan HTML-nya tetapi tetap berusaha ya supaya berhasil. :)
Inspirated by : http://anggasona-anotherbestblog.blogspot.com
Tidak ada komentar:
Posting Komentar