How to make money online 2014

Click on this image to see how to make money online 2014

How to make money online 2014

Click on this image to see how to make money online 2014

How to make money online 2014

Click on this image to see how to make money online 2014

How to make money online 2014

Click on this image to see how to make money online 2014

How to make money online 2014

Click on this image to see how to make money online 2014

Thursday 15 May 2014

How To Speedup utorrent Speed from 2KBPS to 4MBPS

utorrentSpeedup µTorrent Speed from 2KBPS to 4MBPS: µTorrent is the ever best software for downloading movies,softwares , games and extra stuff ! Actually µTorrent was developed by BitTorrent Inc, and firstly it was released in September 18, 2005.According to sources it is available in 67 languages.µTorrent is available for Microsoft Windows, Mac OS X, Linux, and Android! Moreover it is written in C++, oh we are going some where else , it was just a lil bit info about µTorrent.Actually if you download µTorrent and start downloading some stuff , it has very slow downloading speed .But Today we will share an awesome trick which will help you to Speedup µTorrent Speed from 2KBPS to 4 MBPS.Now If you are interested in Learning "How To Speedup Utorrent Speed from 2KBPS to 4MBPS" .Watch the Video tutorial below.

Features Of UTorrent

  • Streaming of video torrents
  • Resume Capability :  It's Pakistan , Yeah Every hour Light gets off , But Don't worry µTorrent is the software which has awesome resume capability , It will automatically resume your Download when you on your PC.
  • It Supports Teredo tunneling / IPv6 !
  • Embedded Tracker
  • HTTPS Tracker Support 
  • Available in 67 Languages
  • Size is 1.5 Mega Byte 
  • Full proxy server support
  • And many Awesome Features
 You may Also like : Create Your OWN Facebook Timeline Covers

How To Create Table Of Contents in Blogger

Create Table Of Contents in Blogger : By Creating Table of Contents in your Blog will help you to arrange your Blog Contents category wise.This Widget is specially designed for blogs which contains alot of categories , this widget will enable them to place all the categories along-with the specific posts in a page called "Table of Contents".The most interesting fact about this widget is that it will help the readers to inform that which post is "New" and which is "Old" . The word New will dance with latest posts and Old will be with Old Posts.

How To Create Table Of Contents in Blogger

  • Get into Blogger Dashboard
  • Click On Pages
  • Create a Static Page
  • Click On HTML of the Page
  • Copy the below script and paste it into the Page HTML
 <script src="//sites.google.com/site/blogger9dotnet/color-css/blogger9.js"></script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=1000&amp;callback=loadtoc" type="text/javascript"></script>
  • Name the Page "Table Of Contents" or any thing else
  • Hit Publish and that's it!
So What's Up : This widget just arrange all the Blog Contents in a social way.And it helps the readers to navigate old and new posts.Stay Blessed ,Happy Blogging!

How To Add Animated Buttons in Blogger

Animated Buttons For Blogger : Let's Do Something interesting , today we are going to share some beautiful style buttons which can be easily made by using CSS.Actually these buttons makes your "download links" attractive and stylish.For adding these buttons you have to add a Script in template HTML , so first backup your Blog Template and then implement this hack !

How To Add Animated Buttons in Blogger

  • Go To Blogger
  • Click On Template
  • Edit HTML
  • Search For  ]]></b:skin> 
  • Copy the Below CSS Script and paste it above  ]]></b:skin>
