Blogger Tip Tricks and Widget

Add Facebook Pop Up Like Box

noreply@blogger.com (Anonymous) — Sat, 22 Mar 2014 10:36:00 +0000

Facebook World Largest Social Networking site every person in the world want fans on her/his page and also twitter so for more social widget click here this pop up widget will help you to make more fans and very simple to add Okey! follow the below steps

Add Widget On Blogger Blog
Dashboard >> Layout
click Add a Gadged
find HTML/JavaScript
past the below code and save Done!

</div>
</div>

replace the below url with your Facebook page URL
[www.facebook.com/bloggertiptrickswidget]

Google Search Box In Blogger

noreply@blogger.com (Anonymous) — Sun, 09 Mar 2014 10:09:00 +0000

Search Box is always better option to find something on blog/web etc... and this search box develop By Google and it`s so cool widget i already add in my blog well let`s start

Adding Google Search Box In Blogger!
. Go to Google Custom Search Remember You have Logged Your Google Account Then you will do the next step know click Add
. (Sites to search)add your blog/web URL
. Select your Blog/Web .. language
. Title Of your Blog/Web
If you want *(click Advanced Options)*
. Add your Blog/Web URL

Know Copy the code as showing select code in below picture

Congratulation!

5 Social Floting Widget

noreply@blogger.com (Anonymous) — Fri, 07 Mar 2014 19:50:00 +0000

Features:
1.) J-Query/JavaScript Widget.
2.) Slide-Out On Hover.
3.) Awesome And Stylish.
4.) Facebook Like Box Included.
5.) Twitter Followers Box Included.
6.) YouTube Subscribe Box Included.
7.) Google Plus Add To Circle Widget Included.
8.) FeedBurner RSS Subscribe Through E-Mail Widget Included.
9.) Sliding Effect Enabled.
10.) Slide Out On Hove And Get Back On Mouse Out.

Step1. Adding Code
copy the below and past in your Blog/Web etc...

Pop Up Adsense Ads Widget

noreply@blogger.com (Anonymous) — Wed, 05 Mar 2014 10:25:00 +0000

Lot`s of people want more RPM from adsense and want more money i have lot`s of tips about ADSENSE well this widget will help you actually this widget In CSS and HTML form but don`t wary you just follow the below picture step

Live Demo

Step1. Adding Pop Up Adsense Code

.Blogger>>Layout>>
.click Add a gadget
.find HTML/JavaScript(The picture below)

.Past The below the

#headlineatas {opacity:1.0;height:auto;width:auto;position:fixed;top:65px;left:170px;border-bottom:1px #005094 solid;border-bottom:0px blue solid;color:#333;padding:0px;z-index:1001;font-size:13px;}</style><script type="text/javascript">function getValue(){document.getElementById("headlineatas").style.display = 'none';}</script><div id="headlineatas">
<div id="topbar">
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Ads by Google</span><span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"> <target="_blank" onclick="getValue()"></target="_blank"></span></div>
<div id="adsground">
<h3>
<a href="http://blogger-tips-tricks-widget.blogspot.com/">Get This Pop-up Window</a><p align="left">
<h3>
</h3>
</p>
your Adsense Code Here

your Adsense Code Here
<p>
<br/></p>
</div>
</div>

Step2.Adding Adsense Your code
.Remove your adsense code Here
note:you find [your adsense code Here] remove 1 to 2
.Past Your Adsense Ads Code
.click Save!

Congratulation!

Pop Up Social Widget

noreply@blogger.com (Anonymous) — Tue, 04 Mar 2014 11:43:00 +0000

This is another Social widget and i hope you like in this widget you don`t need to add any code in your Template just past the below code in [Html & Javascript]

Step 1.
Copy The Below Code

Step 2.
Follow The Step

And past the code

