Tricks World

Add Stylish Subscribe Via Email Widget In Blogger

2013-10-09T07:21:00.002-07:00

Hi Friends,In this post i m going to share a stylish and cool email subscribe widget for your Blogger Blog.
It will help to increse your blog subscriptions.

This Widget is fully seo optimized and Does not effect on your blog load speed.Place this Widget in below the Post Widget or Above the Post Widget.

How To Add Stylish Subscribe Via Email Widget In Blogger?

First for All Go To Blogger.com > Design > Edit Html
Find ]]></b:skin> Using

CTRL+F

Copy the code below and paste it just Above ]]></b:skin> tag

/*Custom Header Styling*/
#headline{background:url('http://1.bp.blogspot.com/-NdSSDI1IOkU/Twk4eOQkErI/AAAAAAAAA8I/efWcI1_qBKE/s1600/headline-bg.png') repeat; color:#fff; margin:0 auto; border-top: 1px solid #000; height:30px; font-size:12px; position:fixed; bottom:0; z-index:1000; width:100%;border-top-left-radius:20px;border-top-right-radius:20px; display:block;}
#headline:hover{background:#333;}
#headline p{line-height:30px; font-size:12px; text-align:center; width:95%; float:left;}
#headline p a{ text-decoration:blink; color:#ffcc00; border-bottom:1px dashed;}
#headline li.widget, #headline li.widget p{margin:0; line-height:30px; list-style:none; font-size:12px; text-align:center;}
.kill-btn{display:block; position:relative; right:15px; float:right;}
.kill-btn a{font-size:18px; font-weight:bold; font-family:"Comic Sans MS"; color:#fc0; line-height:30px;}
/* Subscription Box */
#sleek-subscribe{display: block; margin:0 auto; }
.newsheadline {color:#222; font-size:16px; line-height:50px; float:left; font-weight:bold;}
.newsheadline span{font-size:38px; color:#444; line-height:14px; font-family:"Trebuchet MS"; font-weight:normal;}
.newsheadline cite{font-style:normal; color:#f00;}
.signform{background:url('http://4.bp.blogspot.com/-WRSL0nB1jds/TtIfq0vkHkI/AAAAAAAAAiw/655L2S2tMnk/s1600/dwd.PNG') no-repeat;padding:0 0 10px 100px; float:right; }
.txt2, .txt2:focus{width:140px; font-size:15px; background:#fff; color:#000000; border:1px solid #FF9332; margin:0 5px; float:left; padding:10px; width:160px; border-radius: 10px;}
.btn2, .btn2:focus {background:#E36B0A; margin:0 5px; padding:8px 10px 9px; border:1px solid #FF0000; color:#fff; font-size:15px; border-radius:10px;}
.btn2:hover{background:#6689b0; }

Then Go To Page Elements > Add a Gadget
Choose HTML/JavaScript from the list of the gadgets
Copy and paste the code below in the content box.

<div id="sleek-subscribe">
<div class="newsheadline"><span>Sign-up</span> for <cite>FREE</cite> daily Updates.</div>
<form action="http://feedburner.google.com/fb/a/mailverify?uri=HashmiWorld4U" class="signform" method="post" target="_new">
<input class="txt2" name="name" onblur="if (this.value == '') {this.value = 'Your Name...';}" onfocus="if (this.value == 'Your Name...') {this.value = '';}" value="Your Name..." />
<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'Your Email Address...';}" onfocus="if (this.value == 'Your Email Address...') {this.value = '';}" value="Your Email Address..." />
<input class="btn2" type="submit" value="Subscribe Us!" />
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<span class="author-credit" style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"><a href="http://hashmiworld4u.blogspot.com/" target="_blank" title="Blogger Widgets">Get This Widget</a></span></div>
></div>
</form>
<div class="clear"></div>
</div>

Replace HashmiWorld4U with your feedburner Feed ID

Well Done!

Add SpiceUpYourBlog Style Social Widget In Blogger

2013-10-09T07:04:00.000-07:00

Hi Friends, Today i goona Share this Awesome social widget with roung spinning effect for your blogger blog.SpiceUpYourBlog is a Popular blog which covers topics like Blogging Tips, SEO etc. You must have visited this blog before and if you did, you must have noticed its awesome social widget. The Social widget has a nice spinning effect on mouse hovering.this is very cool widget.Its main feature is it covers all major social links facebook, twitter, feedburner feeds, google+, Pinterest.It changes your blog look attractive.

How To Add SpiceUpYourBlog Style Social Widget In Blogger?

First for All Go To Blogger.com > Page Elements > Add a Gadget
Choose HTML/JavaScript from the list of the gadgets
Copy and paste the code below in the content box.

<style>
#social img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#social img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;margin:0;background-image: url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);width:36px;height:36px}
.CSS_LIGHTBOX_BG_MASK
{
background-color:#990000 !important;opacity: 0.8 !important;
}
.post img {max-width:95% !important;}
--></style>
<center><div id="social"><a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/HashmiWorld4U" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=HashmiWorld4U&loc=en_US" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="http://facebook.com/HashmiWorld4U" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="http://twitter.com/HKashifJaved" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/104283015279880391921" target="_blank"><img style="margin-right:1px;" src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="http://pinterest.com/YourUserName" target="_blank"><img style="margin-right:1px;" src="http://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div></center>

Change all Bold Red words with your URL's

Replace HashmiWorld4U with your feedburner Feed ID
Replace HashmiWorld4U with your facebook Page ID
Replace HKashifJaved with your twitter ID
Replace https://plus.google.com/104283015279880391921 with your Google+ ID
Replace http://pinterest.com/YourUserName with your Linkedin URL

Well Done!

Add Css Social Widget In Blogger

2013-10-09T06:49:00.000-07:00

Hi Friends,In this Post i m sharing this css Social widget with hower effect for blogger.Hope you like this widget.This css widget is very cool and stylish.itcontains all the social links like: facebook,twitter,Google+,LinkedIn,Rss feeds,I'm sure that this will tempt your readers to have a look at on your social links.Now,Hurry up add this widget in your blog. Its very easy. just follow the below steps one by one.

How To Add Css Social Widget In Blogger

First for All Go To Blogger.com > Page Elements > Add a Gadget
Choose HTML/JavaScript from the list of the gadgets
Copy and paste the code below in the content box.

<style type="text/css">
.btnt-chronicl-social { width: 320px; margin: -10px; }
.btnt-chronicl-social ul { margin: 0; padding: 0; }
.btnt-chronicl-social ul li { list-style:none; padding: 0; text-transform: none; }
.btnt-chronicl-social ul li a { color: #fff; display:block; }
.btnt-chronicl-social ul li a:hover { color: #c9c9c9; background-color: #333; }
.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; background-size: 20px; padding: 17.5px 45px; }
.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; background-size: 20px; padding: 17.5px 45px;}
.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; background-size: 20px; padding: 17.5px 45px; }
.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; background-size: 20px; padding: 17.5px 45px; }
.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; background-size: 20px; padding: 17.5px 45px; }
</style>
<div class="btnt-chronicl-social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/HashmiWorld4U">Subscribe to the RSS Feed</a></li>
<li><a class="twitter" href="https://twitter.com/HKashifJaved">Follow me on Twitter</a></li>
<li><a class="facebook" href="https://www.facebook.com/HashmiWorld4U">Find me on Facebook</a></li>
<li><a class="google" href="https://plus.google.com/104283015279880391921">Join me on Google+</a></li>
<li><a class="linkedin" href="http://in.linkedin.com/in/YourUserName">Connect with me on LinkedIn</a></li>
</ul>
</div>

Change all Bold Red words with your Url's.

Replace HashmiWorld4U with your feedburner Feed ID
Replace HashmiWorld4U with your facebook Page ID
Replace HKashifJaved with your twitter ID
Replace https://plus.google.com/104283015279880391921 with your Google+ ID
Replace http://in.linkedin.com/in/YourUserName with your Linkedin URL

Well Done!

Add Stylish Subscription Widget In Blogger

2013-10-08T11:54:00.001-07:00

Today i Share This Cool and Stylish Subscription Widget For your Blogger Blog. I hope this widget helps you to stylish your blog. this widget contains all important social network links like: facebook like box, google+, Twitter followers. Add to circles and the most important is subscribe option. subscription widget is very important to increase your readers and traffic.
you can also add this widget on Wordpress by just add a code in your blog. Now, Follow the

some below steps and install it on your blog or website.

How To Add Stylish Subscription Widget In Blogger?

First for All Go To Blogger.com > Page Elements > Add a Gadget
Choose HTML/JavaScript from the list of the gadgets
Copy and paste the code below in the content box.

<style>
#TB-mashable-bar {
background-color: #f9f9f9; box-shadow: 0 0 3px #b0b0b0;
border:1px solid #ccc;
padding:6px;
width: 270px;
}
#subscribe-box .fb-like-box { border: 1px solid #EBEBEB; padding: 5px; background:#f7f7f7;}
#subscribe-box .gplusone { background: #f7fcfc; border: 1px solid #EBEBEB; border-top: 1px solid #fff; color: #000; font-size: 10px; line-height: 1px; padding: 9px 11px;}
#subscribe-box .twitter-follow { background: #eef9f9; border: 1px solid #dff6f6; border-top: 1px solid #fff; padding:5px 11px;}
#subscribe-box .email-box {
border-right: 1px solid #C7DBE2;
border-left: 1px solid #C7DBE2; background: #d3e0ed;
border: 1px solid #ccdaed; padding:11px; margin-bottom: -4px;}
#subscribe-box .email-box h4{color: #555;font-family: Arial;font-size: 12px; margin: 0 0 10px;}
#subscribe-box .email-box .txt,#subscribe-box .email-box .txt:focus{
border: 1px solid #d2d2d2;
color: #a19999; font-size: 12px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height:21px;
padding: 6px 28px 8px; width: 93px;
}
#subscribe-box .email-box .btn,#subscribe-box .email-box .btn:focus{ float:right;
margin-top: 0px;
background: #30a146; background: linear-gradient(top, #30a146 0%, #249334 100%); background: -moz-linear-gradient(top, #30a146 0%, #249334 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #30a146), color-stop(100%, #249334)); background: -webkit-linear-gradient(top, #30a146 0%, #249334 100%); text-shadow: 1px 1px 0 rgba(0, 0, 0, .4); font-weight:bold; font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif;
font-family: "Arial","Helvetica",sans-serif;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #248334 ;
color:white;
text-shadow:#d08d00 1px 1px 0;
padding:8.5px 10px;
margin-left:3px;
font-weight:bold;
font-size:12.2px;
cursor:pointer;
border-image: initial;}
#subscribe-box .email-box .btn:hover{
opacity: .8;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border:1px solid #248334 ;
color:#FFFFFF;
text-shadow:#d08d00 1px 1px 0}
</style>
<div id="ABT-mashable-bar">
<div id="subscribe-box">
<div class="email-box">
<h4>Subscribe updates on your <a href="http://feedburner.google.com/fb/a/mailverify?uri=HashmiWorld4U" target="_blank">Email</a> | <a href="http://feeds.feedburner.com/HashmiWorld4U" target="_blank">RSS</a></h4>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=HashmiWorld4U', 'popupwindow', 'scrollbars=yes,width=700px,height=700px');return true" target="popupwindow">
<input class="txt" style="background: #FFF url('http://i.imgur.com/2BCD0.png') no-repeat 6px !important;" onfocus="if (this.value == 'Your email ID ') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Your email ID ';}" type="text" name="email" value="Your email ID " />
<input type="hidden" name="uri" value="HashmiWorld4U" />
<input type="hidden" name="loc" value="en_US" />
<input class="btn" style="margin-left: 4px;" type="submit" value="Subscribe" />
<div style="clear: both;"></div>
</form></div>
<div class="fb-like-box"><iframe style="border: none; overflow: hidden; width: 80px; height: 21px;" src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2HashmiWorld4U&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font&height=21" frameborder="0" scrolling="no" width="320" height="240"></iframe><a style="color: #3b5998; font-family: ubuntu; font-size: 18px; font-weight: bold; line-height: 20px;" href="http://www.facebook.com/HashmiWorld4U" rel="nofollow" target="_blank"> Like on Facebook </a>
<div class="clear"></div>
</div>
<div class="gplusone">
<div style="float: left; width: 90px;">
<div id="___plusone_0" style="height: 24px; width: 106px; display: inline-block; text-indent: 0pt; margin: 0pt; padding: 0pt; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;"><iframe id="I1_1322986463651" style="position: static; left: 0pt; top: 0pt; width: 106px; margin: 0px; border-style: none; height: 24px; visibility: visible;" title="+1" name="I1_1322986463651" src="https://plusone.google.com/_/+1/fastbutton?url=http%3A%2F%2FHashmiWorld4U.blogspot.com%2F&size=standard&count=true&annotation=&hl=en-US&jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fwidget%2F__features__%2Frt%3Dj%2Fver%3D-8uDua_W7bo.en_GB.%2Fsv%3D1%2Fam%3D%218NuGo4ypxRCIwtBaLA%2Fd%3D1%2F#id=I1_1322986463651&parent=http%3A%2F%2FHashmiWorld4U.blogspot.com&rpctoken=511986996&_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="240"></iframe></div>
</div>
<a style="color: #dd0000; font-family: ubuntu; font-size: 16px; font-weight: bold; line-height: 24px;" href="https://plus.google.com/104283015279880391921" rel="author" target="_blank">Circle on Google+</a>
<div class="clear"></div>

