Make Automatic DNS Setting in Godaddy for Blogger Blog

Tired or Confuse of make correct working DNS settings of your Blogger Blog ?. well pointing your newly perched domain is not so hard work but sometime it is little confusing for new blogger .

So here in this post i am going to share my knowledge about a very helpful and awesome Tool by Godaddy . specially for blogger user who are not able to point their domain manually in godaddy .

To Point your Custom Domain to your Blogger Blog Just follow my below mention simple steps :-

1. Just go to http://www.godaddy.com/blog/bloggerdnssetup.aspx
2. Sing-in if it is asked .
3. Type your domain name which you own and want to automatically get pointed to blogger .

Note :- don't type domain like  http://www.shayari-jokes.in or  www.shayari-jokes.in  just type only shayari-jokes.in

Now wait for some min/hours until Domains DNS setting get active it can take some mins to 2 days get fully working. it depend on your domain registrar and luck ,for me it takes about 2 min :)

Part Two -2 

Now when your dns get active :-

1. just login to your blogger

2.go to blogger settings >> Basic >> Publishing >>

3.Type your domain with www prefix not naked domain
 see example in below pic

4.tick Redirection of naked domain to www prefix

5. and click on save button .


Note :- you if get error while saving ,it's mean domain dns settings are not still not active .wait for some more time .

Now all done hope this trick work for you successfully ...if you get any problem /question just comment below ..

Read More

How to Get Traffic from USA ,CANADA ,Australia ?

Optimize Site to Get Traffic for USA , CANADA , Australia etc.

Hi all User here i will talked about how to Optimize your Site to Get Traffic from Country Specify like CANADA ,USA ,Australia , India etc with some simple Seo Tips and Tricks .

Why we should Optimize our Site to get Traffic from these Country ?

Well the Main Reason is to Earn Money form their Ad-Networks like Adsense . ad-networks pay higher CPC , CPM for their traffic form developed country like these Because Advertiser Pay money for these Traffic (customer) .

How to Optimize your Site for Traffic of these country  .. ?

For Explaining here i will choose US  ,you can your country according to your Wish .

1. First of all i will Recommend you to write your post which is in high demand US . choose any Topic which is Highly Search by People of US. write your post in well English and in sufficient Word .
Your Post should be Good in Quality with Enough Word ( minimum 300 + ) . 

2.Get your Post Crawled by all major Search Engine Like :- Google , Bing ,Yahoo etc .

3.If you want traffic mainly form US then Set your site in your webmaster Setting of Different Search Engine . for ex i choose Google Today most famous Search Engine .

  Go to https://www.google.com/webmasters/tools/settings?hl=en&siteUrl=http://www.yoursite.com/

replace http://www.yoursite.com/ with your site url .

Note :- your site Url should be Fully verified in your Google webmaster ,other wise you will get error.

Tick  "Target users in" and Select United States . 

4. Try to Choose your Domain with Country Specify TLD for Eg. 

.us for United State , .in for India and .au for Australia etc .

5.Choose your Hosting Server which is situated in US .

6. Post your your content link in Local or Popular Sites or Forums which has Traffic from these Country ( US ) . this will give a Back-link + Good Visitors to your site .

7. Make good Back-link Specially from those site who have  traffic these country to get Perform good in SERP .

 Now have done , must try and good luck from me ,, if you have question or Problem then you are most in Comment box ..

Hope you Enjoy this Post and helpful for you ..

Read More

Stylist Black Menu for Blogger Blogs

How to add a Black Menu to Blogger Blogs

This is a CSS based and customized beautiful Stylist menu. you can easy add it in any Blogger Blog or in any Html Sites of your wish.in past post we have also posted many other menu like Awesome White Drop Down Menu For Blogger .so we have created a another menu and going to share with all of our users .

Follow my below simple steps to add it your blogger Blog .

• Login to Blogger  >> Click on drop down menu >>then select "Template".
• Now you will see  "EDIT HTML" Button ,Click on it >>  and then click Proceed button .
• Now find this tag ]]></b:skin> by using CTRL + F 
• Paste below code Just Before/above ]]></b:skin> tag  and Save the Template.

