Seo Magic Trick
Ingin meningkatkan traffic pengunjung dan popularity web/blog anda secara cepat dan tak terbatas? Klik Di Sini atau Klik Di Sini

14 Sep 2011

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(http://4.bp.blogspot.com/-YpjLdwIbbXE/Tm_EbtzYjYI/AAAAAAAAAdY/eSmz3a8iCxM/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(http://4.bp.blogspot.com/-ta78d9qHT10/Tin7muCNe8I/AAAAAAAAC84/DtOfUyHqsmg/s000/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(http://4.bp.blogspot.com/-ta78d9qHT10/Tin7muCNe8I/AAAAAAAAC84/DtOfUyHqsmg/s000/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(http://2.bp.blogspot.com/-Gm3YH9sJh38/Tin7nLDhGNI/AAAAAAAAC88/mtLwiT7sjAs/s000/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

1 komentar:

Poskan Komentar

Mohon gunakan kata-kata yang sopan dalam memberikan komentar.
Komentar SPAM, SARA dan sejenisnya tidak akan di tampilkan.