Congratulation! You`re Done

Facebook Profle Widget

noreply@blogger.com (Anonymous) — Sat, 01 Mar 2014 07:18:00 +0000

Hello guys this Is saqib ahmed and today i have 1 Awesome Social Widget actually this widget by Facebook Developer and Facebook Provide Cool 4 Widget this image proved by FaceBook and it will automatic update when i update my Profile :)

Step 1.
Facebook Babges
. Profile Badges
. Photo Badges
. Like Badges
. Page Badges
If you want get Any Below Badges just click on it

Step 1. Adding FaceBook Badges
. Choose method Where to want to Add
or
(if you want get badges html code) just click +Other
. Copy Below Code
. past your profile badges code

Congratulation!

Hover Rotating image Social Icons

noreply@blogger.com (Anonymous) — Fri, 28 Feb 2014 10:45:00 +0000

Hello friends I`m Back with new Social Sharing rotating image it`s all about Hover when curse on image the image will Rotate 360 Degree it`s a cool Widget and very helpful way to your visitors want contact well anyway let`s create Your own

--------------------------------------------------------------

Demo

--------------------------------------------------------------

How To Add New Social Rotating Image?

Step 1: Adding CSS code

1. Blogger >> Template

2.Backup your template if want

3.Past the below code before ]]></b:skin> & Save

Step 2: Adding Class in Images
1.Make new post and add or upload any image in post
2.Click Html

Just Add Class="rotate"
Congratulation! You`re Done

Social Sharing Widget For Blogger

noreply@blogger.com (Anonymous) — Wed, 26 Feb 2014 11:17:00 +0000

Social Sharing/Bookmark widget with cool GRAY and color Hover Effect to blogger blog.This beautiful Sharing With CSS/Jquery

Here i am giving that widget and added a cool hover effect with CSS3 for you. If you like it then you can use in your blog
------------------------------------------------------------------------
Demo
------------------------------------------------------------------------
How to Install Social Sharing Widget?
Step 1: Adding Css code

1.Login to Blogger Dashboard > Design tab > Edit Html
2.Click on Expand Template widgets ckeckbox
3.Search for ]]></b:skin> tag and put below code above it!

<b:if cond='data:blog.pageType == "item"'>
<div id='w2b-share'>
<ul>
<li><a class='twitter' expr:href='"http://twitter.com/?status=" + data:post.title + " - " + data:post.url ' rel='nofollow' target='_blank' title='Share this post on twitter'/></li>
<li><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Facebook'/></li>
<li><a class='stumbleupon' expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Stunbleupon'/></li>
<li><a class='digg' expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Digg'/></li>
<li><a class='reddit' expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Reddit'/></li>
<li><a class='google' expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Bookmark this post on Google'/></li>
<li><a class='del-icio-us' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on delicious'/></li>
<li><a class='mixx' expr:href='"http://www.mixx.com/submit?page_url=" + data:post.url + "&title=" + data:post.title ' rel='nofollow' target='_blank' title='Share this post on Mixx'/></li>
<li><a class='technorati' expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Fav on Technorati'/></li>
<li><a class='yahoobuzz' expr:href='"http://buzz.yahoo.com/submit/?url="+ data:post.url' rel='nofollow' target='_blank' title='Share this post on Yahoo!Buzz'/></li>
<li><a class='myspace' expr:href='"http://www.myspace.com/Modules/PostTo/Pages/?u="+ data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank' title='Sahre this post on Myspace'/></li>
<li><a class='a2a_dd more' expr:href='"http://www.addtoany.com/share_save?url=" + data:post.url + "&title=" + data:post.title '/><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/></li>
</ul>
</div>
</b:if>

Step 2: Adding Widget code

1.Search for <data:post.body/> tag
2.And Put Below Code immediately after it! & Save your Template

SOLUTION FOR FINDING CODE IN STEP 2
here i received a comment While finding the <data:post.body/> code is coming three time.

This Problem comes when we install Auto Read Hack in our Blogs For this Problem Search for any one line from below and Put Above Section of Wdget Code after it!.

Social Widget Cool Sharing buttons

noreply@blogger.com (Anonymous) — Wed, 26 Feb 2014 10:31:00 +0000

