HTML

Menambahkan Sosial Media Di Top Nav Ijonkz Template V.1.3

How to add social media in the topnav ijonkz blogger templates v.1.3? Hem,,, sok sokan bahasa inggris. Kali ini saya akan memerikan sedikit tips mengenai cara menambahkan counter sosial media di bab sajian atas (top navi) pada template ijonkz versi 1.3. Template geratis ijonkz v.1.3 yang beredar di internet tidak mempunyai banyak pilihan sosial media yang sanggup kita tampilkan. Feature sosial media di template tersebut bukan-nya tidak ada, namun pada versi geratis css sosial media pada template ijonk di kurangi dan hanya disisakan 5 sosial media saja.
How to add social media in the topnav ijonkz v.1.3
Berbeda dengan ijonkz versi 2.0 meskipun ada versi geratis feature sosial media sudah lengkap didalam-nya dan hanya tinggal mengaktifkan nya saja. Nah, biar para pengguna template ijonk 1.3 versi geratis sanggup mempunyai lebih banyak sosial media pilihan untuk ditampilkan (di promosikan) maka ikuti langkah-langkah berikut ini.

Cara Menambahkan Sosial Media di TopNav Ijonkz 1.3


Sebagai pola kita akan mempraktekkan cara menambahkan sosial media youtube di sajian atas jionkz 1.3. Kenapa harus youtube? alasannya setiap blogger umum-nya mempunyai akaun youtube dan pada template geratis ijonkz feature sosial media youtube umum nya tidak tersedia di versi geratis.
How to add social media in the topnav ijonkz v.1.3
Login ke Blogger > Template > Edit HTML
Cari kode css sosial media menyerupai berikut ini
#icon-socialmn .sotw a:before{background-position:1px 2px;}
#icon-socialmn .sofb a:before{background-position:-24px 2px;}
#icon-socialmn .sogo a:before{background-position:-49px 2px;}
#icon-socialmn .sorss a:before{background-position:-74px 2px;}
Kemudian langkah selanjut-nya yaitu menambahkan css sosial media youtube diarea instruksi css tersebut diatas atau di bawah-nya sama saja. Tambahkan css youtube berikut berikut ini.
#icon-socialmn .soyoutube a:before{background-position:-577px 1px;}
#icon-socialmn .soyoutube a:hover{background-color:#CD332D;width:50px;}
Kemudian Save Template (Simpan Template)
How to add social media in the topnav ijonkz v.1.3
Langkah tersebut belum tanggapan alasannya itu gres taham menambahkan css youtube saja, kini kita akan menambahkan tag html biar sosial media youtube tampil tepat di sajian atas (topnav) ijonkz v.1.3.

Cari dan temukan instruksi html sosial media di dalam template ijonkz dengan ciri-ciri instruksi menyerupai yang terlihat di bawah ini.
<ul class='sociico' id='icon-socialmn'>
<li class='sotw'><a href='#' target='_blank'>twitter</a></li>
<li class='sofb'><a href='#' target='_blank'>facebook</a></li>
<li class='sogo'><a href='#' target='_blank'>google</a></li>
<li class='sorss'><a href='#' target='_blank'>rss</a></li>
Kemudian tambahkan instruksi html berikut ini untuk memanggil css youtube yang sudah kita simpan tadi. Berikut instruksi html nya.
<li class='soyoutube'><a href='#' target='_blank'>youtube</a></li>
Sehingga menjadi menyerupai yang telihat di bawah ini.
<ul class='sociico' id='icon-socialmn'>
<li class='sotw'><a href='#' target='_blank'>twitter</a></li>
<li class='sofb'><a href='#' target='_blank'>facebook</a></li>
<li class='sogo'><a href='#' target='_blank'>google</a></li>
<li class='sorss'><a href='#' target='_blank'>rss</a></li>
<li class='soyoutube'><a href='#' target='_blank'>youtube</a></li>
Selesai, kini coba pertinjau template kau kalau dilakukan dengan benar maka akan mendjadi menyerupai ditampilkan pada .

Kamu sanggup mengunduh css lengkap (css full social media for ijonkz v.1.3) pada link berikut ini . Ada banyak pilihan sosial media yang sanggup kau tampilkan, mungkin sekitar 29 jumlah sosial media tersedia menyerupai dropbox, instagram, youtube, skype, linkedIn, wordpress dan banyak lagi yang sanggup kau tampilkan di sajian atas "topnav" ijonkz v.1.3. Kamu sanggup menentukan mana saja sosial media yang kau gunakan dan yang menjadi favorite kamu.

Notes: Tutorial ini dikhususkan untuk pengguna ijonkz v.i.3 dan 1.1.5 saja, disarankan juga untuk membeli template orisinil nya di themeforest biar para desainer template tetap hidup dan menerima penghasilan dari karya-karya "template blogger" yang mereka buat dengan pandangan gres dan ilmu yang tidak murah.

Subscribe to receive free email updates:

1 Response to "Menambahkan Sosial Media Di Top Nav Ijonkz Template V.1.3"