My Blog Widgets

Google+ Followers Widget Generator For Blogger | Wordpress | Website

noreply@blogger.com (Nuemaan) — Tue, 07 Jan 2014 14:45:00 +0000

Recently Google has introduced new Google plus follower widget that allow website/blog owners to attract new readers, as well as provides facilities to facility to visitors to stay connect with the website/blog. Google + is also a product of a Google. As a social networking website authors are creating there website/blog pages on it. Google plus is not just a social networking website but also its allows authorship program that use to blog owners to display images in search engines below link. This gadget will highlights total followers and offers audience to follow you on Google+. and hence with the media of google plus you will be able grow your blog traffic.

How To Add It On Blogger Blog?

Step 1: Loging in to your blogger account.
Step 2: Go To Layout > click on Add New Gadget
Step 3: Click on HTML/JavaScript link
Step 3: Generate your widget code from above generator.
Step 4: Copy and paste generated code code in to HTML/JavaScript.
Step 5: Save and arrange layout according to your requirement. That set.

Feed Back

Share your valuable feed back with us or you having any kind of query than comment it below i will glad to help you.

Online iFrame Generator Tool for Blogger | WordPress | Website

noreply@blogger.com (Nuemaan) — Wed, 01 Jan 2014 08:44:00 +0000

This iFrame generator helps you to instantly create customized iFrames for your web Blogger | WordPress | Website. Fill in the fields below and within seconds you will receive the HTML code for your custom iFrame,simply edit values below and click the “Generate” button.

Find Someone's Facebook Personal ID Details

noreply@blogger.com (Nuemaan) — Wed, 01 Jan 2014 07:57:00 +0000

We all know that a every Facebook profile will have a unique numerical ID like www.facebook.com/100004311644154 but after assigning your own User Name numeric id will not show in your profile url, it redirects to your custom User Name. one of our blog reader asked this doubt. Here is the trick to get your facebook id number using facebook graph.

Non-Customized Facebook Profile URL
Your URL (web address) will look something like this:

https://www.facebook.com/profile.php?id=100004311644154

Customized Facebook Profile URL
Here’s what I mean by a customized Facebook profile URL – I’ll use my Facebook profile as the example:

After Click on "Get Details", Its pop up a window, which having all details of your page or profile. Like the below snapshot

How to Withdraw Money from Payza in Pakistan Using Visa Card

noreply@blogger.com (Nuemaan) — Wed, 01 Jan 2014 06:53:00 +0000

Previously Payza provided the service to pull away money using charge card or check. But then in the beginning of 2012 Payza launched its prepaid debit card. After that it closed all others ways of extracting money except bank wire and the debit card. If you would like withdraw money with all the bank wire compared to your account should be verified. But in spite of this to verify your account you are unable to use credit card or check alternative. The only option you are left with is with your local bank account to verify your current Payza account. Only after that you'll be able to withdraw money with all the bank wire assistance. The other option is with the prepaid debit card to manufacture a withdrawal.

In order to deposit money in your local bank account it is advisable to login into your own account. After that click on deposit money and enter how much cash that you desire to deposit. Now click on the next button. After that within the next payment your standard bank name and address will likely be shown. You should pay 20 dollars with this transaction and it should take 4 to 5 business days before the purchase is complete. In this method your account will likely be verified and will also be able to make use of the bank wire services.

There is another approach to verify your account which easier and free way too. You can authenticate your account using some authentic documents. For example you should use your CNIC card plus a utility bill to help verify your accounts. The name along with address on both the documents should end up being same and don’t forget about to scan both the sides of your own CNIC. After scanning your own authentic documents you'll be ready the account confirmation process. Start by adding your documents for the Payza support web page. After that click on my account support then check for my account verification question. You need to become patient because it should take four to five business days before the purchase is complete.

The best and the most effective way to withdraw money from your Payza account using Payza prepaid debit cards. For this purpose firstly know that there are $20 as part of your account. After that open up your account and click the link for ordering the actual debit card. You'll need a photo ID then one other document to help verify your deal with. When prompted to upload an image ID use your own CNIC card provided by the government when prompted to authenticate your address post a scan of merely one of your bills. This is all you have to for your Payza debit cards. It can take 30 to 60 days one which just receive your debit cards in Pakistan. So be patient however.

Utilize your ATM Debit Cards to Withdraw Payza money in Pakistan

When you open a Bank account in Pakistan with Standard Chartered or perhaps UBL (United Bank), supplies an ATM Cards for withdrawing your cash using your credit card. That card additionally works for online transactions identical to Visa Debit Cards. So if you've got an account on UBL or SCB then just call the actual help line in addition to activate your credit card for online use. Now come back to your Payza Accounts >> Verification page and verify your own ATM Visa Debit Cards, when it is actually verified, Payza will deduct $3 or $4 from a card just for checking purpose. So you must have some rupees in your bank account. That amount is going to be yours in your own Payza account. Which means this way, Payza will confirm your Debit Card after which it you’ll manage to transfer your Payza funds for a ATM Visa Debit Cards. This is a thing really easy which can be done by anyone having a Bank account in Pakistan.

Fastest Mobile Internet Providers in Pakistan

noreply@blogger.com (Nuemaan) — Wed, 01 Jan 2014 06:30:00 +0000

Telenor Pakistan possesses offered its best mobile Internet monthly package in history. It is an excellent news to mobile Web users in Pakistan however the bad news is the newly introduced package continues to be worse than which of Zong’s Net packages. Telenor is offering only 500MB data/month with regard to Rs. 250. If we compare the package cost of Telenor to be able of Zong regular mobile Internet package, Zong leads because it is providing 2GB data/month just for Rs. 200.

