Tombol Share Valid HTML5

Assalamualaikum Sobat,
Kali Ini Admin Akan Berbagi Tentang Cara Memasang Tombol Share Valid HTML5. Yuups, Pasti Kata "Tombol Share" Sudah Tidak Asing Lagi Bagi Sobat Blogger Yang Suka Mengunjungi Berbagai Blog. Biasanya Guna Dari Tombol Share Ini Sendiri Adalah Untuk Membuat Blog Anda Tersebar Ke Berbagai Media Sosial Dan Menjadi Sebuah Senjata Andalan Untuk Menjadikan Blog Yang Populer. Karena Jikas Sudah Tersebar Ke Media Sosial, Blog Pasti Akan Mendapatkan Banyak Trafik.
Baiklah, Jika Sobat Ingin Memasang Tombol Share Ini, Silahkan Ikut Tutorial Ini.

Cara Memasang Tombol share Valid HTML5

• Masuk Menu Template , Lalu Edit HTML
• Setelah Itu, Taruh Kode CSS Berikut Di Atas Kode ]]></b:skin>.

123456789101112131415161718192021222324252627282930313233343536373839404142.share {
border-bottom: 1px dotted #999;
border-top: 1px dotted #999;
font-family: Oswald, Arial, sans-serif;
font-size: 16px;
line-height: 1.8em;
position: relative;
text-transform: uppercase;
margin: 20px 0;
padding: 3px 0 4px;
}
.share a {
color: #fff;
font-size: 14px;
margin-right: 10px;
text-align: center;
text-transform: none;
}
.share a:hover {
color: #fff;
}
.share_facebook {
background: #0182c4;
padding: 3px 13px;
}
.share_facebook:hover {
background: #01689d;
}
.share_google {
background: #d44132;
padding: 3px 17px;
}
.share_google:hover {
background: #aa3428;
}
.share_twitter {
background: #20b8ff;
padding: 3px 19px;
}
.share_twitter:hover {
background: #1a93cc;
}

• Kemudian, Taruh Lagi Kode Berikut Di Bawah Kode <data:post.body/>.

123456<div class='share'>
<span style='float: left; margin-right: 15px; margin-top: 1px;'>Suka Artikel Ini? Bagikan: </span>
<a class='share_facebook' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:blog.url' expr:onclick='&quot;window.open(this.href,\&quot;_blank\&quot;,\&quot;height=430,width=640\&quot;);return false;&quot;' rel='nofollow' title='Bagikan ke Facebook'>Facebook</a>
<a class='share_google' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:blog.url' expr:onclick='&quot;window.open(this.href,\&quot;_blank\&quot;,\&quot;height=600,width=530\&quot;);return false;&quot;' rel='nofollow' title='Bagikan ke Google+'>Google+</a>
<a class='share_twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url' expr:onclick='&quot;window.open(this.href,\&quot;_blank\&quot;,\&quot;height=430,width=640\&quot;);return false;&quot;' rel='nofollow' title='Bagikan ke Twitter'>Twitter</a>
</div>

• Simpan Dan Lihat Hasilnya

DEMO

Nah, Itulah Cara Membuat Tombol Share Valid HTML5.

Sekian, Semoga Bermanfaat.