Professional Footer Quote Author Box Widget For Blogger

Having an author box and about us page is very much important, because All bloggers and visitors love to know about the person behind the blog .Keeping Author Box in blog footer makes your blog professional and Outstanding .You might have come across such widgets in WordPress blogs and Other websites , but unfortunately there is non for blogger.So,Today I have made this widget for blogger users!!To Get this Widget,we just need to add some code in our Widget box.This widget also helps to get Authorship in Google Search Results.We Highly recommend to place this widget in footer


After working out this post you will end up something like this :

Man
Behind
This Blog

Durai Sankar
I'm the owner and founder of this blog. I reside in Chennai, India and I'm doing my 11th grade...More

How to add this Widget to Blogger:

• Go to Blogger > Layout > Add A Gadget > HTML/JAVASCTIPT
• Paste the following coding inside it:

<style>.quote_box{width:225px;margin-top:12px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6RgYGf1yH463OawisU6r0uCW_DEk3cQD3u76zuc-iFjf7hHFcHSbBsr7HR0Dz-uClxuiac9cLuUIjsshUkhRbtiaG-jpQbBmBTbMJox4ybmpq9N_SniLxcZOGB4SMZrZe3uLhwfRAxIRV/s320/footer+author+quote.PNG) no-repeat 94% 7%;border:1px solid #b6b6b6;position:relative;padding:18px}.quote_box:before{border:15px solid;bottom:-30px;content:'';height:0;right:40px;position:absolute;width:0;border-color:#b6b6b6 transparent transparent #b6b6b6}.quote_box:after{border:14px solid;bottom:-27px;content:'';height:0;position:absolute;right:41px;width:0;border-color:#fff transparent transparent #fff}.quote_content{overflow:hidden}.detail_box{float:left;margin-left:0}.detail_box span{display:block}.detail_box span.name{font-size:17px;line-height:30px}.detail_box span.derole{ color: #666666; font-size: 15px; font-style: italic; line-height: 10px;}.said_box{ font-size: 20px;float:left;margin-top:-130px;margin-left:72px}.said_box span.roleau{ color: #333333; font-size: 16px; font-style: normal; line-height: 20 px;}.custom li.quotes,.custom li.widget.quotes p{margin-bottom:0} </style> <br /> <div class="quote_box"> <div class="quote_content"> <div class="detail_box"> <img alt="Durai Sankar" src="YOUR 125 X 125 IMAGE URL" style="border-radius: 777px 777px 777px 777px;" title="Durai Sankar" /><span class="derole"></span><br /> <span class="derole">Man</span><br /> <span class="derole">Behind</span><br /> <span class="derole">This Blog</span></div>

<div style="text-align: right;"><div class="said_box"> <a href="YOUR GOOGLE + URL" rel="author" target="_blank">Durai Sankar</a><span class="roleau"></span><br /> <span class="roleau">I'm the owner and founder of this blog. I reside in Chennai, India and I'm doing my 11th grade...<a href="YOUR ABOUT US PAGE URL" rel="author" target="_blank">More</a></span></div> </div> </div> </div></div>

Customisation:

• Just Replace Durai Sankar with your name.
• And Replace Other Bold Texts with mentioned above.
• Replace Blue Text with your Description.Thats all!

I hope you liked this widget very much.Please take few seconds to share with your friends.

Cool Follow Us Twitter Bird Widget For Blogger

This post is written by our guest author.Check how to become a guest author in True Blogger Tricks

Hi guys. Exposure to social media is a very crucial task to gain reputation. Well, people often don't share others blog on their account because they see not benefit in that. In this post, we would show you a very nice twitter widget bird which is attractive. It is made from Flash javascript. I was just surfing on internet and found this widget on a site so I immediately took out the code from source. Hope you would like it..

Learn more »

5 Basic SEO Tips For Every Blogger In 2013

This post is written by our guest author.Check how to become a guest author in True Blogger Tricks