If we compare the call speed of equally services, Telenor will undoubtedly be superior. Telenor can be preferred for cell Internet by cell users due their consistency. Zong’s interconnection speed greatly reduces in peak several hours (6: 00 PM-12: 00 AM) and even fast loading websites couldn’t be opened for a few moments. On the other hand, Telenor is good since the speed doesn’t affected terribly that adheres to that of Zong.

As we know that almost all mobile networks within Pakistan are 2nd generation (2G). The facility connected with broadband Internet is additionally unavailable in many places. In these circumstances, a majority of Web users depend on this cellular networks to avail the center of Internet. The population is waiting for your upgrade of this networks but we're not expecting that transformation in not to distant future. So we can say that we’ll must depend on GPRS and EDGE of the cellular networks until eventually any unpredictable alter occurs. Although PTCL is reaching throughout the country with their competence, but still most the common people is going to be waiting for virtually any easy service.

So we were discussing the new regular mobile Internet bundle of Telenor. The particular question arises here, for which service you must go for? Telenor or maybe Zong? The remedy is, if you should only browse the Net, then still you possibly can mange your whole month while using 500MB which Telenor allots a person for Rs 250 and you ought to go for it since the speed in Telenor provides improvement over that of Zong.. Zong will offer you 2GB however. If the Zong services are better locally, then you should surely go for Zong, as you will get 2GB data/month with regard to only Rs. two hundred. Simply experiment by means of testing both services after which select one which works well available for you. To activate Telenor’s regular 500MB package, switch *345*904#, and with regard to Zong’s monthly 2GB bundle, dial *908#. Telenor also offers 45MB data/month in Rs. 105. To be able to activate this, switch *345*903#. Details about various other mobile Internet deals in Telenor and Zong are the following:

TELENOR

Daily 3MB cell Internet@Rs 3+tax. Dial *345*901# for account activation

Weekly 15MB cell Internet@Rs. 35+tax. Dial *345*902# for account activation

Monthly 45MB cell Internet@Rs. 105. Dial *345*903# for account activation

Monthly 500MB cell Internet@Rs. 250. Dial *345*904# for account activation

ZONG

Daily limitless mobile Internet@ Rs. 10+tax. Dial *909# for account activation

Monthly 2GB cell Internet@Rs. 200. Dial *908# for account activation

Monthly 4GB cell Internet@Rs. 400+tax. Send out SUB4GB to 905 with regard to activation

How to Make Good Micro Niche Sites - Complete Guide

noreply@blogger.com (Nuemaan) — Tue, 31 Dec 2013 14:42:00 +0000

Are you want to earn more with less time by utilizing less efforts? When yes, then must build a Micro Niche Site and rank for ones site name first in Google. Generating massive income online got easier with Niche sites, People earning 1000s of dollars right now simply by targeting single search term. All you are related is find your chosen niche to reveal and do a few link building for that topic or keyword you want to rank on. So today Let me tell you Tips on how to a Build an effective Niche Site with 2013 and Help to make Huge Money Well.

What is a Micro Niche Site?

Micro niche websites will be the websites build around a unique niche or theme. It can certainly be a problem related to your laptop, skin sickness, medicine, electric product or perhaps anything around an exceptionally narrow niche. Because Site, your area is bound and write as to what you choose.

How to build a Successful Niche Site that creates Money?

1. Perform Keyword Research

Keywords are which phrases or text that potential people will type in the search engine to discover what they are seeking. Always choose 2-3 text long tail keyword for ones niche site and commence doing research onto it like monthly researches, low competitive, CPC etc. Tools like LongTailPro can assist you in this event. Note- Make your website related to your chosen keywords.

2. Assemble Proper Content

Now when you finally choose your website, its time to post content for that in large. Post no less than 10-20 articles onto it and provide Tips on how to Guides, Tutorials etc within your Niche Site. Also Choose attractive theme for that and design it according to your way.

3. Search engine ranking

SEO is Must for ones business. Without that, your site is no more in the various search engines. You also must structure your key terms throughout your website in a fashion that is SEO welcoming. Hence you ought to know On-Page SEO rank factors, Meta Tag words Optimization, etc regarding better rankings.

several.

4. Link Building

There are several ways of obtaining incoming links. One of several oldest and best methods for getting natural and top quality incoming links is always to create quality content. That means for you to rank higher for ones chosen keyword, all you must do is link building for that. Try Guest Blogposts, Blog Commenting, Online community Posting, Directory Submission etc for that keyword and website link back your Mini Niche Website.

5. Earn money it

Lastly Its time and energy to monetize it, Put Google AdSense onto it and Join Popular Affiliate marketing online Networks like ClickBank, CJ, ShareaSale etc in promoting your desired Product matching to your site niche. This will bring you additional joy and cash etc.

All Done! I hope this tutorial will let you out with ones Niche Site and also make passive income to suit your needs in coming occasion. Till then Serenity and Blessings!

How to Add Stylish & Attractive "Advertise Here" Widget for Blogger

noreply@blogger.com (Nuemaan) — Tue, 31 Dec 2013 14:07:00 +0000

Hello My Dear Readers today i will give you a nice and atrractive advertise here widget for sidebar it's very Good Widget and it's easy to customize,it's totally built in CSS and Jquery. Every one is makes blog for earning some money but when you fail to make money from your Blog through any advertising site then it's better for you to atract advertisers and i hope you all get new advertisers for your website and soon you will began to Make a Dashing amount of money.

Follow these Steps:

Step 1: Adding Stylish & Attractive "Advertise Here" Widget for Blogs.
Now let's start adding it...

