Breaking News

Bisnis

Tips

Motivasi

Islam

Rabu, 12 Februari 2014

Membuat Link Share Artikel Blogger Yang Valid HTML5


Pada postingan kali ini saya akan membuat tutorial link membagikan artikel ke sosial media. Atau dalam bahasa kerennya membuat tombol share artikel. Namun tutorial kali ini hanya membuat link yang sederhana tanpa gambar. Namun valid html5. Secara saya lagi suka yang simple atau sederhana.

Walaupun simple, cara ini memiliki keuntungan untuk blog kita. Yaitu "loading" lebih cepat. Langsung aja nih cara membuat link share artikel blogger yang valid HTML5.
  • Buka blogger Anda
  • Buka Template -Edit HTML
  • Lalu Copy Kode berikut di daerah bawah postingan (artikel) Anda.
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' style='line-height: 20px; color: #fff; background: #3b5998; text-decoration: none; border: 1px solid #313c7d; padding: 3px;  font-family: arial, verdana, sans-serif; font-size: 14px; line-height: 20px;' target='_blank'>Facebook</a>

<a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' style='color: #fff; background: #4099FF; text-decoration: none; border: 1px solid #3a8be8; padding: 3px; font-family: arial, verdana, sans-serif; font-size: 14px; line-height: 20px;' target='_blank'>Twitter</a> 
 
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' style='color: #fff; background: #c0361a; text-decoration: none; border: 1px solid #9c2c15; padding: 3px; font-family: arial, verdana, sans-serif; font-size: 14px; line-height: 20px;' target='_blank'>Google+</a>

Anda bebas menaruh kode diatas mau di atas atau di bawah artikel. Kalau saya lebih suka yang standar, yaitu dibawah artikel.

Jika ingin menempatkan di bawah artikel, Anda bisa menempatkannya diatas <div class='post-footer'>

3 komentar:

Silahkan berkomentar dengan mengedepankan akhlaq mulia

Copyright © 2014 TanThowi.Com All Right Reserved. Designed by