Blogger9:- Now add css navigation menu with adsense unit in blogger blog. 0

| | , , ,

Hello friends you have see some blogger add adsense unit below navigation menu because adsense unit below naviagtion menu is the best tricks for blogger to earn more more money so i  am giving you this most useful tricks add this navigation bar and enjoy .

Follow simple below step to adding this navigation bar in your blogger blog---->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger template.

* Now find this code ]]</b:skin> by CTRL+F key easily

* Now copy below code and paste before ]]</b:skin>

.menu{width:880px;margin:0 20px;border:0 solid #403f3f;background:#403f3f;overflow:hidden;}
/**/ * html .menu{height:1%;} /* */
.menu ul{float:left;padding:3px;}
.menu li{display:inline;font-weight:bold;float:left;}
.menu li ul{display:none;}
.menu li a{color:#fff;padding:4px 10px 5px 10px;display:block;padding-left:10px;margin-right:2px;float:left;}
.menu li a:hover{background:#666;color:#fff;text-decoration:none;}
.topadsense{width:860px;margin:0 20px;background:#666;border-top:1px solid #FF6600;padding:4px 10px 5px 10px;color:#fff;}
#crosscol-wrapper {margin:0 20px; padding:10px 0 0 0;}
#crosscol-wrapper {margin:0 20px; padding:10px 0 0 0;}

* Now save your blogger Template.

* Again go to your blogger dashboard.

* Click in design tab and you are here--->>> Add new element.

* Now click in Add gadget which is below your blogger header or if you click in add gadget which is in sidebar you need to drag and drop below blogger header.

* Now select HTML/javascript from list when open new window.

* When open new blank box copy below code and paste in blank box.

<div class="menu">
<li class="current_page_item"><a href="YOUR BLOG ADDRESS HERE">Home</a></li>
<li><a href="TAB1 URL HERE">TAB1 TITLE HERE</a></li>
<li><a href="TAB2 URL HERE">TAB2 TITLE HERE</a></li>
<li><a href="TAB3 URL HERE">TAB3 TITLE HERE</a></li>
<li><a href="TAB4 URL HERE">TAB4 TITLE HERE</a></li>
<li><a href="TAB5 URL HERE">TAB5 TITLE HERE</a></li>
<div class="topadsense">COPY HERE YOUR ADSENSE UNIT CODE </div>
<div id="crosscol-wrapper" style="text-align: center;">
<div class="crosscol section" id="crosscol">

* NOTE:- Remove Highlighted Text in above code with your own as BLOG ADDRESS, TAB URL, TAB TITLE And YOUR Adsense Add UNIT CODE.

* Now save your HTML/Javascript and you are done enjoy.

StumpleUpon DiggIt! Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Blogger9:- Now add css navigation menu with adsense unit in blogger blog. ~ Twitter FaceBook

0 Responses So Far:


Select Your Categories