Step 2: Login to Your Blogger Account.Go to your Blogger Dashboard>Layout>Add a Gadget.

Step 3: After click on Add a Gadget link A pop-up box will open now.

Select "HTML/JavaScript" from the gadget options by clicking the blue plus sign for that gadget.

Step 4: Add the one of code given below.

<style> #F4U-ads img { margin: 0px 8px 4px 0px; padding: 3px; text-align: center; border: 3px solid #c0c0c0; -webkit-border-radius:70px; -moz-border-radius:70px; -o-border-radius:70px; border-radius:70px; -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out; -o-transition: all 0.45s ease-out; transition: all 0.45s ease-out; } #F4U-ads img:hover { margin: 0px 8px 4px 0px; padding: 3px; text-align: center; border: 3px solid red; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; } </style> <div id="F4U-ads" align="left"> <table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#fff"><tbody> <tr> <td> <center> <a href="Advertiser URL" rel="nofollow"> <img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwXzL3HXe6arTmVkOzP3IrZCEwPuekeL87EkAEUrfON_g-joHyiQ0rAN0t1-MOFm40o8amqmaetNT0dLtILqXGvuPx6DYLWe7xyqVU_4rz8xppZQ_MS-Z7n5p1x5VcFsFyPB9MLh03v2d4/s1600/advertise+here.png" height="125"/></a> </center> </td> <td> <center> <a href="Advertiser URL 2" rel="nofollow"> <img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwXzL3HXe6arTmVkOzP3IrZCEwPuekeL87EkAEUrfON_g-joHyiQ0rAN0t1-MOFm40o8amqmaetNT0dLtILqXGvuPx6DYLWe7xyqVU_4rz8xppZQ_MS-Z7n5p1x5VcFsFyPB9MLh03v2d4/s1600/advertise+here.png" height="125"/></a> </center> </td> </tr> <tr> <td> <center> <a href="ADVERTISER URL 3" rel="nofollow"><img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwXzL3HXe6arTmVkOzP3IrZCEwPuekeL87EkAEUrfON_g-joHyiQ0rAN0t1-MOFm40o8amqmaetNT0dLtILqXGvuPx6DYLWe7xyqVU_4rz8xppZQ_MS-Z7n5p1x5VcFsFyPB9MLh03v2d4/s1600/advertise+here.png" height="125"/></a> </center> </td> <td> <center> <a href="ADVERTISER URL 4" rel="nofollow"> <img border="0" alt="AD DESCRIPTION" width="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwXzL3HXe6arTmVkOzP3IrZCEwPuekeL87EkAEUrfON_g-joHyiQ0rAN0t1-MOFm40o8amqmaetNT0dLtILqXGvuPx6DYLWe7xyqVU_4rz8xppZQ_MS-Z7n5p1x5VcFsFyPB9MLh03v2d4/s1600/advertise+here.png" height="125"/></a> </center> </td> </tr> </tbody> </table> </div>

Replace To Your Advertising Url

Replace To Ad Description

Replace With Your Image Link

Final Words
If you like it then please Share your views using comment box in future we will introduce more Widgets like this. Happy Earning.....

How to Get More SEO Friendly Backlinks for High Search Rankings

noreply@blogger.com (Nuemaan) — Tue, 31 Dec 2013 12:18:00 +0000

Incoming links on your blog/site are generally known as backlinks. Or those links where the visitor can land from one site to another site are generally known as backlinks.

Why You must Build The Back-links? - Importance

This is actually the important that you should build the backlinks of this blog because it truly is most important thing which often can help us in many places. After website link building, many sites will be linked to your website and by this you'll be getting from that will site. It helps in improving the Alexa and Google Page Rank that's the need of every blogger and it in addition help you in improving the visibility of this blog in search results that will help in getting organic traffic.

Below I've discussed some terrific methods to assemble the backlinks for ones blog. So go and grab this specific now.

1. Guest Posting

This is among the finest method to website link building. You ought to be a guest blogger and guest blogger submits some articles on some popular blogs and he provides the backlink to his blog because post with the particular guest blogger biography. That link is generally dofollow and it assists a lot simply because dofollow has much more value then nofollow. I'll publish another post if you don't know concerning dofollow and nofollow.

2. blog Commenting

This is another tip that blog commenting can also increase backlinks for anyone. But comment upon those blogs that happen to be using CommentLuv or perhaps KeywordLuv commenting system because because system we can potentially add the current post link individuals blog. And also touch upon WordPress blogs simply because in those blog we are able to only add the particular homepage link individuals blog but additionally it is good. Don't comment as being a robot, I mean tend not to spam in reviews and post the several comment according to the post because comment spamming can harm your blog within the next Google Penguin up-date.

3. Unique and a lot Loved Content

Content is another thing that can also direct you towards building the backlinks of this blog. You should publish the unique content and most loved because of your visitors. Ask your readers what they need and give all of them. Now if that will content is loved because of your readers then they are going to also share this with their friends which is what it is gonna enable you to. e-Boos and resources are the great thing that your visitors have to to get and share it with their friends.

4. Social media Promotion

I think you understand that almost just about every internet user is on Social media sites like Facebook or myspace. So this could be the great opportunity to look at benefit from the item. Share your content or posts upon some popular social sites as well as join the communities associated with your niche upon those sites and share your articles on those residential areas. This will direct you towards building backlinks as well as in increasing targeted traffic.

5. Forum Putting up

Forum posting is also a great idea in increasing back-links and traffic of this blog. In this method, You've to sign up for some forums which must be related to your website after joining the form, you've to publish some threads or reply to the threads. And before publishing or reply to threads be sure that you've added your current blog's link inside signature.

