Rough Note Blog

How to Add Images to Older, Newer, and Home Links in Blogger In your blog ,you find the below code. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>       </span>     </b:if>     <b:if cond='data:olderPageUrl'>       <span id='blog-pager-older-link'>       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>       </span>     </b:if>     <a class='home-link' expr:href='data:blog.homepageUrl'></a> After finding the above code, just replace it with the below code, before doing

How to Create a Tabbed Sidebar Widget in Blogger From your blog, Go to the template page and click on the Edit HTML button, in template code, search for ]]></b:skin> Tag. Just above it, paste this below   CSS code : .tabviewcont{ margin:15px 0; padding:0; clear:both; } .tabviewnav { margin: 0 0 0 14px; padding:3px 0; /* If you are using a Blogger Template change 0 with 15px */ font-size:12px; /* Font size of text inside tabs */ font-weight:bold; } .tabviewnav li { list-style:none; margin:0; display: inline; } .tabviewnav li a { padding:3px 6px; margin-right:1px; background:#F6F6F6; /* The background color of the tabs */ border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; text-decoration:none; color:#222222; } .tabviewnav li a:hover { color:#222222; background:#EBEBEB; /* Background color of the tab on mouseover */ text-decoration:none; } .tabviewnav li.tabviewactive a, .tabviewnav li.tabviewa

 How to Hide Navigation Bar in Blogger  #navbar {display: none !important;} body .navbar {height:0px;} .content-outer {margin-top:0px;} The below code is helpful to create a border for the page header. #Header1{border-bottom:1px solid grey;padding 10px;} How to Hide Navigation Bar in Blogger  How to Hide Navigation Bar in Blogger  How to Hide Navigation Bar in Blogger BlogSpot