Hallo kawan-kawan, kali ini saya mau memberitahu Cara Membuat Tombol Share Artikel Blog ke Beberapa Sosial Media.
Sebenarnya ada website penyedia script yang bisa untuk membuat tombol share artikel blog kita ke sosial media seperti facebook, twitter, dll. Nama website untuk membuat widget tombol share, yaitu addthis.com. Saya sudah punya scriptnya yang mungkin bisa memudahkan kalian agar tidak perlu repot buka websitenya untuk mendaftar dan mendapatkan scriptnya. Langsung saja, berikut ini Cara Membuat Tombol Share Artikel Blog ke Beberapa Sosial Media.
- Jelas sudah login ke blogger.com
- Pilih Tata Letak → Tambah Gadget → Pilih HTML/JavaScript
- Pilih salah satu script yang sudah saya siapkan di bawah dan masukkan ke kolom.
Cara meletakan di bawah posting blog
- Jelas sudah login ke blogger.com
- Pilih Template → Edit HTML
- Cari kode <data:post.body/> agar mudah mencari tekan (f3)
- Copy dan paste script yang ada di bawah, pilih salah satu dan letakkan di bawah kode <data:post.body/>
Variasi tombol share AddThis (pilih salah satu)
Kode 1 :
<div style=’float:right;margin-right:10px;margin-top:20px;’><br /><!– AddThis Button BEGIN –><div><a expr:addthis:title=’data:post.title’ expr:addthis:url=’data:post.url’ class=’addthis_button’><img src=”http://s7.addthis.com/static/btn/v2/lg-share-en.gif” width=”125″ height=”16″ alt=”Bookmark and Share” style=”border:0″/></a><script type=”text/javascript” src=”http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55855363d6632d”></script></div><!– AddThis Button END –><br /></div>
Kode 2 :
<div style=’float:right;margin-right:10px;margin-top:20px;’><br /><!– AddThis Button BEGIN –><div><a expr:addthis:title=’data:post.title’ expr:addthis:url=’data:post.url’ class=’addthis_button’><img src=”http://s7.addthis.com/static/btn/v2/lg-bookmark-en.gif” width=”125″ height=”16″ alt=”Bookmark and Share” style=”border:0″/></a><script type=”text/javascript” src=”http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b558593299fd997″></script></div><!– AddThis Button END –><br /></div>
Kode 3 :
<div style=’float:right;margin-right:10px;margin-top:20px;’><br /><!– AddThis Button BEGIN –><div class=’addthis_toolbox addthis_default_style’ expr:addthis:title=’data:post.title’ expr:addthis:url=’data:post.url’><a href=’http://www.addthis.com/bookmark.php?v=250&username=xa-4b55883524f285e8′ class=’addthis_button_compact’>Share</a><span class=’addthis_separator’>|</span><a class=’addthis_button_facebook’></a><a class=’addthis_button_email’></a><a class=’addthis_button_favorites’></a><a class=’addthis_button_print’></a></div><script type=”text/javascript” src=”http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b55883524f285e8″></script><!– AddThis Button END –><br /></div>
Itulah sedikit informasi mengenai Cara Membuat Tombol Share Artikel Blog ke Beberapa Sosial Media. Semoga apa yang saya sampaikan dapat bermanfaat untuk kalian.