6. Directory Submission

There are a number of web directories online where you simply must submit your blog combined with the details. After that will, those directories will list your website in the most appropriate category and it will need to get authorization or listing your website. Submit your blog to the most famous directories like Dmoz. org. This will assist you to in increasing traffic as well as in backlinks.

Ultimate Words

So friends this was the introduction connected with back-links and combined with the tips to assemble the back-links. Newbies and Blog writers must try the following pointers to increase their back-links to achieve success. I hope this article might help you slightly. Stay connected with us for more.Happy Blogging!

Facebook Status Generator

noreply@blogger.com (Nuemaan) — Mon, 30 Dec 2013 12:59:00 +0000

Facebook tools are going at a very high level and many peoples give the many kinds of Facebook tools like ID Generator, Auto Like etc. bt today we have the very different tool called Facebook Status Generator, this tool will generate many status for you.

How to Use it?

Simply Just Click on Generate Button
Status will generate.
Copy that Status and Paste on your Facebook Wall.

How to Deal With Facebook Stalkers - TOP 5 TIPS

noreply@blogger.com (Nuemaan) — Sun, 29 Dec 2013 08:59:00 +0000

We all have that one person that never gets tired of liking our posts, commenting on our photos and tracking our every move through our check in’s on Facebook!

1. Be Honest

If you aren’t comfortable with a certain person’s actions be honest about it and tell them that you don't like their posts and support your answer with a reason. They might just appreciate the honesty and stop annoying you from further on. Efficient communication always does the trick.

2. Look out for Signs

You will know that you’re being stalked on Facebook if your wall is bombarded with comments, messages and links to certain sites or Farmville gifts! Understand that the motives of these entire requests are all intentional and not just done out of the blue. Be attentive and look out for certain signs.

3. Use your sixth sense

Is the person chatting with you every time you're online, spamming your inbox, always commenting and liking all your posts and pictures and is barely leaving you alone? Voila you just figured out who the stalker really is. It is natural for your response to range anywhere from irritation and frustration to finding it unpleasant, difficult to deal with, and overwhelming, chances are they aren’t going to quit harassing you anytime soon, so stop taking it for granted.

4. Shout out

Realize that there could be a possibility that this person doesn't really understand that what he or she is doing is to tick you off. Best way to deal with it is to use the gift of communication and reason before jumping into conclusions. Try not to welcome unnecessary drama into your life because you reacted rudely to the other person or misjudged their motives, you will only land up making an ass of yourself.

5. Take action

There are two simple ways of dealing with a stalker. The first solution is warning them to not do it and if the action persists opt for the second alternative. The second alternative is either to simply block them and if they persist using other methods, report them to facebook, inform your family members and seek assistance from a cyber cell near you.

How to Add Meta Tags for Each Post in Blogger V2

noreply@blogger.com (Nuemaan) — Sun, 29 Dec 2013 08:11:00 +0000

As we all know that Meta Tags are very important for every single website in blogger and not also fr blogger it's also very important in every kind of website, blog, software and every kind of software and other things need search description, and We could say that search description is an another name of Meta tags for websites, blogs etc. But if meta tags could be added for every individual post in blogger without any code then it can be very helpful very a kind of big achievement for bloggers, be'coz then our SEO will be more powerful in search engines. As we wrote a last post about on this topic that how to add meta tags for each post and that also working trick of it but there is one drawback of that trick is that we had to add every meta tag code for every single post and also had to save in blogger template, so this i very time consuming trick and this also increase the loading time of template. So, today we have a new and very simple trick for this task and you don't need to add code and also not have to save your template every time.

Let's Start

Login to Blogger
Go to Dashboard
Create a new post
After written by your whole article
Open SEARCH DESCRIPTION (on the right side of post editor)
Enter your SEARCH DESCRIPTION in that box (like in image below)
And, finally publish your article.

This a best and perfect way of adding meta tags for every post in blogger.

Find Your Facebook Numeric ID | Easy Tool for Locating Your Facebook Numeric Personal ID

noreply@blogger.com (Nuemaan) — Sat, 28 Dec 2013 12:40:00 +0000

Easily find your Facebook numeric personal ID for fb:admins social plugins and more!

For integrations of certain Facebook social plugins, like the "Like" button and "Like box", and others, Facebook requires that you know your Facebook numeric user ID. Unfortunately, they make this very difficult to find, especially if you have a so-called "vanity" personalized profile URL. If you can't find your Facebook ID, or don't know what it is and need it, just enter your full Facebook profile URL in the above form, and we can scrape the ID from the code of your personal profile page.

Numeric ID Generator

Any Problem Ask in Comment.....!

Mashable Style Social Subscription Widget

noreply@blogger.com (Nuemaan) — Tue, 24 Dec 2013 10:38:00 +0000

The great social media blog Mashable is always an inspiration in whatever they do. I came across a great wordpress plugin created by inspiredmagz and they named it as mashable social bar. We downloaded their plugin and converted it to a blogger compatible form. We also managed to solve its compatibility issues for IE and further strengthened its HTML structure. This widget can now be used in every blogspot blog just with an extremely easy installation step. As you can see this widget contains links to your Facebook Fan page, Google+ page and recommendation button, twitter follow button, RSS and LinkedIn links and most importantly an attractive subscription form that will further increase the number of your Email subscribers. The conversion didn't took me very long and I am pleased to present it to all of you.

How to Install This Widget On 'Blogger' ?

Customize Options in Given Widget Generator Form
Click on Generate Button
Finally Click Add to Blogger Button to add this widget on Your blog

**Note:- After changing any values, First Click Generate Button and then See Your Preview.