ul#egytricks,ul#egytricks ul{
margin:0;list-style:none;padding:0;background-color:#C0C0C0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAK8CAYAAAAu3tULAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA0jIR3UfIQAAACiSURBVEjH7ZbNCgMhDIS//LxB3/8Ve+iph6XpqRaDC4V1S5C9DImBMZlREeCmAA2kT4+AzaOSQg1JNXFQQEv6ZsuxTKTyau6XG2v2Jakpu695SRY93na92f8bUEuKrZU+NhYRDwW2Bs9vREQ4n42sgbbI+zUfFHxQTWkiTan0kSrwOuNtr/mhOgXurUkZ6Kw92I+++Z6XvkeVzlXq5bJ7GrwBxcIVRiNdtAgAAAAASUVORK5CYII=");background-repeat:repeat;border-width:0px;border-style:solid;border-color:#999999;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
ul#egytricks ul{
display:none;position:absolute;left:0;top:100%;-moz-box-shadow:0.7px 0.7px 1px #777777;-webkit-box-shadow:0.7px 0.7px 1px #777777;box-shadow:0.7px 0.7px 1px #777777;background-color:#FFF;background-image:none;border-width:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-style:solid;border-color:#d8d9da;padding:0 9px 9px;}
ul#egytricks li:hover>*{
display:block;}
ul#egytricks li{
position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#egytricks li:hover{
z-index:1;}
ul#egytricks{
font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:1px 1px 1px 0;
*display:inline;}
* html ul#egytricks li a{
display:inline-block;}
ul#egytricks>li{
margin:0 0 0 1px;}
ul#egytricks ul>li{
margin:1px 0 0;}
ul#egytricks a:active, ul#egytricks a:focus{
outline-style:none;}
ul#egytricks a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 12px Arial;color:#262626;cursor:default;padding:10px;background-color:#C0C0C0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAK8CAYAAAAu3tULAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA0jIR3UfIQAAACiSURBVEjH7ZbNCgMhDIS//LxB3/8Ve+iph6XpqRaDC4V1S5C9DImBMZlREeCmAA2kT4+AzaOSQg1JNXFQQEv6ZsuxTKTyau6XG2v2Jakpu695SRY93na92f8bUEuKrZU+NhYRDwW2Bs9vREQ4n42sgbbI+zUfFHxQTWkiTan0kSrwOuNtr/mhOgXurUkZ6Kw92I+++Z6XvkeVzlXq5bJ7GrwBxcIVRiNdtAgAAAAASUVORK5CYII=");background-repeat:repeat;background-position:0 200px;border-width:0px;border-style:none;border-color:;}
ul#egytricks ul li{
float:none;margin:9px 0 0;}
ul#egytricks ul a{
text-align:left;padding:8px 0 0 0;background-color:#FFF;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#D9D9D9;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:13px Arial;color:#333333;text-decoration:none;}
ul#egytricks li:hover>a,ul#egytricks li a.pressed{
background-color:#C0C0C0;border-style:none;color:#efefef;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAK8CAYAAAAu3tULAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA0jIR3UfIQAAACiSURBVEjH7ZbNCgMhDIS//LxB3/8Ve+iph6XpqRaDC4V1S5C9DImBMZlREeCmAA2kT4+AzaOSQg1JNXFQQEv6ZsuxTKTyau6XG2v2Jakpu695SRY93na92f8bUEuKrZU+NhYRDwW2Bs9vREQ4n42sgbbI+zUfFHxQTWkiTan0kSrwOuNtr/mhOgXurUkZ6Kw92I+++Z6XvkeVzlXq5bJ7GrwBxcIVRiNdtAgAAAAASUVORK5CYII=");background-position:0 100px;text-decoration:none;}
ul#egytricks span{
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#egytricks ul li:hover>a,ul#egytricks ul li a.pressed{
background-color:#FFF;background-image:none;border-style:solid;border-color:#D9D9D9;color:#58ad41;text-decoration:none;}
ul#egytricks li.topfirst>a{
border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;text-shadow:#d8d8d8 0px 1px 1px;}
ul#egytricks li.topfirst:hover>a,ul#egytricks li.topfirst a.pressed{
text-shadow:#3d3d3d 0px -1px 1px;}
ul#egytricks li.topmenu>a{
text-shadow:#d8d8d8 0px 1px 1px;}
ul#egytricks li.topmenu:hover>a,ul#egytricks li.topmenu a.pressed{
text-shadow:#3d3d3d 0px -1px 1px;}
ul#egytricks li.toplast>a{
border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;text-shadow:#d8d8d8 0px 1px 1px;}
ul#egytricks li.toplast:hover>a,ul#egytricks li.toplast a.pressed{
text-shadow:#3d3d3d 0px -1px 1px;}
ul#egytricks _>li>a{
padding:0;}
ul#egytricks li.subfirst>a{
border-width:0;border-style:none;padding:0;}
ul#egytricks li.subfirst:hover>a,ul#egytricks li.subfirst a.pressed{
border-style:none;}

MENU CODE

Now we can  use below code to add menu any where we want. you can add it as HTML WIDGET in blogger layout,But i will  Recommend You to Replace this menu code in your Blogger Template with already existing one., or add below code before or after already existing one menu code.

• Login to Blogger  >> Click on drop down >> Now select "Layout"
• Now you will see "Add a Gadget" button click any of them
• A new window will open .Scroll some down until you see " HTML/JavaScript" Button.
• Click on " HTML/JavaScript" Button ,leave the Title blank and Put the below code in Content and then after click on save button.

<ul id="egytricks" class="topmenu">
<li class="topfirst"><a href="#" style="height:15px;line-height:15px;">EgyTricks Menu 0</a></li>
<li class="topmenu"><a href="#" style="height:15px;line-height:15px;"><span>EgyTricks Menu 1</span></a>
<ul>
<li class="subfirst"><a href="#">Item 1 0</a></li>
<li><a href="#">Item 1 1</a></li>
<li><a href="#">Item 1 2</a></li>
</ul></li>
<li class="topmenu"><a href="#" style="height:15px;line-height:15px;">EgyTricks Menu 2</a></li>
<li class="toplast"><a href="#" style="height:15px;line-height:15px;">EgyTricks Menu 3</a></li>
</ul>