CSS Script
.button {display: inline-block;position: relative;padding: 10px 20px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-decoration: none!important;text-shadow: 1px 1px 0 rgba(255,255,255,0.4);font: 15px Calibri,Arial,sans-serif;white-space: nowrap;vertical-align: baseline;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png');background-position: bottom left;background-position: bottom left,top right,0 0,0 0;background-repeat: no-repeat;background-clip: border-box;-webkit-box-shadow: 0 0 1px #fff inset;-moz-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;cursor: pointer;}
.button:hover {background-position: top left;background-position: top left,bottom right,0 0,0 0;}
.button:active {bottom: -1px;}
.button.big {font-size: 30px;}
.button.medium {font-size: 18px;}
.button.small {font-size: 13px;}
.blue.button {border: 1px solid #84acc3!important;color: #0f4b6d!important;background-color: #48b5f2;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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 {border: 1px solid #96a37b!important;color: #345903!important;background-color: #79be1e;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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 {border: 1px solid #bea280!important;color: #693e0a!important;background-color: #e38d27;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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));}
.gray.button {border: 1px solid #a5a5a5!important;color: #525252!important;background-color: #a9adb1;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf2l8yu14Ph1N4AKdIAQ-vm396K1Y39keRV7el0SG8HHrqsYL8ym5R-JTn-ZrpuTRxaXMiBmpiw3LZ-f1ksHWegR41MIBpZs2UxETwMu2VcJefQNBCE9mwxAZxksL4vcoXeN3rpHvodenp/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));}
  • After adding this CSS Script Save the template!
  • Now Add any of the below HTML Code/Script in Post where you want to appear the Buttons.

 HTML For Large Size Buttons

<a class="button big blue" href="#">text</a>
<a class="button big green" href="#">text</a>
<a class="button big orange" href="#">text</a>
<a class="button big gray" href="#">Text</a> 

HTML For Media Size buttons

<a class="button medium blue" href="#">text</a>
<a class="button medium green" href="#">text</a>
<a class="button medium orange" href="#">text</a>
<a class="button medium gray" href="#">Text</a>
Customization : Replace # in the script(HTML) with the URL and Text with the Anchor Text .

So What's Up : Adding these Bubble Buttons makes your post more attractive and Cool.So if You Can why not implement it?Stay Blessed , Happy Blogging!

How To Add Border To Blog Header Using CSS

 Add Border To Blog Header Using CSS:  Assalamualaikum Friends , after a long time i am back in Blogging , actually i was busy in 2nd Grade studies and now it's going to end !! Hope you all are fine , here is a small trick via which you can add border to your blog header with the help of CSS.Actually it's not a big or smart trick but some people are waiting desperately for this trick! If you are One of them here we go ! You will think how it will looks like? So , take a look on the below snapshot which has 24px cyan color border.And for live demo , take a look on our Blog header.

How To Add Border To Blog Header Using CSS

  • Go To Blogger Dashboard
  • Click On Template
  • EDIT HTML
  • Search For "header" and find out "#header-wrapper {" this CSS Code
  • Now below { and above } type border: style pixels color-name  as shown in the below snapshot
  •  Now Save the template and that's it :)
  • You Can Change the Style to dashed , dotted , groove or any style and pixels to your desired no and color to your desire choice!
So What's Up : Actually developers will laugh , but i know many People like this trick and they don't know what to Do and How To Do? But i am here for you guys , if you have any problem you can ask freely , i will help you in any problem . Stay Blessed , Happy Blogging!

How To Add Automatic "Read More" Button/Hack in Blogger

Add Automatic Read More Button in Blogger: Although it's not a Big Deal that How To Add Read More Button in Blogger but some new bloggers can't fix this Problem and they are randomly searching for this hack. Let me elaborate it for you People , this is not as hard as "mesothelioma trial attorney " this word .This Hack just add "read more" option in every post. Actually you may have seen in some Blogger Templates that when you post some contents , it just show the whole contents i.e article from Start to the end but this Hack will wind up the article and will not show the whole article but read more button will be present there.So let's add this read more button in blogger.

How To Add Automatic "Read More" Button/Hack in Blogger

  • Go To Blogger Dashboard
  • EDIT HTML
  • Now Press CTRL+F and Search for </head>
  • Now Copy the below Script and paste it above </head> tag.

 CODES ARE UPDATED WORKING 100%

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 400;  /* Summary length if no image*/
summary_img = 300; /* Summary length with image*/
img_thumb_height = 200; /*Image Height*/
img_thumb_width = 200; /*Image Width*/
</script>
<script type='text/javascript' src='http://iamifti.com/readmore_thatsblogging.js' ></script>
  • You can change the number in red to your desire number. If a post doesn't have images then the length of the summary will be surely 500. If a post contains image, then of course the text length will be 450, And the 1st image that will be displayed will have these dimensions: width= 120, and height= 100.
  • Now Search for <data:post.body/>
  • Now Copy the Below Script and replace the above mentioned script with the below Script
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more...</a></span><a href="http://thatsblogging.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMMbogzXUTvTqDAPC31zH6rDBUvOoLPcn-eIvaIlEfgDVS4qpHQHg3cwNj_XAaFHVz2JPE3U51ovaqGH0HnPYpFI38Nul8X2GJTjc1w94yUG7V4nxNDTi8xuVCY5nFU9v-QOZLyaE_RvM/s1600/1x1juice.png"></a>
</b:if>
</b:if>
  • Now Save template and that's it ;)

How To Change/Replace Widget's Title with image in Blogger

Change/Replace Widget's Title with image in Blogger : Let's Do Something interesting ! Yep Interesting not much but interesting , today we will replace all widgets titles with an image . Isn't sounds good? Of Course yes.Actually One of our Blog readers ask this Question in Comments "How To Change/Replace Widget's Title with image in Blogger , as you did in your Blog".So I Promised him that I will share the trick with you People and here it is.

How To Change/Replace Widget's Title with image in Blogger

  • Go to Blogger Dashboard
  • Click On Template
  • EDIT HTML
  • CTRL+F and Search for the term "blockquote" in CSS section
  • Now Below Blockquote you will find the below CSS Code/script as shown in the below Snapshot
background: url("image url.png")
  
  • Just Replace that Mentioned Link with your Own Desired image Link
  • And That's it !!
  • For Live Demo You can have a look On my Blog Widgets Titles.
 Note : If background: url is not defined in the CSS You can do it manually just by typing the below script in the CSS as shown above.
background: url("imageurl.png")
So What's Up: Implement this trick if you got any Problem ask any Question freely , I am here to Solve your Problem ;) , Stay Blessed , Happy Blogging!

Add Cool Drop Down Menu in Blogger

Drop Down Navigation Menu For Blogger : You may have seen many drop-down menus but today "ThatsBlogging" will present you an incredible Drop Down menu , which is really a magnificent drop down menu.Actually it is developed by the combination of CSS with HTML . Beautiful Colors combinations are used which makes it more significant drop down menu.Actually , drop down menu makes your blog navigative and easy to expand.This drop down menu is very stylish which means your Blog Beauty will increase by adding this menu.Moreover this menu will not slow your blog loading speed.

How To Add Cool Drop Down Menu in Blogger

  • Go To Blogger Dashboard
  • Click On Template
  • Edit HTML
  • Search For </header>
  • Copy the Below Script and Add it below the Closing Header tag ( </header>)
<div id='menubor'></div><center><ul id='menu'>
<li><a class='hmlink' href='#'>Home</a></li>
<li><a class='winlink' href='#'>Blogger Templates</a></li>
<li><a class='maclink' href='#'>Blogger Widgets</a></li>
<li><a class='andlink' href='#'>How To Tuts</a></li>
<li><a class='gamlink' href='#'>Privacy Policy</a></li>
<li><a class='seclink' href='#'>Guest Post</a></li>
<li><a class='linlink' href='#'>About</a></li>
</ul></center>
<style>
#menu li {               
 display: inline;               
 list-style: none;               
 padding: 0;           
 }                   

 #menu li a {                                 
 padding: 15px 20px 15px 20px;               
 text-decoration: none;               
  color:white;
  font-family: 'Noto Serif', serif;
-moz-box-shadow: inset 0 0 13px -2px #000;
-webkit-box-shadow: inset 0 0 13px -2px #000;
box-shadow: inset 0 0 13px -2px #000;
  font-size:18px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
  transition: padding-bottom .666s;
-webkit-transition: padding-bottom .666s;
-moz-transition: padding-bottom .666s;
-o-transition: padding-bottom .666s;
-ms-transition: padding-bottom .666s;
  
  
}
 #menu li a:hover {                                 

  padding-bottom:20px;
}
.hmlink{
  background:#24459A;
}
.winlink{
  background-color: rgba(9,173,217,1);
}
.maclink{
  background-color: rgba(108,109,112,1);
}
  .weblink{
    background:#EEEE00;
    color:black;
  }
.andlink{
  background-color: rgba(149,191,43,1);
}
.gamlink{
  background-color: rgba(212,2,43,1);
}
.seclink{
  background-color: rgba(0,158,62,1);
}
.linlink{
  background-color: rgb(123, 82, 138);
}
#menubor{
  border-top:1px solid black;
  margin-bottom:-1px;
}
  .header-outer{
    padding-bottom:20px;
  }
</style>

Changes

  • For Changing the Links Replace # with your Own Links and the Anchor text with your desired text
  • That's it , Save Your template and have fun !
  • If you are interested in adding extra <li> options for that add  <li><a class='desiredword' href='#'>text</a></li> between <ul> and </ul> tags.
  • After implementing the above step ,  you have to define the class in CSS for that define the class between the style container and hit save.
  • If you have any Question ask it freely !! Stay Blessed , Happy Blogging !