Thursday 29 August 2013

How To Change Your Blogger List Post Into a Grid or Gallery View


Many people ask me that how can we change blogger template into grid style but,i refuse to tell them how to do it.Now lot of hard work and researches i finally found this tricks.
This hack will position your post thumbnail at the top, and align the post summary at the bottom with an automatic jump break or "read more" link, which will appear at the end of each summary after a specified number of characters.
The hack will only work on homepage, archive,  label and search page (not with Google custom search.) Love that? Let's get it done then.


How To Add Grid Style To Blogger Post

  • Go to your blogger dashboard
  • Click on Template > Edit HTML
  • Use ctrl F to find </head> and paste the following code above/before it.


<!-- Grid Style Hack For Blogger By www.mybloggerskill.blogspot.com Start-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var thumbnail_mode = &quot;yes&quot; ;
summary_noimg = 400;
summary_img = 180;
img_thumb_height = 130;
img_thumb_width = 220;
</script>
<script type='text/javascript'>
//<![CDATA[
/*
Grid Style Hack For Blogger By www.mybloggerskill.blogspot.com
*/
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}strx=s.join("")}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...'}function createSummaryAndThumb(pID){var div=document.getElementById(pID);var imgtag="";var img=div.getElementsByTagName("img");var summ=summary_noimg;if(img.length>=1){imgtag='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ=summary_img}var summary=imgtag+'<div>'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summary}
//]]>
</script>
<style type='text/css'>
.post {width:44%;height:370px;float:left;margin:10px;position:relative;display: block;}
.post h3{height:32px;margin-top:60px; margin-bottom:-15px;padding:5px;font-family: Helvetica, Arial;line-height:1em;font-weight: bold;  font-size:16px;letter-spacing:-0.5px;}
.post-body {padding:5px;height:241.5px;font-family: Helvetica, Arial; font-size: 13px; margin:20px;}
.post-footer {margin-top:20px;height:20px;}
.post-labels {display:none;}
.mobile .post {width:auto;height:auto;}
.mobile .post-body {height:auto;}
</style>
</b:if>
</b:if>
<!-- Grid Style Hack For Blogger By www.mybloggerskill.blogspot.com  End -->


Now search for <data:post.body/> and replace it with the following code. You may find 2-3 occurrence of this line, but don't replace the first occurrence with it. 



<!-- Grid Style Hack For Blogger By www.mybloggerskill.blogspot.in Start -->
<b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script> <a class='more' expr:href='data:post.url'>Read More...</a> </b:if> </b:if>
<!-- Grid Style Hack For Blogger By www.mybloggerskill.blogspot.in -->


Customization 

  • If you don't want to show post image thumbnail, change "yes" to "no"
  • "400" represent the number of characters to be displayed if a post has no image.
  • "180" represent the number of characters to be displayed if a post has an image, but only the first image within the post structure will be use as thumbnail.
  • The height of the thumbnail is "130"
  • The width of the thumbnail is "220". Both the thumbnail height and width value can be adjusted to your own preferred value.
  • You can change the word "Read More..."  to something more enticing like "Continue reading..." Better still, replacing the read more link with image button will be super-cool.
 

Note: You may find your Home, Newer, Older post link missing. Don't worry, here is a fix for it. Go to the Edit HTML section of your template, find <b:includable id='nextprev'> and paste the following code after/below it.


<div style='clear:both;'/>



Save your template. Yiepeee Now Save your template

Monday 26 August 2013

Awesome and premium Popular posts widget with css hover effect for blogger

Gud evening my dear folks,Today i will be sharing and awesome blogger widget for popular post.Recently i have shared how add download buttonn but it's time for posts.

Nowadays,you should have a smart popular post widget with css effect.This popular post widget have number and css hover effect..
This widget increase ur blog pageviews..becoz people see how the blog looks like...So if u want to change ur simple blog into Smart blog,u must have this widget.......

Learn how to add this widget into ur blog........