Customization

• Replace #  and text with yours 

Now all done if have any question or Problem according to this Menu then Comment below

Read More

Awesome White Drop Down Menu For Blogger

White Drop Down Menu For Blogger

This is a very beautiful CSS3 White Menu bar for Blogger Blog.Created by Egytricks for all Blogger User who want a Pearl White Menu for their Blog.this menu has pretty color combination of white and black.with rounded corner.

Below i will tell how to Add this Menu to your Blog with step by step tutorial..

CSS EFFECT..

Now we will add the CSS Code in Blogger Template ..  so follow my Simple below Instruction..

• Login to Blogger  >> Click on drop down menu >>then select "Template".
• Now you will see  "EDIT HTML" Button ,Click on it >>  and then click Proceed button .
• Now find this tag ]]></b:skin> by using CTRL + F 
• Paste below code Just Before/above ]]></b:skin> tag  and Save the Template.

ul#egytricks,ul#egytricks ul{
margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
ul#egytricks ul{
display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;background-color:#424542;border-width:2px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#FFF;padding:0 10px 10px;}
ul#egytricks li:hover>*{
display:block;}
ul#egytricks li{
position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#egytricks li:hover{
z-index:1;}
ul#egytricks ul ul{
position:absolute;left:100%;top:0;}
ul#egytricks{
font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;
*display:inline;}
* html ul#egytricks li a{
display:inline-block;}
ul#egytricks>li{
margin:0;}
ul#egytricks a:active, ul#egytricks a:focus{
outline-style:none;}
ul#egytricks a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px Trebuchet MS;color:#000;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#444444;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA4pKJyhkvMAAABsSURBVCjP7ZFBCoAwEAOn6+f8/088eWmNB2EhpVXPYg9Dkt2WQpC0BaAASHWk6mzzrEMb2OZ3O3vMsvCn8A+VwWC0h6sp4nnlM0DSGsCeWfV6qldRfVAHe+2286se3h5JJUspiQhg8Ywfr3ACj/VHLxipLh8AAAAASUVORK5CYII=");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
ul#egytricks ul li{
float:none;margin:10px 0 0;}
ul#egytricks ul a{
text-align:center;padding:4px;background-color:#424542;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#FFF;text-decoration:none;text-shadow:#FFF 0 0 0;}
ul#egytricks li:hover>a,ul#egytricks li a.pressed{
background-color:#444444;border-color:#C0C0C0;border-style:solid;color:#FFF;text-shadow:#FFF 0 0 1px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA4pKJyhkvMAAABsSURBVCjP7ZFBCoAwEAOn6+f8/088eWmNB2EhpVXPYg9Dkt2WQpC0BaAASHWk6mzzrEMb2OZ3O3vMsvCn8A+VwWC0h6sp4nnlM0DSGsCeWfV6qldRfVAHe+2286se3h5JJUspiQhg8Ywfr3ACj/VHLxipLh8AAAAASUVORK5CYII=");background-position:0 100px;text-decoration:none;}
ul#egytricks span{
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#egytricks ul span{
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAAFCAYAAADWkcYlAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wBFwsaEPhJNTwAAABfSURBVHja7dqxDQAxDAMxOfvv7G9iIAt80pAjqDtA1d3ZOkmqqgIAAAD8qneQT4evM86TiHMAAAC4YMJ8Qn2JcwAAAHgf6esI8zYNAAAA3HPe3OfiLtIBAADgUZwnyQeivhwKKt7BhQAAAABJRU5ErkJggg==");padding-right:8px;}
ul#egytricks ul li:hover>a,ul#egytricks ul li a.pressed{
background-color:#424542;background-image:none;color:#F2B20E;text-decoration:none;text-shadow:#FFF 0 0 0;}
ul#egytricks li.topfirst>a{
border-width:0;border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#egytricks li.toplast>a{
border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;}

MENU CODE

Now we can  use below code to add menu any where we want. you can add it as HTML WIDGET in blogger layout,But i will  Recommend You to Replace this menu code in your Blogger Template with already existing one., or add below code before or after already existing one menu code.

• Login to Blogger  >> Click on drop down >> Now select "Layout"
• Now you will see "Add a Gadget" button click any of them
• A new window will open .Scroll some down until you see " HTML/JavaScript" Button.
• Click on " HTML/JavaScript" Button ,leave the Title blank and Put the below code in Content and then after click on save button.

<ul id="egytricks" class="topmenu">
<li class="topfirst"><a href="#" style="height:18px;line-height:18px;">Item 1 1 0</a></li>
<li class="topmenu"><a href="#" style="height:18px;line-height:18px;"><span>Item 1</span></a>
<ul>
<li><a href="#">Item 1 0</a></li>
<li><a href="#"><span>Item 1 1</span></a>
<ul>
<li><a href="#">Item 1 1 0</a></li>
</ul></li>
<li><a href="#">Item 1 2</a></li>
</ul></li>
<li class="topmenu"><a href="#" style="height:18px;line-height:18px;">Item 2</a></li>
<li class="topmenu"><a href="#" style="height:18px;line-height:18px;">Item 3</a></li>
<li class="topmenu"><a href="#" style="height:18px;line-height:18px;">Item 4</a></li>
<li class="toplast"><a href="#" style="height:18px;line-height:18px;">Item 5</a></li>
</ul>