<script type="text/javascript">// <![CDATA[
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
// ]]></script></div>
<div class="twitter-follow">
<iframe style="width: 300px; height: 20px;" title="" src="http://platform.twitter.com/widgets/follow_button.html#_=1322986464549&button=blue&id=twitter-widget-22&lang=en&screen_name=HKashifJaved" frameborder="0" scrolling="no" width="320" height="240"></iframe>
<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></div>
<div id="mashable" style="height: 12px; background: #f9f9f9; border: 0px solid #CCC; border-top: 1px solid white; text-align: right; border-image: initial; font-size: 10px;"><span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://hashmiworld4u.blogspot.com/2013/10/add-stylish-subscription-widget-in.html" target="_blank">Grab This Widget »</a></span></div>
</div>
</div>

Change all Bold Red words with your Url's.

Replace HashmiWorld4U with your feedburner Feed ID
Replace HashmiWorld4U with your facebook Page ID
Replace HKashifJaved with your twitter ID
Replace https://plus.google.com/104283015279880391921 with your Google+ ID

Well Done!

Add nRelate Related Posts Widget In Blogger

2013-10-08T11:22:00.000-07:00

Now i am share a post about how to add related posts widget in blogger via nRelate. Related posts is very useful for every blog to easy to navigate posts. It is also useful to increase your blog pageviews.
To Install this widget on blogger, simply follow the below steps.