Any Problem....?

Ask in Comment....

Advanced Auto Scrolling Recent Posts Widget Generator For Blogger / Blogspot

noreply@blogger.com (Nuemaan) — Sat, 21 Dec 2013 07:08:00 +0000

If you have a lot of post on the blog, or if you want to show everyone your list of favorite books, but have little space in the sidebar widget this will be a great help to you. This post explains how to add auto scrolling (marquee) recent posts Widget on his blog that looks good on your blogspot blog. This is similar to the display of recent post in your sidebar, but this will have a marquee in this widget. Now if you want to show your blog in this way, either on top or bottom of your blog, then you can use this new widget.

This Widget is look like this scrolling.

How to Install This Widget On 'Blogger' ?

Customize Options in Given Widget Generator Form
Click on Generate Button
Click Preview** Button to see your widget Preview
Finally Click Add to Blogger Button to add this widget on Your blog

**Note:- After changing any values, First Click Generate Button and then See Your Preview

Note:- Choose appropriate Image Bullet or Icon That have transparent Background and small in Size

If any Problem Ask in Comments.

Cursor Generator For Blogger | How to Change Mouse Cursor in Blogger

noreply@blogger.com (Nuemaan) — Sat, 21 Dec 2013 05:47:00 +0000

Change Mouse Cursor Generator By Muhammad Nauman

How to change mouse cursor in blogger blog to animated cursors.One of the best way to add extra fun to your blog is, changing mouse cursor on your blog. Changing the mouse cursor in blogger or blogspot blogs is very easy.This tutorial will help you to change the mouse cursor of your blog to animated cursors.Many bloggers are asking such kind of questions but there is no tutorial available on the internet.I created this post because there are a blogger friend who asked how to change the pointer / cursor on the blogger. This you can do to decorate the look of blog.

I take the cursor image from http://www.cursors-4u.com and http://rw-designer.com you can change it anytime depends on your festive moods.

How To Add Mouse Cursor Widget To Blogger?

Choose a type of Mouse Cursor below
Click on "Genetate" button
Finally click on "Add to Blogger" to add it to your blog.

If any Problem Ask in Comment.

How To Add Animated Flash Clock Widget To Blogger | Blogspot

noreply@blogger.com (Nuemaan) — Fri, 20 Dec 2013 14:34:00 +0000

Here's the cool Clock. This tutorial will show you how to Add animated flash clock gadget your Blogger blog. A clock gives a beautiful look to a website. A clock is a necessity for a personal website, forum, blog etc.Isn’t it exciting when you get a highly quality flash Clock absolutely Free? you can add this flash animated clock your blog easily.i've tested this Flash Clock on internet explorer, mozzilla firefox & many other web browsers. it's very fast and fresh.You simply have to Click on Add to Blogger to add it.

Follow Admin On Facebook For Getting Latest Updates:

How to Add this:
Step 1: Choose a type of clock below
Step 2: Fill Height and Width of the Widget
Step 3: Finally click on “Add to Blogger” to add it to your blog.

Send Free SMS to Pakistan, Send Free SMS Text Messages to Any Network Without Registration

noreply@blogger.com (Nuemaan) — Thu, 19 Dec 2013 07:05:00 +0000

Send SMS Everywhere in Pakistan, No Registration Required. 1000 Character Support, Send SMS in Pakistan, Send SMS Free, Send SMS Free in Pakistan, Send Free SMS, Send Free SMS in Pakistan, Send Free SMS to Ufone, Send Free SMS to Warid, Send Free SMS to Jazz, Send Free SMS to Zong, Send Free SMS to Telenor, Send Free SMS to Moblie, Send Free SMS to Pakistan, Free SMS Send, Send Text Messages, Free SMS to Pakistan, Send Free SMS To Any Network In Pakistan, Pakistan Free SMS Service enjoy our sms service.
Embed This in Your Site/Blog

<p align="center"><iframe style="overflow: hidden;" src="http://smsserver.send92.com/index.php" height="550" width="100%" frameborder="0" scrolling="no" align="middle"></iframe></p>

Make your Own Heart With Text (ASCII Heart Generator)

noreply@blogger.com (Nuemaan) — Wed, 18 Dec 2013 06:40:00 +0000

This is simple Text to Heart Text Generator for bloggers and also for fb users, you can easily use it in Facebook Status, Google Plus Status, for Tweet and also in other social sites. This will generate your text into the heart shape.

How to Use it?

Type Your Name in Text Box

Hit on 'Create Button'

That's it....!

Now copy your generated text and paste any where, where you want to show your creativity.

How to Add Professional Dropdown Menu in Blogger

noreply@blogger.com (Nuemaan) — Sun, 15 Dec 2013 05:53:00 +0000
Drop down menus are very important in blogging and these kinds of stuff is also considerable for the visitors be'coz visitor when firstly see your menus and other widget and if he like that then she/he wish to visit again itself and content also very important fro the every blogger.

Step 1: How to Add Professional Dropdown Menu in Blogger.
Now let's start adding it...

Step 2: Login to Your Blogger Account.Go to your Blogger Dashboard>Layout>Add a Gadget.

Step 3: After click on Add a Gadget link A pop-up box will open now

Select "HTML/JavaScript" from the gadget options by clicking the blue plus sign for that gadget.

Step 4: Select 'HTML/Javascript' and add the one of code given below.

<style>