IMPORTANT STEPS TO ADD THIS WIDGET

  1. Go to ur blogger account...
  2. Go to Template>Edit HTML
  3. Now Search  ]]></b:skin> by pressing Ctrl+F
  4. Now paste the below code above ]]></b:skin>

  .popular-posts ul li a {
    background: none repeat scroll 0 0 #222222;
    color: #FFFFFF;
    display: block;
    margin: 10px 0;
    padding: 25px 15px 30px;
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
 width: 85%;
}
.popular-posts ul li a:before {
    background: none repeat scroll 0 0 #2DB3E9;
    color: #FFFFFF;
    font-weight: 700;
    height: 2em;
    line-height: 2em;
    margin-left: 88%;
    padding: 4px;
    position: absolute;
    text-align: center;
    width: 2em;
    transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
}
.popular-posts ul li a:hover {
    opacity: 0.8;
}
.popular-posts ul li a:hover:before {
    border-left-color: #CCCCCC;
    left: -1px;
     -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li + li a:before {
    content: "10";
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li + li a:before {
    content: "9";
}
.popular-posts ul li:first-child + li + li + li + li + li + li + li a:before {
    content: "8";
}
.popular-posts ul li:first-child + li + li + li + li + li + li a:before {
    content: "7";
}
.popular-posts ul li:first-child + li + li + li + li + li a:before {
    content: "6";
}
.popular-posts ul li:first-child + li + li + li + li a:before {
    content: "5";
}
.popular-posts ul li:first-child + li + li + li a:before {
    content: "4";
}
.popular-posts ul li:first-child + li + li a:before {
    content: "3";
}
.popular-posts ul li:first-child + li a:before {
    content: "2";
}
.popular-posts ul li:first-child a:before {
    content: "1";
}
.item-snippet {
    display: none;
}
.PopularPosts .item-thumbnail {
    display: none;
}


5. Now Save ur Template....6.Once u Save ur Template,this will change ur old popular post into smart popular post.... 


Please Share this widget with your friends

Awesome pure css3 premium Animated download button for blogger

Yesterday i was seeing a blog having an awesome download button,i thought to hack it
now i m going to share an awesome css button with hover effect.








Adding the CSS in the Template

  • Login to Blogger >> Dashboard
  • Template >> Edit Html
  • Then search for ]]></b:skin> tag
  • Paste bellow code just above ]]></b:skin> tag