SEO is a word that every blogger always bothers about.Although some of those bloggers might think building active readership is more important than SEO(I do agree).But we need to give equal importance to SEO as well,because search engines like Google always rolls out algorithm updates like Panda, Penguin, EMD(Exact Matched Domain) and we don't know which one will strike our blog.Another important thing is that if you want to make your blog rank high in SERP,you must implement Basic SEO techniques.

Here are some of those basic SEO tips that every blogger should keep in their mind to make your blog stand out from the those algorithm updates.

Maintain Quality Not Quantity :

No doubt where ever your go,you will surely read the phrase "Quality Content"....

Yes its true...!!

As you know Search Engines are always busy digging the high quality content.So,if you maintain good quality in your blog posts,your blog will be noticed by the Search Engines and will give much importance to your blog in the SERP soon.

Link Building :

Hmm...this is a bit complex issue to discuss,but you have to pay more attention while you are creating back links.Since back links must be niche-based.

For suppose if a technology blog is linked to another technology blog..its fine and no prob..
but the main problem comes when a technology blog is linked to a music or may be a photography blog.since they are not of the same niche and the question rings is like..why should a tech blog link to photography blog..?

Right..!!

Actually backlinks should come naturally,but it is difficult....

So,what to do...?

I suggest you to prefer Guest Blogging on a popular reputed in order to gain maximum exposure to you and your blog.Blog commenting is another good way followed by most of the newbies.

Remember No Paid Links...

Keyword Research :

I know Keyword Research is not an easy task,you need to spend a lot of time on it to spot on the correct keyword.There are a lot of keyword research tools available,but go for Google Adwords Keyword Tool,you will get most of the data there.If you don't know how to use it,just search for the related videos on YouTube.

Optimization (But Not Over) :

Suppose you wrote a blog post and ready to publish it.....

Wait for a moment...

Read it once,place the Keyword which you are targeting in some places like Post title,Permalink,Post description,if possible in the first and last sentence of the blog post.And also don't fill up the entire post with the same keyword again and again which appears like spam.So,once you are ready to publish an article optimize it but not over.Make sure that your readers will understand it after everything done.

Keep an Eye on Search Engines :

As I said Search Engines like Google frequently updates its algorithms in order to uncover the quality content.You need to be updated time to time to escape from those Penguin kicks and Panda slaps.And learn new things in SEO always.

Over to you :

So, i hope this post will help some of you over there.If you have any other SEO Tips to share with us,simply leave your awesome comment.

About The Author

This Awesome Post is written by Krishna Karthick of Btips Zone

Make your blog faster with lazy Image loading script

Don’t you hate it when websites load slowly? I know I do. And to make matters worse, do you even come back to websites that load slow? The chances are, you don’t!.There are many factors But Images are one of the important factor that affects blog load time.So,To reduce blog Images load time today I have brought lazy image loading plugin for blogger!

Lazy Load is a jQuery plugin which only loads Images seeable in the viewport (visible part of web page) thereby enhancing the Page Load time. The images which are out the initial visible region of the screen are loaded as the users scrolls through them. A really useful plugin for Image intensive Blog's.This widget really decrease the 50% of blogs load time as you check your own blog with Gtmetrics.Lets see the working of this plugin

Demo

How to install this plugin to blogger?

• Login to Blogger > Dashboard
• Click on Drop Down Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML > Proceed
• Press Ctrl + F and search the code shown below. 

</head>

Copy below codes and paste above </head>

<script type='text/javascript'>//<![CDATA[
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXIkUY0XEnvsLmr0WKC8v0VlNo6x5ZU4jgEi155W3HX9aB8KsS2QV4XVMHmD6EFoiPGgOsRcPtVcRH5i97z-AS73OZFm0T_dKmo0LEGk680MZ7EI93f8Hbllvq_0dxl3nyE49KlJQktZM/s1600/truebloggertricks.blogspot.com.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

