Showing posts with label gadget for blogger. Show all posts

Thursday, November 19, 2015

Stylish Popular Post Widget For Blogger

The Stylish Popular Post Widget For Blogger as one of the best blogger widgets all bloggers should have, shows a list of posts that have the highest page views on your blog. To be displayed on this stylish popular post widget can be the most popular posts within 7days, a month or of all time. In order to promote your blog and improve its design, it would be useful for you to use this Stylish Popular Post Widget in your blogger blog. Follow the steps listed below to add this blogger widget in your blog.

Also Read: How to Add 'Link to This Post Widget' to Blogger Post
Social Follow and Subscription Blogger Widget
Scrolling Popular Post Widget For Blogger

How To add Stylish Popular Post Widget in Blogger Blog

Step one

From you blogger dashboard
Goto 'Layout'.
Click on 'Add gadget'.
Select 'Popular Posts'.
Tick the options for 'Snippet' and 'Image Thumbnail' before you save the blogger widget.

Step 2

You'll be Adding the CSS code in your blogger template. If you already have a popular post CSS code in your template, ensure you remove it before trying this out.

Goto your blogger template, back it up first.
Click on 'edit html',
Use ctrl+F keys to search for ]]></b:skin>
Copy this code below and paste 'above' ]]></b:skin>

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipZ-uHvKOAL52pe_Vkvt9nycO6xS8ZKiBJG40FT5PDE1Cg9I_4xlaSJi2Dtl5lKEshWYtYDObDb5jhUiG4Vg8spO6mQVHbwmdqzndux69ISdhsRVLH_or0q32hydubjR9Tcorx_bBZfTs/s1600/1.gif) 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);
}

Also Read: Related Posts Widget For Blogger / Blogspot with jQuery
Facebook Invite Friends Buttton With Timer To Blogger
Facebook Popup Like Box With Timer For Blogger

Save the template. View your blog and you'll see the Stylish Popular Post Widget in your blog.

Sliding Recent Posts Blogger Widget 2015

Animated Sliding Recent Posts Gadget/Widget For Blogger

This sliding recent posts blogger widget 2015 shows the most current blog posts from one of your blogs as a slide show on the other. Got more than one blog? then you can share traffic between both blogs with this animated recent posts blogger widget, just by adding it to the one with more page views. Your readers will be linked from one blog to the other. You can also use this recent post slider widget for blogger to advertise other people's blog or they can advertise yours by adding it to their blog. Each time a new post is made, it gets updated automatically on the recent post gadget as a slider with images. The Steps below will guide you on how to add one of the sliding recent posts blogger widgets 2015 in your blogger blog.

Also Read: 10+ Best Blogger Tips and Tricks
Stylish Popular Post Widget For Blogger
Numbered Page Navigation Widget For Blogger Blogs

How to Add Sliding Recent Posts Blogger Widget

From your blogger dashboard,

Goto 'Layout'

Click on 'Add a Gadget'.

Select 'Html/Javascript'. (refer to this post on how to add gadgets/widgets in blogger)

Copy and paste one of the codes below for your preferred style of the the sliding recent posts blogger widget, then edit by replacing your URL where it's specified 'YOUR-URL'

Style 1

Sliding Recent Posts Blogger Widgets 2015

<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
    url: "http://YOUR-URL" // Add your blog URL
});

document.write('<a href="http://www.wegist.com/2015/04/jlos-ex-marc-anthony-and-new-wife.html " target="_blank" rel="dofollow"><font size="1" color="black">[Celebrity]</font></a>');
} </script>

Style 2