How To Add nRelate Related Posts Widget In Blogger

First for All Go To Blogger.com > Page Elements > Add a Gadget
Choose HTML/JavaScript from the list of the gadgets
Copy and paste the code below in the content box.

1: Display Widget on Posts only

<div id="nrelate_related_backup_placeholder"></div>
<script type="text/javascript">
var nr_posts_only = true;
</script>
<script async type="text/javascript" src="http://static.nrelate.com/rcw_b/0.52.0/loader.min.js"></script>

2: Display Widget on Posts and Homepage

<div id="nrelate_related_backup_placeholder"></div><script type="text/javascript" src="http://static.nrelate.com/rcw_b/0.52.0/loader.min.js"></script>

Save it,Well done!

Add Simple Recent Posts Widget In Blogger

2013-10-08T11:06:00.001-07:00

The main advantage on this Recent Posts widget is that it will show not only post titles but also post excerpts or snippets and it's easy to customize/ apply different style on it. To style it into your own design, you just have to modify the CSS style - you can change the link or background color, the size and color of text/links.

What you can do with this widget:
display post titles only
change the number of posts
change the number of characters of the post snippet/excerpt
show the post dates

How To Add Simple Recent Posts Widget In Blogger?

First for All Go To Blogger.com > Page Elements > Add a Gadget
Choose HTML/JavaScript from the list of the gadgets
Copy and paste the code below in the content box.

1: Recent Posts Widget With Snippets

<div id="hlrpsa">
<script src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js">
</script>
<script>
var numposts = 5;var showpostdate = false;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script></div>
<div id="rpdr" style="font-family: arial, sans-serif; font-size: 9px;">
<a href="http://hashmiworld4u.blogspot.com/2013/10/add-simple-recent-posts-widget-in.html" target="_blank" title="Grab this Recent Posts Widget">Recent Posts Widget</a> by <a href="http://HashmiWorld4U.blogspot.com" title="Recent Posts Widget">Tricks World</a></div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 13px;} #rpdr {background: url(http://3.bp.blogspot.com/-WM-QlPmHc6Y/T5wJV58qj9I/AAAAAAAACAk/1kULxdNyEyg/s1600/blogger.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style>

2: Recent Posts Widget Showing Post Titles Only

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://your-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rpdr"><a href="http://hashmiworld4u.blogspot.com/2013/10/add-simple-recent-posts-widget-in.html" title="Grab this Recent Posts Widget" target="_blank">Recent Posts Widget</a> by <a href="http://HashmiWorld4U.blogspot.com" title="Recent Posts Widget">Tricks Worlds</a></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;} #rpdr {background: url( http://3.bp.blogspot.com/-WM-QlPmHc6Y/T5wJV58qj9I/AAAAAAAACAk/1kULxdNyEyg/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

Change 5 (option 1) and 10 (option 2) with the number of posts you want to display.
Change false to true if you want the posts dates to appear
Change 100 (option 1) if you want more characters to be displayed.
To change the color and font size of the links, modify the values in blue (links) and violet (font-size)
To change the style of posts summary, modify the values in green (color) and orange (font size)
Replace the your-blog text with the name of your blog or if you have a custom domain change all the bolded line with your address like in this example:

http://www.your-site.com/feeds/posts/default....

Well Done!

Add Share To Enter Pop Up Box In Blogger

2013-10-01T02:02:00.000-07:00

How many of you guys are getting traffic from social networking sites? There are a lot of Bloggers or web masters which are getting handsome traffic from social sites because now a days these sites are an important source of getting traffic and almost every internet user is using social sites. Well, let's come to our today's post which is about "Share To Enter" pop up box. This pop up box is really fantastic in getting traffic from social sites because when someone will enter to your blog/site. This pop up box will appear and the user will have to click on any social button to access your site. This pop up box is built with the 3 main social site buttons which are Facebook like button, Twitter tweet button and Google+ plus one button.
Some Great Features Of This Pop Up Box

This widget has a close button which can allow your readers to dismiss this widget.
This widget is working fine on every browser and it is cleaned widget.
It has three main social buttons Facebook Like, Tweet and Plus one.
This widget will only appear to those who is not following you on social sites and after the following it will disappear next time to that visitor.

How To Add Share To Enter Pop Up Box In Blogger?

First for All Go To Blogger.com > Design > Page Elements > Add a Gadget
Choose HTML/JavaScript from the list of the gadgets
Copy and paste the code below in the content box.

<style>