Customization

• Replace the links in menu code # to yours Links
• and text name Item to your link text name

Now all done if have any question or Problem according to this White Drop Down css Navigation Menu for Blogger then Comment below

Read More

How to Install WordPress Manually Fast in 2 Min Without auto Installer

Today i am going to share egy-tricks method to Install a WordPress site in Turbo Fast way Manually without any Admin Control Panel Auto Installer app. Actually by this Trick you can easily install any Web CMS Software not only WordPress which need a MySQL databases setup to run a site.

Requirement ???  

1. You just a need tiny and Simple Php app "UnZiper" to unzip your cms software which you want to Install like WordPress ,b2evolution ,Joomla ,Coppermine, Gallery3 etc. Download it From Here 
2. And a MySQL databases User name and Password (wait i tell you below how to make Mysql databases User name and Password )

Step by Step Instruction Tutorial for WordPress Setup

Follow my below simple steps:-

• Download WordPress Zip Set-Up File and Extract it 
• Go to to Extracted directed of WordPress Set-Up where Index.php is Present 
• Select all the File of that Directory and Re-zip it and Upload to your site server thew Ftp
• Now Unzip the above download UnZiper app and Upload it to any directory by Ftp(make sure not a single file replaced or overwritten try to uploading on new Folder)
• Now Run the Unziper and ,it will ask first time registration ,so registration it (don't worry it will take less than 5 Sec,no email required).this is for Security purpose.
• and navigate it where you uploaded WordPress Zip Set-Up File ,you see that zip file with Unzip link button .Click on it .Now your WordPress Zip Set-Up File will be extracted there in just few Sec.

Setup WordPress with MySQL 

You can easily Setup wordpress with  mysql by creating a MySQL account in Hosting account Control Panel.

• Go to you Hosting account Control Panel and search for MySQL.

• Now type the User Name ,Database Name and Password in their Filed and Click on Create button.(remember it to)

• Now open your WordPress site .it will ask for Configure WordPress with Configuration File, Click on "Create a Configuration File" button >> then click on "Let’s go!" button >> a new Page will Open asking for User Name ,Database Name and Password
•  Fill the boxes with suitable data which you have created in above steps .after all box with suitable data Click on "Submit" button

Now all your WordPress site is ready for

Tutorial Finish if you Get any Problem or Question then don't hesitate to Comment below ..

Read More

Most Easiest Way to Add Facebook Page Like Box to Blog

Facebook Like Box:-Facebook is now most Famous and Successful Social Network Site Today,Millions of People Use Facebook Each day to get interact with their Friends and Relative, and of most People use Feature Facebook called Facebook Page.Some People use Facebook Page for Fun/Passion and some people use this to Promote their own Business.

Today in this post i am going to share tutorial that how you can easily add Facebook Fan Page Like Box Widget to any Blog Including Blogger and WordPress .

To Add the Like Box to your need your Facebook Page Url and Blog where you want to add this widget.

Now Follow my some below Instruction to add this to your Blog ..

• Go to Facebook Like Box Generator Page here
• and Generate/Customize the the facebook page according to your need.
• After Customize your Facebook page like box 
• Click on "Get Code" button ,a box will open with your Custom Code

Now Copy the code of  both code box 1 and 2 at same place 

eg.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="http://www.facebook.com/egytricks" data-width="292" data-show-faces="true" data-stream="false" data-border-color="red" data-header="false"></div>

Now you can use the above copied codes in Blogger Widget  or WordPress Widget.

For Adding  Facebook Page Like Box to Blogger

• Log in to Blogger  >> Click on drop down >> Now select "Layout"
• Now you will see "Add a Gadget" button click any of them
• A new window will open .Scroll some down until you see " HTML/JavaScript" Button.
• Click on " HTML/JavaScript" Button ,leave the Title blank and Put the above copied in Content and then after click on save button.

For Adding to WordPress

• Log in to WordPress  >> Dashboard >> Appreance >> Widgets >>
• Now Drag a widget which support text or HTML code it is mainly title as "Text" 
• and Put the above copied code in blank box and then after click on save button.

Now all done, hope Like this easy detailed tutorial for adding Facebook Page Like Box to your site ,If you get any Problem or Question the Comment below .

Read More

Easy Add meta tags Keyword to Blogger Specific Post

In this Post I am going to tell you that how you can easily add a Specific meta tags keyword in each Specific Blogger Post you want in very easy way

Why you should add a Keyword Specific keyword in each Specific post ?

Well the reason add the keyword in each Specific post is SEO Optimization,adding meta tags keyword in each post can help better ranking of site Post in Search Result.it help Search Engines to decide the category and Content post Specific Post .

How to add Different meta tags Keyword to  Each Blogger Post

Follow My Some simple Steps to add Keywords .

1.Go to Blogger and Login.

2.Navigate to Blogger Dashboard  >> Template >> and then 

3.Click on "Edit HTML" button and 

4.Find code <b:include data='blog' name='all-head-content'/>

5.After Finding Above Code Paste the below Code just below it

  <b:if cond='data:blog.url == "PAGE-URL"'>
<meta content='PAGE-DESCRIPTION' name='description'/>
<meta content='PAGE-KEYWORDS' name='keywords'/></b:if>

Now you have to modify above code in for your Easy post .

1.Replace PAGE-URL with your Page Url .

2.Replace PAGE-DESCRIPTION with the description of the post.

3.Replace PAGE-KEYWORDS with the keyword you want to use the post separate by coma .

eg.
     <b:if cond='data:blog.url == "http://www.egytricks.com/2013/03/easy-add-meta-tags-keyword-to-blogger.html"'>
<meta content='How to Add meta tags Keyword to Blogger Specific Post' name='description'/>
<meta content='Add meta tags ,meta tags to Blogger,Add meta tags to Post' name='keywords'/></b:if>

6.Now all done you can save your template .

Note-You have add this Trick code each time for each Post you want Seo Optimize it .

Comment below if any Question or Problem ..

Read More

New Best and Free WordPress SEO Plugins Collection

Seo-(Search engine optimization) of any Site and Blog is Just like a Life line of any Site.it can help you to receive true Organic Visitor from Major Search Engine like Google,Bing and Yahoo etc .without a Balanced seo optimization your Blog/Site you can't Receive good Traffic form the Search Engine.So here i am going share free WordPress Seo Optimizer which can help you to Optimize your Blog seo.

1.WordPress SEO by Yoast :- 

This one of the Best WordPress SEO Plugins .WordPress out of the box is already technically quite a good platform for SEO .This plugin is written from the ground up by WordPress SEO consultant and WordPress developer Joost de Valk to improve your site's SEO on all needed aspects.

Hear are WordPress SEO Plugin feature

• Breadcrumbs
• Post titles and meta descriptions
• XML Sitemaps
• Check out the feature list:
• Robots Meta configuration
• Canonical
• RSS enhancements
• Permalink clean up
• XML Sitemaps
• Clean up head section
• Edit your robots.txt and .htaccess
• API Docs

2.Greg's High Performance SEO-

Greg's High Performance SEO Plugin plugin enables you to configure several important SEO characteristics in each of these areas:

• Main title
• Head section: description, keywords, robots indexing and following instructions, canonical URLs
• Secondary title, visible in the page body
• Secondary description, visible in the page body
• Paged comments and duplicate content

Hear are some Other feature of Greg's High Performance SEO Plugin

Greg's High Performance SEO also provides built-in support for titles and keywords left behind by alternative SEO and other legacy plugins such as:

All in One SEO Pack
Autometa
HeadMeta
Headspace
Platinum SEO
Related Posts
SEO Title Tags
SEO Ultimate
wpSEO

3.seo for wordpress

This Seo for wordpress plugin can automatically use your post title , content as seo title and seo meta description if seo box left empty .This plugin Adds seo title ,description and keywords to all your previous published posts without any modification or

update.

Hear are some Other feature of seo for wordpress Plugin

• This plugin will use default post tags as your seo meta keywords if meta keywords field left empty.
• Supports all custom post types .
• This plugin will use default title as your seo title if title field left empty.
• Option for using meta keywords .
• A lightweight and hassle free seo solution for WordPress.
• Text limiter for title and description .
• This plugin will Put seo values into your post , pages, custom post types with no extra effort.
• Simple but highly useful.
• This plugin will use default description as your seo description if description field left empty.
• Adds seo title ,description and keywords to all your previously published posts without any modification or update.

From Where and How To Install these seo Plugins ?

All of Mention Plugins are easily Available on WordPress Plugins Search .you Just have to go your WordPress Dashboard >>  Plugins >> Add New >> and then Search with Search Box then Click on Install and then Activate it Use. Enjoy ... In any Problem then don't hesitate to Comment below .Good Luck.   

Read More

Sites to Find Free Legal Images and Icons for Commercial Use

Images and Icons has very important role for any webmasters and developers.it make their Site ,Blog or any app dressed of an Impressive look.as you can we have used some Icons and Images to our blog site to decorated and other necessary use some of Images and Icons are made by us and some are collected form free Legal Images and Icons Source Site which provide an tons of Images and Icons and allow us to these  graphic file for Personal and Commercial Use.

Site for Free Icons and Images graphic files.

1.iconarchive.com 

This Site is one of my Favorite site which provide thousand of free icons images and icons .all most all graphic files provided here are free for Personal Desktop use and some are  also allowed for Commercial Use.it has very good user interface and no registration is necessary.and most important thing is that you get a single image in various file format and shape size and without any watermarks .

Features.

• Free Free Icons and Images graphic files for Personal and Commercial use
• Available in various format
• Available in various shape size
• without any water-marks
• No Registration required 

2.shutterstock.com

This is also a very good to find about 20 million stock photos but they provide file only in .jpg format for free user.graphic files available here are free for Personal and Commercial use but all are watermarked for free user .

Features

• Free Free Icons and Images graphic files for Personal and Commercial use
• Available in .jpg format
• Not available in various shape size
• with logo water-marks 
• Registration required 

 3.freerangestock.com

This is also a popular image sharing platform that offers contributors a revenue sharing platform for any images they contribute.

Features

• Free Free Icons and Images graphic files for Personal and Commercial use
• Available in .jpg format
• Not available in various shape size
• with logo water-marks 
• Registration required

Hope you like this Post and useful for you,if you any other Free image sharing site then share with us.

Read More

How to hide Sidebar in Blogger Specific Post

In this Post i will tell you how to hide  Sidebar in Blogger specific Post with a very code and easy to use ..

 TO HIDE SIDEBAR IN PAGES AND POSTS

• Login to Blogger > Dashboard
• Click on Drop Down Menu and select Post
• Click on HTML
• Paste below code in it, before create a post.

  <style>
   #main-wrapper { width:1111px!important;}

    .post { width:715px!important; }
.rsidebar-wrapper{display:none !important;}
    </style>

Now Just putting that code in HTML mode you can switch back to COMPOSE mode and start to write your post.
This code will hide your sidebar unnecessary widget in specific Post .

Comment if any Question ,Problem .. :)