<style>
.gfg-root {
width: 100%;
height : auto;
position : relative;
overflow : hidden;
margin: 0 auto;
text-align : center;
font-size: 12px;
border: 1px solid #DBDBDB;
}
.gfg-title {
font-size: 16px;
font-weight : bold;
color : #6B6B6B;
background:#F3F3F3;
background-repeat: repeat;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
padding: 5px;
text-shadow: 0px 2px #fff;
}
.gfg-entry {
background-color: #FFFFFF;
width : 100%;
height : 9.2em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}
.gf-title a {
text-transform: capitalize;
color: #0000ff;
font-size: 14px;
}
.gfg-subtitle {
display: none;
}
.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
}
.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
}
.gfg-listentry-odd {
background-color : #F3F3F3;
border-bottom : 1px dotted #CCCCCC;
padding: 5px;
}
.gfg-listentry-even {
background-color : #F3F3F3;
border-bottom : 1px dotted #CCCCCC;
padding: 5px;
}
.gfg-listentry-odd a{
color: #595959;
padding: 0 0px 0 10px;
}
.gfg-listentry-even a{
color: #242424;
padding: 0 0px 0 10px;
}
.gfg-listentry-highlight {
background: #FFFFFF;
}
.gfg-listentry-highlight:before {
position: absolute;
left: 0;
content: '\25BA ';
font-size: 14px;
color: #DBDBDB;
}
.gfg-listentry-highlight a {
color: #242424;
}
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color: #ffffff;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}
.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 14px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
margin-bottom : 2px;
margin-top: 5px;
}
.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}
.clearFloat {
clear : both;}</style>
<script src="http://www.google.com/jsapi" type="text/javascript"></script><script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
function showGadget() {var feeds = [{title:'List',url:'http://YOUR-URL/feeds/posts/default?redirect=false&start-index=1&max-results=10'},];
new GFdynamicFeedControl(feeds, 'feedGadget',{title: 'Latest Posts', numResults : 10, displayTime : 5000, hoverTime : 500});} google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<div id="feedGadget">Loading...</div>

4. Save the blogger widget and view your blog for the changes.

Also Read: Social Media Follow Buttons Widget For Blogger
Email Subscription Widget For Blogger

You have successfully added the animated sliding recent post blogger widget on your blog.

Facebook Invite Friends Button For Blogger

The Facebook 'Invite Friends' button for blogger can also be added as one of the best widget because it enables your blog readers to easily refer their friends to your Facebook fan page, thereby increasing your audience. Normally, this Facebook button can only be found on Facebook pages where Page administrators have to manually invite others to like the page and fans who have liked the page also inviting their friends. Taking advantage of thousands of users on a social networking site like Facebook can go a long way in improving your blog's audience.

Also Read: How to Add HTML Parse Tool To Blogger
Social Follow and Subscription Widget For Blogger

How does this facebook invite friends blogger widget work? Each time a person clicks on the 'invite friends button', a new pop-up window opens. They can invite as many as 50 friends (which is the limit) at once to like your page. Using this invite button can help in increasing the fans on your Facebook page, thereby bringing more traffic each time your blog post is shared on the page. Include this widget on your blog so that your readers can also invite their friends to like your page directly from your blog.

Also Read: 'Link to This Post Widget' For Blogger
Customized Labels Cloud Widget For Blogger

How to Add the Facebook Invite Friends Button to Blogger

1. Create a Facebook app by Going to Facebook Developer's Page.

2. You must be a registered developer before you can gain access to this to create apps on the page. To do this, click on the Register button on the top right corner.

3 Next, Click on 'Apps' tab, then select 'Create new app'.

4. Enter a name of your choice for the app and also an identifier(optional), Select your app's category from the drop down menu. Then click 'create'.

5. You'll get an app Id, copy the ID into a notepad or text editor

6. Still on the Facebook developer's page, click on 'app page', and then go to 'settings'. Select 'Add a new platform' and then click on 'Website'. Fill the spaces appropriately with your URL and also mobile URL of your site, and then save your changes.

7.

.Goto your blogger dashboard
Click on 'layout'
then select 'add gadget'
select 'html/javascript'.
Copy the entire code below into the html/javascript editor. Before you save, edit the code by replacing the app ID in the code with your 'app ID' which you copied from Facebook developer's page. Also edit the 'facebook page url' in the code, replace it with yours.
Then Save the gadget

Save the gadget

Social Media Subscription And Follow Widget For Blogger

Using Social media subscription and Follow widget on your blog allows your visitors to easily bookmark your pages on facebook, twitter, stumbleupon, reddit and the likes. Once you get lots of followers/subscribers, you will definitely get more regular visitors from these followers, because your post will be shared to their social accounts after subscribing from the social media subscription and follow widget. Top social networking sites like Facebook, Twitter follow, Google plus, and others are part of this blogger widget. Email subscription for your blog post can also be done directly in this blogger widget. Follow the steps below to add the social media/network subscription box to your blog.

Also Read: Facebook Popup Like Box With Timer For Blogger
Related Posts Widget For Blogger / Blogspot with jQuery
How to Customze Labels Cloud In Blogger

How to Add Social Media Subscription And Follow Gadget to Blogger

