Releasing "Blue Chromeat" Blogger Template Free Download

I am glad to introduce you a new stylish blogger template which include many option that you must install it on your site. This template is totally designed by me, and its name is "Chromeat". I am adding total chrome app which looks like google chrome application site.

                                             

• Simple upload the template to your blog by clicking on Template >> backup/restore at right corner of blog.
• Here is how to add the social media button to this theme. (If not attached)
• Simple add the gadget with name of social media and add the following code in it (It will also add the facebook popup box)

<br /><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher: "ur-4606843f-e44e-f2e0-6f9f-2f782841eafc", doNotHash: true, doNotCopy: true, hashAddressBar: false});</script><span class='st_facebook_large' displaytext='Facebook'></span><span class='st_twitter_large' displaytext='Tweet'></span><span class='st_googleplus_large' displaytext='Google +'></span><span class='st_linkedin_large' displaytext='LinkedIn'></span><span class='st_digg_large' displaytext='Digg'></span><span class='st_stumbleupon_large' displaytext='StumbleUpon'></span><span class='st_pinterest_large' displaytext='Pinterest'></span><span class='st_reddit_large' displaytext='Reddit'></span><span class='st_myspace_large' displaytext='MySpace'></span><span class='st_technorati_large' displaytext='Technorati'></span><span class='st_delicious_large' displaytext='Delicious'></span><span class='st_blogger_large' displaytext='Blogger'></span><span class='st_tumblr_large' displaytext='Tumblr'></span><span class='st_orkut_large' displaytext='Orkut'></span><br /><br /> <style> /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#000;opacity:0.5 !important;} #colorbox{ box-shadow:0 0 15px rgba(0,0,0,0.4); -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); } #cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhij1iNkuPxYCRjThk0l1R2vENITVSY83gT6bBapbDdWtZozrd-daPGjKbgDofcp08lVsyRbEN-lhZSEoj2KNF5R3R2jS1gutu4cTkuCG_o7LqDoLtroKkbBoX2gNFzsxB-0CUuO67nKemu/s1600/controls.png) no-repeat 0 0;} #cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU6U0GWNaveFrOkWIyUYSu1arG_5QPGGqqYgdbbZassLOHmNOA0HkeiInNoDCNyy4iqlbOBcOC5YGa4qDSZrYtP_8YkYrGczy56TzWFev_utPBiK8MS3KSbM54oL0IxE0uNAsma12D5ATe/s1600/border.png) repeat-x top left;} #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhij1iNkuPxYCRjThk0l1R2vENITVSY83gT6bBapbDdWtZozrd-daPGjKbgDofcp08lVsyRbEN-lhZSEoj2KNF5R3R2jS1gutu4cTkuCG_o7LqDoLtroKkbBoX2gNFzsxB-0CUuO67nKemu/s1600/controls.png) no-repeat -36px 0;} #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhij1iNkuPxYCRjThk0l1R2vENITVSY83gT6bBapbDdWtZozrd-daPGjKbgDofcp08lVsyRbEN-lhZSEoj2KNF5R3R2jS1gutu4cTkuCG_o7LqDoLtroKkbBoX2gNFzsxB-0CUuO67nKemu/s1600/controls.png) no-repeat 0 -32px;} #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU6U0GWNaveFrOkWIyUYSu1arG_5QPGGqqYgdbbZassLOHmNOA0HkeiInNoDCNyy4iqlbOBcOC5YGa4qDSZrYtP_8YkYrGczy56TzWFev_utPBiK8MS3KSbM54oL0IxE0uNAsma12D5ATe/s1600/border.png) repeat-x bottom left;} #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhij1iNkuPxYCRjThk0l1R2vENITVSY83gT6bBapbDdWtZozrd-daPGjKbgDofcp08lVsyRbEN-lhZSEoj2KNF5R3R2jS1gutu4cTkuCG_o7LqDoLtroKkbBoX2gNFzsxB-0CUuO67nKemu/s1600/controls.png) no-repeat -36px -32px;} #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhij1iNkuPxYCRjThk0l1R2vENITVSY83gT6bBapbDdWtZozrd-daPGjKbgDofcp08lVsyRbEN-lhZSEoj2KNF5R3R2jS1gutu4cTkuCG_o7LqDoLtroKkbBoX2gNFzsxB-0CUuO67nKemu/s1600/controls.png) repeat-y -175px 0;} #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhij1iNkuPxYCRjThk0l1R2vENITVSY83gT6bBapbDdWtZozrd-daPGjKbgDofcp08lVsyRbEN-lhZSEoj2KNF5R3R2jS1gutu4cTkuCG_o7LqDoLtroKkbBoX2gNFzsxB-0CUuO67nKemu/s1600/controls.png) repeat-y -211px 0;} #cboxContent{background:#fff; overflow:visible;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3jvsgYbGl2jBQtYu0dfLWBA2715dJsyTr_uOU6KYCaYwF3IDlxgi0lvnY1slHR_1aTdQ1sH5XJGFTJJ_KcOlCg0rSLQymsH18WFvh35fFdVBQm4rv9aTAsvqfzJHJKK2OUJMob5R9dlZf/s1600/loading-background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM94I4Ly2W_V43FwnfypEANeOcTztgQjK8cC3OiohBTONXU-p_he6UOkyZDlNxjDjso-cZNvvr_amrkGC7ACaZy7Je1tcdeiUaeI7Vy3iDEZV2__t7wI8Z3wtk1MUk1munNvgaLPCgCZki/s1600/loading.gif) no-repeat center center;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhij1iNkuPxYCRjThk0l1R2vENITVSY83gT6bBapbDdWtZozrd-daPGjKbgDofcp08lVsyRbEN-lhZSEoj2KNF5R3R2jS1gutu4cTkuCG_o7LqDoLtroKkbBoX2gNFzsxB-0CUuO67nKemu/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} /*-----------------------------------------------------------------------------------*/ /* Facebook Likebox popup For Blogger /*-----------------------------------------------------------------------------------*/ #subscribe { font: 12px/1.2 Arial,Helvetica,san-serif; color:#666; } #subscribe a, #subscribe a:hover, #subscribe a:visited { text-decoration:none; } .box-title { color: #3B5998; font-size: 20px !important; font-weight: bold; margin: 10px 0; border:1px solid #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; box-shadow: 5px 5px 5px #CCCCCC; padding:10px; line-height:25px; font-family:arial !important; } .box-tagline { color: #999; margin: 0; text-align: center; } #subs-container { padding: 35px 0 30px 0; position: relative; } a:link, a:visited { border:none; } .demo { display:none; } </style> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script> <script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script><script type="text/javascript"> jQuery(document).ready(function(){ if (document.cookie.indexOf('visited=true') == -1) { var fifteenDays = 1000*60*60*24*30; var expires = new Date((new Date()).valueOf() + fifteenDays); document.cookie = "visited=true;expires=" + expires.toUTCString(); $.colorbox({width:"400px", inline:true, href:"#subscribe"}); } }); </script> <!-- This contains the hidden content for inline calls --> <div style='display:none'> <div id='subscribe' style='padding:10px; background:#fff;'> <center> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmbgadget&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe> </center> <p style=" float:right; margin-right:35px; font-size:9px;" > </p> Popup box by <a href="http://www.mbgadget.com/">mbgadget</a></div> </div>

     Edits                                        

           You have to find the www.facebook.com%2Fmbgadget line in the above code and replace it with your own facebook page. Don't change anything otherwise the code will not work.

