Thursday, May 15, 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 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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiWA3lb8VXnEPAOQ1nBWDcKpX7-PFvfkfZvVYJw30xvZDolFIbv0wISdNu99UGoqQAJJz-aiXjUZJ7rUOSxlKFoVNc_DVhm24y8akUl9Li3wfUNqWK_CNexvdkSkOVOJ_1ZnqvNTMO_oqW/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 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 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/AVvXsEhshOKxlGcjyYTGQCeKcLngzsd7Nw5tS5CI-nVAovhUdcR7dSWAHJq-Q_mVTxpszPGRAepFEcjiXwxS61uQN_cE3zYnxomSC0PWvQOniZ5K5MPTSCLPU8shu8qGSHWeIi7JojR3aOb9j1c/s1600/1x1juice.png"></a>
</b:if>
</b:if>
  • Now Save template and that's it ;)

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 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 !

Professional Blogger Templates 2014

Download Free Professional Blogger Templates 2014: Cheers to a new year and another chance for us to get it right.Only 2 Months to Go.....2014 is On head , ThatsBlogging is providing the most stunning and unique collection of some Professional and incredible templates! Well as the post is about Professional Blogger Templates 2014 , Professional Blogger Templates will enables you to make your Blog Appearance attractive and Professional.Moreover These templates comes with alot of magnificent features which you can't find easily in other sites/blogs.Of Course these templates are responsive , magazine style , seo and ads ready.....along-with many other properties.All these templates are cleanly coded by Professional Programmers , So waiting for what? Don't You want to make your Blog look appearance fantastic? Don't you want to get high rank ? Just Download any of the below templates and enjoy the significant features.

Features Of Professional Blogger Templates 2014

  • These templates are rare , yap really very rare . Don't underestimate these templates , just have a look on demo and check its professionality and design.These templates have very cool design and appearance along-with many customized widgets
  • Beautiful customized widgets such as Social Sharing Buttons Widget , Subscription Widget , and some other interesting widgets are present in these templates.
  • Fixed Width and Responsive Templates are present in the below templates.
  • All of the below templates works prefectly with all Browsers such as Google Chrome , Safari , and Mozilla Firefox etc

Elegant Photography Blogger Template

SEOBLOGGERTEMPLATES has recently released an awesome Magazine style Blogger Template , which is considered to be ideal for Templates Sharing Blogs and Photography Blogs Specially.This template has grid layout along-with many gusty features.This template has no side-bar it is images-friendly template.You Can get it free from Our Blog.This template has 3 columns footer , social media buttons and beautiful navigation menu.
photography-blogger-template

Quickly Premium Professional Blogger Template

Quickly Premium Professional Blogger Template is really a stunning and incredible template specially designed for Templates sharing blogs and Blogging Niche Blogs.It has magazine style along with many other handy tools ! The Attractive Drop Down menu is present below the header position which adds 5 stars to the beauty of this template.Right Side-bar along-with many customized widgets are present in this template.You Can buy it from theme-forest , Link is mentioned below.
premium-blogger-template

Videoism Blogger Template

Do you have a Blog having Videos? Searching for a Professional Video Template? If Yes , then Ofcourse you are at the right place.Here we go we have found a new Stunning and magnificent template for video blogs.Actually this template has gallery style along-with video counter(which counts the views of a video).Moreover , this template is SEO Optimized and cool template.Many Customized widgets such as Featured Videos and rating widget is present in this template.
video-blogger-template

Codify Magazine Blogger Template

Codify Magazine Blogger Template is a fast loading and seo optimized blogger template specially developed and designed for Coding Blogs , blogging niche and other related niches.The Author  of this Magazine Style Blogger Template is Ali Bajwa who is the owner of  Templateify.
DEMO  DOWNLOAD

Down town Blogger Template

Downtown Blogger Template is a fantastic blogger template ideal for news ,and tech niche webs.This template has wordpress look and beautiful slide-s template has widget below header.This template has 4 columns footer and awesome drop-down menu which makes it more  interesting template.You Can get it free from Our Blog.
 
DEMO  DOWNLOAD

How To Add Border To Post Titles

Add Border To Post Titles in Blogger: Let's play with CSS and change the border of post titles in Blogger.You may have noticed the blog titles comes with "text-decoration:none" by default , in simple words no style is applied to the titles of the Blog Posts.Actually we can change the post titles and can decorate it with different CSS properties but here we gonna apply the border ! Border can be "groove" , "Solid" , "dashed" , or "dotted" having a specific color code and number of pixels.Don't confuse , it is as easy as eating cake.
How To Add Border To Post Titles

How To Add Border To Post Titles

  • Go To Blogger Dashboard
  • Click On Template
  • EDIT HTML
  • Search for post-title or .post or only "post"
  • Search until you find the selector "Post Title" as shown below

 
  • Look at the above snapshot i added there the border Property i.e "border:groove 1px and color" Change these values to your desired values and save the template.You can even change the color of the post title just by simply changing the color code of "COLOR" property in the above script.
  • However here we have selected the border color Groove having gray color and width 1pixel.
  •  That's it !!
 Note : In many templates the POST TITLE Selector is .post-title but if you can't find or if this selector is not available then you have to find the exact and matchable selector i.e the selector which matches with the class or ID defined in the div tags! 
 
