create-colour-codes-for-html-and-css

07:05 blog design, blogger tips and trick, css tricks No Comments

colour-codes-generator-for-html-codes

JANUARY17

Post Info

• carelexxmalik
• at 10:28
• 0 comments
• Permalink

create colour codes for html and for other things

Read More

download-idm-6.08-build-7-with-patch-and-crack-full-latest

07:02 desktop, idm, latest softwares 1 Comment

Internet Download Manager v6.08 Build 7 WinALL Incl Keygen and Patch-P2P

january 17, 2012

Internet Download Manager (IDM) is a tool to increase download speeds by up to 500 percent, resume and schedule downloads. Comprehensive error recovery and resume capability will restart broken or interrupted downloads due to lost connections, network problems, computer shutdowns, or unexpected power outages. Simple graphic user interface makes IDM user friendly and easy to use. Internet Download Manager has a smart download logic accelerator that features intelligent dynamic file segmentation and safe multipart downloading technology to accelerate your downloads.

Download idm: 

You might also like:

Read More

create-hover-effect-follow-us-sidebar

07:00 blog design, blogger tips and trick, css tricks No Comments

Presenting yet another beautiful social media connect widget that lets your visitors to search your blog, subscribe to your RSS Feeds, follow you on twitter, follow you on Facebook andshare your blog with over 351+ Social Media Networks! This widget is an extracted code from a wordpress template provided by Pbloggertemplates. I have further edited the widget to make it a perfect social share tool. Please see the demo below,

Live Demo

Adding The Social Connect Widget To BlogSpot

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Search for ]]></b:skin>  and paste the following code just above it,

/*  -------------MBT SOCIAL SHARE WIDGET-------------------- */
#search{width:350px; border:1px solid #E0DFD9;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaiyikF-T7Q5iQ0yuHw997zfNtQZahCLd7x3TVAVsWvsIGo2aBVjJz6QNKIEsyRtZqbJcLn8_3MK2By6I4qtIz-z4BxQ77FPZU6tcbrzBOp2DaDUYmI5j2slC63iBoUR1BId_sskHbjnw/s1600/search-bg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden}
#search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left}
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px}
#search-wrap{padding:15px 0}
.topsearch #search{margin-top:0;margin-bottom:10px}

.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px}
.social-connect-widget:hover{border:1px solid #CBCBC2;background:#F5F4EF}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px}

• To Change width of search box edit width:350px
• To change width of search input area edit width:80%

     4.    Then Search for, 

<div id='sidebar-wrapper'>

PS: In this part most of you will face problems as the coding for each template differ. If you could not find this code then do not panic and simply post your Blog URL in thecomments.
     5.   Now Paste the following code just below it,

<div class='topsearch'>
<div class='clerfix' id='search'>
    <form action='/search' id='searchform' method='get'>
        <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search here...&quot;;}' onfocus='if (this.value == &quot;Search here...&quot;) {this.value = &quot;&quot;}' type='text' value='Search here...'/>
        <input class='search-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqfROqYBgww_RPSI6ilI6b8yJvPRobqcyHi-hcxAbXbYWc6LTP8B1__-dGG7Zyc7Ayf1i3PR6Zj_5TIoYS1ptoQ8Ef6tIoRaRZPPVQgwyqDYnRgwXmFfRVXkvqSeeTyTVDqIO2kgmSmRk/s1600/search.png' title='Search' type='image'/>
    </form>
