Blogging World: Blogger Widgets

Showing posts with label Blogger Widgets. Show all posts

Thursday, 19 June 2014

Hi friends, Are you in a trouble of Deleting or Moving a immovable blogger widget in blogging. There are different type of the Blogger widgets like the Facebook Like box widget or Twitter Bird widget. As you know that widgets are very important for any blog. In fact, they are the main part of the blog. A blog without widgets will be a very simple and you will not get much traffic to your blog. That's why widgets are important for your blog. For example: If you have inserted Related post widget to your blog. Now, Whenever a visitor visits your blog. He wants to explore your blog more and more. But if you have not related post widget than you will loose some of your traffic and automatically you cannot rank higher in the Search Engines. Related post widget will decrease the Bounce rate of your site which is very beneficial thing for your blog.

The above widget is manually. But their are some widgets in the blogger blog which are in default. You don't have to create them. When you make a blog or upload a template that such widgets will automatically create. And such widgets cannot delete and also you cannot move them from one place of the layout to the other. That widgets are Powered By Blogger, Attribution or Header. So, if you do not want a immovable widget in your blog's layout then don't worry. Here is the solution of your this problem. You can even delete or move that widget in different places of the layout. So, Read the below steps and solve this Problem

Steps:

As i said above that there are some widgets which cannot move in blog's layout or cannot delete. But they can be delete or move in the blog's layout with just simple steps. Follow the below steps to delete or to make a widget movable.

1. Sign in to Blogger.
2. Proceed to Blog's Layout.
3. Now Copy the name of the widget which you wan't to move or delete. In case of me, its Navbar.

4. Now Go to the Template from the Dashboard and Click on Edit HTML.
Now here will the HTML of your blog. Wrong editing to HTML can give a worse effect to your blog. So first of all make a Backup of your blog. You can make the backup of your blog by Clicking on the Backup/Restore Button and there you can download the Template of your blog.
5. Now Press CTRL + F from your keyboard for fetching the specific code in the HTML.
6. Paste That Name of the Widget That you copied in the Step 3.
7. Now in Front of that widget There will Written "true". Just change this with "false". Below Pics will help you.

This will make the Widget movable and you can delete it.

Tuesday, 10 June 2014

Here is again about the Facebook Pop Up like box after the Twitter Bird post. As i said in my previous post is that social media traffic is very important for any site to rank in the search engines by doing some seo strategies. It also shows the populatiy of the site. If a site is getting so much traffic from the Social media sites like Facebook than it will get popular on that site and also on the search engines. Search Engines will better rank your site and it results in the increase the traffic of your site.

There are different widgets for Facebook like Facebook like Box on the side bar, etc. The main advantage of this Pop Up like box is that it will increase your blog's Facebook Page likes. And when you have much likes than more people will access to your post when you share the post of your blog on Facebook page. If your blog contains some unique and attractive articles than this widget will help you so much. Your visitor will Click on Like button if he likes your site. So Friends, here i have explained the steps for adding this Facebook Pop Up Like Box for blogger.

See DEMO on this Site

Steps To Add Facebook Pop Up Like Box For Blogger:

1. Sign In to Blogger.
2. Go to Template from the Dashboard.
3. Click on Edit HTML.
4. Now Search for the following code.

<head>

5. Copy the below code and paste the below code after <head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js' type='text/javascript'/>

6. Now Proceed to Layout.
7. Click on Add A Widget and Select HTML/Javascript and paste below code in the Box.

