Cara Menghapus Tombol Navigasi Sosial Media di Template Evo Magz by Sugeng
GeegleHayoO - Hapus Navigation Social di Template Evo Magz
Hallo GO'? Apa Kabar?
Kali ini Chakly akan memberikan Tutorial Simple yaitu Menghapus Tombol Navigasi Sosial Media di Evo Magz. Itu looh yang letaknya di Paruh atas kedua setelah NavBar About | Contact us................
Bagaimanakah Caranya?"
Simak Baik-baik yaa...
Pastikan posisi kamu sekarang sedang dalam keada'an mengedit HTML Template.
Kemudian Tuliskan "nav-social" (Tanpa Tanda Kutip) huruf juga harus benar2 sesuai (Huruf Besar&Kecilnya) untuk mencari sebuah Keyword...
Setelah ketemu kode script ini dari hasi pencarian "nav-social"
<!-- social media button start -->
<ul class='nav-social'>
<li><a class='fcb' href='https://www.facebook.com/eChaklyLugayy' rel='nofollow'><i class='fa fa-facebook-square fa-2x'/></a>
</li>
<li><a class='gpl' href='https://plus.google.com/' rel='nofollow'><i class='fa fa-google-plus-square fa-2x'/></a>
</li>
<li><a class='twt' href='https://twitter.com/ChaklyRaflesia' rel='nofollow'><i class='fa fa-twitter-square fa-2x'/></a>
</li>
<li><a class='ytb' href='https://www.youtube.com' rel='nofollow'><i class='fa fa-youtube fa-2x'/></a>
</li>
</ul>
<!-- social media button end -->
Silahkan Hapus Script diatas, Jangan terpaku scriptnya harus sama, Karena itu akan berbeda sebab link2 sosial masing2. JADI INTINYA Hapus saja script yang dimulai dari...
<!-- social media button start -->
Sampai ke...
<!-- social media button end -->
Untuk element itu kini sudah terhapus, Sekarang kita menuju Tahap Pemusnahan Total hehey...
Posisi tetap Sama disana, Dan Keyword untuk mencari pun sama yaitu "nav-social" jika sudah ada yang tersorot, kurang lebih script nya seperti ini:
ul.nav-social {
height:38px;
margin:0 0 0 0;
padding:0 0;
float:right;
}
ul.nav-social li {
display:inline-block;
list-style-type:none;
float:right;
margin:0 0;
padding:0 0;
border-right:none;
border-left:1px solid #f0f0f0;
}
ul.nav-social li a {
display:inline-block;
line-height:38px;
height:38px;
padding:0 8px;
margin:0 0 0 0;
color:#8D8D8D;
}
ul.nav-social li a i {
line-height:38px;
}
ul.nav-social li a:hover {
color:#fff;
}
ul.nav-social li a.fcb:hover {
background:#0097FF;
}
ul.nav-social li a.gpl:hover {
background:#FF0095;
}
ul.nav-social li a.twt:hover {
background:#0097FF;
}
ul.nav-social li a.ytb:hover {
background:#E400FF;
}
Hapuslah Semua Script diatas...Naahhh sama seperti langkah diatas cara menghapusnya juga.
Selesai...
Tinggal di Save Templatenya, And go to view!
Happy Blogging Kawan!
