Posts

How to Add Images to Older, Newer, and Home Links in Blogger

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 doi...
Post a Comment
Read more

How to Create a Tabbed Sidebar Widget in Blogger

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.tabv...
Post a Comment
Read more

How to Hide Navigation Bar in Blogger

 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
Post a Comment
Read more