Loading...

Membuat Link Share Artikel Blogger Yang Valid HTML5

Rabu, 12 Februari 2014

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'>
Advertise Here
By TanThowi.Com
300x250

Click here for comments 3 comments:

avatar

try 1st bray
visit back http://ashprincesskawaii.blogspot.com/

Silahkan berkomentar dengan mengedepankan akhlaq mulia

Terima kasih atas komentar Anda