Cara Mudah Membuat Share Button Manual

Cara mudah Membuat Share button manual

Tak tahu cara memulainya, jangan khawatir saya akan berbagi sedikit cara membuat share button manual yang saya ketahui. Sebelum kita ke tehnik cara membuat share button ada baiknya kita tahu fungsi dari share button.

Share button atau tombol berbagi, berfungsi untuk men-share (membagikan) postingan kita yang ada di blog kemedia social.tentunya bukan kita yang men-sharekan, mungkin ada pengunjung blog kita yang tertarik dengan isi blog kita dan pengen membagikan ke temen-temennyamaka tinggal klik tomblo ini aja. Ini salah satu cara dalam membangun backlink.begitulah dari apa yang saya fahami….

Bagaimana cara membuat share button?

1. Cara pertama yang harus kita lakukan yaitu menyiapkan gambar (image) yang akan di gunakan sebagai tombol….sobat bisa menggunakan gambar yang saya contohkan disini.

link Gambar tombol Twitter = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmDHRioZrT9nj-PA1_cXOe-i2tsyXQyP1UqXHitSKMUZpygwfb8Ih3s_97D5KqP0o-qMb99zM4xs4knIpGeldvHmAjrknP6UT7Q-Xry7R6H6dT9p4U0_CLh17dYlmoEuiSCDZgpn1mZlE/s1600/twitter.png

link Gambar tombol Facebook = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ7UCR0Y7avHlPk9ARGGoEaXOqDY1guZ-wEhUXwIVAzRGlTWUSsmAgSnVnUVpLm_9c9OILBBcA9fLsdGlwWkUJA7Lti6kYlaCzbyKfMpnHTSQdniV_PtUev3j23HOJI1HqvgkPm6XuwG3w/s1600/facebook.png

link Gambar tombol Delicious = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI7fANvNUfWuFdEm28V279GMLOyJpl4al_9Eby5yZiofNeMRKcxzKjPYnPhTWrO4e55iwKjbB1YQjnL1ee5GqbWFpp0CBZFF2YGq9aoMO8Jx7Ocyimc3-R6tpv3hux40x92gb06L7MCUFs/s1600/delicious.png

link Gambar tombol Digg = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyz4DQmKWT3yHPLdw9MqALSORHVcqMZljo59WrJtItNyNqFgh1YURA6ohT9SVy5cAw1cd8ap_YSfSDDJw4lKuPvGdTFgsmxql7VEw-6syoa1rpnfTV10f56HfSPtzLfh05B2vGko7JBA7p/s1600/digg.png

link Gambar tombol More = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvNVEIalX8icHkKBusPrINr4FLYzp6yEPcY6mhGqgtPM6WbtTU02VtGQfx7NOoAergQbf_xfxfVfJxBnoIJcn5CqewPLf5jHyp_pXH9LkCQeotHfXsNORADGONGQs5PapC14FjvK3Zfp3L/s1600/more.png

2. Cari kode ]]></b:skin> dan letakan kode di bawah ini di atasnya.


.addthis_toolbox{padding:15px 0 5px 0;text-align:center}<br /> .addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 3px 0 3px;padding:0}<br /> .addthis_toolbox .custom_images a:hover img{opacity:1}<br /> .addthis_toolbox .custom_images a img{opacity:0.85}<br />


3. Mau sobat taruh mana tombol share buttonnya Apa di atas postingan atau di sidebar?
- Kalau mau di pasang di atas postingan cari kode <div id='main-wrapper'>

dan letakan kode di bawah ini tepat di bawah kode <div id='main-wrapper'> 

- Kalau di pasang di sidebar cari kode <div id='sidebar-wrapper'>

dan letakan kode di bawah ini tepat dibawah kode <div id='sidebar-wrapper'> 

<br /> <div class='addthis_toolbox'><div class='custom_images'><a class='addthis_button_twitter'><img alt='Twitter' height='32' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHmDHRioZrT9nj-PA1_cXOe-i2tsyXQyP1UqXHitSKMUZpygwfb8Ih3s_97D5KqP0o-qMb99zM4xs4knIpGeldvHmAjrknP6UT7Q-Xry7R6H6dT9p4U0_CLh17dYlmoEuiSCDZgpn1mZlE/s1600/twitter.png ' width='32'/></a><br /> <a class='addthis_button_facebook'><img alt='Facebook' height='32' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ7UCR0Y7avHlPk9ARGGoEaXOqDY1guZ-wEhUXwIVAzRGlTWUSsmAgSnVnUVpLm_9c9OILBBcA9fLsdGlwWkUJA7Lti6kYlaCzbyKfMpnHTSQdniV_PtUev3j23HOJI1HqvgkPm6XuwG3w/s1600/facebook.png ' width='32'/></a><br /> <a class='addthis_button_delicious'><img alt='Delicious' height='32' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI7fANvNUfWuFdEm28V279GMLOyJpl4al_9Eby5yZiofNeMRKcxzKjPYnPhTWrO4e55iwKjbB1YQjnL1ee5GqbWFpp0CBZFF2YGq9aoMO8Jx7Ocyimc3-R6tpv3hux40x92gb06L7MCUFs/s1600/delicious.png ' width='32'/></a><br /> <a class='addthis_button_digg'><img alt='Digg' height='32' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyz4DQmKWT3yHPLdw9MqALSORHVcqMZljo59WrJtItNyNqFgh1YURA6ohT9SVy5cAw1cd8ap_YSfSDDJw4lKuPvGdTFgsmxql7VEw-6syoa1rpnfTV10f56HfSPtzLfh05B2vGko7JBA7p/s1600/digg.png ' width='32'/></a><br /> <a class='addthis_button_more'><img alt='More' height='32' src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvNVEIalX8icHkKBusPrINr4FLYzp6yEPcY6mhGqgtPM6WbtTU02VtGQfx7NOoAergQbf_xfxfVfJxBnoIJcn5CqewPLf5jHyp_pXH9LkCQeotHfXsNORADGONGQs5PapC14FjvK3Zfp3L/s1600/more.png ' width='32'/></a><br /> </div><script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/> </div>
4. Kemudian simpan template. Dan  lihat hasilnya…. 

 Saya rasa cukup mudah untuk membuat tombol share button ini. Namun jika ada sobat yang kurang faham jangan malu-malu untuk bertanya.