</div>
</div>
<div style='clear:both;'/>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMRWViuZ9ylDC1nw3onZQufMgUUfXS6a6D7NzbJj67FGVERyz-AX2GWe-4f0HWj0R1AicahyphenhyphenF09E9A3vFZqTvCpa4o5MqDZkaz7CLkVLp-9g04wnM2mw9M55j8NtYhzylPHTHuiY3MyRne/s1600/social-connect-rss.png' title='RSS Feed'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Subscribe to our RSS Feeds!</a>
</div>
                       
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/USERNAME'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuNjJCrnD-X4rmD0sVZ3_E4vAw5yQ3qMvIzELB4C4oxKt6eQy7DU8e7lGbZN0RbZ2ZekHI4jGMDpgAYUj1iROJqGVS4ZIjYA3i_EpFEkn9vg1VRMLQdeeLL132F9-f0BkSOYEQ-ZlmPff1/s1600/social-connect-twitter.png' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME'>Follow Us on Twitter!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://facebook.com/USERNAME'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSMKKBuvUNVYnhX-LjSnpFKHLVQyIURCetzgGsFTywPg2ahOshkM_NJnRuMeTQL4JRkU5WrWLT45zIiWTrWmsZD4HeuWLXiRGdc3WLU-bHOiEj8aorssKg58wln-C7aqDEYs1yKjmoEpR2/s1600/social-connect-facebook.png' title='Be Our Fan'/></a><a href='http://facebook.com/USERNAME'>Follow us on Facebook!</a>
</div>
<div style='clear:both;'/>
<div class='addthis_toolbox'>  
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD0qbpfvBXicWo8LL3WF1a0bxbnmJg2dxtHU17oXrJWm52WBR5ojelNfJozFI7nZk-95-JGdygP-XD7KQ4myn3C-a1utXcNWXViIuKVdds92tVvK3aCHoipG_tq5Pw8Z_Bhy65FWrhX8M/s1600/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0prvugBJiOL9Ee7gCiLjXOz8LngxiiFMPsGvjednulIAJZConiuAh4RaadD65Inz372rINDb_Ndmg3w_T64K0rRBEYOZGRIRgcwVaFBh_ON1dzlr6WXguZ35khWK-SULNG4OBx1aWbNA/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkH3AznF4CPu7vPwvRA4w1-e0vgCl-xS2tVjLf-OfNj15GC9yWlL7LW72QUgTre7v4BP0jjx4aGeXUXSxip2LQ_dzl461r6P7-1HmAxHsKZvO0j2z1bkoLeR09va7tE9PYXOLWNSNVnyI/s1600/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy3jFrS4X1NkgTYzugGZIkNQoLa9EieSWIi1evh2lwcLH-8veLx0oRSXy3Ch12QgvFHN-BS9EgvDmot1bahh6E6G2i2VIPwxEO8G2mgFtbJHSnyIYQ95L1GbUipyHXao9PbiNqxch32Ug/s1600/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdW33dzSl746BqjGHw9Ku7S19xA96xRUABraEiSpdSzj6z0uwadXF2FC5i0mxeATfIbCCG7GBHQFyHXi39T2E_IT6e1sPfDJGo7v5LhjCYNIwi8Zkghl2B_YZmarIJCz4bZI1S66IswM/s1600/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYx1YxMOIfQ1jSjch50lzYezl_O9ALAhyphenhypheniHLPM9-GhNtoSRWrmBSxaOGFXmvjFg3AO-k4jimZPv7jrkZUF3j4HQi2CJ7ydpYGXUM8czHhz7j3t2pHRowD3A3Z6YtT094SY-YCUkJflS4c/s1600/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSacUumqzwxAWXkG-GWOp8xpgo56Iuhb_u5kFWIoQ7BmXPL-SyIhAr6YypA3kCv2esOGZOsft6J3-q99VugGHFu9Ika4JYw2HwggaRcratVBr1_7GyccQjgiuZW5-t3TzxnujRdUcD2sY/s1600/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
<div style='clear:both;'/>

Make these changes:

• Replace http://twitter.com/USERNAME with your twitter profile link
• Replace http://facebook.com/USERNAME with your Facebook Profile link

      6.   Save your template and Bingo you are done! :>
Visit your blogs to see a beautiful new change. Hope you liked it. Questions are always welcomed.
You will also like to view the previous version,

Read More

create-hover-effect-follow-us-sidebar

10:43 blog designing, blogging trick, css and html No Comments

Presenting yet another beautiful social media connect widget that lets your visitors to search your blog, subscribe to your RSS Feeds, follow you on twitter, follow you on Facebook and share your blog with over 351+ Social Media Networks! This widget is an extracted code from a wordpress template provided by Pbloggertemplates. I have further edited the widget to make it a perfect social share tool. Please see the demo below,

Live Demo

Adding The Social Connect Widget To BlogSpot

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Search for ]]></b:skin>  and paste the following code just above it,

/*  -------------MBT SOCIAL SHARE WIDGET-------------------- */
#search{width:350px; border:1px solid #E0DFD9;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaiyikF-T7Q5iQ0yuHw997zfNtQZahCLd7x3TVAVsWvsIGo2aBVjJz6QNKIEsyRtZqbJcLn8_3MK2By6I4qtIz-z4BxQ77FPZU6tcbrzBOp2DaDUYmI5j2slC63iBoUR1BId_sskHbjnw/s1600/search-bg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden}
#search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left}
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px}
#search-wrap{padding:15px 0}
.topsearch #search{margin-top:0;margin-bottom:10px}

.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px}
.social-connect-widget:hover{border:1px solid #CBCBC2;background:#F5F4EF}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px}

• To Change width of search box edit width:350px
• To change width of search input area edit width:80%

     4.    Then Search for,

<div id='sidebar-wrapper'>

PS: In this part most of you will face problems as the coding for each template differ. If you could not find this code then do not panic and simply post your Blog URL in the comments.
     5.   Now Paste the following code just below it,

<div class='topsearch'>
<div class='clerfix' id='search'>
    <form action='/search' id='searchform' method='get'>
        <input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search here...&quot;;}' onfocus='if (this.value == &quot;Search here...&quot;) {this.value = &quot;&quot;}' type='text' value='Search here...'/>
        <input class='search-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqfROqYBgww_RPSI6ilI6b8yJvPRobqcyHi-hcxAbXbYWc6LTP8B1__-dGG7Zyc7Ayf1i3PR6Zj_5TIoYS1ptoQ8Ef6tIoRaRZPPVQgwyqDYnRgwXmFfRVXkvqSeeTyTVDqIO2kgmSmRk/s1600/search.png' title='Search' type='image'/>
    </form>