Read More

New Pro Style Subheading text Highlighter for Blogger

Add a New beautiful Style Sub Heading text Highlight for Blogger in easy way .Last Time i have Posted about  How To Customize Blogger Sub Heading text with different look and here again with different look.
To use this Heading text Highlight with Blogger you Have to add below Code before ..]]></b:skin>

Detail Description

• Login to Blogger  >> Click on drop down menu >> Now select "Template"
• you will see  "EDIT HTML" Button ,Click on it >>  then click Proceed button 
• Now find this tag ]]></b:skin> by using CTRL + F 
• Paste below code Before/above ]]></b:skin> tag .

.TWtitle{background-attachment: scroll; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghhvDj2We-CyAeWIubfgjmsGnT_-H7oVqkE0LaOQmrNlMAWJWw5y_G08Eh9vY_mDZCi-1_2Hj0u5wE1xcDY9SuWKwwihpGHtvVjrDWgusCAJgzvAI-Dn7einUkTVUtPjMhB4pVJkoPsug/s1600/h2title+tickkkk.png); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; border-top-left-radius: 14px; border-top-right-radius: 14px; border: 3px solid rgb(13, 112, 5); box-shadow: rgb(171, 171, 171) 3px 3px 3px; color: #25991c; font-family: Lobster, cursive; font-size: 26px; font-weight: normal; margin: 0px 0px 1em; padding: 0px 1px 4px 34px; position: relative; text-shadow: rgb(0, 0, 0) 1px 1px 0px; text-transform: capitalize;}