<style>#fanback {display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}#fan-exit {width:100%;height:100%;}#fanbox {background:white;width:420px;height:270px;position:absolute;top:58%;left:63%;margin:-220px 0 0 -375px;-webkit-box-shadow: inset 0 0 50px 0 #939393;-moz-box-shadow: inset 0 0 50px 0 #939393;box-shadow: inset 0 0 50px 0 #939393;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: -220px 0 0 -375px;}#fanclose {float:right;cursor:pointer;background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/fanclose.png) repeat;height:15px;padding:20px;position:relative;padding-right:40px;margin-top:-20px;margin-right:-22px;}.remove-borda {height:1px;width:366px;margin:0 auto;background:#F3F3F3;margin-top:16px;position:relative;margin-left:20px;}</style><script type='text/javascript'>//<![CDATA[jQuery.cookie = function (key, value, options) {// key and at least value given, set cookie...if (arguments.length > 1 && String(value) !== "[object Object]") {options = jQuery.extend({}, options);if (value === null || value === undefined) {options.expires = -1;}if (typeof options.expires === 'number') {var days = options.expires, t = options.expires = new Date();t.setDate(t.getDate() + days);}value = String(value);return (document.cookie = [encodeURIComponent(key), '=',options.raw ? value : encodeURIComponent(value),options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IEoptions.path ? '; path=' + options.path : '',options.domain ? '; domain=' + options.domain : '',options.secure ? '; secure' : ''].join(''));}// key and possibly options given, get cookie...options = value || {};var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;};//]]></script><script type='text/javascript'>jQuery(document).ready(function($){if($.cookie('popup_user_login') != 'yes'){$('#fanback').delay(100).fadeIn('medium');$('#fanclose, #fan-exit').click(function(){$('#fanback').stop().fadeOut('medium');});}$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });});</script><div id='fanback'><div id='fan-exit'></div><div id='fanbox'><div id='fanclose'></div><div class='remove-borda'></div><iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/bloggersky&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe></div></div>

Note: Change bloggersky from the above code with Your Ones. And Save the Widget.

Final Words:

The conclusion of the above post is that Social media sites such as Facebook plays an important role in the ranking of the blog in different search engines. Because a lot amount of visitors can come to your site from the social media sites. This widget will help you to take so many likes for your site. Hope you like this widget and my blog too.

Sunday, 8 June 2014

In blogging the social media traffic is very important. It increases blog's Alexa Rank and also Page rank. There are different ways to get some Social Media Traffic to site. You can share your post on Google+, on facebook Pages, groups etc. And also the Twitter. Twitter is also another best source for getting maximum traffic for Your site/blog. Twitter was first created in March 2006 By Jack Dorsey and his friends and in July 2006 the site was launched. And today it is one of the top Social Media site after the Facebook and Google+. Different People sent their messages to every one which are known As Tweets.

Their are different widgets for blogger like Facebook Like box, Related Post widget, etc. But here is another one for the blog is Twitter Bird. The Widget is very simple and it will not make your site Heavy. In this, a Blue bird will Fly on Your Web page. And when any body will click that he will be a follower of you and will see your all tweets. And in this way you will get more and more followers for the Twitter. And you can share your posts to many people. And in this way your Social Media Traffic will increase day by day. Below are the steps for Adding This Twitter bird to your blog in Blogger.

Steps To Add Twitter Bird In Blogger Blog:

1. Sign in to Blogger.

2. Go to the Template From the Dashboard.

3. Click On the Edit HTML.

Now your blog's HTML is their. You have to just paste code in blog's HTML and after that a twiiter bird will fly on your blog.

4.Search For The Following Word

</body>

5. Now Copy the Below code and paste it just Above/Before the </body>.

<script type="text/javascript" src="http://btsnts.googlecode.com/files/btsnts-tripleflap.js">
</script>
<script type="text/javascript">
var twitterAccount = "allworldbest";
var tweetThisText = " <data:blog.pageTitle/> : <data:blog.url/> ";
tripleflapInit();
</script><span style="font-size:11px;position:absolute;"><a title='Blogger Widget by BS' href="http://bloggersky.com" target='_blank'>Blogging World</a></span>

Note: Change BloggerSky1 From the Above Code With Yours.

6. Click On Save Template and Done here. A Twitter Bird is added to your blog.

Final Words:

The Conclusion for the above post is that Twitter is also very important for any blog for getting social media traffic. This widget will increase your twitter followers which will result in the increase of socail media traffic of your blog. Hope you like the Twitter Bird For blogger. If you are facing any problem in adding this than feel free to drop a comment below.