• Now just press on save template and refresh your blog.  
• Now just scroll your blog and see your images fade in with lazy loading effect.

If you have any Doubts regarding this post, Please ask it via comments and Dont forget to share this post with your friends!!

Top 10 Blogger Resource websites of 2013

All Bloggers build thier blogs and websites in hope of attaining good Traffic,Page rank and making money But, Many blogger lose their confidence and hope in half way and finally quit blogging.So, All Bloggers who start blogging are not succeeded at the End.Only few people who work very hard and made lot of efforts for there blogs are finally succeeded and attain great positions in blogosphere.So,Today I have picked Top Ten blogger resources sites which are  full of quality stuff that will help you with various aspects Blogger platform.These sites are ranked according to their alexa rank and quality of their posts and Contents .Lets see them from last

10. Helper Blogger

Helper Blogger is Administrated by Rahul Ippar of India.This blog is mainly focused on blogger widgets and Tricks.This blog is just 1 years old But his widgets and Tutorials are really great

9. Way2Blogging

This Blog is Administrated by Harish of India.This blog is famous for his blogger widgets and high quality templates

8. Blogger Buster

This blog is administrated by Amanda Kennedy of United Kindom.This a pretty old blog but it is updated in regular basis

7. Blogger Plugins

One of the Oldest blog dedicated to Blogger known for its Blogger API widgets and In-depth Tutorials.

6. Blogger Sentral

Bloggersentral ranks 6th place in this list.This blog is administrated by Green Lava.This blog is known for its simplicity.

5. My Blogger Lab

We camed to top 5 of this list. Our 5th place goes to great Mybloggerlab !!.This Blog is administrated by young Blogger Syed Faizan and His blog covers all the basic needs of Blogger

4. All Blogging Tips

All Blogging tips ranks 4th in our list .This blog is administrated by talented blogger, Ammar Ali.This blog is well Known For his SEO tutorials

3.Spice up your Blog

Spice Up Your Blog has one of the biggest collection of Blogger Tutorials,Tips and Widgets. Established in mid-2009.This blog is administrated by Paul Crowe.Guest post play a major domination in this blog.

2. All Blog Tools

All Blog Tools ranks 2nd in this list.This website full blogger resources like templates,Widgets , Tutorials and Tips & Tricks

1. My Blogger Tricks

Finally we camed to the Last part of this post.Everyone will be waiting for this.The First place goes to Great My Blogger Tricks!! This is a only blog in blogger platform to reach the alexa rank of below 5,500 !!.This Blog is administrated by entrepreneur Mohammad Mustafa Ahmedzai and his crew members and Their posts are Brillliant and Extra Ordinary.

What makes above Sites unique from Others?

• Quality Contents
• New Ideas
• Frequent Updates
• Friendly communication between readers
• And Finally Hard work and Effort!!

I hope you liked this post very much So,Please take 5 seconds to share this post with your friends.If I missed any great websites,Please mention it in comments so that I may extend my Ranks to 'Top 15' or 'Top 20'.

But Dont Forget To Follow This Blog Also!!!!! :)

Wordpress like Email Subscription widget for blogger

Hello Friends!Today I will tell you how to add a email subscription widget like in wordpress blogs.Email subscription is a very popular way to subscribe any blog/website and get updates directly in the mailbox,that's why you may always notice that number of feeds subscribers is always more that any other social social network subscribers.This widget is fully adapted from wordpress.This an awesome email subscription widget which can be used to increase your feedburner subscribers and also makes your blog look professional and smart looking.As always I have tried my best to make this tutorial with a one step installation.You just have copy and paste the code.Now lets see the live working of this widget.

Demo

GET FREE EMAIL UPDATES

Join us for free and get valuable content delivered right through your inbox.

How to add this Widget to Blogger 

To add this widget,Just Follow below simple steps:

• Go to your Blogger Dashboard
• Then Go To Layouts----> Add A Widget-----> Html Javascript
• Just paste these Codes in your respective gadget box.