/* Blue Dropdown Menu by www.myblog-widgets.blogspot.com/ */
#nav {
display:inline-block;
width:100%;
margin:0px auto;
padding:0;
background:#335599 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BBxRdrWbZvjpxE0Vcrk6H2-mbspdxED4HFg3sxxPQ7vqv6T2nOrk8dkyE1eLJPkdUYoAjQlY5N9NKaKLYnIuboznUoS2JVcXI7yPnwu4PjmD1TPMWuPFx5Dfp0B-C9xDEtWBiplV4XW4/s320/bg-ABT.png) repeat-x 0 -110px;border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0 2px 2px rgba(0,0,0, .5);
-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
margin:10px;
float:left;
position:relative;
list-style:none;
}
#nav a {
font-family:verdana;
font-weight:bold;
color:#e7e5e5;
text-decoration:none;
display:block;
padding:8px 20px;border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-shadow:0 2px 2px rgba(0,0,0, .7);
}/* selected menu element */
#nav .current a, #nav li:hover > a {
background:#7788aa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BBxRdrWbZvjpxE0Vcrk6H2-mbspdxED4HFg3sxxPQ7vqv6T2nOrk8dkyE1eLJPkdUYoAjQlY5N9NKaKLYnIuboznUoS2JVcXI7yPnwu4PjmD1TPMWuPFx5Dfp0B-C9xDEtWBiplV4XW4/s320/bg-ABT.png) repeat-x 0 -20px;
color:#000;
border-top:1px solid #f8f8f8;box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
-moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
background:none;
border:none;
color:#000;
}
#nav ul li a:hover {
background:#335599 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BBxRdrWbZvjpxE0Vcrk6H2-mbspdxED4HFg3sxxPQ7vqv6T2nOrk8dkyE1eLJPkdUYoAjQlY5N9NKaKLYnIuboznUoS2JVcXI7yPnwu4PjmD1TPMWuPFx5Dfp0B-C9xDEtWBiplV4XW4/s320/bg-ABT.png) repeat-x 0 -100px;
color:#fff;border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}#nav ul li:first-child > a {
-moz-border-radius-topleft:10px; /*some css3*/
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
-moz-border-radius-bottomleft:10px; /*some css3*/
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}/* drop down */
#nav li:hover > ul {
opacity:1;
visibility:visible;
}
#nav ul {
opacity:0;
visibility:hidden;
padding:0;
width:175px;
position:absolute;
background:#aabbcc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-BBxRdrWbZvjpxE0Vcrk6H2-mbspdxED4HFg3sxxPQ7vqv6T2nOrk8dkyE1eLJPkdUYoAjQlY5N9NKaKLYnIuboznUoS2JVcXI7yPnwu4PjmD1TPMWuPFx5Dfp0B-C9xDEtWBiplV4XW4/s320/bg-ABT.png) repeat-x 0 0;
border:1px solid #7788aa;border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0 2px 2px rgba(0,0,0, .5);
-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);-moz-transition:opacity .25s linear, visibility .1s linear .1s;
-webkit-transition:opacity .25s linear, visibility .1s linear .1s;
-o-transition:opacity .25s linear, visibility .1s linear .1s;
transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
float:none;
margin:0;
}
#nav ul a {
font-weight:normal;
text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
left:160px;
top:0px;
}

</style>

    <ul id="nav">
        <li><a href="#">Home</a></li>
        <li><a href="#">Tutorials</a>
            <ul>
                <li><a href="#">HTML / CSS</a></li>
                <li><a href="#">JS / jQuery</a>
                    <ul>
                        <li><a href="#">jQuery</a></li>
                        <li><a href="#">JS</a></li>
                    </ul>
                </li>
                <li><a href="#">PHP</a></li>
                <li><a href="#">MySQL</a></li>
                <li><a href="#">XSLT</a></li>
                <li><a href="#">Ajax</a></li>
            </ul>
        </li>
        <li><a href="#">Resources</a>
            <ul>
                <li><a href="#">By category</a>
                    <ul>
                        <li><a href="#">PHP</a></li>
                        <li><a href="#">MySQL</a></li>
                        <li><a href="#">XSLT</a></li>
                        <li><a href="#">Ajax</a></li>
                    </ul>
                </li>
                <li><a href="#">By tag name</a>
                    <ul>
                        <li><a href="#">captcha</a></li>
                        <li><a href="#">gallery</a></li>
                        <li><a href="#">animation</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="#">About</a></li>
        <li><a href="http://myblog-widgets.blogspot.com/">FAQ's</a></li>
    </ul>

Make Changes.....!!!
1. Replace it # with your link.
2. Replace all Green Area with your showing menu name.

How to Add Meta Tags for Each Post on Blogger

noreply@blogger.com (Nuemaan) — Sat, 14 Dec 2013 13:56:00 +0000

Meta Tags are very important part of our blog OR website be'coz it can manage our blog in the search engines and these kinds of little tricks are very easy to use and also very effective for our blog, be'coz it can increase our blog's reputation on the search engines and also when we search any topic on the Google, OR in Yahoo! then most probably your blog will be on the top be'coz meta tags are always responsible for that kind of task and deal with search engines.

Step 1 : Now let's start adding it...

Step 2: Login to Your Blogger Account.Go to your Blogger Dashboard>Template> Edit HTML>Proceed.

Step 3: Find [by pressing Ctrl + F ] this code in the template:

<b:include data=’blog’ name=’all-head-content’/>

Step 4: Paste below code just after the above code.

<b:if cond=’data:blog.url == “Your Blog URL”‘>

<meta content=’Write some Description For Your Blog’ name=’description’ />

<meta content=’A Few Keywords For Your Blog’ name=’keywords’ />

</b:if>

Step 5:

Remember this is your main meta tag of your blog.

Now If you want to add meta tags for every post then follow below steps.