What's Up : Actually this hack will add a gray color border to all the post titles having 1 pixel width ,actually it adds 5 stars to the beauty and style of template.It has no effect on blog loading speed.Stay Blessed ,Happy Blogging!

Thats Blogger Template

Thats Blogger Template : I was as busy as bee in life , at-least I got free for a lil bit time and here I am presenting you the first ever template designed by me for you people.Thats Blogger Template comes with bundle of features ranging from SEO(search engine optimization) kits to responsive design and well organized code.This template has 2 columns layout along with one beautiful sidebar which contains some extra ordinary widgets such as Popular post which swings on mouse hover.Moreover , it has beautiful white color background and is cross-browse supported i.e it works perfectly with Google Chrome,Safari , Mozilla Firefox and IE.You Can get it free from Our Blog.
thatsblogger-template


Template Information 

  1. Template Name:Thats Blogger Template
  2. Template Author: Iftikhar Uddin
  3. Designer: Iftikhar uddin
  4. Price: Free 
  5. License : Creative Commons Attribution 3.0
  6. Release Date: 02/18/2014

Features Of Thats Blogger Template

  • SEO Ready Blogger Template
  • White Background
  • Read more button
  • Beautiful Comment Style


  • Cool Drop Down menu 

  • 2 columns Layout
  • One Side-bar
  • Cool Widgets
  • Calender at each post side


  • Responsive Design
  • Works Perfectly with Google Chrome,IE,and Firefox
  • Download it free from Our Blog ;)
Configuration:
  1. For Changing Links in the "Header Menu" , Click On Template >> EDIT HTML >> Search for(CTRL+F) </head> below there make the desire changes in the html code.
  2. For installing this template first of all download the template >> Save it in a directory >> Go to Blogger Dashboard >> Click On Template >> Backup/Restore >> Click On Choose File >> Select The Downloaded xml file >> and hit upload>> That's it!

Benefits of Hosting Giveaways On Your Blog

Benefits of Hosting Giveaways On Your Blog: You may have noticed that now-a-days bloggers are hosting giveaways on their blogs. If you thinking of why they are hosting these giveaways on their blogs then you are in the right place to know the secret of giveaways ;), because here in this post I will share my opinion that why they are hosting giveaways and what are the benefits of hosting giveaways on blogs.

Giveaway is the name of giving something free of cost to your readers and you know obviously, your blog’s readers will love and will welcome this giveaway. Actually, they will do something (social sharing, email subscription etc) for increasing their chances of winning and that will goes in your favor, right?

Of course, giveaways does matter, there are some benefits of hosting giveaways on your blog which we are going to discuss briefly in this post. In order to get most of the benefits from the giveaways, I think you need to choose a giveaway related to your blog’s niche. But here our topic is to discuss its benefits so we’re are not going broad. Look forward to benefits given below!

Benefits of Hosting Giveaways on Your Blog

So here what are the benefits we are talking about in this post? Is as written below. So let have a look!
  • Get Readers Attraction: Yes, hosting giveaways on your blog will get more attraction of the users, Users like these types of giveaways. They are attracted from the giveaways whenever they saw it on a social network, on your blog ore elsewhere.
  • More Email Subscribers: Yeah, hosting giveaways on your blog will make your one-time visitor to a return reader to your blog. You can make email subscription a mandatory step so when someone participate in the giveaway on your blog they will first subscribe to your email updates and you will get more email subscribers for your blog. And as a result, the participant will make a visit to your blog if he/she liked your new post!
  • Get More Social Signals: One another big benefit of hosting giveaway on your blog is to get social shares for your blog which will not only make your blog famous in very short of time but getting more social signals plays an important role in the eye of search engine optimization SEO. Participants will like, tweet and +1 your blog in order to get more points and you know everyone wants to get more chances to win and they will share your post for increasing their chances of winning. As I mentioned above, they will do for his own but indirectly, it will goes in your favour.
  • Increase Traffic to Your Blog: Hosting giveaways on blogs gives more attraction and gives more traffic in short of time. You know traffic is the soul of a blog. As we mentioned above that participants will share your blog on social profiles occupied by them, in return you not only get social signals but also you will get more traffic on your blog. So if their friends are attracted from the giveaway, they will come, participate and you know what? The process starts again
  • Get Your Blog into Clouds: Whenever someone participants and start sharing your blog, your blog will get famous on the web too, people will start talking about your blog and they will start discussing in their communities and groups etc with their friends that a blog gives a giveaway. On one hand they will increase their chances of winning but on the other hand you will get benefit of their sharing. The more your giveaway shared, the more people will talk about you and as a result, the more your blog will get famous.
So What's Up:We discussed few mind blowing benefits of hosting giveaways on your blog. If you know about any other benefit of hosting giveaways on the blog then let us know about it in the comment box below!.

Author Bio: Basheer Ahmad loves to surf online and share some useful tips and tricks regarding internet. He is the Owner of WWtricks .He recommends Online Grammar Checker Tools Free to make writing error-free.