Now Save your Template ...and when you need it Below HTML Code

<div class="TWtitle">YOUR TEXT</div>

Replace YOUR TEXT with your word .

Live Demo

Read More

How to Optimize Blogger Template for better SEO

Optimize Blogger Template for better SEO

Do you Know Heading of any Site Play very Important Role in term of SEO. The better you Optimize your Site/Blog template for SEO(Search Engine Optimize) the better chance to get ahead in Search Engine especially Google,Bing,Yahoo.
So in this Post i am going to tell you how to Optimize your Blogger Heading(Post Titles) for better Performance in Search engine.

Use my Below Steps to Optimize your blogger Template ...

• Login to Blogger  >> Click on drop down >> Now select "Template"
• Now you will see "EDIT HTM" Button Click on it >> then click on Proceed button 
• Now find the Codes Similar Like below ..(code may be differ according to template try find similar)

 <h3 class='post-title'>

      <b:if cond='data:post.url'>

        <a expr:href='data:post.url'><data:post.title/></a>

      <b:else/>

        <data:post.title/>

      </b:if>

      </h3>

• And Replace h3 TO h1

Now save your template and congratulation you have Optimize your blogger Post Titles for better SEO .

NOTE:-BE CONNECTED WITH US FOR MORE SEO TIPS ..

Read More

Easy Remove and Add Blogger Official navbar

Here i am going to explain How to easy add and Remove the blogger official Navbar /Navigation bar in very easy or simple way.

To remove Blogger Navbar 

• Login to Blogger  >> Click on drop down >> Now select "Template"
• Now you can see  EDIT HTML Button Click on it >>  Now click Proceed button 
• Now find this tag ]]></b:skin> by using Ctrl+F 
• Paste below code Before/above ]]></b:skin> tag .

#navbar-iframe {
   height:0px;
   visibility:hidden;
   display:none
}

To Add Blogger Navbar

Just Find the Above code and remove it ..

Read More

How to Add Keyboard button style text to Blogger

Hello Every one here i am again with premium post.How to Add a Keyboard button like style text to Blogger in very easy way 

Demo below

CTRL + F

How to add this Keyboard button to blogger Post ? well this is very easy just use the below code in HTML...