<center>
<div align="center" id="truebloggertricks-Subscribe-wrapper">
<div id="ig-subscription-optin" style="border: 3px solid #000000; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55AAEE', endColorstr='#003366',GradientType=0 ); width: 240px;">
<h3 id="truebloggertricks-title-text" style="color: white; font-size: 20px;">
GET FREE EMAIL UPDATES</h3>
<div id="truebloggertricks-sub-title-txt" style="color: white; font-size: 14px;">
Join us for free and get valuable content delivered right through your inbox.</div>
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=truebloggertricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="name" id="truebloggertricks_Subscriber_name" name="name" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Enter First Name" /><br />
<input class="email" id="truebloggertricks_Subscriber_email" name="from" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="width: 130px;" type="text" value="Enter Email Address" /><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<input name="uri" type="hidden" value="truebloggertricks" /><input name="loc" type="hidden" value="en_US" /> <input id="truebloggertricks_Submit_Text" style="height: auto; padding: 5px 0;" type="submit" value="Get Access Today!" /></form>
</div>
</div>
</center>

<style>#ig-subscription-optin {margin: 0px;padding: 10px;background: #2A6DA9;

background: -moz-linear-gradient(top, #5AE, #036);background: -webkit-gradient(linear, left top, left bottom, from(#5AE), to(#036));height: auto!important;color: white !important;padding: 20px 15px !important;

text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif !important;margin: 10px;margin: 0px;padding: 10px;

margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;padding: 5px;border: none;}#ig-subscription-optin p {margin: 8px 0 0 !important;line-height: 22px;font-family: Georgia, Times, "Times New Roman", serif;

padding: 5px;border: none;}#ig-subscription-optin input.name {

background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ZZQj7snZ8gCKQHwsI3kKAMsSNbfyBe6MZ-pllsRX0td9JHQjOVLKP9ZklZW8fv51QaHsjSuBiuRMEz_P4kl_muTRc3ACmtmVA-UUN61zlpW-SBgnYTBVnzAOO-cJhKV6MtOgJn0gKE9O/s1600/subscribe-name.png) no-repeat center right;}

#ig-subscription-optin input[type="text"] {border: 1px solid #111 !important;

font-size: 15px !important;margin-bottom: 10px !important;padding: 8px 28px 8px 10px !important;width: 80% !important;height: auto !important;}

#ig-subscription-optin input.email {background: white url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0B8t6RkaXryjAahBAUUqv0vuSTLo8z9GDwCN_CkISchkNTAPz1ffQoUXGS9U_-z0pF0uxuwbyLgpAjQs8SvqYrxTRSh3vBQOQDUq6fxPeXvQFbzRtx2eeEhDG2xvvQo2n7Fu8k1HFVEIs/s1600/subscribe-email.png) no-repeat center right;}#ig-subscription-optin input {

font-family: Georgia, Times, "Times New Roman", serif;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;box-shadow: 0 2px 2px #111;-moz-box-shadow: 0 2px 2px #111;-webkit-box-shadow: 0 2px 2px #111;margin: 0px;padding: 0px;}#ig-subscription-optin h3 {margin-top: 10px !important;margin-bottom: 8px !important;margin-left: 10px !important;margin-right: 10px !important;

font-weight: bold !important;line-height: 26px !important;letter-spacing: normal;

text-transform: none;text-decoration: none;

text-align: center !important;font-family: Georgia, Times, "Times New Roman", serif;