.blackout {
display: none;
position:fixed;
_position:absolute;
width: 100%;
z-index:10000;
background-color:#000;
margin: 0px;
padding: 0px;
left:0;
top:0;
}
.socialmodalOuter {
display: none;
font-family: arial;
color: #575E6D;
font-size: 14px;
line-height: 20px;
background: rgb(73, 73, 73); /* The Fallback */
background: rgba(0, 0, 0, 0.6);
border-radius: 10px;
left: 50%;
padding: 7px;
position: fixed;
_position:absolute;
top: 50%;
z-index: 10001;
}
.socialmodal {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 3px 3px 3px 3px;
width: 460px;
}
.socialmodal .title {
border-bottom: 1px solid #E5E8EF;
font-weight: bold;
font-size: 19px;
font-weight: bold;
padding:16px 15px 10px 15px;
text-align:center;
}
.socialmodal .subtitle {
margin: 0px;
background:#2e6886;
color:#ffffff;
padding:4px;
text-align:center;
font-weight: bold;
font-size: 15px;
}
.socialmodal .warning {
margin: 0px;
background:#cb2026;
color:#ffffff;
padding:4px;
text-align:center;
}
.socialmodal .content {
padding: 0px 15px;
margin-top: 10px;
line-height: 17px;
}
.socialmodal .share {
padding: 0px 15px;
margin:20px 0px 15px 0px;
text-align:center;
height: 24px;
}
.socialmodal .close {
background: url("http://1.bp.blogspot.com/-Ke5ehk-86ic/UDjNPBFGGSI/AAAAAAAAE7Q/n_T4qfGD40U/s1600/close.png") no-repeat;
cursor: pointer;
height: 12px;
position: absolute;
right: 15px;
top: 15px;
width: 12px;
display: none;
}
.socialmodal .button {
float: left;
width: 115px;
line-height: 24px;
height: 24px;
}
.socialmodal .like {
margin-left: 15px;
}
.socialmodal .twttr {
margin-left: 30px;
}
.socialmodal .plus {
width: 90px;
margin-left: 50px;
}
/*
// cusomize position of elements
*/
.socialmodal .footer {
clear: both;
background: none repeat scroll 0 0 #E8EAEF;
border-radius: 0 0 3px 3px;
border-top: 1px solid #DDE0E8;
padding: 10px 0;
color: #878D9C;
text-shadow: 0 1px 0 #FFFFFF;
text-align:center;
font-size:13px;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
!window.jQuery && document.write('<script src="js/jquery.js"><\/script>')
</script>
<script src="http://apis.google.com/js/plusone.js" type="text/javascript" gapi_processed="true"></script>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1" type="text/javascript"></script>
<script src="http://platform.twitter.com/widgets.js"></script>
<script src="http://mytechcafe.googlecode.com/svn/trunk/sharetoenter.js" type="text/javascript"></script>
<script src="http://mybloggerlab.com/Scripts/jquery.cookie.js" type="text/javascript"></script>
<script language="javascript">
$(function() {
$('body').socialmodal({
uniqueName: 'autoloadmodal',
subtitle: 'Like And +1 to Disable This Notification',
facebook: 'https://www.facebook.com/SoftTechSpot',
plusone: 'http://www.SoftTechSpot.BlogSpot.com',
count: 0,
manualClose: true,
});
$('body').socialmodal({
twitter: 'HKashifJaved',
onclick: '#download',
callback: function(success) {
},
});
});
</script>

Replace https://www.facebook.com/SoftTechSpot with your Facebook page URL.
Replace http://www.SoftTechSpot.BlogSpot.com/ with your blog URL.
Replace HKashifJaved with your twitter username.

Add Floating Share Buttons Widget in Blogger

2013-07-05T09:18:00.000-07:00

Blogging becomes more interesting if visitors share your contents in different social media networks sites with their friends less in time. But now a days it becomes a common problem for every blogger and webmaster when they spend alot of time in sharing theirs contents on different social media sites and waste their precious blog posting time. really it will take all your precious time think about it.
Today in this article i will share with you some amazing Social Sharing buttons widget with the help of this social sharing buttons widget you will be able to share your each post contents in less than a minute. this vertical social sharing floating buttons widgets widely used by many bloggers and webmasters.

So this article is all about how to add social sharing floating buttons widget in Blogger. by adding this awesome All social sharing buttons widgets in your blog, then you will see a dramatically change in visitors in all your social sharing media sites.

How To Add Floating Share Buttons Widget in Blogger

First for All Go To Blogger.com > Design > Edit Html
Find <b:includable id='post' var='post'> Using

CTRL+F

Copy the code below and paste it just after <b:includable id='post' var=post'> tag

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
.mbt_social_floating{
position:fixed; bottom:10%; margin-left:-60px; float:left;
width:60px;
background-color:#f7f7f7;
padding: 5px 0 0px 0px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
z-index:9999px !important;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.mbt_social_floating .mbt_side_social_button{
margin-bottom:5px;
float:none;
height:auto;
width:60px;
}
.mbt_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{
margin-left:5px;
}
.mbt_social_floating .st_fblike_vcount{
margin-left:5px;
}
.mbt_social_floating .stButton_gradient{
background:none !important;
height:21px !important;
padding-left:0 !important;
}
.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices {
background:url('http://1.bp.blogspot.com/-r3RYZkB4Pis/T7alrxNFYyI/AAAAAAAAGc4/TCBwHNxEwR4/s400/gc_social_sprite.gif') no-repeat !important;
height:19px !important;
width:45px !important;
padding:0 !important;
}
.st_email .chicklets{
background-position:0 -77px !important;
background-image:url('http://1.bp.blogspot.com/-r3RYZkB4Pis/T7alrxNFYyI/AAAAAAAAGc4/TCBwHNxEwR4/s400/gc_social_sprite.gif') !important;
}
.mbt_social_floating .st_twitter_vcount .st-twitter-counter{
background-position:0 -58px !important;
}
.mbt_social_floating .stButton_gradient{
border:none !important;
}
.mbt_social_floating .stBubble_count{
width:44px !important;
font-size: 15px !important;
font-weight: normal !important;
padding-top:7px !important;
height:23px !important;
background:none !important;
}
.mbt_social_floating .st_twitter_vcount .stBubble_count{
color:#00a6df;
background-color:#f8fbfc !important;
}
.st_fblike_vcount{
margin-bottom: 0px;
display: block;
}
.st_twitter_vcount{
margin-bottom: 3px;
display: block;
}
.st_email{
margin-bottom: 5px; margin-top: 3px;
display: block;
}
.mbt_social_floating .stBubble{
background-position: 21px 31px !important;
height:35px !important;
}
</style>
<div class='mbt_social_floating'>
<script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({onhover:false});</script>
<span class='st_fblike_vcount' displaytext=''/>
<span class='st_twitter_vcount' displaytext='' st_via='HashmiWorld4U'/>
<div style='margin:5px 0 0px 0;'>
<center><a class='pin-it-button' count-layout='vertical' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'>Pin It</a>
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
var e=document.createElement('script');
e.setAttribute('type','text/javascript');
e.setAttribute('charset','UTF-8');
e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
document.body.appendChild(e);
}
</script> </center>
</div>
<div style='margin:0px 0 0 5px;'>
<span class='st_plusone_vcount' displaytext=''/>
</div>
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'>
<a class='addthis_counter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<script type='text/javascript'>
var addthis_config = {
ui_cobrand: "MY BLOGGER TRICKS",
ui_header_color: "#ffffff",
ui_header_background: "#0080FF"
}
</script>
<span class='st_email' displaytext=''/>
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://www.hashmiworld4u.blogspot.com/2013/07/add-floating-share-buttons-widget-in.html' style='color:#CAC8C8;'>Widgets</a></p>
</div>
</b:if></b:if>

Replace HashmiWorld4U With Your Twitter Username..

That's All Done!

Add Beautiful Social Subscription Widget To Blogger

2013-06-29T10:41:00.003-07:00

The Social subscription widget is for the people who wants more genuine readers and good fan following for them. Yes the Subscription widget is an RSS type , which the people will enter their email and subscribe to the updates of the blog. Whenever the user post new content they will get the news on their email immediately.
The Subscription widget here is mix up of CSS and HTML, and it is flavored with the Social media icons too, which reduces the blog space too.

How To Add Beautiful Social Subscription Widget To Blogger

First for All Go To Blogger.com > Design > Page Elements > Add a Gadget
Choose HTML/JavaScript from the list of the gadgets
Copy and paste the code below in the content box.

<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-Y3hbgki8hXE/UXZE9IlUi4I/AAAAAAAAAgI/gIGB-L-HKHo/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://3.bp.blogspot.com/-DfHJzP9Mlh4/UXZE9ONhVnI/AAAAAAAAAgM/5xtMqb9biR4/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>

<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<br/>
<a class="social-icons" href="https://www.facebook.com/SoftTechSpot"><img src="http://2.bp.blogspot.com/-0UOzHUdczG4/USDjuyJCndI/AAAAAAAAAY8/5nN8AcBcvHs/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/HKashifJaved"><img src="http://2.bp.blogspot.com/-H-E4Ll7i2-0/USDjw3bxgVI/AAAAAAAAAZc/a2kMp8rGRVU/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/b/100702882701565711888/100702882701565711888/posts"><img src="http://3.bp.blogspot.com/--KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://feeds.feedburner.com/SoftTechSpot"><img src="http://2.bp.blogspot.com/-kXhnrJzlA_A/USDju5hXjPI/AAAAAAAAAZA/x6NdMR0JFhQ/s1600/Bloggertrix-Rss.png" /></a>
<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=SoftTechSpot" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SoftTechSpot', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="way2usefulinfo" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div></div></div>

Replace all highlighted colors.

Done!!

Add Stylish Subscription Box With Social Media Buttons Below Each Post In Blogger

2013-06-10T03:59:00.003-07:00

Adding subscription box below your each post is another best way of increasing your blog subscribers. This widget comprises of a subscription box, RSS link, twitter link, facebook link, and google + link. It will appear at the bottom of your post and this is one of the best way to get your readers attention.

How To Add Stylish Subscription Box With Social Media Buttons Below Each Post In Blogger ?

First for All Go To Blogger.com > Design > Edit Html
Find <data:post.body/> Using

CTRL+F

Copy the code below and paste it just after <data:post.body/> tag

<b:if cond='data:blog.pageType == "item"'>
<style>
form.feedburner{
margin:20px 0 0;
display:block;
clear:both;
}
.RBstyle{
background:url(http://3.bp.blogspot.com/-pl1ECUAcVEQ/T4YS7ZgR_uI/AAAAAAAAB_k/R92yDhiO65Q/s400/email_icon.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.RBsubmit{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

#emailwidget-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#emailwidget-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#emailwidget-outer td{
padding:3px 0;
}
</style>

<center>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>

<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>

<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> <p style='color:#666; font-weight: bold; font-size: 22px; margin:0px 0px 5px 0px; '>Get free daily email updates!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=HashmiWorld4U', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='Realcombiz'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='RBstyle' name='email' onblur='if (this.value == "") {this.value = "Enter your email…";}' onfocus='if (this.value == "Enter your email…") {this.value = ""}' type='text' value='Enter your email…'/>

<input alt='' class='RBsubmit' title='' type='submit' value='Submit'/>
</form>
</td>

<td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Follow us!</p>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=HashmiWorld4U' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='http://3.bp.blogspot.com/-ShqPVqX-vhs/TqgOXX5m9WI/AAAAAAAAFCg/WFRLxQ4yjuM/s1600/rss-30×43.png'/></a>

<a href='http://twitter.com/HashmiWorld4U' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='http://2.bp.blogspot.com/-eVZSNf1mj_E/TqgOX_ldq1I/AAAAAAAAFCk/2wDDaA8esG8/s1600/twitter-30×43.png'/></a>

<a href='http://www.facebook.com/HashmiWorld4U' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='http://1.bp.blogspot.com/-sT9lHle5N54/TqgOWhi-amI/AAAAAAAAFCU/MwoQL3ZhEy4/s1600/facebook-30×43.png'/></a>

<a href='https://plus.google.com/104283015279880391921' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='http://3.bp.blogspot.com/-icT9kVFhtOs/TqgOXLJCbBI/AAAAAAAAFCY/pU4wo8HyHNI/s1600/googleplus-30×43.png'/></a>
</td>
</tr>
</tbody></table>
<div align='right'><span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://yaqoobzone.blogspot.com/2012/10/how-to-add-stylish-subscription-box.html' style='text-decoration: none;' target='_blank'><font color='#ffffff' decoration='none'>[Get this widget]</font></a></span></div>
</div></div>
</center>
</b:if>

Please Make These Changes :

Replace HashmiWorld4U,HashmiWorld4U with your feedburner username.
Replace HashmiWorld4U with your Twitter username.
Replace HashmiWorld4U with your Facebook Page username.
Replace https://plus.google.com/104283015279880391921 with your Google+.

Add Simple Subscribe Via Email Box Widget To Blogger

2013-06-09T12:58:00.002-07:00

Today tutorial is about how to add a simple subscription box to your blogger blog, in my previous post, i have drop a lot of tutorials on how to add a different customize subscription box to blog. One thing that i like about this widget was that, it look so simple, and you can implement it anywhere on your blog. Follow the few steps below on how to add the widget to your blog.

How To Add Simple Subscribe Via Email Box ?

First for All Go To Blogger.com > Design > Page Elements > Add a Gadget
Choose HTML/JavaScript from the list of the gadgets
Copy and paste the code below in the content box.

<style>
.rb-email{
background:url(http://4.bp.blogspot.com/_MbejYjGokMM/TSeZHmWJ6oI/AAAAAAAAALE/93ELYyzmi64/s1600/email.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.rb-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.rb-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:170px;
color:#666;}
</style>
<div class="rb-email">
Subscribe via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Yaqoobzone', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == "") {this.value = "Enter email address here...";}" onfocus="if (this.value == "Enter email address here...") {this.value = "";}" value="Enter email address here..." type="text" />
<input type="hidden" value="HashmiWorld4U" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="rb-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Replace HashmiWorld4U with your feed title/username

Add Flipper Sharing Widget Below Every Post In Blogger

2013-06-09T09:22:00.000-07:00

Hi Friends , Today our topic is about how to add flipper sharing widget below every post in blogger ? By adding this your readers will be able to share your blog on their favourite social media sites and you will be get more traffic and backlinks for those sites. Let's add it to your blog.

How To Add Flipper Sharing Widget Below Every Post In Blogger?

First for All Go To Blogger.com > Design > Edit Html
Find <data:post.body/> Using CTRL+F
Copy the code below and paste it just after <data:post.body/> tag

<style>

/*--------Flipper Sharing Widget ------*/
.flipper a {
display:block;
height:48px;
width:48px;
padding:0 4px;
float:left;
background:transparent url(http://4.bp.blogspot.com/-dlD3BDKTZjA/T9IuXkfhSeI/AAAAAAAAGno/s8BGOkjdwX0/s1600/flipper.png) no-repeat;
-webkit-transition: ease-in 0.15s all;
-moz-transition: ease-in 0.15s all;
-o-transition: ease-in 0.15s all;
-ms-transition: ease-in 0.15s all;
transition: ease-in 0.15s all;
cursor:pointer;
}

.flipper a.googleplus {
background-position: 0px -348px;
}
.flipper a.googleplus:hover {
background-position: 0px -406px;
}

.flipper a.pinterest {
background-position: 0px -464px;
}
.flipper a.pinterest:hover {
background-position: 0px -522px;
}

.flipper a.delicious {
background-position: 0px 0px;
}
.flipper a.delicious:hover {
background-position: 0px -58px;
}
.flipper a.digg {
background-position: 0px -116px;
}
.flipper a.digg:hover {
background-position: 0px -174px;
}
.flipper a.stumbleupon {
background-position: 0px -812px;
}
.flipper a.stumbleupon:hover {
background-position: 0px -870px;
}
.flipper a.technorati {
background-position: 0px -928px;
}
.flipper a.technorati:hover {
background-position: 0px -406px;
}
.flipper a.twitter {
background-position: 0px -928px;
}
.flipper a.twitter:hover {
background-position: 0px -986px;
}
.flipper a.facebook {
background-position: 0px -232px;
}
.flipper a.facebook:hover {
background-position: 0px -290px;
}
.flipper a.reddit {
background-position: 0px -580px;
}
.flipper a.reddit:hover {
background-position: 0px -638px;
}
.flipper a.rss {
background-position: 0px -696px;
}
.flipper a.rss:hover {
background-position: 0px -754px;
}

.Pleaseshare{
margin:10px 0px;
color:#333333;
font-weight:bold;
font-size:20px;
font-family:sans-serif;
}
</style>

<div class='flipper'>
<b:if cond='data:blog.pageType == "item"'>
<div class="Pleaseshare">
Please Share it! :) </div>


<a class='googleplus' expr:href='"http://plus.google.com/share?url=" + data:post.url' rel='external nofollow' target='_blank' title='+1 it :>'/>


<a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :>'/>


<a class='twitter' expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :>'/>


<a class='pinterest' href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :>'/>


<a class='delicious' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :>'/>


<a class='digg' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank' title='Digg this :>'/>

<a class='stumbleupon' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :>'/>


<a class='reddit' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :>'/>

<a class='rss' expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Bookmark plz :>'/>
</b:if></div>
<div style="clear:both"/>

To Change The Color Of The Text That Appears On The Top Of The Widget Edit #333333

Add Related Posts Widget For Blogger With Thumbnails

2013-05-30T22:56:00.002-07:00

Are you looking to increase page views of your blog? This should be a must have widget for your blogger blog. Related Posts with thumbnails is not just a one more related posts widget. This widget really looks good with the content and thus adds something worth to the overall design of your template. It helps your readers to go through the similar posts they were reading and so helps to decrease your bounce rate by increasing page views.

By displaying the links to related posts along with a thumbnail of the corresponding post will help you increase the page views/user .Users will be tempted to go for the related posts when they are presented attractively with thumbnails.

In this post we will go through the steps of adding the Related Posts Widget with thumbnails for Blogger. Ready to add to your template? Go through the steps below.

How To Add Related Posts Widget For Blogger With Thumbnails

First for All Go To Blogger.com > Design > Edit Html
Find </head> Using CTRL+F
Copy the code below and paste it just after </head> tag

<b:if cond='data:blog.pageType == "item"'><style type="text/css">#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}
#related-posts h2{font-size: 1.6em;font-weight: bold;color: black;font-family: Georgia, “Times New Roman”, Times, serif;margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em;}#related-posts a{color:black;}#related-posts a:hover{color:black;}
#related-posts a:hover {background-color:#d4eaf2;}</style><script type='text/javascript'>var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";var maxresults=5;var splittercolor="#d4eaf2";var relatedpoststitle="Related Posts";</script><script src='http://beautifulbloggerwidgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/></b:if>

Now find the following code:

<div class='post-footer-line post-footer-line-1'>

If you can't find it, then search for this one:

<p class='post-footer-line post-footer-line-1'>

OR:

<data:post.body/>

Copy the code below and paste it just after <data:post.body/> tag and save your template.

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://beautifulbloggerwidgets.blogspot.com/' ><img style="border: 0" alt="Blogger Widgets" src="http://2.bp.blogspot.com/-Hn8-zTJf3L0/T9cqAcnrfJI/AAAAAAAAAGM/5gBy5_MPPBQ/s1600/blogger-widgets.png" /></a>
</b:if></b:if>

Change the 6 value from max-results=6 with the number of posts you want to be displayed.

How To Show Adsense Ads Between Post Title In Blogger ? Two Methods

2013-05-22T20:35:00.002-07:00

Hello Readers!
Today I am going to share with you a small tip that how to add adsense inside your blogger's blog. Mostly people think that thay earned not too much from adsense and they want to earn more from adsense , so Guys follow this
small trick and get a chance to earn more from blogger's blog .

How To Show Adsense Ads Between Post Title In Blogger ?

Method no 1:

First of all goto this link and convert your adsense code: http://htmlentities.net/
Find <data:post.body/> using CTRL+F
Now paste the following code above "<data:post.body/>"

<div style ="float: left; margin 10px 10px 10px 0px;">

YOUR ADSENSE CODE HERE</div>

Replace "YOUR ADSENSE CODE HERE" to your converted code

All done!

If this method is not working try Method No 2:

Method No 2:

First of all goto this link and convert your adsense code: http://htmlentities.net/
Find <div class='post-body entry-content'> using CTRL+F
Now paste the following code above "<div class='post-body entry-content'>"

<b:if cond='data:blog.pageType == "item"'>

<div align='left'>

YOUR ADSENSE CODE HERE

</div>

</b:if>

Replace "YOUR ADSENSE CODE HERE" to your converted code

All done!

Take care friends

How To Add Facebook Like Box In Blogger Blog

2013-05-19T09:10:00.000-07:00

Hello Readers, Today we will learn how to add a facebook like box in Bloggers Blog. Social networking websites like Facebook, Twitter and Google+ are providing the custom follow and like boxes which helps every blogger in many ways. Now social networks are one the most important part of blogging. Facebook like box help you to extend your reach and connect to the audience by proving them a mean to join you on facebook. It does not only help you to grow your community but traffic as well. Every blogger knows the importance of social networking websites for referral traffic.

When you start your Facebook page you ask your friends and family members to like it and after that it all depends upon the content you write. If people like your content they will voluntary like your Facebook page. But still you need to provide them with an easy method of doing this. Facebook like box allows your visitors to join you easily and they don't have to find you manually. Facebook developers have made this thing very easy to integrate a Facebook like box in to your Blog by adding a few lines of code in it. No let us take a look at the steps you need to follow.

How To Add Facebook Like Box In Blogger Blog.

This process includes the editing of your Blog's template, so it is recommended to take a backup of your Blog. First click on the template from your Blogger Dashboard. Then click on Backup/Restore and download the template from the pop-up window.
Now that you have taken the backup, you are ready for the process. Visit the FacebookDevelopers.
You will see a window like the one shown below.

Customize the look and feel, height, width of your Like box from this window.
Uncheck the show stream if you don't want the latest posts with this widget.
Uncheck the header checkbox if you don't want to display "Find us on Facebook".
Once you are done with the customization, click on Get code. It would pop-up a window like the one shown below.

Click on Edit template from the Blogger dashboard. Copy the code 1 from the above window and paste it just after the <body> tag.
Now save the template and click the Layout button.
Click on add a gadget from your sidebar. Add HTML/JavaScript gadget and Paste the code 2 in it.
Now you are done. Save the arrangement and click on View Blog.
You just added a Facebook like Box in your Blog. If you need any help you can comment here. You should also see other Blogging and SEOtips on Unziptech, it will help you improve your Blogging experience.
If you like my work; you can show your regards by hitting Facebook like button, following us on Google+ or Twitter, stumbling our posts on stumble upon or giving us a link back via the links below. Stay tuned for more tech updates.

Trick To Block Websites Without Any Software On Windows Computer

2012-12-22T10:29:00.001-08:00

Hi friends! You can use simple trick to block undesirable Websites without using any software but by using a very handy feature available in all versions of windows. So you can block undesirable websites at schools, colleges or offices to avoid unwanted websites browsing.
For this, you just need to edit windows hosts file to block undesirable websites without installing any extra software on your windows computer. Later on you can unblock these blocked websites as per your choice. Just follow simple step by step tutorial to block or unblock website on your windows computer as explained below.

For example you want to block website named www.yahoo.com
Go to My Computer and open the path as C:\WINDOWS\system32\drivers\etc
Here You will see a file named as hosts.
Right click on this file and select open with as Notepad.
You will see some text as show in below images.

Just below line 127.0.0.1 localhost Add another line 127.0.0.2 www.yahoo.com and so on to block more than one website.

Save the file. If you are not able to save this file, just save this file on desktop of your computer.
Now delete old hosts file from etc folder. Cut the new hosts file from desktop and paste in etc folder in place of older file.
Open any browser on your computer and try to open that particular website. You will see that website is not loading on your windows computer. Also you can unblock that website by just removing new added text line from hosts file.
In this way, you can block undesirable websites on your windows computer without using any software.

How To Make Screen Shot In Windows 7 And Windows XP Without Any Software

2012-12-22T07:24:00.000-08:00

Hi friends!All Have you ever noticed, what is the purpose of the PrtSc key given on keyboard ? Generally computer users consider this key as extra without any utilization. Most of the computer user are not aware about the functions of this key. In fact this key can perform some very interesting tasks on your computers. This key can be used to take or capture screen shot of active window in Windows 7, Windows XP, and Windows Vista. You can easily edit this screenshot to apply some formatting with the help of other utilities like MS Paint.
Although Windows 7 and Windows Vista has one new tool introduced by Microsoft for taking screenshots of any Active window on your computer called Snipping Tool. But this tool has some shortcomings like it can not take screenshot of Menus opened as displayed on the image given below.

But PrtSc key can take screen shot of Menus opened unlike Snipping tool as well. This Key used to take screen shot need very little knowledge of computers. Also this task takes less than one minute to take screen shot of any active window on your computer.

Steps to capture screen shot without any software.

Open the window to which you want to capture.

Press PrtSc key on your keyboard. This will copy the screenshot of active window to clipboard on your computer.

Open any Image Editing application like Paint.

Click anywhere in the field of newly opened image editing application.

Press Ctrl+V or Select Paste from Edit Menu.

This will paste the captured image in Image editing application. Now you can edit this screenshot like any other image with the help the Image editing application opened by you.

Also you can save this screenshot in any format.

How To Move Blogger Account To Another Account

2012-12-01T02:06:00.001-08:00

Hi friends! You want to change Email account associated with your blogger account. You can easily transfer blogspot blog in new email address to move your all blogs. We all Know that blogger is one of the most popular blogging platform on internet. It provides great features required to run a successful blog. Blogger provides a free blogging platform to learn basics of blogging. Sometimes you need to change Email account associated with your blogger account. If you are already running some blogs on blogger account and it is not possible to start a new blogger account with new Email. So you need to transfer old blogger account to new Gmail account so that all blogs associated with old blogger email account are not affected. You can continue blogging on your blogger account now associated with new Email account without loosing valuable visitors. This will save your much precious hard work done on already running blogs. You can move blogger account to new Email account in simple steps as given below: -

Log in to your old blogger account.
Click on settings in dashboard.
After this click on Permissions tab.
You will see list of blog authors associated with your blogger account. Just click on ADD AUTHORS
Enter your new Email address and click on invite.
Open Gmail and log in to your new Email account to open inbox.
You will see blogger Email invitation in your second email inbox. Click the link to activate it and you will be logged in to your blogger account.
Now log in to blogger account with your old email account.
Go to Dashboard >> Settings >> Permissions, Provide admin permissions to your new email added.

Now you have successfully added two email accounts with blogger account. Now you can manage blogger account with two email accounts or you can delete earlier email address from the Blog authors list. So your blogger account will be linked with new Gmail email account automatically.
In this way you can move blogger account to new email address. So enjoy blogging with new email account in your blogspot blog account.

How To Stop Blogger Country Specific URL Redirection.

2012-12-01T02:01:00.001-08:00

Hi friends!Recently Blogger, a popular blogging platform has introduced Country Specific URL redirection. Due to this redirection same blogspot blog name.blogspot.com will be opened with name.blogspot.in in India and name.blogspot.ca in Canada. This redirection is called 302 Redirect, means country specific redirection not 301 that is a permanent redirection.
This country specific redirection may be introduced by blogger to monitor blogger blogs more effectively. For example blogger can block a specific blog in a particular country only, by using this country specific redirection. But the same blog will be accessible in other countries at the same time.

Besides if you are running a blogger blog, this redirection may have some disadvantages also like -

Your blog Social stats like Facebook likes, Twiter counts may vary for different country specific blogspot URLs.

If somebody link to your country specific URL. This will not give Google backlinks juice to your blogspot.com URL properly.

So you need to stop country specific blogger url redirection to make your blogger blog more seo friendly. For this purpose, You can use simple script to stop blogger country specific url redirection as explained in this article.

Steps to stop Country Specific URL redirection for blogger blogs

Step1 – Go to your blogger dashboard. Go to template option for that particular blog for which you want to disable country specific url redirection.

Step2 – Click Edit HTML and Proceed. Press Ctrl+F and type </head> and hit Enter. Just paste the below given script code above </head> tag and Save Template.

<script type="text/javascript">
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
if (ctld != ".com") {
var ncr = "http://" + blog.substr(0, blog.indexOf("."));
ncr += ".blogspot.com/ncr" + slug;
window.location.replace(ncr);
}
</script>

Now your blogspot blog will be opened with blogspot.com url every time in all the countries. You can see the changes in action. Put your blogspot blog url in address bar and hit enter. Now you will see your blogspot blog is not opened with country specific url this time.
In this way you can stop blogspot country specific URL redirection for your blogger blog.

How To Publish Blog Posts To Google Plus Directly

2012-12-01T01:47:00.002-08:00

Hi friends! Google Plus has gained much popularity in such a short period. Google Plus provides vast Variety of features to share your thoughts with others. Today Google plus is considered among the top social media web applications like Facebook or Twitter. Google plus enables you to connect with your friends or readers. You can easily create your own community to share your thoughts among friends or readers with Google Plus.
But if you are a blog writer, then it becomes very essential to create your own Google Plus community of followers like Facebook or Twitter followers. Which provides more exposer to your blog and enables you to spread your blog to more readers. It also helps to provide latest blog post updates to your blog followers. This automatically results in more traffic to your blog.

When you write a new post it can be published on your blog Facebook Fan page and Twitter Profile automatically with the help of some application or services available online. But you can hardly find any application or service on present time, which can auto publish your blog posts directly to your Google plus page just after publishing. But with the help of tutorial give below, you can easily publish your blog posts titles to Google Plus page directly for any blogger blog. There is no need to leave your Blogger Dashboard or login to your Google Plus account to publish a new post. You can easily publish new blog post to Google Plus page in easy way directly from your blogger dashboard.
Keep in mind this works only if you have activated New blogger interface for your blog. If you are using old blogger interface, then firstly switch to new blogger interface to use this feature. Also this method can publish only blog post title to your Google plus page.

Log in to your Blogger Account.
Go to Posts tab for your blog from Drop-down menu in blogger Dashboard as shown in below image.

You will see all your blog posts, published as well saved in drafts.
Just Hover over the post title which you want to share on Google Plus page.
You will see a share link just below each blog post as shown in image below.

Click on share link.
This will open a pop up window as show in image below.

It will also show the title of your blog post which will be published on Google Plus page.

Add people and circles to which you want to share this post from drop-down list opened.

You can also publish any message or comment in above box which you want to share with your readers or friends along with this post. You can share post with public, Friends,Followings etc.

In last just Hit share. That is it, you’re done. You have successfully published a blogger blog post to Google Plus page directly.

How To Reset Lost Administrator Password In Windows XP ANd Windows 7

2012-12-01T01:37:00.002-08:00

Hi friends! Unfortunately If you forgot your windows XP or windows 7 administrator password, you want to reset windows xp, windows 7 password. Here is the simple trick for this purpose.

Firstly restart your computer and keep on pressing F8 key as the computer starts. Then windows xp or windows 7 will display some modes in which you can start your windows xp. You should start windows XP or windows 7 in safe mode.
After starting windows XP or windows 7 in safe mode, Go to start >> Run.
Type the following text without the quotes in the Run “control userpasswords2“
Now you will have full access to all user accounts on your computer including Administrator account.
Just select Administrator user account and Select the option Reset password.
Just enter the new administrator password and confirm the same password. Finally press OK.

In this way, you will be able to log in to your computer if you have lost your Windows XP or windows 7 administrator password.

How to Enable Task Manager on Windows XP And Windows 7 Computer

2012-12-01T01:31:00.004-08:00

Hi friends!Here we will share simple trick to Enable or disable Task Manager on Windows XP and Windows 7 computer. Sometimes task manager gets disabled on your computer accidently or due to any virus. You are unable to access task manager by pressing Ctrl+Alt+Delete. Which can create much inconvenience on your computer. Like You can not close non responding applications on your computer by using task manager.
Although you can read our another post Windows – End Not responding applications without Task Manager but If task manager is disabled on your computer, you will not be able to collect other valuable information provided by task manager.

Go to Start >> Run You can also press Windows key along with R to access required menu.
Type regedit in Run. If windows prompt for your permissions to open registry editor, click yes.
Now Navigate in registry editor as HKEY_CURRENT_USER >> Software >> Microsoft >> Windows >> CurrentVersion >> Policies >> System
Find DisableTaskManager or DisableTaskMgr (Windows 7) in right hand side panel.
Double click on this value. It will open a window as given below.

Change Value data as 0 to enable task manager. But if task manager is already enabled on your computer and if you need to disable task manager you can change this value to 1 to disable task manager.

Finally hit OK. Now press Ctrl+Alt+Delete. Now you will be able to access task manager on your computer.

In this way you can enable or disable task manager on your Windows XP, Windows 7 and other windows versions computer as explained in this tutorial.

Simple Trick to Make Windows Computer Startup Faster

2012-11-30T23:36:00.003-08:00

Hi friends!There is a simple trick to make your Windows XP, Windows 7 computer startup process faster. Your computer will take only 10 seconds to complete startup process after implementing this trick on your windows computer. Generally a windows XP computer takes some time to complete startup process. Besides Windows 7 computer takes more time comparatively. You have to wait while starting your computer so that it completes startup process then you can continue your work.
Earlier we have discussed simple trick to Shut down computer instantly. There are simple settings in Windows XP, Windows 7 computers called StartupDelay which is set up to higher value by default. This causes some delay while making startup process on your computer. But you can assign lower values to make windows startup process faster.
You can follow simple steps given below to make your windows XP, Windows 7 computer startup process faster: -

You will see a key named StartupDelay in right hand side panel. Double click on this key.
A new pop up settings window will open. By default, Here Value data is assigned some higher value which makes windows startup process slower. Change value data to some lower value like 30000.

Now press OK.

Second Step.

Your computer initiates some processes automatically while starting windows. These programs takes some time to start and can make windows start up process slower. You can disable these extra programs which will not start automatically on windows startup.

Just follow these simple steps to disable extra programs: -

Go to Start >> Run
Type msconfig in it and press Enter.
A System Configuration settings windows will open. Go to General Tab and select Selective startup, Load System Services and Load startup items.
Now go to Startup tab. Deselect some applications or programs which you don’t want to start automatically on windows startup.

Finally press Apply and OK.
Reboot your computers. Now It will start in approximately 10 seconds.

In this way you can make your windows computer startup process faster which will take only 10 seconds to complete startup process.

How to Disable Command Prompt (CMD) on your Windows Computer

2012-11-30T23:32:00.002-08:00

Hi friends! You can easily Disable Command Prompt in Windows XP, Windows 7 computer. Command Prompt provides some great and must have features on any windows based computer like you can use CMD to execute batch files, ping remote servers etc. Besides these beneficial features sometimes Command Prompt can also be used by anybody stranger to harm your computer when you are sharing your PC with other users.

To overcome these problems, you need to disable Command Prompt on your computer. So you can follow these simple steps to disable command prompt on your windows computer as given below: -

Go to Start >> Run or press Windows key along with R
Type regedit in Run and hit enter.
Browser as Local Computer Policy >> User configuration >> Administrative Templates >> System
You will see an item named Prevent access to the command prompt as shown in below image.

Double click on this value. This will open a pop up window.
Select Enabled tab from this window to disable command prompt on your windows based computer.
Restart your computer. Now command prompt will be disabled on your computer.
In this way you can disable command prompt on your Windows XP, Windows 7 or Windows Vista computer to make its more secure.

How to Enable or Disable any Button on Ctrl+Alt+Del Options Screen

2012-11-30T23:24:00.003-08:00

Hi friends! All Windows user are well familiar with Ctrl+Alt+Del button functions on Windows computer. Ctrl+Alt+Del options can be accessed in all versions windows XP, Windows 7 and Windows Vista by pressing these three keys simultaneously. These options provide various functions like Lock computer, Log Off, Shut down, Change password and task manager etc. These functions provide various features to run any windows computer more effectively.

Related: - Enable Registry Editor on Windows Computer 100% working.

Sometimes you want to edit Ctrl+Alt+Del settings to enable or disable any of these different functions from the Ctrl+Alt+Del options screen. Your purpose may be for fun or for security purposes.

To implement this trick you need to follow simple steps as given below to edit Ctrl+Alt+Del options on your windows computer: -

Go to Start >> Run
Type regedit in Run and hit Enter
Browse as Local Computer Policy >> User configuration >> Administrative Templates >> System
You will see and item named Ctrl+Alt+Del Options in the right hand side panel. Double click on this item.
Now you will see other items as Remove Change Password, Remove Lock Computer, Remove Task Manager. Remove Log Off etc.
Double click on any one item which you want to edit in Ctrl+Alt+Del options.
A new pop up window will open. Just select Enabled tab to remove that specific button from the Ctrl+Alt+Del options or Vice-versa.
Restart your computer to see the changes.

In this way you can enable or disable different buttons on Ctrl+Alt+Del options screen for fun or for improving security on your Windows XP, Windows 7 or Windows Vista computer.