</div>
</div>
<div style='clear:both;'/>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMRWViuZ9ylDC1nw3onZQufMgUUfXS6a6D7NzbJj67FGVERyz-AX2GWe-4f0HWj0R1AicahyphenhyphenF09E9A3vFZqTvCpa4o5MqDZkaz7CLkVLp-9g04wnM2mw9M55j8NtYhzylPHTHuiY3MyRne/s1600/social-connect-rss.png' title='RSS Feed'/></a><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Subscribe to our RSS Feeds!</a>
</div>
                       
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/USERNAME'><img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuNjJCrnD-X4rmD0sVZ3_E4vAw5yQ3qMvIzELB4C4oxKt6eQy7DU8e7lGbZN0RbZ2ZekHI4jGMDpgAYUj1iROJqGVS4ZIjYA3i_EpFEkn9vg1VRMLQdeeLL132F9-f0BkSOYEQ-ZlmPff1/s1600/social-connect-twitter.png' title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME'>Follow Us on Twitter!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://facebook.com/USERNAME'><img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSMKKBuvUNVYnhX-LjSnpFKHLVQyIURCetzgGsFTywPg2ahOshkM_NJnRuMeTQL4JRkU5WrWLT45zIiWTrWmsZD4HeuWLXiRGdc3WLU-bHOiEj8aorssKg58wln-C7aqDEYs1yKjmoEpR2/s1600/social-connect-facebook.png' title='Be Our Fan'/></a><a href='http://facebook.com/USERNAME'>Follow us on Facebook!</a>
</div>
<div style='clear:both;'/>
<div class='addthis_toolbox'>  
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD0qbpfvBXicWo8LL3WF1a0bxbnmJg2dxtHU17oXrJWm52WBR5ojelNfJozFI7nZk-95-JGdygP-XD7KQ4myn3C-a1utXcNWXViIuKVdds92tVvK3aCHoipG_tq5Pw8Z_Bhy65FWrhX8M/s1600/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0prvugBJiOL9Ee7gCiLjXOz8LngxiiFMPsGvjednulIAJZConiuAh4RaadD65Inz372rINDb_Ndmg3w_T64K0rRBEYOZGRIRgcwVaFBh_ON1dzlr6WXguZ35khWK-SULNG4OBx1aWbNA/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkH3AznF4CPu7vPwvRA4w1-e0vgCl-xS2tVjLf-OfNj15GC9yWlL7LW72QUgTre7v4BP0jjx4aGeXUXSxip2LQ_dzl461r6P7-1HmAxHsKZvO0j2z1bkoLeR09va7tE9PYXOLWNSNVnyI/s1600/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy3jFrS4X1NkgTYzugGZIkNQoLa9EieSWIi1evh2lwcLH-8veLx0oRSXy3Ch12QgvFHN-BS9EgvDmot1bahh6E6G2i2VIPwxEO8G2mgFtbJHSnyIYQ95L1GbUipyHXao9PbiNqxch32Ug/s1600/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdW33dzSl746BqjGHw9Ku7S19xA96xRUABraEiSpdSzj6z0uwadXF2FC5i0mxeATfIbCCG7GBHQFyHXi39T2E_IT6e1sPfDJGo7v5LhjCYNIwi8Zkghl2B_YZmarIJCz4bZI1S66IswM/s1600/stumbleupon.png' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYx1YxMOIfQ1jSjch50lzYezl_O9ALAhyphenhypheniHLPM9-GhNtoSRWrmBSxaOGFXmvjFg3AO-k4jimZPv7jrkZUF3j4HQi2CJ7ydpYGXUM8czHhz7j3t2pHRowD3A3Z6YtT094SY-YCUkJflS4c/s1600/favorites.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSacUumqzwxAWXkG-GWOp8xpgo56Iuhb_u5kFWIoQ7BmXPL-SyIhAr6YypA3kCv2esOGZOsft6J3-q99VugGHFu9Ika4JYw2HwggaRcratVBr1_7GyccQjgiuZW5-t3TzxnujRdUcD2sY/s1600/more.png' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
<div style='clear:both;'/>

Make these changes:

• Replace http://twitter.com/USERNAME with your twitter profile link
• Replace http://facebook.com/USERNAME with your Facebook Profile link

      6.   Save your template and Bingo you are done! :>
Visit your blogs to see a beautiful new change. Hope you liked it. Questions are always welcomed.
You will also like to view the previous version,

Read More

colour-codes-generator-for-html-codes

10:28 colour code generator, generator No Comments

create colour codes for html and for other things

Read More