This is a Cool Social Sharing Buttons "Hover Me" Its named such due to its appealing look that forces a visitor to roll hover the cursor over the icons and hit follow! :) This gadget is neatly structured using buttons from popular services like Google Plus, Facebook, Twitter and RSS.First see the demo

------------------------------------------------------------------------------

Demo

------------------------------------------------------------------------------

How to Add Cool Sharing Social Widget on Blog?
1.Go to Blogger >> Layout
2.Click 'Add a Gadget'
3.Select 'Html JavaScript'
4.Copy & Past Below Code and Save

How to upload file to Google Drive

noreply@blogger.com (Anonymous) — Wed, 26 Feb 2014 06:54:00 +0000

In this tutorial i will teach you how to upload file to Google Drive
===============================================
Advertisment:-

===============================================
First Go to GoogleDrive

----------------------------------------------------

Click Create and create folder (actually folder will help you to distribute your files categories)

type folder name and click Create

-----------------------------------------------------

Follow decimals numbers below the picture

1.click upload

2.select files or upload folder

3.select file and upload.

--------------------------------------------------------------------

When Upload Complete Right-Click on file and click Download

Congratulation! You`re Done

How To Share Youtube video on Blog

noreply@blogger.com (Anonymous) — Fri, 21 Feb 2014 11:03:00 +0000

How to share Youtube video on blog. very simple tutorial i`m sure and you also well let`s work on tutorial just follow my 2 step

Step 1:

Right and click on youtube video and click Copy Embed Code.

Step 2:

go to blogger post and click HTML and past code if you want change height & width so change the below numbers

Google Adsense High Paying CPC Keyword List 2014

noreply@blogger.com (Anonymous) — Fri, 14 Feb 2014 11:15:00 +0000

Many User`s of adense Monetize their Blog/Website etc.In my Opinion Google Adsense Is the Best Commercial affairs out there

Keywords /Cost Per Click

Donate Car To Charity CALIFORNIA ($130.25)
DONATE CAR FOR TAX CREDIT ($126.65)
DONATE CARS IN MA ($125.58)
DONATE YOUR CAR SACRAMENTO ($118.20)
HOW TO DONATE A CAR IN CALIFORNIA ($111.21)
DONATE YOUR CAR FOR KIDS ($106.01)
CAR INSURANCE QUOTES COLORADO ($100.93)
NUNAVUT CULTURE ($99.52)
DAYTON FREIGHT LINES ($99.39)
HARDDRIVE DATA RECOVERY SERVICES ($98.59)
DONATE A CAR IN MARYLAND ($98.51)
MOTOR REPLACEMENTS ($98.43)
CHEAP DOMAIN REGISTRATION HOSTING ($98.39)
DONATING A CAR IN MARYLAND ($98.20)
DONATE CARS ILLINOIS ($98.13)
CRIMINAL DEFENSE ATTORNEYS FLORIDA ($98.07)
BEST CRIMINAL LAWYER IN ARIZONA ($97.93)
CAR INSURANCE QUOTES UTAH ($97.92)
LIFE INSURANCE CO LINCOLN ($97.07)
HOLLAND MICHIGAN COLLEGE ($95.74)
ONLINE MOTOR INSURANCE QUOTES ($95.73)
ONLINE COLLEDGES ($95.65)
PAPERPORT PROMOTIONAL CODE ($95.13)
ONLINECLASSES ($95.06)
WORLD TRADE CENTER FOOTAGE ($95.02)
MASSAGE SCHOOL DALLAS TEXAS ($94.90)
PSYCHIC FOR FREE ($94.61)
DONATE OLD CARS TO CHARITY ($94.55)
LOW CREDIT LINE CREDIT CARDS ($94.49)
DALLAS MESOTHELIOMA ATTORNEYS ($94.33)
CAR INSURANCE QUOTES MN ($94.29)
DONATE YOUR CAR FOR MONEY ($94.01)
CHEAP AUTO INSURANCE IN VA ($93.84)
MET AUTO ($93.70)
FORENSICS ONLINE COURSE ($93.51)
HOME PHONE INTERNET BUNDLE ($93.32)
DONATING USED CARS TO CHARITY ($93.17)
PHD IN COUNSELING EDUCATION ($92.99)
NEUSON ($92.89)
CAR INSURANCE QUOTES PA ($92.88)
ROYALTY FREE IMAGES STOCK ($92.76)
CAR INSURANCE IN SOUTH DAKOTA ($92.72)
EMAIL BULK SERVICE ($92.55)
WEBEX COSTS ($92.38)
CHEAP CAR INSURANCE FOR LADIES ($92.23)
CHEAP CAR INSURANCE IN VIRGINIA ($92.03)
REGISTER FREE DOMAINS ($92.03)
BETTER CONFERENCING CALLS ($91.44)
FUTURISTIC ARCHITECTURE ($91.44)
MORTGAGE ADVISER ($91.29)
Insurance ($54.91)
Gas/Electricity ($54.62)
Mortgage ($47.12)
Attorney ($47.07)
Claim ($45.51)
Mesothelioma Law Firm ($179.01)
Sell Annuity Payment ($107.46)
Asbestos Lawyers ($105.84)
Structured Annuity Settlement ($100.8)
Annuity Settlements ($100.72)
Car Donate ($88.26)
Virtual Data Rooms ($83.18)
Automobile Accident Attorney ($76.57)
Auto Accident Attorney ($75.64)
Car Accident Lawyers ($75.17)
Data Recovery Raid ($73.22)
Motor Insurance Quotes ($68.61)
Personal Injury Lawyer ($66.53)
Car Insurance Quotes ($61.03)
Asbestos Lung Cancer ($60.96)
Injury Lawyers ($60.79)
Personal Injury Law Firm ($60.56)
Online Criminal Justice Degree ($60.4)
Car Insurance Companies ($58.66)
Business Voip Solutions ($51.9)