Monday, 21 April 2014

Hi buddies, Today i am again with a blogger widget and that widget is according to me is very important for every blog for better results. The widget is a stylish Facebook like box which is very seo friendly. This widget will help you in increasing of your social media rank. As you know that how much social media traffic is important for blog's ranking. So from this widget you will get more likes to your Facebook page and automatically your audience will also increase and you will highly rank in search engines. From so many days, i was thinking to share this widget with you. I have also used it on my several blogs and got awesome results.
Read post: How to insert meta tags in blogger blog.

The main feature of this facebook like box is that it SEO friendly widget. Your blog will look more beautiful with such a widget. I think you have also seen such widgets on other blogs. From this widget your blog's visitors will be very happy because they have liked your blog's page with just a single click without searching your page. Your every post will be shared with them and in this way you will have a lot of social media traffic from facebook.

DEMO

Steps To Add FaceBook Like Box Widget For Blogger:

1. Sign in to Blogger.
2. Go to Layout from the dashboard.
3. Click on Add A Widget.
4. Select HTML/Javascript.

Now copy the below code and paste it.

<div style="-moz-box-shadow: 0px 15px 20px 0px #777777; -webkit-box-shadow: 0px 15px 20px 0px #777777; background-color: #f4f4f4; border-radius: 15px; border: 1px solid #CCCCCC; box-shadow: 0px 15px 20px 0px #777777; height: 270px; margin: 30px; padding: 10px 0 10px 10px; width: 250px;"><div style="height: 250px; overflow: hidden;"><a href="bloggersky.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://bloggersky.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://bloggersky.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/bloggersky&width=250&height=258&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowTransparency="true"></iframe></div></div>

Now change Bloggersky to your page name and click on save.

Read post: Add related post widget to blogger

Final Words:
So friends, In this post we discussed about facebook like box for blogger. The widget is very simple, stylish and seo friendly. You will get better results after putting this widget in your blog. I hope you liked the widget and one thing more don't forget to leave your precious comments.

Thursday, 10 April 2014

Hi mates, Hope you are fine. Today i am with a widget for blogger. And that widget is About Related Posts below your every post. As you know that how much widgets are important for your blog for better ranking and seo. Related post is a very friendly widget for seo, because it forces your visitors to explore your blog. When a visitor visits your blog post and he likes it, then he will like to explore your others post in that label. With the related post widget your blog's traffic will also increase due to your blog's visitors activity.
It is very easy to add this widget in your blog.

Some templates have default related post widget in it. But some have not. Or if didn't like that related post widget than you can easily customize and add this widget in your blog. You have to just edit your Blog's HTML and some codes. And than you can enjoy with the great widget that i have posted here.

There are 2 types of the Related Post widget.
One is with thumbnails and other is withoust thumbnials (only text) Both are very suitable for blog. Now its upto you which will be best one for your blog. And also your blog's view should be superb.

With Thumbnails :

Steps:

1. Sign in To Blogger.
2. Go to Template in dashboard section.
3. Click on Edit Html. (Download Template For Security)
And search for the following code.

]]></b:skin>

Now add below codes just above it.

<b:if cond='data:blog.pageType == "item"'><style type='text/css'>#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}#related-posts-text {font-size: 0.9em !important;font-weight: 700 !important;line-height: 1.45em !important;font-family: Helvetica,Arial,sans-serif !important;width: 100px;padding-left: 3px;height: 105px;border: 0pt none;margin: 3px 0pt 0pt;} #related-posts h2{font-family:verdana !important;font-size:18px !important;font-weight:bold;margin:9px 0px !important;color:#666 !important;border-bottom:0px !important;border-top:0px !important;}#related-posts a{border-right: 1px dotted #DDDDDD;color:#5D5D5D; }#related-posts a:hover{color:black;background-color:#EDEDEF;}</style><script type='text/javascript'>var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV8IGyW0lU73du_53wcSVyihUbjAtKKc7he6kPtNpad0v8lLucqVe0jvlTL8gosLnOXwvWsAZ8EerF9N6hfqgxI1QJu-8xCfrLnWNXKr1MdX9C_CRynopiA7kUDlz0lwqIHJ0dsUs00xc/s1600/no_image.jpg";var maxresults=5;var splittercolor="#DDDDDD";var relatedpoststitle="You Might Also Like:";</script><script src='https://googledrive.com/host/0B-dv4rsl5_uZXzg0Z1FOVWhLSFk' type='text/javascript'/></b:if>

