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=""http://ift.tt/KvaSOc; + data:post.url" href="http://ift.tt/1lwgs4V" rel="nofollow" style="background: #3b5998; border: 1px solid #313c7d; color: white; font-family: arial, verdana, sans-serif; font-size: 14px; line-height: 20px; line-height: 20px; padding: 3px; text-decoration: none;">Facebook</a> <a expr:href=""http://ift.tt/1lwgs4Z; + data:post.url" href="http://ift.tt/1lwgs4V" rel="nofollow" style="background: #4099FF; border: 1px solid #3a8be8; color: white; font-family: arial, verdana, sans-serif; font-size: 14px; line-height: 20px; padding: 3px; text-decoration: none;">Twitter</a> <a expr:href=""http://ift.tt/1lwgqdf; + data:post.url" href="http://ift.tt/1lwgs4V" rel="nofollow" style="background: #c0361a; border: 1px solid #9c2c15; color: white; font-family: arial, verdana, sans-serif; font-size: 14px; line-height: 20px; padding: 3px; text-decoration: none;">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'>
Kalau postingannya menarik atau bermanfaat, silahkan di share ke:
sumber : TanThowi.Com
Baca selengkapnya di --> Membuat Link Share Artikel Blogger Yang Valid HTML5
Share Artikel ini! »»
|
|
|
Tweet |
0 comments:
Post a Comment