How to increase google adsense CPC

noreply@blogger.com (Anonymous) — Fri, 14 Feb 2014 11:12:00 +0000

First! know about CPC
if you want more high paying CPC keywords click here
=============================================================
Q:What is CPC?
Ans:The cost-per-click (CPC) is the amount you earn each time a user clicks on your ad. The CPC for any ad is determined by the advertiser; some advertisers may be willing to pay more per click than others, depending on what they're advertising
=============================================================

How to Increase Adsense CPC?
it`s very easy i will show you step by step and you get 1$-7$ per ads click
go to keywordspy.com and follow the bellow picture step

--------------------------------------------------------------------------------------------
and then click search choose The Highest CPC and click on it after page open you can see the url
copy the url

----------------------------------------------------------------------------------------------
check domain and past your URL and search again. In this page you can see the URL Average Cost/Click
example below in this pic $2.49

-------------------------------------------------------------------------------------------------
login you Adsense Account and click Allow/Block URL Past url and click Block URL then you can click Allowed

Blogger SEO perfect and fast work

noreply@blogger.com (Anonymous) — Fri, 14 Feb 2014 09:55:00 +0000

Blogger SEO Perfect And Fast Work!
asd
First Step
. Go to Dashboard >> Setting >> Search Preference
Under Search Preference section Click Enable [Custom Robots Header Tags] and check same box in below Picture

Then Click Save Changes
you completely done step 1.know step 2

Second Step
Go to http://www.xml-sitemaps.com/
follow the step in below Picture

Congratulation! You`re Done

Comments Not Showing on Blogger+comment tab

noreply@blogger.com (Anonymous) — Fri, 07 Feb 2014 20:07:00 +0000