<kbd style="background-color: white; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid gray; box-shadow: rgb(238, 238, 238) 1px 0px 1px 0px, rgb(204, 204, 204) 0px 2px 0px 2px, rgb(68, 68, 68) 0px 2px 0px 3px; color: #333333; font-size: large; line-height: 16.796875px; margin: 2px 3px; padding: 1px 5px;"><b>YOUR TEXT</b></kbd>

And Replace YOUR TEXT  With your Text

Now all done enjoy  ,,pls comment if you like this post ...

Read More

How to change color of Blogger Dynamic views Gadget background

Hi all User in this Post i am going to share how to change color of  Blogger Dynamic Views Gadget background in very easy way...
Steps:-

• Login to Blogger  >> Click on drop down >> Now select "Template"
• Now you can see  EDIT HTML Button Click on it >>  Now click Proceed button 
• Now find this tag ]]></b:skin> by using Ctrl+F 
• Paste below code Before/above ]]></b:skin> tag .

.gadget-icons, .gadget-title, .gadget-content, #gadget-dock, .gadget-menu, .ss{
background: #005896 !important;
color: #FCD927 !important;
}

Now done save the Template ...

Read More

Add a bottom Notification Bar to Blogger

How to Add The Transparent Notification Bar To Blogger bottom.

to add this notification bar use below codes..
Remember Always Back Up Your Template Before You Make Changes
Step 1. In Your Blogger Dashboard Click Design > Edit Html
Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

</body>

Step 3. Copy and Paste the Below code Directly Above / Before </body>

<!-- http://www.egytricks.com Notification code start -->
<style type='text/css'>
#ut-sticky
{
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOY1k1bNTYQJ38qqUbg2FLhxqSBZ6NgAizxIPnaSrG57nMQvkuDPSa3MlfoituK_A8yLXhQOCsD6mijVWkbu_v4-_fWM5PxJMmd4MSRH6XZrypZ16NQ5K3b5VZba0MSxWoDxZEMVHsrg_b/s1600/ut-bg.png&#39;) repeat;
color:#fff;
text-align: center;
margin:0 auto;
border-top: 1px solid #fff;
height:28px;
font-size:13px;
position:fixed;
bottom:0;
z-index:999;
width:95%;
border-top-left-radius:15px;
border-top-right-radius:15px;
display:block;
font-weight: bold;
font-family: arial,&quot;Helvetica&quot;;
font-color:#fff;
}
#ut-sticky:hover
{background:#333;}
#ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;}
#ut-sticky p a{ text-decoration:underline; color:#FFFF33;}
.ut-cross{display:block; position:relative; right:15px; float:right;}
.ut-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#FF0000; line-height:30px;}
</style>
<div id='ut-sticky'>
<p>Add This Transparent Notification Bar To Your Blog <a href='http://www.egytricks.com' target='_blank'>Transparent Notification Bar</a></p>
<div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div>
</div>
<script language='JavaScript'>
function hide_cross() {
crosstbox = document.getElementById(&quot;ut-sticky&quot;);
crosstbox.style.visibility = &#39;hidden&#39;;
}
</script>
<!-- End of Notification code, info - http://www.egytricks.com -->

Modify highlighted color code with yours ..Now all done save your Template..

Read More

Add Professional Animated CSS Buttons For Blogger

How to Add Professional Animated CSS Buttons to Blogger Blog ?
In this Tutorial i will tell you how to add Animated water,bubble effect button to blogger .you can use button for multipurpose like .Download button ,Demo buttons etc
To add this button style use below steps ..

Live Demo

•  Log in to blogger account and go t dashboard
• Now select "Template"
• Now you can see Live on blog, Click EDIT HTML Button"
• Now click Proceed button.   
• Find this tag  ]]></b:skin>  by using Ctrl+F
• Paste below code Before ]]></b:skin> tag

