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://1.bp.blogspot.com/-sAXNeVXW45M/W3uN4DnxBDI/AAAAAAAARk8/dq2Ufrm1rG0BhviquKy_eEGdotlGm3U8ACLcBGAs/s1600/facebook-logo.png' width='16'/></a>
<a href='LINK-AKUN-INSTAGRAMMU'><img alt='W3Schools' border='0' height='16' src='https://1.bp.blogspot.com/-uf-KflqKkyI/W3uN4J8LnpI/AAAAAAAARlE/gpm89iVHplcTa7mUkZWSUDMZEZ0U9I9RwCLcBGAs/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://1.bp.blogspot.com/-v627Fz-RoHw/W3uN4LKQvlI/AAAAAAAARlA/H600ZIH16Gk1teRgAFs0X49fW7VMtaUtQCLcBGAs/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://1.bp.blogspot.com/-sAXNeVXW45M/W3uN4DnxBDI/AAAAAAAARk8/dq2Ufrm1rG0BhviquKy_eEGdotlGm3U8ACLcBGAs/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://1.bp.blogspot.com/-uf-KflqKkyI/W3uN4J8LnpI/AAAAAAAARlE/gpm89iVHplcTa7mUkZWSUDMZEZ0U9I9RwCLcBGAs/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://1.bp.blogspot.com/-v627Fz-RoHw/W3uN4LKQvlI/AAAAAAAARlA/H600ZIH16Gk1teRgAFs0X49fW7VMtaUtQCLcBGAs/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... 😀

NgeShare - Memasang Tombol Sosial Media di Menu Navigasi Blog

Load comments

No comments