• To add a sticky text on above of all post you must drag the html/javascript widget on above of all post like this and add the following code in it, you can also edit the text at what ever you want.

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="text-shadow: 2px 2px 4px #7592ff;"> You know that Google Chrome is one of the most powerful and used browser in all over the world to explore the internet, If you are also the fan of Chrome and came here to download, you’re right! <br /><br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://google.com/chrome"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuRp17IhHpgjApGrgq36y6bpShfopYAo7ArjYGP7inPWZWSxa3AREpYJkQAHlUixWnpaxRoqAgb2I6Br08nOlkcNeII6OX3YoGkRVqc4tQ_2BFuf1jAf5KVoKxtaFHAIUcYU_rF2u96VA/s1600/chrome.png" height="80" width="550"/></a></div> <div class="separator" style="clear: both; text-align: right;"> <br /></div> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUk63RAN8BvIDmfGJmwkOhEVqojOn1iTDVzu_s9giN6bREjarBGO_BRGCw0BWL-vK9OJQlM9UPRaKtxZur28CRGEsMbaSbxifES_Ci7Au19JrfYra_Mb-9ELIrwgTGgmo_MQJfs0fFzgc/s1600/dbar.png" height="43" width="600" /><br /><div class="separator" style="clear: both; text-align: center;"> </div> </div>

      Edits                                  

• You can edit this code just  change the text what ever you want, 
• change the IMG url that you want to display the image.
• Change the URL http://google.com/chrome to what you want to link the image.
• You can also Ignore this widget if you want

Instructions                                  

1. To add the popular Posts simple add the popular posts widget and its looks same like it shown in blog
2. To add Tags just add the tags widget in default blogger gadgets, and your tags looks same like above.
3. You must also Remain the widget place same like shown on above picture to see the right view of site

Please Respect the Credits and Links, There is too much hard work done by me to complete this theme.

If you feel any problem to install it, just let me know in comments.