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

Friday 10 August 2012

Related Post Widget For Blogger And Wordpress

Hey friends i will tell u latest related post widget for blogger and wordpress.Now you can show the related posts from your blog below in the each post.This is the latest 2012-13 trick provided by the sohailjawaid.blogspot.com .You can make your every post popular by this trick.Follow the steps to show related posts in blog below each posts-

Add A Colourful Popular Posts Widget To Your Blogger

Hello all bloggers today i will tell you how to add a colourful popular post widget on your blogger which displays a best designer popular posts widget in your blog with a colourfull way.To add this widget just follow the steps below-

Add floating social media share buttons to your blogger/blog or website

Hello to all friends today i will give you nice widget for your blogger.the name of widget is floating share buttons for your blogger/blog/website.this widget include all share buttons for your blogger.this widget will helps you to make your site popular.just follow the steps to enable this widget in your blogger/blog/websites-

Feedburner Recent Comments Widget For Blogger

 Feedburner Recent Comments WidgetJust few months back I wrote a post on how to add a Recent Posts Widget by Feedburner to your Blogger and Typad blogs and today we will learn a similar tutorial based on a really attractive and fast loading Recent Comments widget offered by Feedburner. This widget is really fast loading in a sense that it is well scripted and the JavaScript it uses is stored on feedburner’s server so there will be no load time delay on your blog. You have seen this widget hanging on my sidebar inside the multi-tab widget. So lets learn how to add it to blogger.
To add the Recent comments Widget By Feedburner to your blogs follow these steps,

Add a Customized Three Column Footer Widget In Blogger

You might have seen a three column widget at the bottom section of many commercial and professional blogs. Where you can add whatever stuff you like. Take my footer widget as an example. I have added widgets that further keeps the reader busy. This Footer widget contains three columns where each column can accommodate as many widgets as you can add! In order to add such a widget to the bottom section of your blogs and also customize the look and feel of it then lets start learning today’s tutorial.

Multi Column Footer Widget For Blogger –The Hot!


Multi-Column-Footer Widget For Blogger

We had previously shared a tutorial on Three Column Footer Widget which was well appreciated and today we have yet another more advanced version of the same widget. This new widget can become three column, four column or with as many columns as you wish. Further this new footer widget has some great CSS effects added to it which makes it even better. First see a demo to know what’s so different about it.

Advanced Multi Tabbed Widget For Blogger – Fully Widgetized!


multi-tabbed-widget I had published a post on how to add a multi tab widget to your blogger blogs and how to customize it to suit your blog layout some months ago. The only problem with that widget is that it is not fully widgetized i.e you can not add archives, labels, author profile or other blogger official widgets to it unless you have their separate code with you. I just came across a beautiful and a more flexible and advanced tabber widget stylized by Lawny Designs and scripted by Barelyfitz. I have modified lawny’s tutorial and have made some changes to the code so to make it even more simpler to newbie bloggers. You can view this widget hanging on my sidebar.


To add this cute multi tab widget to your BlogSpot blogs follow these steps.

Stylized Page Navigation Widget For Blogger|Blogspot blogs – MBT Church Theme Style!

Page-Navigation-Widget-for-Blogger As mentioned in the download page of MBT Church Theme that it has a Page Navigation Widget that is an alternative to Recent Posts, Home and Older Posts links at the bottom of blogger hosted blogs. In order to add the stylized version of Page Navigation Widget created by Mohammad Rias to your MBT Church Theme, follow the steps below,

Create a Floating Feedback and Back-To-Top Button For Your Blogs

feedback and back to top button Asking your visitors to leave you suggestions or feedbacks can be pretty easy only if you provide them with an easy access to your feedback page. Readers are often lazy and getting them to leave a feedback is often tough. However you can let them comment willingly if you add a floating feedback button to your blog, that floats as a reader scrolls down or up. This floating button can be made more user friendly and eye-catching if you add a roll over effect to it. Hover your mouse over my feedback button at the bottom-left corner of this page and observe how the button magnifies when you hover your cursor over it. Liked it? Lets now learn the TNT of adding a Feedback Button to your blogs, along with a Floating Back-To-Top Button, which I will discuss later.

Thursday 9 August 2012

How to Create a Table Of Contents Page For Blogger?


Table-of-contents-for-bloggger You have seen that I have created an automatically updated table of contents page that shows the links to all posts published so far at this blog. This widget displays all your posts category wise and really saves time. This widget will also tell visitors that which posts are new and which are old. I have modified the CSS in order to make it suit your blog appearance.

How To Create Random 468x60 AD Banners Widget?

random1 After having shared 125 by 125 Random Ad Banners Widget For Blogger I hope you will love learning how to create Random 468 by 60 AD Banner widget for your websites.  468x60 Banners are as widely used as 125x125 banners. They are displayed often at the upper part portion of web blogs or other websites. I have kept the coding simple and editable. The banners will change randomly upon each page load or page refresh.  Kindly view a demo first.



Add a Random Banner Widget To Your Blogger Blogs

To do this simply add the following code in your HTML/JavaScript Widget,
<script language="JavaScript">
images = new Array(3);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
images[2] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-3' border='0' height='60px' width='468px' alt='AD DESCRIPTION'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>

MAKE THE FOLLOWING CHANGES:-
1.  Replace URL OF ADVERTISER with the website link of the advertiser
2.  Replace URL OF BANNER’S IMAGE-1  and URL OF BANNER’S IMAGE-2 and URL OF BANNER’S IMAGE-3 with the Image links of the Advertiser’s banners
3.  Replace AD DESCRIPTION with some information related to the Ad. The description appears on mouse hover. You can leave it blank if you wish.
That’s it!
Apply it and save your widget to make the magic code work in action! :>

Create Facebook and Twitter Custom Follower Counters

Follower-Counter I was thinking as why some services like Facebook, Digg, orkut, stumbleupon has no follower, fan or friends counter. While I was customizing my template I needed a follower counter for Facebook but unfortunately I could not find any. So I decided that why not create my own custom follower counter. This idea enabled me to create a follower counter for any service you like!

JavaScript Image Slider For Blogger

Today I am sharing another cool slider which works with JavaScript and no jQuery and flash is needed.This slider contains a ribbon at the left top corner of slider and it is named as "What's Hot" also it contains a beautiful slice effect which slices image into 12 parts,these main features increase beauty of the slider.Another great feature of this slider is it is highly customizable so that to edit it as you wish and which will perfectly suits to your blog.This slider is created by menucool.com and I have created a bloggerized version of this slider to works perfect with blogger blog.See the demo of the slider by clicking on th,

Add "Link To This Post" Widget Below Every Blogger Post

Link to this post widget is another best way to increase page views and traffic on your blog.This widget contains two text areas,in first it contains a URL of that respective post and the second text area contains a HTML code which includes title and URL of your post.Another great feature of this widget is it updates automatically i.e. you dont have to update it as you post a new article on your blog.Also the installation this widget is so easy you just have have add a little code in your blog and you are done.Now lets see how to add it.You can see the demo at bottom of this post.

Social Bookmarking Widget With Tooltips For Blogger

Social bookmarking widget is need of every blogger thats why you see such gadgets almost on every blog.Social bookmarking widgets helps you to boost traffic on your blog.Today I am sharing an amazing social bookmarking widget which comes with beautiful animated tooltips,when any user hovers on the social icons the tooltip comes out also it applies a opacity effect to these social icons,this effect increase beauty of this widget.Credit for this widget goes to Shareaholic.Now lets see hoe to add it to your blog,also see the demo at the bottom of this post.