Stylish Blogger Page Number Navigation

Stylish Blogger Page Number Navigation helps to navigate from one page to next page or previous. Generally default blogger templates often contain ugly look page navigation which decrease your blogger look .you can use this page number navigation to improve the look of navigation on blogger using the below code. 1. Log in to blogger account and Click drop down. 2. Now select "Template" Like Below. 3. Now you can see Live on blog, Click EDIT HTML Button" 4. Now click Proceed button.     5. Find this tag by using Ctrl+F    ]]></b:skin> 6. Paste below code Before ]]></b:skin> tag CSS CODE .blog-pager,#blog-pager{font-family:"Times...

Beautiful Css3 Social Widget with Hover Effect

Tag line start: Css3 Social Widget .Blogger widget,latest blogger widget, Css3 fb like box for blogger gadgets for blogger ,latest blogger widgets,latest widgets for blogger,blog widgets,widgets for blog,social sharing button for blogger , Google plus widget for blogger, Facebook button for blogger,cool widget for blogger,Spiceupyourblog: Tagline End! Add a social subscription widget is very effective to attract the attention of your visitor including new towards the blog or websites. It also helps to get more traffic effectively  Goto on blogger dashboard Click on Layout tab Click...

3 - customizing blogger labels

Blogger labels are used for specifying categories of the posts. By using labels in your blogger blog  you can differentiate among different types of posts from each other by creating their groups. Default blogger labels are not styled well. Which results in bad overall design of a blog but don`t worry these blogger labels can be easily customized using a small CSS code In this post we will provide you our 5 best designs for customizing your blogger labels. 1. Log in to blogger account and Click drop down. 2. Now select "Template" Like Below. 3. Now you can see Live on blog, Click EDIT HTML Button" 4. Now click Proceed button.    ...

Smooth Sliding Social Media Widget

With help of CSS and HTML anyone can make very awesome easy widgets for blogger. How To Install in to Blogger  1. Login To Blogger Dashboard 2. Select Layout 3. Click on add a gadget 4. Scroll down 5. Click on HTML/JavaScript And then paste the code there and make changes in it. <style> .btrix-social-slidebox {     font: 16px normal 'Denk One', sans-serif;     display: inline-block;     position: relative;     width: 95%;     max-width: 200px;         padding: 12px;   } .btrix-social-slide {     width: 95%;     max-width: 280px;    ...

Metro Styled Social Subscription Widget For Blogger

We did post about how to add metro style social widget to blogger. How To Install in to Blogger  1. Login To Blogger Dashboard 2. Select Layout 3. Click on add a gadget 4. Scroll down 5. Click on HTML/JavaScript And then paste the code there and make changes in it. <center><p id='rb_socialicons'> <a href='http://feeds.feedburner.com/YourID' rel='nofollow' target='_blank'> <img alt='Click Me' onmouseout='this.src=&apos;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfYTH1aJhH5NsQSCowbvF50wOL6r1V-6yNszYDth6zRIu0rpcbTUqmc4KiXLzl1Goi7iA5P2qqAv8AwslUI3VhF_IDDKTqfB5RE0HWPtrJG-zOs0MGFz4-iC35DU1HV3gpE2QPG5FBNnWT/s1600/rss-inactive.png&apos;'...

Add “Author Bio” Box below Each Post To Your Blog

Today I am giving you a beautiful widget .An author box is a small box, appearing at the bottom of every  post, that contains information about the author. An author box can include information such as the author’s name, a short bio data about the author and a small thumbnail picture of the author. You can add an author box to the post footer in your Blogger blog by editing the blog’s template HTML code. 1. Log in to blogger account and Click drop down. 2. Now select "Template" Like Below. 3. Now you can see Live on blog, Click EDIT HTML Button" 4. Now click Proceed button.     5. Find this tag by using Ctrl+F   ...

3D Subscription Box Widget For Blogger

I created this subscription widget using CSS Facebook login form, which is available to preview or download here. It look's great and sleek. You can also use this widget on your wordpress blog or on a static HTML page. It's coded with pure CSS, no images were harmed during creation process. Don't remove credits, and you're free to use or share this widget. 1. Log in to blogger account and Click drop down. 2. Now select "Template" Like Below. 3. Now you can see Live on blog, Click EDIT HTML Button" 4. Now click Proceed button.     5. Find this tag by using Ctrl+F    ]]></b:skin> 6. Paste below code Before...

Create a Pressed Button Effect with CSS

  The HTML Simply add a class to your link. <a href="#" class="readmore">Click Here</a> The CSS This is where the fun stuff happens. First just give the button it’s visual styling. In this case I’m duplicating the grey button effect from my home page slider. Note the box shadow style. The y-axis distance is set to 3px, which gives the box element a 3px drop shadow on the bottom. The Rollover Now, on hover, you will want to again style the visual portion of the button. Then you will need to do two things: Position the link “relative” and assign the top to have 3 extra pixels. Define the box shadow again, only now set the value to “none”. This...

Page Navigation Styles for Blogger

This styles page navigation i got from WebDistortion but in these blogs do not provide page navigation for Blogger. So I have to convert it first so can be used in Blogger. Maybe in the pagination style that I made not exactly the same as the original, but I try my best to make it seem like the page navigation at the original website. This is view of those Page Navigations 1. Log in to blogger account and Click drop down. 2. Now select "Template" Like Below. 3. Now you can see Live on blog, Click EDIT HTML Button" 4. Now click Proceed button.     5. Find this tag by using Ctrl+F    ]]></b:skin> 6....

Beautiful Email Subscription Widget Below Post For Blogger

In this tutorial you will learn how to add Beautiful email subscription box below blogger post.Subscribers are one of the important factor that affect the existence of the blog.If you don't have any subscribers ,it means you don't have any loyal readers.You don't have people waiting for your posts.It will indeed make your blog less lively and least engaged.So the best way to increase subscribers and thereby traffic is to add the cool email subscription widget powered by feed burner This email subscription widget is pretty beautiful and is Highly customized by Css which...