Cara Membuat Tombol Shared (Daun) keren di Blog

Kali ini saya akan membahas cara membuat tombol share (daun) keren di blog sobat, saya katakan daun karena icon nya memang Berupa daun, dengan harapan tombol ini akan menarik perhatian pengunjung dan akan terpikat untuk menshare artikel kita ke jejaring sosial. Bagaimana Sobat tertarik..?? ok langsung saja ikuti langkah"nya di bawah ini...:




Cara Membuat
1. Login ke blog kamu.
2. Pilih Rancangan > Edit HTML > Centang Expand Widget Template.
3. Cari kode <data:post.body/> dan letakan kode di bawah ini tepat di bawah kode yang dicetak tebal.

<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS15spVnEOmGRlHJIGVvQ4_Mth9lOD99YQy6VrkHPfwkHjUEI0kV92xvz7dlzHIY3DETZ_WVSexfVEPeGx2Lg7KPFu6vbj1g6_YW0VGh2PZJYMJvuKwnfa1qjqgoD69bRc7BQhDiNm2F2f/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0fphGntjFOq35VCt0y33i-bkAwKkF5j9XPf2hE7Ie9_ZuGMzFv5kKZ4LQXoasI6AQGwlquNa8JcFohvzFh6rBRUUUArOwC3btlfvI1GWfp4nmidRqx7CfjVXIwqaXbXZIv42k2nGltKFr/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-UYrYPU06Bn93gf88qiRzwtvo3_8R-GZjG2FyVJ2Orb-AbLHawu8mO7W98WiQXBJ0-I9ydAdC-dNBB5Q_9eko4ty8SVHJuFbakPQK7NwcT5MY7b6AEKhibaH9iq_cnYqMbsf-8Re5MyG1/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3KPoNe6VoC_oeATh7R3JHEc7DcVtw3U_yJzhdahjgLfLgy9rtjWsFfNh45Sv38yq06BESQVM66eUcwqlPs-EACYQ1T7YYnVh0HpX7iGo8PCuj0uvhieEo7m34uNmQCxmpfl7kFJZV1QeU/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiftVVFqa5q3RZMxjVlEfQzoSsA7_4QaRGDetOfOnH_RFXmnzlKp-TY2D-iEoe-8lLe0_bnpQba4Xmmm9O6dDZP3AtLx5O32xiLKxDxhCCpD7iAFtzLluamHr4Czfyoch7uBGHCjRKv4Xw4/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAeK9xe2xReRRw2fKXojQ5ifJuja_HZrC9uthPZaXEaiaTF8urL1j575tybz6xn_IEKTkqOQU2soZAxbCYoLYtp0M82GY8X5Y_Yr6iOwyUIZ34Dfv3Wjpfzf5aavWg7CAFHmDbDIcV7pvG/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRUGdR6_bAxUG6fUkNPpHdtghYYkgIcYntAmHeWRFuNvhxNBBCIhAaLtlCc6NUbfCAOcymRF2OqCQ7F8YoRtliDuP0f2sWf68vKCF8fknK-djvfSgFJQKrnDhCXl1AMbYLDddzRnHEbSgt/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5q-m9U3gnwD2J7kQ8pcazHaYjaQhmwkBmxukUeQgIdBePAvmHrHa9HhVgaXiag-UBsHR7F7d8bZOaEQd-AwU2auAtLSZT6Yy_52fYi9NO7HWk6TmTp7BQYdLmyg8J0ThnTSrBqTcc21vA/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

4. Simpan Template, dan lihat hasilnya.

Selamat mencoba, semoga bermanfaat dan Terima kasih atas Kunjungannya.. :D 



sumber  :  http://optimus-software.blogspot.com

Artikel Terkait: