How to show blogger widget in scroll box

Login to your Blogger accountFind the Widget ID. See How to find blogger widget ID and Section IDGo back to Dashboard > Design > Edit Html(Don't forget to take Backup before you make any change)Now Check the "Expand Widget Templates" on top right of the HTML windowFind the below code in your template (To find the code you may use Ctrl+F) : ]]></b:skin>Add the below code before ]]></b:skin> the...

Read More

Build SEO Friendly Breadcrumb Trail For Your Blog

WHAT IS A BREADCRUMB? A “breadcrumb” (or “breadcrumb trail”) is also known as secondary navigation scheme that reveals the different location in a website or blog. Breadcrumbs usually look like horizontally across the beneath of your blog post title. Often we see it below title bars or headers. And it provide links back...

Read More

How To Insert Rainbow Animation To Post Title LInk For Blogger Blog

Make your blog to look more awesome by changing the color of Link when Mouse over it. 7 colors are changing randomly, but before doing this make sure you backup your template,to do this just follow the few steps bellow; Sign In to you Blogger Account. Go to "Design"> Edit HTML Mark "Expand Widget Template" Press ctrl...

Read More

Add Breadcrumb Navigation To Blogger Blogs

I came across the breadcrumb navigation trick for blogger during its inception. But, I thought there is no use adding such a widget other than improving the navigation. The navigation simply can be improved by adding a blog archive or using the labels widget in blogger. But, I found that apart from improving the navigation it also facilitates...

Read More

How To Add Two Columns to blogger Sidebar

1.Log in to your dashboard--> layout- -> Edit HTML 2.Scroll down to where you see like this code. <div id='sidebar-wrapper'>  <b:section class='sidebar' id='sidebar' preferred='yes'><b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/><b:widget id='Label99' locked='false' title='Labels' type='Label'/></b:section>  </div> 3.Now add below code between  </b:section> ...

Read More