If you have 300 post in your blog then you have to paste below code 300 times for every post.

<b:include data=’blog’ name=’all-head-content’/>

<b:if cond=’data:blog.url == “Your Blog URL”‘>

<meta content=’Write some Description For Your Blog’ name=’description’ />

<meta content=’A Few Keywords For Your Blog’ name=’keywords’ />

</b:if>

<b:if cond=’data:blog.url == “Your Post URL"‘>

<meta content=’Write some Description For Your Blog Post' name=’description’ />

<meta content=’A Few Keywords For Your Blog Post’ name=’keywords’ />

</b:if>

<b:if cond=’data:blog.url == “Your Post URL”‘>

<meta content=’Write some Description For Your Blog Post' name=’description’ />

<meta content=’A Few Keywords For Your Blog Post’ name=’keywords’ />

</b:if>

Make Changes...!!!

Replace it Your Blog URL with your blog link like www.widgetgenerators.blogspot.com

Replace it Write some Description For Your Blog with your blog's Description

Replace it A Few Keywords For Your Blog with your blog's keywords.

Replace it Your Post URL with your post link like www.widgetgenerators.blogspot.com/2012/10/add-adsense-ads-below-post-title-in.html

Replace it Write some Description For Your Blog Post with your post description.

Replace it A Few Keywords For Your Blog Post with your post's keywords

Step 6: Finally Save your template.

How to Add Adsense Ads Below Post Title in Left, Right OR Center Side

noreply@blogger.com (Nuemaan) — Sat, 14 Dec 2013 12:54:00 +0000

Placing the Google Adsense is very important for better CTR and it's very helpful to increase the rate of earning when you put your ads in the right places the then you have more change to earn more money from Google Adsense Program and not only from the Google Adsense but also from the alternatives of Adsense program.

They also give the same result like Google Adsense Program.

1. Show Adsense in Left Side

If you want to show your Google Adsense ad below post tile in blogger in the left side then copy the code shown below.

<div style="float: left; margin: 10px 10px 10px 0;">
YOUR ADSENSE CODE HERE
</div>

2. Show Adsense in Right Side
If you want to show your Google Adsense ad below post tile in blogger in the right side then copy the code shown below.

<div style="float: right; margin: 10px 0px 10px 10px;">
YOUR ADSENSE CODE HERE
</div>

3. Show Adsense in Center
If you want to show your Google Adsense ad below post tile in blogger in the center then copy the below code.

<div style="text-align: center; margin: 10px 0 10px 0;">
YOUR ADSENSE CODE HERE
</div>

Make Changes.....!!!
Replace YOUR ADSENSE CODE HERE with your converted code.

If Any Problem Comes, Ask in Comments

How to Add JQuery Load More Posts OR Infinite Scrolling to Blogger

noreply@blogger.com (Nuemaan) — Thu, 12 Dec 2013 13:15:00 +0000
Technology is running with rocket's speed and also technology is increasing in the world of web that why we can add as much as new features in the blog be'coz blogging is so much flexible than a website. So, we can add many new and professional features in our blog and same like it "There is an another feature named as LOAD MORE POSTS. Today you will get to know that how can we add that LOAD MORE POSTS or INFINITE POSTS SCROLLING. This is very simple and very easy to install but this effect made by jQuery.

Step 1 : Now let's start adding it...

Step 2: Login to Your Blogger Account.Go to your Blogger Dashboard>Template> Edit HTML> Proceed.

Step 3: Find [by pressing Ctrl + F ] this code in the template:

</head>

Step 4: Paste below code before </head>

<b:if cond='data:blog.pageType == "index"'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
<script src='https://googledrive.com/host/0Bxsq9VDr3zyFMjNlYjhNeWlza1U' type='text/javascript'/>
<script type='text/javascript'>
jQuery.ias({
    container : '.blog-posts',
    item: '.post-outer',
    pagination: '#blog-pager',
    next: '#blog-pager-older-link a',
    loader: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-cSjtHWjiGGDAOoVrLrV1XhzYSpjUXedqBnpSCed9BMlseQaN94ZoXNS3QNf8gLwD1K9Cz73cuigdjLoB5UBGo48CQgG7ROI656LRHIqacYpXwppmiJTy_ieY3kSShHQkexer2o4bkPRg/s1600/wgloading.gif'
});
</script>
</b:if>

Step 5: You have Done. Finally Save Your Template.

Load More Post widget simply made by using the jQuery and this can install very easily but adding the some simple codes, but as we said this widget made by jQuery you it can affect your template some where like javascript could be affect by this jQuery codes but don't worry it will not affect your other important plugins. So go and add this.

How to Add Pro Download Button With Mouse Hover Effect in Your Blog

noreply@blogger.com (Nuemaan) — Thu, 12 Dec 2013 06:57:00 +0000

Buttons are very important for the blogger OR if you want to add a button which gives some downloading stuff then you can easily add this button and also It'll give a very professional look to your blog which is very important in today's day be'coz many visitors always think and feel about the professionalism of the blogger template and buttons and others stuff like widgets, buttons, plugins they always gives importance to the look of any template, which looks likes a professional.

Step 1 : Now let's start adding it...

Step 2: Login to Your Blogger Account.Go to your Blogger Dashboard>Template> Edit HTML> Proceed.

Step 3: Find [by pressing Ctrl + F ] this code in the template:

]]></b:skin>

Step 4: Paste below code just before ]]></b:skin>