/* --------------------------------------
Awesome CSS3 Download Button for Blogger
http://mybloggerskill.blogspot.com
------------------------------------------ */
.dlbutton {
margin: 150px auto;
width: 200px;
position: relative;
z-index: 1;
}
.dlbutton a {
display: block;
width: 200px;
height: 50px;
background: #00b7ea;
background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
background: linear-gradient(top, #00b7ea 0%,#009ec3 100%);
color: white;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font: 17px/50px Helvetica, Verdana, sans-serif;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
}
.dlbutton a, .slide {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}
.slide {
position: absolute;
z-index: -1;
display: block;
margin: -50px 0 0 10px;
width: 180px;
height: 40px;
background: #7b7b7b;
color: #fff;
text-align: center;
font: 12px/45px Helvetica, Verdana, sans-serif;
-webkit-transition: margin 0.5s ease;
-moz-transition: margin 0.5s ease;
-ms-transition: margin 0.5s ease;
-o-transition: margin 0.5s ease;
transition: margin 0.5s ease;
}
.dlbutton:hover .bottom {
margin: -10px 0 0 10px;
}
.dlbutton:hover .top {
margin: -80px 0 0 10px;
line-height: 35px;
}
.dlbutton a:active {
background: #00b7ea;
background: -moz-linear-gradient(top,  #00b7ea 36%, #009ec3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(36%,#00b7ea), color-stop(100%,#009ec3));
background: -webkit-linear-gradient(top,  #00b7ea 36%,#009ec3 100%);
background: -o-linear-gradient(top,  #00b7ea 36%,#009ec3 100%);
background: -ms-linear-gradient(top,  #00b7ea 36%,#009ec3 100%);
background: linear-gradient(top,  #00b7ea 36%,#009ec3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );
}
.dlbutton:active .bottom {
margin: -20px 0 0 10px;
}
.dlbutton:active .top {
margin: -70px 0 0 10px;
}
#textwidget {
color: #666;
font-size: 0.925em;
font-style: italic;
line-height: 1.6em
}
a.tag {
color: #777;
font: 9px verdana;
text-transform: uppercase;
transition: border-color .218s;
background: #f4f4f4;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #f3f3f3;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
border: solid 1px #ccc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 4px 4px 0;
padding: 3px 5px;
text-decoration: none
}
a.tag:hover {
color: #333;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0,0,0,0.15)
}
a.tag:active {
color: #000;
border-color: #444
}
.slides {
font-size: 85%;
line-height: 130%;
overflow: hidden;
padding: 0;
margin: 30px 0 10px;
border-bottom: 1px solid #000
}

After adding the code save the template and follow the next step.

ADDING THE BUTTON


So as we have added the CSS we just need to add the HTML in the desired place. So whenever you want to add this button to your post just switch the post editor to HTML from Compose and add the below HTML Code.


<div class="dlbutton">
<a href="YOUR-LINK-HERE" target="_blank">Download</a>
<div class="slide top">
.zip</div>
<div class="slide bottom">
4.7 MB</div>
</div>


After adding the HTML Code change YOUR-LINK-HERE with the URL of the file to be downloaded. Change 4.7 MB & .zip  with the files size and extension.
You are done now. Now you and your visitors can see this awesome Pure CSS3 animated download button in your blog.






</div>



Awesome Ways To Get Traffic To Your Blog

MYBLOGGERSKILL

Every blog owner is hungry for traffic and one should be after all the hard work he or she puts in writing good blog posts. A blogger gets good amount of traffic for sure when you write up unique content but still there are always some ways to increase traffic and it somehow satisfy the need of blogger which ofcourse is a good amount of traffic. Anyway in today's post i am sharing with you is a trick about increasing your blog traffic. 

Quick Tip :
First you should know a good blog is well managed blog and a well managed blog focus on interlinking the content. If you have a lot of content or posts interlinked in your blog your blog will have good reputation in search listings. It definitely improves your ranking. 
So keep this basic rule in mind whenever you are writing on your blog don't forget to link the related content  or posts on your blog. 
It does have its other benefits as well for example stealing or copying of your content becomes difficult for others lazy bloggers and the might prevent them copying your stuff because they don't want to remove too much links in your content.

Now here is the real deal! 

Although you have much content interlinked on your blog , but what actually increase your blog's rating in Google searches and other search engines is your users/visitors clicking or browsing through those links. 

A question arise how do we get people to click that linked content or pages or posts?
Answer is, there are two ways,
  1. The link you are creating between posts or content must be really of use or highly related to your current post,  It should be like for example if you are reviewing a phone or device in your one post you must provide a link to a post where you have specification of that phone or device you are reviewing the visitor must be really interested in knowing the specs of that device.
  2. The other way is to attract people by having good and stylish and attractive related posts widgets at the end of posts. There are many "Related Posts Widgets" the best one is with the thumbnail and a little description. A little responsiveness and good style would definitely attract the visitor to view from related posts.
One good related post widget is Linkwithin Related post widget, It is easy to embed and light to load on blog. You can find it here

If you are a pro and can modify the template the It is recommended to use some custom "Related post widget" instead of third party widget like Linkwithin.

If you follow above mentioned tips then it would definitely help you increasing your blog traffic as visitors stays longer at your website browsing through, and also your page views will increase.
I hope you like my writing, Please like and share this post with your friends and discuss and share your opinion about my writing in comments below :)

Sunday 25 August 2013

8 Basic Tips on How To Make Money Online

The internet is spreading chop-chop within the world. Most of individuals during this world area unit mistreatment net for various purpose. Some for the enjoyment and a few of their on-line business. Nowadays, most of the net the web the net users area unit looking for 1000s of ways that to earn cash on-line reception through internet. Many folks say that it's not possible however it isn't true in the slightest degree. Earning cash on-line is feasible and millions of individuals during this world do this. Here I will be sharing some real and ideal ways that to create cash on-line on the web. This guide is for everybody, it does not matter WHO you are. Teenagers to older individuals will try this job in their home. Except for that you're going to want some skills. Everybody during this world is brought with thus me hidden talent so you wish to find it. I do not need to induce you an excessive amount of time thus let's begin the most discussion.

Make cash on-line on the web


There are a unit many ways that to earn the US Dollars $  on-line. However here I will be sharing some nice concepts by that you'll be able to be millionaires. However keep in mind, it's not in the slightest degree and you may got to diligence for it.

1. Build cash Through Blogging!


Blogging is often called the simplest thanks to earn cash on-line. Within the blogging, someone has to produce a journal and work thereon. A journal appearance kind of like a web site however it's in truth totally different. you'll be able to produce a journal in any niche you wish however before selecting a correct niche ought to you ought to you must make sure isn't miser and it should be comfy to advertising corporations and therefore the guests. When making blogs, you have to insert some content in your journal. Mean to mention, publish some posts in your journal and supply additional posts as additional as you'll be able to. I like to recommend to try and do a 1 post often. After that, the journal is well printed, employed by many folks and is being mature day by day then you may got to apply for any advertising company and you may simply build cash from it. Blogging desires some skills like generating content, program improvement and a few others that you may got to learn. It’s conjointly vital to create a productive journal. Well, if you do not recognize abundant regarding blogging then scan out the newbies guide within the blogging world. I like to recommend to scan the highest ways that to create cash on-line through blogging.

2. Paid To Click Sites - PTC


Paid to Click sites also are widespread these days in creating used on-line. Let American state introduce these PTC sites and therefore the methodology of earning cash from it. Initial of all, I want would like want to inform you that you simply can need associate account to induce payment from it. PTC sites largely pay through Payza and PayPal. Payza and PayPal area unit the web cash causation and receiving services by that you'll be able to send and receive the financial gain to anyone within the best and fastest means on the web. You may simply got to press on Payza or PayPal and check in for that. Don’t be concerned, they're free perpetually for check in. For that, you may got to link your MasterCard or checking account to the Payza or PayPal account so as to receive the money. Once, Your Payza or PayPal account is prepared then you'll be able to simply earn with PTC sites.

So your PayPal or Payza account is prepared and you wish to induce into succeeding step. Within the next step, you may got to be part of some PTC sites. The foremost widespread sites area unit Clixsense, Neobux, Nerdbux, Clickfair, Incentria, Probux and Clicksia. You have to hitch these all sites so as to create large cash. They are conjointly free for the check in thus don't be concerned regarding connection it. Once, you have joined these sites then you are able to go. When sign language up, you may got to read some ads which can be provided by each PTC web site. Go the read advertisements page and there'll be some links of ads. Simply click on ads and see them for needed seconds. When the time is up, you may be procured every read of publicity. So as to receive the payment, you may got to reach and minimum threshold then they're going to send the payment to your Paisa or PayPal account.

3. Build cash By Shorting URLs


This the third methodology by that you'll be able to conjointly earn cash on-line. Here you have to hitch some sites that pays for shorting URLs. Widespread sites for this area unit Adf.ly, Linkbucks, AdFoc.us and Adlock.in. You have to hitch these sites and check in is additionally free for these sites. The payment is same as I delineate higher than within the PTC sites. Means, they're going to pay on Payza and PayPal. The minimum payment threshold is additionally enabled in these sites thus whenever your earning can reach to minimum threshold then the payment are going to be sent. So as to earn from these sites, you have to access your account and shorten URLs with these sites. Those URLs are often anyone like YouTube video, Soundcloud music and then on. When shortening address you have to share it on your multiple social sites wherever some individuals might accessible to check and visit that shorten address. Thus whenever somebody clicks to it shorted address, then a page seems with the bar at the highest. The page are going to be having advertisements thus whoever is landed thereon link can got to see that Ads. Within the prime bar, the temporal arrangement are going to be shown, one thing like this. "Please Wait... five Seconds" and therefore the time can begin reducing and once it finishes, "Skip Ad" button can seem. Thus someone can got to click that Skip Ad button then he lands on the first address. You may get procured every visit through that shorten URLs.

4. Pay Per transfer - PPD Sites


After the PTC and Shorten URLs is Pay Per transfer - PPD Sites that also are being widespread these days. In easy words, these sites get hold of every and each transfer. Let's discuss regarding PPD. First, payment methodology. The payment methodology is additionally same for these sites Payza and PayPal. I feel the majority sites area unit having these payment strategies. So that they can pay when reaching the minimum threshold. Hotfile, Depostfiles, FileFire and Uploadee area unit the noted sites in currently. To induce started with PPD sites, you have to hitch these sites and these also are fully free. Once you are finished the check in, you may got to transfer the files into your account. You’ll be able to transfer something you wish. These are often softwares, games, programs, songs, documents and different quite supported files. When uploading, you may get a transfer link that you have to share together with your friends, relatives and preferred ones or whoever whom you wish to share those files. Simply, once the person can land on those links then the transfer button are going to be shown there. Publicities will be shown there at the side of the transfer button. Thus you may be obtaining procured every transfer. The additional downloads you get the additional you earn.

5. Build cash with internet coming up with and Developing


Making some usd with internet coming up with or internet developing conjointly noted in currently. If you have nice data regarding internet coming up with and internet developing then you'll be able to very every thousands of greenbacks monthly. Let American state make a case for, the way to start in earning cash on-line with internet coming up with. In easy words, you have to style the markup language or PHP Templates and sell those templates on-line. You’ll be able to conjointly sell the plugins, themes or different nice parts. If you do not recognize wherever to induce customers then let American state tell you. When the things area unit prepared for the sale, you have to hitch some internet things commercialism websites that area unit Themeforest and Codecanyon. These area unit each preferred sites for purchasing and commercialism the templates, themes, plugins and different special things within the internet style. When connection these sites, you have to submit your product. It’ll queue for the review and when some days, you may get a reply from them that your item is appropriate for his or her market or not. If you get the approval then they're going to list your item in their market with the fastened quantity. thus once somebody can come back to shop for your item then he can got to pay and therefore the payment are going to be keep in your Themeforest or Codecanyon account. You’ll be able to withdraw that quantity with the PayPal or checking account.

6. Supply Services on-line


Offering services on-line is additionally changing into widespread currently. You’ll be able to simply supply any quite services on-line and build some large cash. Except for that, you can you ‘layout may want some skills to supply the simplest service which can facilitate others and folks will am passionate about it. These services are often internet developing, on-line teaching etc. once more I am reminding you this issue they you must be associate professional within the service that you are going to supply or open. So as to open a web service, you may got to produce a web site for your service. If you do not realize internet coming up with then you'll be able to rent the webmasters to create up your web site. You’ll be able to conjointly rent American state. Once your web site is prepared, then you may got to sell. You’ll be able to do any quite promotion to unfold your service within the world. Advertisement, telling individuals on social sites and showing posters on the walls within the streets or roads. You’ll be able to do any quite promotion from the higher than mentioned things. After that, you have to setup the right payment methodology. I like to recommend to travel for bank transfer, Payoneer card payment or PayPal. These area unit the foremost reliable payment strategies. As you begin your own service, build the location for your service and sell then you may be obtaining several orders and at the side of you may be earning an honest financial gain on-line.

7. Sell merchandise and e-Books


This is another best thanks to build plenty of cash during a short that you simply will sell the merchandise and e-books on-line on the web. The primary step is that the prepare the item that you wish to sell. For e-books, you have write the book which can provides a heap of knowledge and profit the customer. You’ll be able to write the e-books on any topic which can be widespread as a result of the popular topic select for the book the additional sales you may get. Once you are prepared with the e-book or the other product that you wish to sell then check in for ebay.com and setup your payment methodology. I have not ever tried eBay however I feel they're going to be having PayPal and bank expenditure strategies. So, once your eBay account is prepared then submit your item that you wish to sale. You’ll be able to conjointly provide your fastened value for that item. Whereas submitting the item, they're going to elicit the tiny data regarding the item thus you have to offer transient information regarding your item in order that individuals might am passionate about it and eBay ought to conjointly settle for your item. Once you get the approval of your item that you wish to sell then it'll be placed within the market of eBay. EBay has plenty of consumers round the world thus this is often the nice place to shop for and sell the merchandise on-line.

8. Develop and Sell Apps
 

If you are a laptop and technology geek then this is often a good methodology for you. However to earn large cash with methodology you may got to do diligence and conjointly learning. Thus if you are professional in developing the new apps then you'll be able to develop and sell the apps on-line. Mobile apps area unit getting used by each mobiles lover and they are obtaining growth. If you recognize that however are you able to develop the mobile apps then you may not feel any downside however if you do not have data regarding this then you may got to learn mobile apps developing. Place your diligence to develop the simplest apps and that they can bring large profit to you by commercialism them on-line. Once you are prepared together with your initial mobile app then you'll be able to sell it on-line. I like to recommend to submit your app to Google Play as a result of Google Play is that the best place for purchasing and commercialism apps. When the submission, they're going to review your product/app and if they likable then they're going to place your app in their market with the fastened value. it'll be accessible for life there thus it'll not stop obtaining cash from your app. when business the app, thousands of individuals can purchase it and you may be obtaining plenty of cash.

Final Words


My friends, these were some real and effective ways that to earn plenty of cash on-line on the web. The each and every methodology is best however it's in keeping with you which ones methodology you decide on to create US Dollars $ on-line. My work was to supply you the strategies and currently it is your time to try and do diligence and build cash from it. I hope you may like these all tips. If you have additional tips then please share with us within the comments. Take Care and Good Luck My Readers!

An Premium Awesome Subscription widget for blogger

Hello,friends, Today i'm going to share an awesome subscription box for blogger.You have seen it on professional blog now it's time to reveal it.and dreamed for making it for your own blog, Having difficulty , we are here to help you.





AWESOME FEATURES OF THIS SUBSCRIPTION BOX

  1. A top Broad message with different shade
  2. Points message to tell about all your specialties
  3. A cool and trendy flat style subscription box
  4. A colorful and and eye catching button
  5. Allover a Pleasing and eye catching color codes and design

LET START CODING HERE WE GO

Important Steps to Add this widget to blogger


  • Go to your blog
  • Go in layout 
  • Click on Add a gadget where you wanna add a box
  • Click on Html
  • Copy the below code and paste it all there
  • And then you are done

<div id="subscribers">
<div class="subscriptionboxtitle">
<h4><span class="thin">Want To Be</span> <b>Pro Blogger?</b></h4>
<p>Sign Up With Your Email Address and Get Free Tips To Be Professional Blogger!</p>
</div>
<div id="whatyouget">
<ul class="whatyougetwith">
<li>Get 
Professional Blogging Tips To Make Your Blog Pro.</li>
<li>Totally Newbie? Don't worry, We'll send newbies guide.</li>
<li>
Learn Search Engine Optimization To Drive Huge OrganicTraffic.</li>
<li>Ideal Tips To Be a Billionire With Your Blog.</li>
</ul>
</div>
<div class="subscriptionsingup">
<
form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open( &#39;http://feedburner.google.com/fb/a/mailverify?uri=mybloggerskills1&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true' target='popupwindow'>
<input id='subscriptionbox' name='email' onblur='if ( this.value == &#39;&#39; ) { this.value = &#39;Enter your email address...&#39;; }' onfocus='if ( this.value == &#39;Enter your email address...&#39;) { this.value = &#39;&#39;; }' type='text' value='Enter your email address...'/>
<input name='uri' type='hidden' value='mybloggerskills1'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='subscribebutton' type='submit' value='Yes, I Want To Be Pro Blogger.'/>
</form>
</div>
<style>
.subscriptionsingup {
    padding: 20px;
}
#subscriptionbox {
    padding: 10px 15px 10px 15px;
    width: 223px;
    text-shadow: none;
    font-size: 16px;
    color: #666666;
    margin-bottom: 7px;
transition:background 400ms;
}
#subscriptionbox:focus{background:#fff47f;}
#subscribebutton {
    background: #F4836A;
    border: none;
    font-weight: 700;
    color: #fff;
    width: 256px;
    padding: 15px;
    text-shadow: none;
    font-size: 15px;
    cursor: pointer;
    padding-right: 10px;
    margin-left: 2px;
}
.thin {
    text-shadow: none;
    font-weight: 300;
}
#subscribers {
    float: left;
    width: 296px;
    background: #0091d6;
    border: 2px solid #03628f;
    
font-family:open sans;
}
#whatyouget {
    background: #03628f;
    padding: 10px;
}
ul.whatyougetwith li {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbRkTC5p-Ou7IojXvyudVSDqN93F_76HrAchYLasWqKpwvLOThAoAx6IMCHCGASiFohhpDvfgx73bbJhd5g2xfH2Rfe4SvNKhIKyP2pWRwZ-ydYMaLXTeojX_NOES9eANPsPKqDeaEuM0/s1600/checkmarkk.png) no-repeat;
    margin: 10px;
    padding-bottom: 10px;
    text-shadow: none;
    font-size: 14px;
    line-height: 20px;
    text-shadow: none;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    padding-left: 25px;
}
.whatyougetwith ul {
    margin: 30px 30px 0 25px;
    padding: 0 0 0 25px;
}
.subscriptionboxtitle {
    height: 110px;
    padding: 10px;
    background: #0091d6;
}
.subscriptionboxtitle p {
    text-shadow: none;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    line-height: 20px;
    color: #fff;
    margin-top: 5px;
    text-align: center;
}
.subscriptionboxtitle h4 {
    text-shadow: none;
    font-size: 23px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 10px;
}
</style></div>
<div class='clear'></div>