After doing this. Search For the following code.

<data:post.body/>

Now add the below code Just Below the above code.

<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop><script type='text/javascript'>removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs("<data:post.url/>");</script> </div><div style='clear:both'/></b:if><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><a href='http://www.bloggersky.com'><img alt='Blogging World' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizUGpHV6kTtOMqNKSQ2aNS1rxjjGh6-Olwgh4kjKK0m8GlXYNNlwus2GoKI8pgvqQUy68_RiU6EF-E-F-Kg79x11lDogizinLwSGYXu9wN9UgdkTO6IWUkRZCOPTS4pdeTpmqiF0b6ImIA/s1600/best+blogger+tips.png'/></a></b:if></b:if>

Now Save Your Template and You are done.

Without Thumbnails:

For adding related post widget without thumbnails is very easy. You have to just use the below code in your blog's Layout. Follow the below steps:

Steps:
1. Go to Blogger.
2. Proceed To Layout.
3. Click On Add A Widget.
4. Now Paste the Following Code in it.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js" type="text/javascript"></script>
<script type="text/javascript">
relatedPostsWidget({
'containerSelector':'div.post-body'
,'loadingText':'loading...'
});</script>

5. Now save. And Done.

Feel free to leave a comment.

Monday, 31 March 2014

Hi Friends, I think in my previous post you better know about the keywords and their importance and how to use them for better seo. In this post, i will discuss about the meta tags.
META Tags, or simply referred to as “tags” are small hidden pieces of code which tell the search engines what your blog is about. Basically, meta tags are just a listing of keywords which your visitors don’t see but the search engine’s indexers do. Tags are used to help the search engines index a website better without being visible and distracting to your readers.

Imagine for a moment that you have a blog on Softwares, then you might want to add a group of tags such as: softwares, protection softwares, registered softwares, photo editing softwares, computers, etc. You want your tags to stick to your specific topic of your blog, but you also want to include all the possible words someone could search on the search engines and find your blog. These tags help get your blog indexed for all of the words included in the tags.

Unlike other blogging platforms, Blogger does not contain an difficult way to add tags to your blog. Some blog formats do, Blogger happens to be one which doesn’t. However, it is possible to generate tags for your Blogger blog by using another website and then cutting and pasting a bit of code into your template (HTML of your blog). It is very simple and free to do. And it is advisable that you do put tags on your blog posts. Anything which will help with your search engine optimization you should spend the time and make sure you do it. Below, is the method how to add meta tags and description to your blogger blog.
Read Post: How to earn with adsense

How To Add Meta Tags And Meta Description To Blogger:

1. Go to blogger Dashboard.
2. Proceed to Template and Click on Edit HTML.
3. Now Press CTRL + F from your keyboard and search for the following.

<head>

4. Now add the following code below or after it.

 <meta content='Your Blog Description' name='description'/> <meta content='Keyword1, Keyword2, Keyword3' name='keywords'/> <meta content='Author Name' name='Author'/> <meta content='Author Email Address' name='Email'/> <meta content='all' name='robots'/> <meta content='index, follow' name='robots'/> <meta content='Language Name' name='language'/> <meta content='Country Name' name='country'/> <meta content='blogger' name='generator'/>

5. Now Change Your Blog Description with your blog's description.
and add your selected keywords. And like that change all tags with your own.

Final Words:
Last words for the meta tags are that meta tags are so much important for your blog's SEO. Meta tags are not important for your blog's visitors but they are most important for search engines. Just add meta tags and see the results.