Go to your Blogger Dashboard
Then Layout.
Click on “Add A Gadget”.
Next, Select “HTML/JavaScript”. Copy and paste this code below into the box.

Save the widget. You've successfully added the social network share widgets in your blog.

Social Follow Blogger Gadget

One of the best blogger gadgets which allows your readers to follow you and get your blog's updates on social networking sites is the social follow gadget. This means more loyal readers, increased traffic and number of followers. You don't have to fill up your blog with seperate social follow gadgets which can increase your blog's page load time. Socializing is necessary to increase you blog's popularity and another SEO technique since it appears in search results.

Also Read: Twitter Feeds Widget For Blogger

How to Add Social Follow Gadget to Blogger

1. From your Blogger dashboard, go to 'Template'. As usual Backup your template before making any new changes to it.

2. Click 'Edit HTML'.Press ctrl+F and search for

<data:post.body/>

code in your blogger template and paste this code just 'below'

<data:post.body/>

Also Read: How to Add 'Link to This Post Widget' to Blogger Post

<section class="newsletter">
    <h2>
    Tired of checking for new posts ?
    </h2>
    <div id="form-newsletter">
    <div class="social facebook">
    <a href="https://www.facebook.com/newsville" target="_blank">
          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWmKt7iajFocWE5-ggDsBFfDErQ2YM7dZxAe9hkazqRf0GHJHLAEnaDDjGSEYyuASFcvI1Eq7SNaMGgTvcrcbMbzpwmie2D-_FlMlSi3G-EfiGFPYhFVZhiGIsJ6itWy1KUFQR-8jGQQFY/s1600/nl-facebook@2x.png" />
        </a>
        <iframe allowtransparency="true" class="social-box fb-like" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fnewsville&amp;width=90&amp;height=21&amp;colorscheme=light&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;send=false&amp;appId=519648428126767&amp;locale=en_US" style="border: none; height: 21px; overflow: hidden; width: 90px;">
        </iframe>
      </div>
    <div class="social twitter">
    <a href="https://twitter.com/news_ville" target="_blank">
          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP4z0ZB7IaiU-tITV06aPK2ZA_RWGzDtci7XKA2kD5-knEeHxMUrSGYPY-UlsbSWpVrenswXt8FqWEviud7xDfWbbMHQtHHEYG196BCn5LxWz3jvgb03i7w-VzMKpWT2F6QXQPQJNHdD5h/s1600/nl-twitter@2x.png" />
        </a>
        <iframe allowtransparency="true" class="social-box twitter-follow-button twitter-follow-button" data-twttr-rendered="true" frameborder="0" id="twitter-widget-0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.1399599786.html#_=1399785529920&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=informationtutorial158&amp;show_count=false&amp;show_screen_name=false&amp;size=m" style="height: 20px; width: 60px;" title="Twitter Follow Button">
        </iframe>
        <script>
          !function(d,s,id){
            var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;
            if(!d.getElementById(id)){
              js=d.createElement(s);
              js.id=id;
              js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);
        </script>
      </div>
    <div class="newsletter-form">
    <fieldset>
    <h2>
           Get all posts directly in your mail.
          </h2>
    <div class="fields">
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=informationtutorial158', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
    <input class="email" id="email" name="email" onblur="ifundefinedthis.value=='')this.value=this.defaultValue;" onfocus="ifundefinedthis.value==this.defaultValue)this.value='';" type="text" value="Enter Your Email here.." />
              <input name="uri" type="hidden" value="informationtutorial158" />
              <input name="loc" type="hidden" value="en_US" />
              <input class="subscribe" name="commit" type="submit" value="Subscribe" />
            </form>
    </div>
    </fieldset>
    </div>
    </div>
    </section>
    <style>
    .newsletter{text-align:center;margin:20px 0;}
    .newsletter .social.facebook{background:none repeat scroll 0 0 #3661A0}
    .newsletter .social{padding-top:20%;width:20%;float:left;position:relative}
    .newsletter #form-newsletter{display:block;width:90%;max-width:900px;min-width:500px;margin:0 auto}
    .newsletter:before,.newsletter:after{content:&quot; &quot;;display:table}
    .newsletter:after{clear:both}
    .newsletter h2{color:#3B434D;font-family:Open Sans,sans-serif;font-size:1.5em;font-weight:300;width:65%;margin:1em auto}
    .newsletter .social.twitter{background:none repeat scroll 0 0 #00ACED}
    .newsletter .social a{display:block;left:30%;position:absolute;top:20%;width:40%}
    .newsletter .social a img{max-width:100%;width:100%;transition: transform 0.3s ease-out 0s}
    .newsletter .social a:hover img{transform:scale(1.1)}
    .newsletter .social .social-box{bottom:20px;left:50%;position:absolute}
    .newsletter .social .social-box.fb-like{margin-left:-45px}
    .newsletter .social .social-box.twitter-follow-button{margin-left:-30px}
    .newsletter .newsletter-form{background:none repeat scroll 0 0 #1E293B;float:left;padding-top:20%;position:relative;width:60%}
    .newsletter .newsletter-form fieldset{height:38px;left:10%;position:absolute;top:10%;width:80%;border:none}
    .newsletter .newsletter-form fieldset h2{color:#FFF;font-family:Open Sans, sans-serif;font-weight:300;width:100%;margin:0 0 1.5625em;font-size:16px;}
    .newsletter .newsletter-form fieldset .fields{position:relative}
    .fields .email{border-radius:10px 0 0 10px;outline:0 none;width:84%;border:0;left:0;position:absolute;padding:10.5px}
    .fields .subscribe{background:none repeat scroll 0 0 #F0553B;border:medium none;border-radius:0 10px 10px 0;color:#FFF;right:0;position:absolute;padding:10px;transition:all ease 0.6s;}
    .fields .subscribe:hover {background: none repeat scroll 0 0 #161616;}
    </style>
    <script type="text/JavaScript">
    fontsize = function () {
        var abtSubs = $(".newsletter #form-newsletter").width() * 0.025; // 10% of container width
        $(".newsletter .newsletter-form fieldset h2").css('font-size', abtSubs);
    };
    $(window).resize(fontsize);
    $(document).ready(fontsize);
    </script>

Also Read: Sliding Recent Posts Gadget For Blogger

4. After adding the code given above on either the second or third

<data:post.body/>

edit it and make some necessary changes in the USER-ID for each social network. The first two are for Facebook which is the Username, the third and fourth are the Twitter handles and the last two are for Feedburner ID. Save the Template.

Link To This Post Widget For Blogger

Adding link to this post blogger widget allows your readers to share your blog post on top social networking sites. They can copy the URL of that particular post from the link to this post widget if they find it interesting and paste it either on facebook, other blogs as embedded links with text or BBM forums. You would agree that this can be another way of building backlinks to your blog, which will in turn increase your pagerank and blog traffic.

Also Read: How to Add Floating Share Buttons to Blogger
Square Popular Posts Blogger Widget with Rotating Effect
Sliding Recent Posts Widget For Blogger

How to Add Link to This Post Widget Below Blogger Post

From your blogger dashboard.
Click on 'template'. Using 'backup/restore' that appears at the top right corner, backup your blogger template.
Click inside your blogger template, using ctrl+f keys search for <data:post.body/>
Copy this code shown below and paste 'above' either the second or third <data:post.body/>

Also Read: Facebook Popup Like Box With Timer For Blogger
Popular Post Widget With Hover Effect For Blogger
Social Follow and Subscription Follow Widget For Blogger

<b:if cond='data:blog.pageType == "item"'>
<p style='color: #7AA1C3;font-weight: bold;'>Do you like this post? Please link back to this article by copying one of the codes below.</p>
<p style='color: #CF152A;font-weight: bold;'>URL Of Post:
</p><textarea cols='60' id='url' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'><data:post.url/></textarea><br/>
<p style='color: #CF152A;font-weight: bold;'>HTML Link Code:</p>
<textarea cols='60' id='HTML-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'><a href="<data:post.url/>"><data:post.title/></a></textarea>
<p style='color: #CF152A;font-weight: bold;'>BB (forum) link code:</p>
<textarea id='BB-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'>[url=<data:post.url/>]<data:post.title/>[/url]</textarea>
<div style='text-align: right;font-size: x-small;'>
<a href='http://informationtutorial15.blogspot.com/2015/11/link-to-this-post-widget-below-blogger.html' target='_blank'><span style='color: #838383;'>Get this</span></a></div></b:if>

Save your template. The changes have been made, you can view your blog and you'll see the link to this post widget

How to Customize Labels Cloud in Blogger

Customized Labels Cloud For Blogger

Here's how to Customize Labels Cloud in Blogger using CSS3. Labels widget/gadget In blogger makes it easier to categorize your blog's post, giving your visitors a better way to go through related post on your blog. Using a labels cloud widget/gadget on a website can help in reducing your site's bounce rate since readers will have a better view of which post relates to which. The default blogger labels widgget one not really have that clean and elegant look. Looking for something cool? try this Customized Labels Cloud Widget for Blogger. To edit yours, follow the guidelines below

Also Read: How to Add Floating Share Button to Blogger
Popular Post Widget With Hover Effect For Blogger
How to Add IP Widget to Blogger Blogs

How to Customize Labels Cloud in Blogger

From your Blogger dashboard
Goto 'Layout'.
Click on 'add a gadget' .
Select 'Labels' from the pop-up options.
Tick the option 'cloud' display.
Save the gadget.

Also Read: Facebook Invite Friends Button With Timer For Blogger
Facebook Invite Friends Button With Timer For Blogger
Static Facebook Popup Like Box For Blogger

Next, goto your blogger template, backup the template.
Click on 'Edit html'.
Click inside your template, using ctrl+f keys search for ]]></b:skin>
Copy any of the codes below for your preferred style and paste 'above' ]]></b:skin>

Style 1

.Label li {
        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
        border: 1px solid;
        border-radius: 6px 6px 6px 6px;
        float: left;
        font-size: 116%;
        list-style: none outside none;
        margin: 2px;
        padding: 4px;
        transition: all 0.3s ease 0s;
    }
.Label li:hover {
    transform: rotate(351deg) scale(1.7);
}
.Label a {
    color: #fff;
    text-decoration: none;
}

Style 2

.Label a:hover
{
text-shadow:5px 5px 5px #dcdcdc;
background:orange;
border:1px solid orange;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 30px;
border-top-right-radius: 30px;
}
.Label li {
    border: 1px solid;
    border-radius: 6px 6px 6px 6px;
    color: #000000 !important;
    float: left;
    font-size: 116%;
    list-style: none outside none;
    margin: 2px;
    padding: 4px;
    transition: all 0.3s ease 0s;
}
.Label a {
    color: #000;
    text-decoration: none;
}
.Label li:hover {
    transform: rotate(5deg);
}

Style 3

.Label a {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #7FBF4D;
     background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
     border-bottom-right-radius: 30px;
     border-color: #63A62F #63A62F #5B992B;
     border-image: none;
     border-style: solid;
     border-top-left-radius: 30px;
     border-width: 1px;
     box-shadow: 0px 1px 0px 0px #96CA6D inset;
     color: #FFFFFF;
     float: left;
     font: 14px verdana;
     height: 18px;
     margin-bottom: 9px;
     margin-left: 10px;
     padding: 10px;
     position: relative;
     text-decoration: none;
     transition: all 0.5s ease-in-out 0s;
}

.Label a:hover {
     background: none repeat scroll 0% 0% orange;
     border-radius: 0px 30px 0px 30px;
     border: 1px solid orange;
     text-shadow: 5px 5px 5px #DCDCDC;
}

.Label {
     margin: 0px;
     padding: 0px;
     position: relative;
}
.Label li:hover {
    transform: rotate(5deg);
}
.Label li {
    float: left;
    font-size: 116%;
    list-style: none outside none;
    transition: all 0.3s ease 0s;
}

Save your template.

TUTORIAL IT

Pages

Thursday, November 19, 2015

Stylish Popular Post Widget For Blogger

How To add Stylish Popular Post Widget in Blogger Blog

Popular Posts Widget With Hover Effect For Blogger

Wednesday, November 11, 2015

Sliding Recent Posts Blogger Widget 2015

How to Add Sliding Recent Posts Blogger Widget

Facebook Invite Friends Button For Blogger

Facebook Invite Friends Button For Blogger

How to Add the Facebook Invite Friends Button to Blogger

Social Media Subscription And Follow Widget For Blogger

How to Add Social Media Subscription And Follow Gadget to Blogger

Social Follow Blogger Gadget

How to Add Social Follow Gadget to Blogger

Link To This Post Widget Below Blogger Post

Link To This Post Widget For Blogger

How to Add Link to This Post Widget Below Blogger Post

Monday, November 2, 2015

How to Customize Labels Cloud in Blogger

Customized Labels Cloud For Blogger

How to Customize Labels Cloud in Blogger