.button{
font:15px Calibri, Arial, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
text-decoration:none !important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
padding:10px 20px;
background-repeat:no-repeat;
background-position:bottom left;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png');
background-position:bottom left, top right, 0 0, 0 0;
background-clip:border-box;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 1px #fff inset;
-webkit-box-shadow:0 0 1px #fff inset;
box-shadow:0 0 1px #fff inset;
-webkit-transition:background-position 1s;
-moz-transition:background-position 1s;
transition:background-position 1s;
}
.button:hover{
background-position:top left;
background-position:top left, bottom right, 0 0, 0 0;
}
.button:active{
bottom:-1px;
}
/* The three buttons sizes */
.button.big { font-size:30px;}
.button.medium { font-size:18px;}
.button.small { font-size:13px;}
/* BlueButton */
.blue.button{
color:#0f4b6d !important;
border:1px solid #84acc3 !important;
background-color: #48b5f2;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
-moz-linear-gradient(#4fbbf7, #3faeeb);
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}
.blue.button:hover{
background-color:#63c7fe;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'),
-moz-radial-gradient( center bottom, circle,
rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
-moz-linear-gradient(#63c7fe, #58bef7);
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'),
-webkit-gradient( radial, 50% 100%, 0, 50% 100%, 100,
from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}
/* Green Button */
.green.button{
color:#345903 !important;
border:1px solid #96a37b !important;
background-color: #79be1e;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}
.green.button:hover{
background-color:#89d228;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}
/* Orange Button */
.orange.button{
color:#693e0a !important;
border:1px solid #bea280 !important;
background-color: #e38d27;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}
.orange.button:hover{
background-color:#ec9732;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}
/* Orange Button */
.gray.button{
color:#525252 !important;
border:1px solid #a5a5a5 !important;
background-color: #a9adb1;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}
.gray.button:hover{
background-color:#b6bbc0;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPiP8kM04SEeyHBZnbOsblkzlVCR8y6bWDr5_UZEC5_Wj532SuSSjWwu2Dnzv6Ivs_CBV06woj_YbQ7b8bGwoWnFBJNBuu93-69x7663mRHLN3GTUafnWjQPW6f0MlOFRyOmKsBJATnMSL/s144/button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}

Now Save the Template ...and  when ever you need to use this button then use the below Code as Html

<a class="button big blue" href="Your Link" target="_blank">Live Demo</a>

<a class="button big orange" href="Your Link" target="_blank">Live Demo</a>

<a class="button big green" href="Your Link" target="_blank">Live Demo</a>

<a class="button big gray" href="Your Link" target="_blank">Live Demo</a>

<a href="LINK HERE" class="button blue medium">TEXT HERE</a>
<a href="LINK HERE" class="button green medium">TEXT HERE</a>
<a href="LINK HERE" class="button orange medium">TEXT HERE</a>
<a href="LINK HERE" class="button gray medium">TEXT HERE</a>

<a href="LINK HERE" class="button small blue">TEXT HERE</a>
<a href="LINK HERE" class="button small green">TEXT HERE</a>
<a href="LINK HERE" class="button small orange">TEXT HERE</a>
<a href="LINK HERE" class="button small gray">TEXT HERE</a>

<a href="LINK HERE" class="button small blue rounded">TEXT HERE</a>
<a href="LINK HERE" class="button small green rounded">TEXT HERE</a>
<a href="LINK HERE" class="button small orange rounded">TEXT HERE</a>
<a href="LINK HERE" class="button small gray rounded">TEXT HERE</a>

Comment if it works for you or if any Problem..

Read More

Professional CSS Cloud Label Style For Blogger

Hi all Users,in this Post i am going to share a how to add Professional CSS Cloud Label Style For Blogger.few weeks ago i posted another beautiful Label Style.well this is also blogger label customizing tutorial with some different style .
Follow below simple steps to add this.

1. Log in to blogger >> Go to Design >> Edit HTML

2. Find ]]></b:skin>  by using Ctrl+F

3.Paste below code Before ]]></b:skin> code

/*-----Custom Labels Cloud widget by www.egytricks.com----*/
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;font-size:10px;color:#666;}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}.label-size a:hover {
text-decoration: none;
}

4.Now all done save the Template ..Comment if you got any problem ..

Note:-Make sure you are not using any another label customizing code,if you using remove the old code then use this ..

Read More

Customize Blogger Popular Post widget with beautiful Multicolored

Want to customize your blogger Popular Post widget with multi-color and Numbering effect,if yes then this tutorial is just for you.
to customize your Blogger Popular Post widget follow below steps.

• Loing to Blogger >> go to HTML Template editing
• then find ]]></b:skin> and above/before it Paste below Code

/*---.EGYTRICK.COM POPULAR WIDGET STYLE STARTS HERE---*/
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
/*---EGYTRICK.COM POPULAR WIDGET STYLE ENDS HERE---*/

Now all done Save the template ..if any Problem comment below..

Read More

Easy add Notice,announcement Banner with flashing

Hi all users today i am with very useful and beautiful Notice or announcement Banner code for blogger,you can try this Notice bar code with WordPress or with html sites also..

How to add Notice,announcement Banner to Blogger

Follow below steps to add this Notice bar.

• Loing in to blogger >> then go to Layout
• Click on  "Add a Gadget" button and Choose "HTML/JavaScript"
• then leave the "Title" blank and put the below code in "content" box and Save it

<style>
#announcement{
width: auto;
font:bold 15px Trebuchet MS;
border: 2px solid #FF0000;
border-radius: 20px;
margin: 0 40px 5px 40px;
text-align: center;
padding:15px 10px 15px 70px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #FF0000;
background-color: #F9EAD4;
background-image: url('http://cdn3.iconfinder.com/data/icons/humano2/48x48/apps/kblogger.png');
}
</style>
<script src='http://code.jquery.com/jquery-1.2.3.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".close").click(function(){
$("#announcement").remove();
});
$("#announcement").fadeOut(800).fadeIn(800)
.fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);
});

</script>
<div id='announcement'>
<a class='close' href='#close' style='float: right;'><img border='0' src='http://cdn1.iconfinder.com/data/icons/nuvola2/16x16/actions/button_cancel.png'/></a>
<center>
YOUR MSG HERE
</center></div>

Replace YOUR MSG HERE with your Msg
Now done Comment if any problem or Question ..Enjoy..

Read More