#RWG-probutn .pure {
background:#E3E3E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-0iIRQfXxF7gt9IP9lP_S5P2HWGL4OhRpiISIqky9i5UznYkK7j-SvT0uf7rYV_jYNDeMukGyugFOLIq_VY13ucWQHDjNQyzZcUFpT0iUSL8swbVrpqS6oMGzZbb3OwdHniubGmt_OJsi/s1600/RWG-probutn.png) 3px 0 no-repeat;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
display:block;
color:#212121;
float:none;
height:80px;
width:80px;
line-height:80px;
padding-top:1px;
position:relative;
text-shadow:0 1px 0 #FAFAFA;
text-align:center;
text-decoration:none;
white-space:nowrap;
-webkit-transition:width .25s ease-in-out, background-color .25s ease-in-out;
-ms-transition:width .25s ease-in-out, background-color .25s ease-in-out;
-moz-transition:width .25s ease-in-out, background-color .25s ease-in-out;
-o-transition:width .25s ease-in-out, background-color .25s ease-in-out;
transition:width .25s ease-in-out, background-color .25s ease-in-out;
-webkit-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-moz-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
-o-box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 2px 3px;
box-shadow:inset 0 1px 0 #FAFAFA,rgba(0,0,0,.28) 0 1px 3px;
margin:10px auto 0;
}

#RWG-probutn a span {
display:none;
font-size:1.4em;
}

#RWG-probutn:hover a span {
display:inline;
}

#RWG-probutn:hover .pure {
width:420px;
}

#RWG-probutn .download {
background-position:0 0;
}

Step 5: Now Save Your Template.

Q: How to Use it in Post....?

Step 1: Open post editor

Step 2: Click HTML button

Step 3: Post below code in it

<div id="RWG-probutn">
<a href="#" class="pure download"><span>Download</span></a>
</div>

Make Changes...
Step 1: Replace it # with your button link.
Step 2: Replace it Download with your button name.

Finally, Publish Your Post and You're Done.

Pro look is very important for all kind of blogger's and also for all kinds website's and some plugins like buttons, widgets etc. they gives a good and fine look to every blog and also to a website so, I think you should try it MUST.

Simple And Stylish JQuery "Related Posts" Text Widget For Blogger

noreply@blogger.com (Nuemaan) — Wed, 11 Dec 2013 06:05:00 +0000
This is Simple And Stylish JQuery "Related Posts" Text Widget For Blogger. Related posts
widget is very important for a blog, because it increases the number of page views and also help the visitor to view other posts related to blog. Now here is wonderful trick to display links to related posts beneath each posts. At their blogs today there are many types of related post widget, and related items thumbnail images using HTML, Java script, etc. .. Here I will show a method that is easy to show install.It only title jQuery.It related post widget will look like a picture below.

Step 1: Now let's start adding it...

Step 2: Login to Your Blogger Account.Go to your Blogger Dashboard>Template> Edit HTML> Proceed.

Step 3: Find [by pressing Ctrl + F ] this code in the template:

<div class='post-footer-line post-footer-line-1'/>

If you cant find it then try finding this

<p class='post-footer-line post-footer-line-1'/>
OR

<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div> </div>

And immediately Below/After it, paste this code:

<script src='http://dl.dropboxusercontent.com/s/c65xwzi0gc8z906/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://dl.dropboxusercontent.com/s/fudc6nugmvzayd1/related-posts-min-2.css' rel='stylesheet' type='text/css'/><a href='http://myblog-widgets.blogspot.com/' rel='dofollow' target='_blank' title='My Blog Widgets'><img alt='My Blog Widgets' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://myblog-widgets.blogspot.com/' rel='dofollow' target='_blank' title='My Blog Widgets'><img alt='My Blog Widgets' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://myblog-widgets.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><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><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5; 
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

Step 4: Customizations
You can adjust the maximum number of related posts being displayed by editing this line in the code.

max-results=5
and

var maxresults=5;
show the text 'Related Topics' on title.

<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>

Steo 5: Now you have done save this open your site.

Beautiful Related Posts Text Widget With Hover Effect for Blogger

noreply@blogger.com (Nuemaan) — Tue, 10 Dec 2013 14:15:00 +0000
This is very simple and easy you only follow below steps and add this widget in your blog. Related posts
widget is very important for a blog, because it increases the number of page views and also help the visitor to view other posts related to blog. Now here is wonderful trick to display links to related posts beneath each posts. At their blogs today there are many types of related post widget, and related items thumbnail images using HTML, Java script, etc. .. Here I will show a method that is easy to show install.It only title jQuery.It related post widget will look like a picture below.

Step 1: Now let's start adding it...

Step 2: Login to Your Blogger Account.Go to your Blogger Dashboard>Template> Edit HTML> Proceed.

Step 3: Find [by pressing Ctrl + F ] this code in the template:

<div class='post-footer-line post-footer-line-1'/>

If you cant find it then try finding this

<p class='post-footer-line post-footer-line-1'/>
OR

<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div> </div>

And immediately Below/After it, paste this code:

<script src='http://dl.dropboxusercontent.com/s/c65xwzi0gc8z906/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://dl.dropboxusercontent.com/s/tu8qgyfxt2cze7k/related-posts-min-1.css' rel='stylesheet' type='text/css'/><a href='http://myblog-widgets.blogspot.com/' rel='dofollow' target='_blank' title='My Blog Widgets'><img alt='My Blog Widgets' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://myblog-widgets.blogspot.com/' rel='dofollow' target='_blank' title='All My Blog Widgets'><img alt='My Blog Widgets' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://myblog-widgets.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><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><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5; 
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

Step 4: Customizations
You can adjust the maximum number of related posts being displayed by editing this line in the code.

max-results=5
and

var maxresults=5;
show the text 'Related Topics' on title.

<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>

Steo 5: Now you have done save this open your site.