Hello Friends I`m Saqib Ahmed i have This problem and after i`m completely solve this problem so i decided to share with you and i hope you like (it`s my desire) In the first pic You can see There is no comment tab Right! and also comments not showing on any post/page etc..like this pic

1 comment on this post but comment not showing now here is the starting my tutorial

----------------------------------------------------------------------------------

How To Solve Comments Not Showing Problem?

----------------------------------------------------------------------------------

Ans:Go to google+ Tab in this tab you can menage your G+ Comment so uncheck Where my second Arrow {Use Google+ Comments on this blog}

---------------------------
After Solving The Problem
---------------- ----------
Know you can see post comment now is showing

Color Code Generator

noreply@blogger.com (Anonymous) — Wed, 29 Jan 2014 09:50:00 +0000

This Color Code Generator will help you get the six digit color code i.e hexadecimal value. It could be very effective if you want to get a perfect combination of colors for your blog and if you have a good experience about color picking and selection matching, this will help you to make your blog to look really professional. The Color Code Generator is also very useful when you try to blend the Google Adsense Ads with the site content.

Instruction
- Drag the bar on the "Hue" selector to the area of your desired color palette.
- Then click inside the Brightness/Saturation area and drag the cursor until you have achieved your desired colour. The "Swatch" bar shows you the final colour result.
- The hexadecimal colour code is generated in the "Hex" box. Simply copy the six digit code i.e #000000

How To Hex Color Code Generator?

Author Box Widget for Blogger

noreply@blogger.com (Anonymous) — Sat, 25 Jan 2014 20:14:00 +0000

I Am going to show you how to add Cool Author Box Widget for Blogger Every post/page.. Actually This widget made up of CSS+HTML & no JavaScript is used.

In this widget you can add your Google+, Twitter, Facebook and Feedburners ID so that your blog visitors can contact you easily. Also it has a subscribe email bar beside the social icons. The demo of this author box can be seen by clicking the below button

Live Demo

click here it is my new template for blogger
and it`s under constraction[Shadows-villa]

Adding The CSS.

Add The Below Code Just below <head>

Adding The HTML.
Add Html enter Post footer-line-1 by Ctrl + F and Find
<div class='post-footer-line post-footer-line-1'>

Add the code given just below <div class='post-footer-line post-footer-line-1'>

Note:If you may find more then 1 <div class='post-footer-line post-footer-line-1'>
so make sure that you are pasting under the right one.If the author box doesn`t work paste
the code, under the second tag.

<b:if cond='data:blog.pageType == "item"'>
<div class='abt-author_info'>
<div class='abt-author_photo'>

</div>
<h2 style='color:#444;font-family:verdana;text-shadow: 3px 3px 3px 3px #ABABAB;'>
This Post Was Written By :</h2>
<p>
Add information about you here.</p>
<div class='abt-linediv'/>
<div class='abt-email'>
<small style='text-align:center;'>Get Free Email Updates to your Inbox!</small>
<form action='http://feedburner.google.com/fb/a/mailverify' class='abt-emailform' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=FeedUsername', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='FeedUsername'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='abt-emailinput' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' type='text' value='Enter your email...'/>
 <input class='abt-emailbutton' title='' type='submit' value='SignUp'/>
</form>
</div>
<ul class='abt-social'>
<li class='rssicon'>
<a href='http://feeds.feedburner.com/FeedUsername'>Rss</a>
</li>
<li class='twicon'>
<a href='http://twitter.com/TwitterUsername'>Twitter</a>
</li>
<li class='fbicon'>
<a href='http://facebook.com/FBUsername'>Facebook</a>
</li>
<li class='gicon'>
<a href='https://plus.google.com/GplusID'>Google +</a>
</li>
</ul>
</div>
</b:if>

Search All Below And Change with your desired:
YOUR PIC URL
Add information about you here.
FeedUsername(you found 3 change )
Twitter
Facebook
Google +

How Can i Display Html Code Better On my Blogger Blog

noreply@blogger.com (Anonymous) — Thu, 23 Jan 2014 19:28:00 +0000

Hello Friends In this Simple Tutorial I am show you How to Display Your Html Code on Blogger or Blog Post/Page etc Just 2 Step very Easy And Very Helpful This is the version1 Click Here and i you want know More About blog plz visit Blogger Tips,Blogger Tricks, or Blogger , Seo Tips lables Okey! Let`s Start

Step 1

-Go To Blogger >> Dashboard >>
-Past Code after <head> Below

Step 2

and the following code in to <body> Wherever To Want To Put Your Code

# Your Ruby Code

Or Use This code in Your Post/etc

Text Border

noreply@blogger.com (Anonymous) — Tue, 21 Jan 2014 08:58:00 +0000

Use Multple Text-Shadows

text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff,

0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px

0 #fff, -1px 1px 0 #fff;

Alternatively, you could use text stroke, which only works in webkit:

-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;

Add Alt and Title Attributes To SEO Optimize Images

noreply@blogger.com (Anonymous) — Thu, 16 Jan 2014 20:08:00 +0000

How ALT and Title Tags For Image Optimization Works?
Before understanding the process, it is important to know that what actually ALT and Title tags are? These are the HTML attribution or tags which are used for images. ALT is specially for image whenever you can use the Title tag anywhere. These tags describe about the thing in which they are implemented. For example, if I add "Best SEO Tips" keyword in image then it will tell the search engine's crawler that this image is about SEO Tips and this will help the search engine robot to understand the media content and rank them appropriately. If you put the most searched, popular and appropriate keywords in your image then your images will be ranked higher in image search results and you will be getting enough traffic from it
===========================================
Example:

How To Add These Tags To Images In Blogger?
So if you're using Blogger Platform for your blog then continue reading. In WordPress, that platform automatically take and add the keyword from image name but in blogger you will need to implement this manually. In order to implement this tactic in your images, Go To Blogger >> New Post >> Upload Image

After adding images, Click on the image, some options will appear in the horizontal line. Click on the Properties

Now the image properties pop up will appear with the ALT and Title fields. Simply write the appropriate and main keywords in those fields and hit the OK button

Customized Label Widget In Blogger V2

noreply@blogger.com (Anonymous) — Thu, 16 Jan 2014 19:21:00 +0000

Okey! i am back with v2 After long searching i`ve found this label For Blogger.for Version 1 Click Here So, This is colorful Flat UI label cloud widget in which tags or labels are having multiple colors. That's why we've put "Colorful" word in its name. After this, It's look is inspired from Flat UI designs which is mostly famous these days. The colors which we've used in this widget are also Flat UI colors. Another specialty of this widget is that when someone hovers the mouse on any label it will give a beautiful effect on hover. This widget is customized using pure CSS3 and we've not used any JavaScript or any other heavy programming language which means that it will not affect on the loading speed of your blog. You can have its live demo by looking in the right sidebar of this blog. We're also using it here. So, let's start the tutorial on how can we implement this colorful Flat UI label cloud widget for Blogger

How To Add Label Widget In Blogger?

Click Here

How To customized Label Wdiget?

Step 1: Adding Labels Widget.

Go To Blogger >> Layout >> Add a Gadget

Choose {Label} Widget

Make Setting Like The Blow Image and {Save} It

Step 2: Customized Labels Widget

Go To Blogger >> Template >> Edit Html [note.Plz backup your template for Crashing]

Click And Find ]]></b:sking> Ctrl+F

Copy and Past The Following Code Above ]]></b:sking>

.sidebar .label-size {
  position:relative;
  text-transform: uppercase;
  text-decoration:none;
  font-size:13px;
  font-family:Open Sans;
  color:#fff!important;
  }

.sidebar .label-size a {
  color:#fff!important;
  font-weight:bold;
  padding:8px 10px;
  margin:0 6px 6px 0;
  float:left;
  display:block;
  -moz-transition: all 0.4s ;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s ;
  -ms-transition: all 0.4s ;
  transition: all 0.4s ;
}

.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.sidebar .label-size-1 a:hover {background:#16a085;}
.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.sidebar .label-size-2 a:hover {background:#2980b9;}
.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.sidebar .label-size-3 a:hover {background:#27ae60}
.sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.sidebar .label-size-4 a:hover {background:#8e44ad}
.sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.sidebar .label-size-5 a:hover {background:#c0392b}

Click Save "Template"
Enjoy! You've successfully customized colorful Flat UI label cloud widget in your blog.

Label Widget In Blogger v1

noreply@blogger.com (Anonymous) — Wed, 15 Jan 2014 09:21:00 +0000

Blogger is a huge platform to customize sites and make changes what you want. You can easily change all widgets in Blogger. By default in blogger templates label widgets also including with simple effect but you can change this style because Blogger provide to customize all widgets and blogger template with html and css. For this cause i am now sharing this beautiful label widget. Add this in your site / blog by following the below steps.

Blogger is a huge platform to customize
sites and make changes what you want.
You can easily change all widgets in
Blogger. By default in blogger templates
label widgets also including with simple
effect but you can change this style
because Blogger provide to customize
all widgets and blogger template with html
and css. For this cause i am now sharing this beautiful label widget. Add this in your site / blog by following the below steps.

How to add Label Widget in blogger?
Click Here

How To Customize Label Widget

Follow my steps:

1.Go To Blogger >Template

Click Edit HTML

Search for ]]></b:skin> by Pressing Ctrl+F

And This Following Code Above it.

Click Save Button Done!

Enjoy:new Label Style

How To Add Categories Section On Blog

noreply@blogger.com (Anonymous) — Tue, 14 Jan 2014 10:24:00 +0000

Blogger Blog does not support categories but has only comes with labels, In this tutorial i will show you how to manually create categories in Blogger blog. Category is a very important section of any blog or website, because with the help of categories people can easily find what they are looking for. Now we would manually create category section in blogger from labels, This tutorial is aimed at beginner bloggers, Let me explain how to add category section in blogger blog.

The first and easiest way to create categories section in Blogger is to rename the section of labels widget as categories. Of-course this is not the appropriate solution for a blog in which there are huge number of labels. An easy way round this problem is create a separate categories section.

How To Add Categories Section on Blog?

1. First of all you have to decide how you want to group your articles, according to the labels applied, and what group heading you want to give to each grouping of articles.

2. Navigate individual page of the label for first category which you want to use by clicking on the label in side bar. Copy URL address of this page. For example the URL address of the label of Blogger Widget on my site is :

http://blogger-tips-tricks-widget.blogspot.com/blogger-tips-tricks-widget.blogspot.com/search/label/Widgets

3. Now go to Dashboard > Layout > Add a Gadget > Link List

4. Enter "Categories" as the title

5. In the Configure Link List dialog box, paste the link of the label you've copied from the address bar to Site URL

Info:Title your Categories section,

Second Box:It is a limiter set your limit if want or not so leave blank

i hope you understand ,after past your label url in [new site URL] box click add link

That`s All Enjoy

Popup Window

noreply@blogger.com (Anonymous) — Thu, 09 Jan 2014 19:58:00 +0000

You might notice in some websites that a popup window opens suddenly without the knowledge of you which leads to other websites and they do it for some promotional purpose.

It’s easy to add popup window for blogger and adding popup window helps in increasing page views of your blog and you can help visitors to know useful links within your site and other external sites.

How To Create A Popup Window For Blogs?

Go To Dashboard >> Layout

click "Add Gatget" from sidebar or footer

Open HTML/JavaScript

Note:

Make Sure To Change The http://blogger-tip-tricks-widget.blogspot.com URL

Customize The Width and Height of the POPUP Window

Now a popup window opens pointing to that page when users click somewhere on your blog.

How To Add Widget On Blog

noreply@blogger.com (Anonymous) — Mon, 06 Jan 2014 09:45:00 +0000

Very easy to add widgets on blog just follow my steps

Step1:

Go to your Blogger Dashboard

Select your blog and click Layout

Click Add a Gadget

Step2:

find HTML/JavaScript on pop up window and click on it

Step3:

1: Type your widget Title

2: Past your widget code on this section

3: Click Save Button

you have Done!

Enjoy

More Blogger Tricks