Home » Archives for October 2013
Metro Minimalist is a unique professional Blogger Template hosted on Btemplates.com. The Template is very popular due to its several gusty features. Beautiful color combinations along with Social media icons widget is embedded into it. The template has 2 columns, Awesome Glowing menu at the top, footer columns, post thumbnails. The template has threaded comments style and breadcrumbs. Moreover, the template looks very unique due to its Simple look. From its uniqueness point of view i would rather give you the suggestion to use this template as a blogging niche. However, it depends upon you how you think :)
Metro Minimalist
If you are in search of professional and unique Blogger Templates then follow the below link:
Facebook Likes Light Box: Facebook being the NO.1 ranked site in the world is making things very simple for peoples day by day. They are mixing up things in Facebook from A__Z. This time Facebook developers have launch an aweome Facebook likes Lightbox which has really best features than its previous like boxes, Such as Facebook Static like box and Floating Facebook like box.By embedding this widget on your blog you will be able to see a widget while your blog loads, the widget tends to be there for 10 secs, and then it just dissapears without boring your visitors or forcing them to likes.
How To Add Facebook Likes Lightbox To Blogger
- Visit Blogger Dashboard.
- Now click on your site.
- Then click on layout tab there.
- Now click on the Add a gadget Link there.
- A box will pop up, Now copy the below code and paste it inside that box.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#fanbox {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxFarHY70Lb_WC1YrU4bAR8uDtgmkdbF6V_Nz7qqcXjPwUDWI7Nl7eYdGAnkddfjnttUv8GctDokua9IXSStAFmpR7PmEnM7QsXgAmGdUUYn8FJ2G2pUJTjdF82Jl1D-i5ETNfjWHXAPif/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(100).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'><div id='fan-exit'></div><div id='fanbox'><div id='fanclose'></div><div class='remove-borda'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/pages/Trickspunch/1397531987130417?ref=hl&width=402&height=255&colorscheme=light&show_faces=true&border_color=%23E2E2E2&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div></div>
- Now change the Text in red to your Facebook page Address.
- Thats it, Save that gadget.
- See the change with Facebook likes Lightbox.
If you have any problems while implementing this tutorial, ask us through the comment box we well help you! What are you waiting for just add it and enjoy getting more likes
MBT Professional Menu Bar: We have recently teach you How to add Glowing Horizontal Menu bar to Blogger, and simple black Horizontal Menu bar to blogger. But today we come over here with totally unique and professional stuff. Yeah, We are going to teach you How to add MBT Professional Menu bar to Blogger. We all know that MBT is a very professional website and peoples are very inspired of it!So looking at the trend, I have think of creating this Menu bar. So let me teach you how to do this Tutorial. How To Add MBT Professional Menu Bar To Blogger
- First of all Go To Blogger Dashboard.
- Now click on the Template>> Edit HTML tab as shown below.
- Proceed in the Template coding and search for the ]]></b:skin> tag.
- Now copy the below code and paste it below ]]></b:skin> tag.
#Main-Menu {
float:right;
width : 1018px;
height : 70px;
margin : 0 auto;
padding : 0px 0px 0px 0px;
}
#Main-nav {
margin : 0px 0px 10px 15px;
padding : 10px;
}
#Main-nav ul {
float: left;
list-style: none;
margin: 10px auto;
padding: 0;
}
#Main-nav li {
list-style: none;
margin: 17px -10px 0px 0px;
padding: 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikJPykOfI-QhUck7s7NgNO0pbPRYRUfY9BrAfBR3x5E_d3BTqQhqYULi4BCdruYs-AWkMXCIOsUIzFJKChewqK94rm-Yoof1KZ_PMlSAenGjHNQ1he2do-0RexbY-cfdSb_PYP9dGUGRjk/s320/menu-bg.png) no-repeat;
background-position: 0px 0px;
width:169px;
height:42px;
float:left;
}
#Main-nav li:hover {
background-position: 0px -52px;
}
#Main-nav li.highlight {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZkWwKK-ymei8DwJPg6NxaNgnOAULKI0za7jauC1s0c-N2tN1BGdE1VJ2SRcJkXVgCs0jkwSVkAK15gkBpiy6BzqFnHyDMhPY_83eOZYTpncXJdlwLLbeu_X4XWCNgC-tZKNz-nECSlUjK/s400/menu_button_white.png) 0px 0px no-repeat;
}
#Main-nav li.highlight a {
color: rgb(51, 51, 51) !important;
text-shadow: 1px 2px 1px #9E9E9E !important;
font-size: 12px !important;
font-family: arial;
font-weight: bold;
text-transform: none;
}
#Main-nav li a{
color: #FFF;
display: block;
font-size: 12px;
font-family:arial;
font-weight: bold;
text-transform: none;
margin: 0;
padding: 15px 0px 9px 60px;
text-decoration: none;
text-shadow:1px 1px 3px #333;
letter-spacing:0.09em;
}
#Main-nav li a:hover {
color: #333;
text-shadow:1px 2px 1px #9E9E9E;
}
- Now save your template!
- If you do the above steps, then click on layout.
- Click on Add a gadget link.
- Now select HTML JavaScript gadget from the gadget list as shown below.
- A box will appear, now copy the below code and paste it inside the HTML JavaScript gadget.
<div id="Main-Menu">
<ul id="Main-nav">
<li><a href="#"> Home</a></li>
<li><a href="#"> Make Money</a></li>
<li><a href="#"> SEO</a></li>
<li><a href="#"> Web Hosting</a></li>
<li><a href="#"> Blogging</a></li>
<li><a href="#"> Widgets</a></li>
</ul>
</div>
Customization Before Saving
- Now Replace the # with the URL,s you want peoples to recirect.
- Also change the Text in green to your desired text you want to show on the menu bar.
- Now hit the Save button.
- you are done say Bingo.
If you face any problems while adding this widget to your blog ask us we are here to solve your problems!
Divinity Blogger Template: SEO Blogger Template has launch an awesome template recently they name it divinity blogger Template. The template is very simple cleanly coded, neutral colors combinations along with many customized widgets. According to its author this template is most suitable for Tech related niche, News, Blogging Niche. This template is SEO ready and ads ready giving you the more unique features! Divinity Blogger Template
Key Features of Divinity Blogger Template
- Beautiful ad unit place along side header.
- Simple and clean professional look.
- SEO ready template.
- Top navigation menu bar
- Social sharing Buttons
- Numbered page navigation.
- Customized popular posts widget!
- Threaded comments style
- Work with all kind of browsers
- Beautiful Title logo.
Floating Facebook Like Box for Blogger: As by the saying " Sharing is caring" every one needs to share their posts on the social media sites. Sharing your posts to social media not only increases your Blog readers or fans But also it put a good impression on search engines when a specific post you share on those social media sites is liked by peoples. However Facebook and Bloggers have made it simple for you to share your post to those social media sites, one is Social media icons through which you can easily share your posts and the other source of getting Fans is the Facebook Like box For your Blog. But that like box was static.Today we are here with totally different stuff, we are going to post Floating Facebook Like Box for Blogger. Actually by adding this widget, a Facebook like box from the right corner will pop out, which looks very cool. This effect is designed using jQuery. So lets do it!Floating Facebook Like box
How To Add Floating Facebook Like Box To Blogger
Adding This widget is very simple just follow the below easy steps with images to embed this Tutorial on your personal Blog.
- First of all Go to Blogger Dashboard.
- Then click on your Blog.
- Now click on the Template tab as shown below.
- Now click on the Edit HTML tab as shown Below.
- Proceed in the HTML coding.
- Now search for the </head> tag in the template coding ( by pressing CTRL+F you can find).
- Now copy the below jQuery script and paste it above the </head> tag.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
- Now save your template!
- If you do the above steps, then go to Layout tab .
- Click on the Add a Gadget link as shown below.
- A list of gadget will appears, select the HTML/Javascript gadget from that list as shown below.
- A box will appears, Now copy the Below script and paste it in that HTML JavaScript box.
<a href="http://trickspunch.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a><script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipZ3vmLsjE9pWzLmYNMXefxJmCOxodDUxwv0eiohu3WGHfxxtOKsDiW0jk2aMzgpnW5bXJmjxW72KbGzYTFdJp-Sbywp3i9pyBR2FvLFPX4gOhekGY1DYyPrQe0tTYt-bhyphenhypheno5mt3aeLHe0/s1600/facebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Trickspunch/1397531987130417?ref=hl&width=245&colorscheme=light&show_faces
=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span> / <a href="http://trickspunch.blogspot.com/2013/10/facebook-like-box.html">Get This Widget! </a></span></div></div>
</div>
Customization Before Saving
- All you have to do is, change the text in red to the Facebook page address of your page.
- Now that's it! Click on the save Button.
- If you have any problem while adding this widget to your Blog simply share your problem with us through the comment box, it will not spoil up! We are always here to solve your problems!
Subscription Box Below every blog post: We have recently teach you how to add Multi color subscription widget to blogger, and a lot of our visitors take benefit of it. But today we comes off with totally different stuff! Cool subscription widget below ever blog post, yeah. By adding this widget your blog readers will be able to see subscription widget below every blog post, and they can subscribe you through that widget, it should be noted that the widget today I am going to share is completely different from other widgets.How to add subscription widget below every blog post
- First go to blogger dashboard.
- Click on the template tab.
- Click on the edit html tab there.
- Now search for the ]]></b:skin> tag.
- Now copy the below code and paste it above the ]]></b:skin> tag.
#subscriptionwrap {
float: left;
width: 600px;
background: #e9e9e9;
padding: 15px;
border: 1px solid #ddd;
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4); -moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4); box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);
}
.subscriptionbox h4 {
font-size: 38px;
font-family: 'Verdana', Arial;
font-variant: small-caps;
margin: 0 auto;
text-align: center;
line-height: 30px;
color: #333;
font-weight: 600;
text-shadow:1px 1px 5px #333;
text-decoration: none !important;
}
.subscriptionbox p {
font-family: geogia;
font-style: italic;
font-size: 26px;
text-align: center;
margin: 0px;
line-height: 30px;
margin-top: 25px;
border-bottom: 1px solid #333;
color: #454545;
padding-bottom: 20px;
}
.emailbutton1 { background:#f7f8f9; background:-webkit-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%); background:-moz-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%); background:-o-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%); background:-ms-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%); background:linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#f7f8f9",endColorstr="#e9e9e9",GradientType=0 ); border:1px solid #ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0 auto; margin-left: -10px; -webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4); -moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4); box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4); color:#888 !important; text-shadow:0 1px 0 #fff; line-height:1.1; top: -1px; cursor:pointer; padding:22px 15px 19px 15px !important; font-size:14px; font-weight:bold; text-decoration:none !important;}
.emailbutton1:hover, .formbutton:hover{ background:#f1f1f1; background:-webkit-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%); background:-moz-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%); background:-o-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%); background:-ms-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%); background:linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#f1f1f1",endColorstr="#e0e0e0",GradientType=0 ); text-decoration:none !important;}
.emailinput1{ height:40px; margin:10px 0 0 0px; padding:8px 40px 8px 10px; border: 1px solid #d2d2d2; background:#fff; font-family:georgia; font-style:italic; font-size:16px; color:#949494; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.emailinput1{ padding-right:30px !important; width:450px !important;}
- If you do the above steps, then search for the tag or If you find any of the tag, then copy the below script and paste it below the above any tag you find.
<div id='subscriptionwrap'>
<div class='subscriptionbox'>
<h4>Ready To Be Make <strong>Elegant Blog</strong></h4>
<p>Subscribe to Trikcspunch to enjoy Free Tricks</p><center>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=trickspunch", "popupwindow", "scrollbars=yes,width=550,height=520");return true' target='popupwindow'>
<input name='uri' type='hidden' value='trickspunch'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='emailinput1' 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 class='emailbutton1' title='' type='submit' value='SignUp'/> <a target="_blank" href="www.trickspunch.blogspot.com"> Widget by Trickspunch </a></form>
</center>
</div>
</div>
Customization
- Now change the text in red to your desired text you want to display.
- Change the text in Green to your feeds URL.
- Thats it1
- Save your template
- If you have problems while adding this cool widget simply ask us we are here to help you up!
Geekism Premium Responsive Blogger Template: If you are looking for a professional responsive blogger template then you are at the right place at the right time, the template I am going to share is responsive as well as Premium the template is design by seo blogger templates you can download this template free on our blog.Geekism Responsive
Features of Geekism Blogger Template
- This template has responsive design.
- Professional look.
- Beautiful color combination.
- Seo ready.
- Comments smiley.
- Posts with labels.
- Advance admin panel.
- Grid styled.
- Beautiful customized widgets.
- Cool navigation bar.
- Work with all kind of browsers responsively.
Elegant Photography Blogger Template: SEO Blogger Templates has recently launched an awesome photography blogger template on the request of their visitors. This template has no sidebar, Cool black navigation bar on the top of the template. The template is image friendly means that it ideal for photography related blogs. Moreover, it depends upon you for what purpose you use it. The template has no sidebar, clean coding, auto resize image script is added to its coding to make it look very awesome.Elegant Blogger Template
Features of this Template
- Grid layout.
- Top black navigation bar.
- Neutral or beautiful color combinations.
- No sidebar.
- Perfect for photography related blogs.
- Awesome layout.
- Same size image script.
- Pure and neat coding.
- Beautiful title and description style.
- Seo ready blogger template.
- Ads Ready.
Perfect Blogger Templates: Here we are presenting you some incredible perfect blogger templates, no one is perfect as somone says, its true, yeah. But these templates are perfect. All these templates comes with gusty features which makes these templates magnificence templates. Many customized widgets along with beautiful color combinations techniques have been implemented in these templates which just make it perfect for Google to be optimized. Moreover, you can download these templates free from our blog.No. | Templates Name | Demo | Download |
1 | Super SEO | | |
2 | Sensational | | |
3 | Mashable | | |
4 | Hi Tech | | |
5 | Blogify | | |
6 | Web Mag (Bonus) | | |
What are you looking For?
All these templates are seo friendly, professional you can say it is perfect! So download any template for free from our blog. If you have any problem while doing any sort of activity regarding blogging simply ask us we are here to solve your problems. Thank you! Happy Blogging
Kontify Magazine blogger template:kontify is a new free professional magazine style blogger template design by Ali bajwa. This cool template has awesome design with a nice drop down menu just below the header region. Moreover, the template is cleanly coded, means that it loads faster. The template has beautiful share buttons, and awesome styled label widget which add 5 star to its to beauty. This template is SEO optimized, ads ready, beautiful neutral colors, and beautiful borders and clean css which is the cause of its faster loading.According to its author this blog is ideal for News blogs, tech blogs, Games blogs.Kontify Magazine
Demo Download
Template Credit
Template: Kontify
Author:Ali Bajwa
Template Source: Templateify
Style Magazine
Release date: 20,sep 2013
Codify Magazine Blogger Template: Codify is a new professional Template design by Templateify, according to its author this template is ideal for coding blogs, news blogs. This template has cool features including cool notification bar. The template is cleanly coded and loads very faster. This template is fully optimized by search engines means that it is SEO friendly. You can easily add meta tags from the header region in the template coding. Codify template has a notification bar.
Codify
Template Credit
Template:Codify
Author:Templateify
Style: Magazine and Blog
Release date: 28,Sep 2013
License:Creative common attribution 3.0
How to Install Blogger template
Follow the below link to see the complete tutorial how to install an blogger template
Windows Xp themes: With the passage of time peoples are becoming more innovative, they customize things from A-----------Z. Same is the situation over here in the PC world. Peoples have customize their pc completely. For pc which doesn,t support windows 7, we can install windows 7 theme on it and can have a good look like windows 7.I have search internet a lot and i found some best Windows Xp themes, here are the Top 10 windows Xp themes which will absolutely shine up your pc with innovation. So following are those Awesome Windows Xp themes.
1) Water Color Windows Xp theme
2) Aurum Vista 1.1
3) Delta Vs window Xp theme
4) Duo- A mixture of Vista and MAC
5) Ubuntu Xp Theme
6) Animus-A mac like Theme
7) Leapard X windows XP theme
8) Vista Perfection X4 Windows XP theme
9) Slan Xp Windows XP theme
10) Last- GAIA Simple XP theme
Stylify Your PC
Select one of the above theme and download it to stylify your Xp window theme. If you have problem installing the Themes then follow the Below link:
