Showing posts with label Blogger Widgets. Show all posts
Showing posts with label Blogger Widgets. Show all posts

Adding Customized Widgets to Blogger

Blogger Widgets are really important to make the good-looking weblog. We have got shared several custom Blogger Widgets prior to this this also post is among st the sequel regarding widgets. Using Custom widgets can attract visitors to your blog thereby your weblog could recognition. This custom made widget incorporate social icons and will also be able to obtain connect upon social sites with your viewers. Myspace, Twitter as well as your RSS nourish are awesomely customized for your Blogger weblog. While Facebook Like Box had been shared prior to.

Adding this Widget To Blogger

  • Copy the following code.

<div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="Your Facebook Page URL Here" target="blank"> <abbr title="Follow us at Facebook"><img src="" width="118px" height="101px"/> </abbr> </a> <a href="Your RSS Feed URL Here" target="blank"> <abbr title="Subscribe Our Feeds"><img src="" width="118px" height="101px"/> </abbr> </a><a href="Your Twitter Profile URL Here" target="blank"> <abbr title="Follow Us on Twitter"><img src="" width="118px" height="101px"/> </abbr> </a> </marquee></div>

  • Go to Dashboard>Blog Layout
  • Add an HTML/JAVA Script Gadget
  • Paste the copied code and add your profile URLs.

You have done it successfully.

Stylish Popular Post Widget With Round Thumbnail For the Blogger.

Buddy, this post about how to customize your popular post widget more attractive with round thumbnail. That popular post widget is usually more beautiful as compared to different. while computer mouse button are positioned, it shows a thin solid blue border. The popular post widget fully customized with CSS code. If you want this kind of widget, and you can add the item inside your blogger. Simply comply with underneath instruction, along with add the item.

How to add Popular Post Widget in Blogger Blogs:

Now Go to Blogger Dashboard
  • Go to >> Layout option
  • Click on  >> Add a Gadget
  • Add Popular Posts Widget from given list.
  • Select "display up to 5 posts" and check image thumbnail and snippet. 
  • Now Save the widget 
  • Then Go to Template Option. 
  • Click on Edit HTML . 
  • Find (CTRL+F) ]]></b:skin> tag. 
  • Copy and paste below CSS code above ]]></b:skin> tag. 
/*--- Customize Popular Posts Widget Design By Malik Asif Ali --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url( no-repeat scroll 5px 10px;list-style-type: none;margin:0 0 5px 0px;padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; }
.popular-posts ul li:hover { border:1px solid #6BB5FF; }
.popular-posts ul li a:hover { text-decoration:none; }
.popular-posts .item-thumbnail img { webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4); } 
  • Save your Template. Click on Preview.

6 Ideas to Optimize Images For SEO To increase Blog Traffic

Everyone knows that we need to optimize our blog posts to position well from search engine in which help us to enhance our weblog traffic although today I will tell you top ways to get blog traffic tips on how to use images for better search engine visibility. Every single blogger often using doodle kit platform as well as increase blog traffic WordPress system, they have to optimize their own images with all the them to their blog posts before posting the article. Image optimization does work to increase blog targeted visitors. Lots connected with webmasters seek images by Google Image Search make use of them to their blog posts. So, in case you have well optimized images your blog post after that it will provide you with two advantages. One is usually bring targeted visitors from graphic search along with second is it help web crawlers to higher understand your own post theme hence higher SERP (Search Engine Result Position). Let's go to the tutorial to master some helpful tips about graphic optimization for SEO.
 increase Blog Traffic

Image Optimization Ideas:

Below usually are some vital tips for you to optimize images before adding them into blog posts. These guidelines will improve your blog SEO.

Make use of Keywords with Image Name:

Have anyone download a picture from net or press them from a camera make use of them into your blog posts? Sure! Wait buddy don't make use of them straight into your weblog. First modify their name into a keyword wealthy image label. By default graphic name seem like this image1432. jpg as well as photo123. jpg. Always rename them together with your post key word. For example if i use any image because of this post after that I'll rename the image such as this image-optimization. jpg.

Hyphen with Image Name:

Remember any time naming your own images together with your keywords neither use write off space none underscore ( _ ) between them. Always utilize hyphen to split up the keywords like I have done within the first instance. Because whenever your use write off space it'll automatically turn to '%20' without any meaning. In consequence web robots found difficulty to be aware of the graphic. Hyphen is actually a greater option for optimizing the actual image.

Make use of Best Format:

There are lots of formats connected with images just like JPG, PNG, GIF and others. But usually use in which image format which fits better for web. JPG graphic format would be the most much better image format through the webmasters because doing so uses less size memory space as compare to different formats. Less graphic size will aid you to reduce weblog load time thus better website positioning means more traffic.

Reduce Images Size:

Before adding the photographs into your blog post, first remember that you've compressed these. Compressing the actual image also help make your weblog loading speed faster along with reduce weblog bounce charge. You can easily compress your own images with Photoshop. To decrease your graphic in Photoshop visit file menu and select save for web. It is going to reduce graphic size through maintaining the actual image top quality.
Also you should utilize online tools to decrease your graphic files. The most effective tool is usually Yahoo Smush the idea. Go for this and decrease your images free of charge.

How make use of Images in Post for Better Search results Visibility?

Now you've optimized your own images. It's time to use these into your blog posts. Are some move forward tips in which also appear under graphic optimization with SEO. Understand them very carefully and comply with the recommendations.

Proper Dimension:

When anyone upload your own images into post, always let them have proper dimensions. Mentioning the actual dimensions help in faster site loading. Web crawlers don't get confuse for you to assume their width along with height. In the event you already provide dimensions to your image, then in other words for world-wide-web crawlers to higher crawl your articles. Use beneath format to give dimensions to your image.
<img width="320" height="210" src="URL of image"/>
Adjust above pointed out values according to your need.

Title Tag and Alt Tag

Title tag and Alt tag works to be a description for the images. Web crawlers are unable to read photos. They simply understand these individuals by their own name, subject tag as well as Alt tag. Always choose your very best keyword to provide title as well as alt tag for the image. To utilize these tags start to see the below case.
<img src="Image URL" title="Keyword" alt="Keyword"/>
Note: Don't add a lot of keywords inside these tag words. Only put your very best keyword right now there which much better explain your post theme.
I have got write a detail tutorial to feature title as well as alt feature in photos for Tumblr. com users. Please verify the beneath post.
Increase Title as well as Alt Credit To Optimize Images Intended for SEO
  • Change above highlighted values according to your need.



  • Login to Blogger > Dashborad 
  • Click on Drop Down Menu and select Layout 
  • Add a HTML/JavaScript Gadget 
  • Paste below code in it. 
<div style="position: fixed; z-index: 65535; left: 0px; bottom: -3px; width:100%;"> <marquee><a href="" target="blank"> <abbr title="Follow us at Facebook"><img src="" width="120px" height="100px"/> </abbr> </a> <a href="" target="blank"> <abbr title="Subscribe Our Feeds"><img src="" width="120px" height="100px"/> </abbr> </a><a href="" target="blank"> <abbr title="Follow Us on Twitter"><img src="" width="120px" height="100px"/> </abbr> </a> </marquee></div>
  • Save your Widget. 
Replace it Username with your Facebook Username.
Replace it Username with your Feed Burner Username.
Replace it Username with your Twitter Username.

Start Blogging With Free SEO Friendly Templates

Hello Friends, when you have determined to start work on a blog and you have selected a very good niche topic which is searched a bundle, then you should make a decision which platform to decide.
There are two famous platforms on the Internet.
Here, I would inform you how to get started with a Blogger Blog.

Start your Blogging with Blogger

Follow these steps underneath:

  • Go to
  • Sign in or Sign Up (Use Gmail Account)
  • Click on “Create a New Blog”
  • You are done!
Now, you have entered involved in the internet world.

Prefer a Best Blogger Template

When you have ongoing blogging, you will come to identify how to create Blogger templates . Therefore, we suggest you to choose a Best Blogger Template. 
Creating template in a blogger blog is not a complicated. Used CSS and HTML codes. 
There are two options given in Template division on blogger Dashboard:
  • Design a Template
  • Edit HTML

Layout of your Blogger Template

layout of your blogger templates 
  • The above layout design has been successful, SEO and it is user friendly.
Finishing Lines:
  • In header section, do not use image that could damage your Blogger Title. Try to have both of them i.e. “image and text”. Your blog title must be in text form as Google crawlers cannot read an image but its name. So you must know the importance of your blog title. 
  • Your blog title must be in "h1" blog title.
  • Always used SEO friendly blogger template. 

How To Add A Official Facebook Like Button To Blogger


By the use of Facebook like button your blog fans can easily like your Facebook page via your blog. Because we know that social sharing is most important for all blogger which increase traffic on your blog. Here I am giving a full image tutorial without any long steps and it is totally official. Let’s see how to add it on blogger.

How To Add Official Facebook Like Button ?

  • Copy below the Code properly....
<iframe src="
scrolling="no" frameborder="0" allowTransparency="true" style="border:none;
overflow:hidden; width:450px; height:px"></iframe>
  • Change with your Official Page adress.
  • Now ad this as HTML/Javascript in your blog.
You Done It ! Check out your blog.

Final Words:

Hi, friends you may like this short and simple post about Facebook like page, you may change 450px width with your chose or may change height 0 to you like.

Sign up to our newsletter!

Love to read our articles? Sign up now to get fresh content about blogger, SEO, make money, templates directly to your inbox.