NgeShare - Memasang Tombol Sosial Media di Menu Navigasi Blog

by - 9/25/2018



Apakah kamu ingin memasang tombol sosial media di menu navigasi blog-mu seperti pada tampilan di atas? Kalau iya, keinginan kamu itu dapat diwujudkan dengan memasang script di bawah ini pada elemen menu navigasi di blog milikmu.

Cara Memasang

1. Copy script di bawah ini.

<a href='LINK-AKUN-FACEBOOKMU'><img alt='W3Schools' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTjhyrV80NT6IncLfCBqvEXCwyyC4v13elgorr0vReTemkIzVHLhxQMqraq0UnH4O0jj_jxMxYsCWisFLYCjlmVxzTOdL6HuEtZMocbVhZLOJSq5Iln8i_GVGkSPtJfibpHlD7rGvP89WX/s1600/facebook-logo.png' width='16'/></a>
<a href='LINK-AKUN-INSTAGRAMMU'><img alt='W3Schools' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqEfGzYgvfDw6xYeiXxwCOlDKwHlimHbWiIdO2SHY5GrkbMoH_d4_aX50qmAH0RYloKbXUU5IKRrvEPW7PDX9WqYtqpIR-FQZdqQPrqn1a5B7FjWYtHmgOZUnHm1pYe9JwAaZD2bKPQXI7/s1600/instagram-social-network-logo-of-photo-camera.png' width='16'/></a>
<a href='LINK-AKUN-TWITTERMU'><img alt='W3Schools' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSgd-VvA2g-phZbRxwgyCgFomcL97F4_K1bnssn-99RA85O9azfokiRc8RHJdyHTHlXDGoI3urbZ4H7UxPnk0ZLAcO42G3JeBqAb40p5D6giirvAb2Y0Qsc20QlcQuyXJjrXuM8NjltJmj/s1600/twitter-logo-silhouette.png' width='16'/></a>

2. Kemudian kamu cari elemen menu navigasi blog-mu pada fitur 'Edit HTML'. Jika sudah ketemu, pastekan script yang telah dicopy tadi ke elemen menu navigasimu. Untuk pemasangannya dapat dilihat pada contoh di bawah ini.

<li class='menu-item-left'>
<a href='/'>Home</a>
</li>
<li class='menu-item-left'>
<a href='http://suryapersonal.blogspot.com/p/about-me.html'>About</a>
</li>
<li class='menu-item-left'>
<a href='http://suryapersonal.blogspot.co.id/search/label/Ocehanku'>Ocehanku</a>
</li>
<li class='menu-item-left'>
<a href='http://suryapersonal.blogspot.co.id/search/label/tutorial'>Tutorial</a>
</li>
<li class='menu-item-right'>
<a href='LINK-AKUN-FACEBOOKMU'><img alt='W3Schools' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTjhyrV80NT6IncLfCBqvEXCwyyC4v13elgorr0vReTemkIzVHLhxQMqraq0UnH4O0jj_jxMxYsCWisFLYCjlmVxzTOdL6HuEtZMocbVhZLOJSq5Iln8i_GVGkSPtJfibpHlD7rGvP89WX/s1600/facebook-logo.png' width='16'/></a></li>
<li class='menu-item-right'>
<a href='LINK-AKUN-INSTAGRAMMU'><img alt='W3Schools' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqEfGzYgvfDw6xYeiXxwCOlDKwHlimHbWiIdO2SHY5GrkbMoH_d4_aX50qmAH0RYloKbXUU5IKRrvEPW7PDX9WqYtqpIR-FQZdqQPrqn1a5B7FjWYtHmgOZUnHm1pYe9JwAaZD2bKPQXI7/s1600/instagram-social-network-logo-of-photo-camera.png' width='16'/></a></li>
<li class='menu-item-right'>
<a href='LINK-AKUN-TWITTERMU'><img alt='W3Schools' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSgd-VvA2g-phZbRxwgyCgFomcL97F4_K1bnssn-99RA85O9azfokiRc8RHJdyHTHlXDGoI3urbZ4H7UxPnk0ZLAcO42G3JeBqAb40p5D6giirvAb2Y0Qsc20QlcQuyXJjrXuM8NjltJmj/s1600/twitter-logo-silhouette.png' width='16'/></a></li>
<li class='menu-item-right'>       
<form action='/search' id='search-form' method='get' style='display: inline;'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...' vinput=''/> <input id='search-button' type='submit' value=''/></form> 
</li>

Oke, sekiranya itu cara untuk memasang tombol sosial media di menu navigasi blog. Bila ada pertanyaan atau saran yang ingin kamu ajukan, cukup tuliskan di kolom komentar, dan nanti akan saya beri jawaban. Terima kasih dan semoga bermanfaat... 😀

Sawer


Anda suka dengan tulisan-tulisan di blog ini? Jika iya, maka Anda bisa ikut berdonasi untuk membantu pengembangan blog ini agar tetap hidup dan update. Silakan klik tombol sawer di bawah ini sesuai nilai donasi Anda. Terima kasih.

0 comments