Mengganti Menu Mendatar Dengan Iklan

Blog Ajang Software media berbagi ilmu, sedang membagikan artikel tentang Mengganti Menu Mendatar Dengan Iklan silahkan membaca Mengganti Menu Mendatar Dengan Iklan selengkapnya berikut ini:

Sahabat blogger, jika kamu ingin mendapatkan penghasilan yang lumayan. Mungkin trik ini bisa kamu gunakan. Dengan mengganti menu mendatar blog kamu dengan iklan yang seolah-olah menjadi menu/label blog kamu.
Langkah pertama
Masuk ke akun blog kamu, kemudian masuklah pada pengaturan template / edit template HTML, jangan lupa centang Expand Widget

Cari kode berikut

overflow:hidden;/* fix for long non-text content breaking IE sidebar float */
}
#pagemenucontainer{height:32px;float:right;padding:0;margin-top:12px;float:left}
#pagemenu{height:32px;float:right}
#pagemenu,#pagemenu ul{padding:0;margin:0;list-style:none;line-height:0}
#pagemenu{}
#pagemenu ul{float:left;list-style:none;margin:0 0 0 0;padding:0}
#pagemenu li{float:left;list-style:none;margin:0;padding:0;nobackground:#000000 left center no-repeat}
#pagemenu li:first-child{background:none}
#pagemenu ul li{list-style:none;margin:0;padding:0}
#pagemenu li a,#pagemenu li a:link{color:#85887B;display:block;margin:0 4px 0 4px;padding:8px 6px 12px 6px;;text-decoration:none;text-transform:uppercase;font:normal 11px Arial,Helvetica,sans-serif;border-top:4px solid #FCFDFB}
#pagemenu li a:hover,#pagemenu li a:active{color:#65A304;display:block;text-decoration:none;border-top:4px solid #65A304}
#pagemenu li.current_page_item a{color:#65A304;border-top:4px solid #65A304}
#pagemenu li:hover,#pagemenu li.sfhover{position:static}
#navcontainer{height:42px;display:block;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmrAcKSg4Mp1Z0CfNPof4UF3hcxLnNwFn4uJOngv-s9LygeKJcbV_npg1q56e4-MLbjot7AMp_CkRvkUuUwHrEqYB3xucMWoAWPXmUgjtwECGTD-OnvpH6-1hXHV1wVD8MzuH9i1Qg5Fg/s400/nav-background.png) left bottom repeat-x;border-bottom:1px solid #F1F2EE;margin-bottom:1px;padding-left:6px}
#navcontainer .current-cat a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv5FsuLC7Ul5ftFePM4SXZDqzwI9uUlEbZOOIRgChUXoQ7-rz29N76iq0sPCggUugrsuyBVtivuVgX4fafx8njFSdK61Gh55_iOo3kCHch66tHsF7xBCMHh0-ejWRpgS2vZfdhTOvJQ2-Y/s0/nav-background-hover.png) center bottom no-repeat;color:#FFF}
#nav a,#subMenusContainer a{text-decoration:none;display:block}
#nav a{margin:0;float:left;background:none;padding:14px 16px 13px 16px;color:#5A5E50;text-transform:uppercase;font-weight:bold;font-size:12px}
#subMenusContainer a,#nav li li a{color:#FFF;font-size:12px;text-align:left;background-color:#1E1E1D;padding:6px 26px}
#nav li a:hover,#nav li a:focus,#nav a.mainMenuParentBtnFocused{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv5FsuLC7Ul5ftFePM4SXZDqzwI9uUlEbZOOIRgChUXoQ7-rz29N76iq0sPCggUugrsuyBVtivuVgX4fafx8njFSdK61Gh55_iOo3kCHch66tHsF7xBCMHh0-ejWRpgS2vZfdhTOvJQ2-Y/s0/nav-background-hover.png) center bottom no-repeat;color:#FFF}
#subMenusContainer a:hover,#subMenusContainer a:focus,#subMenusContainer a.subMenuParentBtnFocused{background-color:#72BB00;color:#FFF}
.subMenuParentBtn{background:url(../img/arrow_right.gif) right center no-repeat}
.subMenuParentBtnFocused{background:url(../img/arrow_right_over.gif) right center no-repeat}
.mainMenuParentBtn{}
.mainMenuParentBtnFocused{}
.smOW{display:none;position:absolute;overflow:hidden;padding:0 2px;margin:0 0 0 -2px}
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol{padding:0;margin:0;list-style:none;line-height:1em}
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol{background:none;left:0}
#nav li{background-image:url(../img/mainnav-sep.gif);background-repeat:no-repeat;background-position:100% 5px;cursor:pointer;float:left;margin:0 2px 0 0;padding:0 2px 0 6px;height:42px;display:inline;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhGXJUtfp0H02g0nv8gCg49RzhtU_HdV5Yo8kVqx6ssyIepopnsUzi-mcFiUs_03RLRBP5gf-bI2pZWPT5GGauhENcq5VtnX58bnitDEW_gVtjM5KGHwqtmIa3Nozm-kLjrXJ7c752Eo6a/s0/nav-separator.png) left center no-repeat}
#nav li:first-child{background:none;padding:0 2px 0 0}
#subMenusContainer li{list-style:none}
#nav{width:944px;margin:0 auto;clear:both;overflow:hidden;font-size:12px;display:block}
#nav .children{display:none}
#subMenusContainer{display:block;position:absolute;top:0;left:0;width:100%;height:0;overflow:visible;z-index:1000000000}
/* Posts-----------------------------------------------*/

Hilangkan / hapus kode yang berwarna merah

Langkah Kedua
Cari kode berikut:

<div style='clear:both;'/>
<div id='navcontainer'>
<ul id='nav'>
<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://ajangsoftware.blogspot.com/search/label/Renungan?max-results=5'>Renungan</a></li>
<li><a href='http://ajangsoftware.blogspot.com/search/label/Teknologi?max-results=5'>Teknologi</a>
<ul class='children'>
<li><a href='http://ajangsoftware.blogspot.com/search/label/Komputer?max-results=5'>Komputer</a></li>
<li><a href='http://ajangsoftware.blogspot.com/search/label/Handphone?max-results=5'>Handphone</a></li>
</ul>
</li>
<li><a href='http://ajangsoftware.blogspot.com/search/label/Ilmu?max-results=5'>Ilmu</a></li>
<li><a href='http://ajangsoftware.blogspot.com/search/label/Musik?max-results=5'>Musik</a></li>
<li><a href='http://ajangsoftware.blogspot.com/search/label/Niaga?max-results=7'>Niaga</a></li>
</ul>
</div>
<div style='clear:both;'/>


    <div id='content-wrapper'>

Hilangkan juga kode dengan warna merah

Langkah selanjutnya simpan template
Sekarang lihat hasilnya
Kemudian masukkan scrip iklan di mana iklan tersebut untuk menggantikan posisi menu-menu blog yang kamu hilangkan tadi.
Nah, mudahkan!!! Dengan demikian pengunjung blog kamu akan mengira iklan yang kamu pasang adalah menu blog kamu.
Show, sekarang tinggal kamu coba aja

NB: kode-kode html di atas saya ambilkan dari templat blog saya sendiri, jadi untuk nama-nama label ini merupakan nama label dari blog saya

Terima kasih atas kunjungannya, semoga bermanfaat

Posted in: Internet