Add Ribbon Above the Header in Blogger

Add Beautiful Ribbon Above the Header in Blogger : Adding ribbon in blogger is very easy , it need just few steps and the game is over ! Actually adding ribbon to the header or above header or any where in blog makes the outlook of blog more sexy.You may have observed the ribbon of my blog which is a rainbow style, now how to add ribbon like that in Blogger Header or above the header follow the below steps.

How to Add Ribbon Above the Header in Blogger

  • Go To Blogger >> Dashboard
  • Click On Template >> Edit HTML
  • Now Search for <head> tag and just above the head tag add the below div
 <div class='ribbon'></div>

  • You can add this div any where in the blog (where you want to show the ribbon i.e in the head , below the head or above the head)
  • After adding the div save your template !

Applying CSS  

  • Now we can apply the CSS on the above declared class(ribbon)  
  • For Applying the CSS go to blogger dashboard again
  • Click On Template
  • This time Click on Customize >> Go To Advanced  >> Click On Add CSS
  • And Now Copy the below CSS script and add it there
 .ribbon {
width: 100%;
height: 3px;
background: url(http://oi57.tinypic.com/9k8hlf.jpg)  0 0 no-repeat;
background-size: 100%;z-index: 1;
}

  •  .ribbon is the Class which we have declared above , if you want to change the name of the class you can do it just by changing ribbon to your desired name in both (HTML and CSS)
  • background property will add the image which you are using as a ribbon
  •  For adding your own image just change the URL(http://oi57.tinypic.com/9k8hlf.jpg) to your desired image URL !
  • Now Click On Apply this Template
  • and That's it ! 
  • Checkout your Blog now a ribbon will dance above the header section.
So What's Up : After a long time i shared an article with you People hope you will love it . I was busy in exams , now i am totally free INSHALLAH will share more interesting tuts with you People , Stay Blessed !

Seven Tips On How To Create Awesome Headlines

Writing headlines for your blog that could hook those readers in an instant is a monumental task. It will determine whether or not you'll make a good impression to your target audience. Thus, creating an appealing one is essential for the sake of your blog's success. Of course, knowing that you need to create a compelling headline and actually doing it are two different things. These seven tips will help you do the latter and hopefully, be able to put them to good use.

1. Be as specific as you can be

Confusing headlines (in the hopes of sounding creative and deep) will not attract a huge number of readers. This is due to the fact that people have limited attention spans, especially when on the Internet. As negative as it might sound, web readers love being spoon fed. If they can't understand the whole point of your article by reading the headline, then you can rest assured that they won't even bother viewing the body of your copy.
Your headline needs to be crystal clear about the topic that you're going to discuss. Squeeze in as much detail as you can on the head. Make use of your keywords and try to ready you're readers for what's about to come.

2. The "What's in it for me?" technique

Most web readers today are benefit-driven. Use this to your advantage by offering something of use to your target audience. For example, tutorials and tips (like this one right here) is a surefire way of hooking eyes online. Starting off with "Ways to" or "How to" will certainly increase your article's flair and readability.
Furthermore, you need to remember that offering something unique and fresh is a must when you're writing for the Internet. The same goes for headline writing. Experiment with different terminologies and word phrasing from time to time and see which works best.

3. Numbers does wonders

People are generally obsessed with numbers. In fact, most writers nowadays promise some sort of list about certain topics and are further improving the hook of their headlines. Go along with the trend and incorporate some math on your head. Just don't forget to deliver when all has been said and done. Otherwise, be prepared to face the ire of your readers.

4. Be a myth buster every now and then

Though it requires a lot of skill to pull off, headlines that promises to debunk a certain belief or ideology can help your blog earn some much needed hits. Make your readers feel that they are being mistaken about something by creating a contradiction on the head of your article.

5. Make your audience panic

One of the most common mistakes that newbie writers do nowadays is creating a headline that feels "laid back". They fail to understand the power and importance of urgency and thus, miss out on people who simply dismisses what they're offering. Veer away from this practice and try to go for a "panic-inducing" headline.
Suggesting to your readers that they're going to create a certain mistake by not reading your post is a surefire way of keeping their interest. Just keep in mind not to scare your readers too much.

6. Adjectives make it all pop-out

Words like unbelievable, stellar and excellent can help your headlines stand out on the Internet. Don't take adjectives for granted because they exist for a very special reason in the world of writing. They make everything appear more exciting, fresh and on action without changing the meaning of the headline.
Making use of adjectives on your headline requires a somewhat personal approach. No one is going to complain about it because what might be unimpressive to you could be out of this world for another person. In short, different strokes work for different folks.

7. Take cues from your daily newspaper

This is a very good technique if you're just starting out as a writer/blogger. Newspaper writers and editors have long perfected the art of creating shocking and beautiful headlines. No one does it better than them! Learn from the masters and you will surely improve your headline writing skills in no time.
As cliché as it might sound by now, headlines really does make or break your article. Your copy isn't going to amount to anything if people didn't give a damn about the title of your topic.