Yipeee !!!! You are done
now save it,
Just check the live preview on your blog 
You can modify it as per you need or you can tell us it as a favor
If you still need any kind of  help you can contact me or comments here.

How To Customize Label Cloud Widget in Blogger With CSS3 Effects


Good Morining Friends,Today i am going to share An awesome tricks with this you can add awesome label in your blog,

HERE WE GO

HOW TO CUSTOMIZE LABEL CLOUD WITH CSS3


The steps described here are rather straightforward as well as might hardly carry short while to finish. Take into account the using guidance as i have said down below.
1. Go To Blogger.com >> Your Site >> Add a Gadget >> Label.
2. Now match the settings which are shown in the screenshot below.
3. Select the Cloud from the Display settings.

CUSTOMIZE LABEL CLOUD WIDGET


1. Once again go to Blogger Dashboard>> Template >>Select Edit HTML >> Proceed.
2. Now with in the Template Search for ]]></b:skin>  and just above it paste the following CSS Coding.

/*--- mybloggerskill.blogspot.in Custom Label Cloud With CSS3 --- */
.Label a{
padding-left:20px;
background:#000;
padding:0 20px;
color:#fff!important;
border-radius:100px;
-moz-border-radius:100px;
height:32px;
line-height:32px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:14px; }

.Label a:hover{
color:#000 !important;
background:#ff0; }


YIpEEE now SAve it,