border: none;padding: 0px !important;float: none;}input:hover[type="submit"] {

background-color: #0094D2;border: 1px solid #0094D2;color: white;text-decoration: none;}input[type="submit"] {background-color: #00A7ED;border: 1px solid #0094D2;

color: white;cursor: pointer;font-family: 'Droid Sans', sans-serif !important;font-size: 13px;font-weight: normal;padding: 5px;text-decoration: none;}input {

color: #333;font-family: 'Droid Sans', sans-serif;}#ig-subscription-optin input[type="submit"] {background: #960E17 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDOgAJbKnOvFWQEScA59eGGfhy6NyGrX-TJqYVsCrOVi-JVnOpCgyaKaf75-F8wUj4whKsc2NunnvPM1L96LVUE6I1-Ij_usejmtwnou31hzx_ticK9mfZ3NtOmZDW6K-BAdz2OvvNkBps/s1600/subscribe-red.png) repeat-x top;border: 1px solid #111 !important;color: white;cursor: pointer !important;font-size: 18px !important;font-weight: bold !important;

padding: 6px 0 !important;text-shadow: -1px -1px #3A060A !important;width: 90% !important;height: auto !important;line-height: 24px !important;}

#ig-subscription-optin input[type="submit"]:hover {color: #FFA5A5;}</style></div>

• In above Codes,Replace truebloggertricks with your feedburner username.
• It all folks! Enjoy this beautiful widget in your blog.Happy Blogging!!!

Beautiful Social Subscription Widget for Blogger

Social widgets is one of important widget in blogger blogs.They makes your users to easily spread your words all around the world.Social network also play a major role in your website traffic.Today I camed with a social widget which looks beautiful , Elegant and adopts with your blog width.This widget enable your user to connect with your blog in all top social sites like Facebook, RSS ,Twitter,Google plus, LinkedIN and Youtube.This widget is used by Chandeep in his blog.Lets see the Demo

• Subscribe to the RSS Feed
• Follow me on Twitter
• Find me on Facebook
• Join me on Google+
• Connect with me on LinkedIn
• Watch me on YouTube

How to Add this Widget to Blogger ?

Adding this widget to blogger is very simple just follow these steps:

• Go to your Blogger Dashboard
• Then Go To Layouts----> Add A Widget-----> Html Javascript
• Just paste these Codes in your respective gadget box.

<div class="btnt-chronicl-social"><ul><li><a class="rss" href="http://feeds.feedburner.com/truebloggertricks">Subscribe to the RSS Feed</a></li> <li><a class="twitter" href="https://twitter.com/tbloggertricks">Follow me on Twitter</a></li> <li><a class="facebook" href="https://www.facebook.com/truebloggertricks">Find me on Facebook</a></li> <li><a class="google" href="https://plus.google.com/100090854666031755159" rel="author">Join me on Google+</a></li> <li><a class="linkedin" href="http://in.linkedin.com/your url">Connect with me on LinkedIn</a></li> <li><a class="youtube" href="http://www.youtube.com/user/username">Watch me on YouTube</a></li>

</ul></div><style type="text/css">.btnt-chronicl-social { width: 100%; } .btnt-chronicl-social ul { border: 1px solid #CCCCCC; margin: 0; padding: 0; } .btnt-chronicl-social ul li { list-style:none; padding: 0; text-transform: none; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; } .btnt-chronicl-social ul li:first-child { border-top: 0 none; } .btnt-chronicl-social ul li:last-child { border-bottom: 0 none; } .btnt-chronicl-social ul li a { background-color: #F2F2F2 !important; color: #404040; display:block; } .btnt-chronicl-social ul li a:hover { background-color: #fafafa !important; } .btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; padding: 17.5px 60px; } .btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; padding: 17.5px 60px;} .btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; padding: 17.5px 60px; } .btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; padding: 17.5px 60px; } .btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; padding: 17.5px 60px; } .btnt-chronicl-social ul li .youtube { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; padding: 17.5px 60px; } .social-about { display: none; }</style>

Customization:

 Just replace following with your respective URL

•  http://feeds.feedburner.com/truebloggertricks
•  https://www.facebook.com/truebloggertricks
• https://plus.google.com/100090854666031755159
• http://www.youtube.com/user/username 
• http://in.linkedin.com/your url

Thats all!If you liked this widget, please share with your friends.Happy Blogging:)