Johny Gallery Free Premium Blogger Template 2012

Johny Gallery Free Premium Blogger Template

Demo    Download

TEMPLATE FEATURES:
Gallery Johny is another free blogger template from Creating Website with elegant white and blue style for gallery content. This template design with an automatic image slider category, 3/4 column blogger template with right sidebar, 4 column footer, magazine white gallery for template and theme, ads ready, pagination for blogger ready, dropdown menu, clean design template, and more. But you can used this template for any content just as like you wanted blog with daily updates

Template Name : Gallery Johny
Author : Maskolis

The second template of the trilogy is my template named Johny Johny Gallery, as the name suggests this template for a blog that contains the template and theme gallery. This template is also no feature static page (static page), there are no special features contained on this template to note is the way in creating a post that as shown in the demo blog.

1. To make sure you are in a position to post HTML (not compose). Below is an example in creating a post on this template Johny Gallery:
   
   <div align="center">
   </ Div>
   <div class="badge sblogger">
   </ Div>
   <Img class = "latest_img" height = "250" width = "310" />
   <div class="fullpost">
   <ul class="postbuttons">
   class="livedemo" <a href=" http://johny-darkmovie.blogspot.com/ "rel="nofollow" target="_blank"> Live Demo </ a> </ li>
   class="download" <a href=" http://www.box.com/s/qjhv758fzmne8lt3xpa8 "rel="nofollow" target="_blank"> Download Theme </ a> </ li>
   </ Ul>
   </ Div>
   <b> TEMPLATE FEATURES </ b>
   Please fill up your description of the template or .........
   Note the script code that I gave above colors:
   
   The green color: the URL of an image that should be changed. After you upload the image enter the image URL in the code that colored green.
   The blue color: the demo blog URL
   The color red: URL for download
2. Menenampilkan widget to share and subscribe to exist in the upper right sidebar, enter the following code in the box HTML / Javascript:
   <style type="text/css">. maskolis {width: 288px; float: left; margin: 0 0 2px; padding: 0 5px;}
   . Maskolis. Count {margin: 0px; padding: 0px 0px 10px 0;}
   . Maskolis. Subicons {background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBLfZDmJwEuvtnkObvDUxabx0_YX2QaAVuAYT3hr9lkO89NlJeKkkNDscJMIKqiBheF95OSUEAFJWthYq_4_6299h87jvDZsIlsgJoleo4gW2n05OFrR-4TG9ONOrvT13Xo7rNT3hUyXKR/s1600/batas.png) repeat-x scroll bottom; margin: 0px 0 0px 0; float: left; width: 288px; font-family: Helvetica, Arial; font-size: 12px;}. maskolis. subicons a {text-decoration: none; color: # 333333;}. maskolis. subicons a: hover {text -decoration: underline; color: # 333333;}. maskolis. subicons no-repeat; background-position: 0px 5px; min-width: 2px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 10px 28px 0px; margin: 5px 0 0 0 ;}. maskolis. subicons no-repeat; background-position: 0px-37px; min-width: 2px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 10px 28px 0px; margin: 0 0 0 5px;}. maskolis. subicons no-repeat; background-position: 0px-79px; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 10px 28px 0px; margin: 0 0 0 5px;}. maskolis. subicons no-repeat; background-position: 0px-121px; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 28px 0px 7px; margin: 0 0 0 5px;}. maskolis. emailsub {border-bottom: 0px solid # e6e6e6; padding: 15px 0 0 0px; float: left; width: 100%; font-family: Helvetica, Arial;}. maskolis. emailsub. emailicon {background : url (http://www.fordfarmhouse.com/images/email.png) no-repeat 0 2px; float: left; padding: 0px 20px 50px 0px; margin: 0 5px; width: 288px; line-height: 20px ; vertical-align: middle; font-size: 14px; color: # 333;}. maskolis. emailsub. emailupdatesform {margin: 15px 5px 5px 5px; width: 288px; float: left;}. maskolis. emailsub. emailupdatesform input. emailupdatesinput {background: # fff! important; float: left; border: 1px solid # afafaf; padding: 0px 8px 0px . Emailsub. Emailupdatesform input.joinemailupdates {/ * linear-gradient * / background:-webkit-gradient (linear, left top, left bottom, color-stop (# b4c5fa, 0), color-stop (# 0f46fa, 1)) ; background:-webkit-linear-gradient (top, # b4c5fa 0%, # 0f46fa 100%); background:-moz-linear-gradient (top, # b4c5fa 0%, # 0f46fa 100%); background:-o- linear-gradient (top, # b4c5fa 0%, # 0f46fa 100%); background: linear-gradient (top, # b4c5fa 0%, # 0f46fa 100%); background:-webkit-gradient (linear, left top, left bottom , from (# 567dfc), to (# 0f46fa)); border: 1px solid # 1143a8; text-transform: none; font: bold 12px arial; color: # fff; height: 25px; padding: 0 12px 0 12px; margin : 0 0 0 class = "maskolis"> <div class="subicons"> <div class="rssicon"> <a rel = "nofollow" href = "http://feeds.feedburner.com/ Maskolis" target = "_blank "> RSS </ a> </ div> class="googleicon"> <a href =" ID https://plus.google.com/u/0/ GOOGLE + "rel =" author "target = "_blank"> + G </ a> </ div> class="fbicon"> <a href = "URL https://www.facebook.com/ Facebook" target = "_blank" rel = " nofollow "> FB </ a> </ div> class="twittericon"> <a href =" https://www.twitter.com/ TWITTER USERNAME "target =" _blank "rel =" nofollow " > Twitter </ a> </ div> </ div> <div class="emailsub"> class="emailicon"> <p style = "width: 250px; color: # 3A3A3A; font-size: 13px; font-weight: normal; font-family: Helvetica, Arial; padding-right: 5px; margin: 0; "> If you enjoyed this article subscribe to receive more great content from us </ p> </ div> <div class = "emailupdatesform"> <form action = "http://feedburner.google.com/fb/a/mailverify" method = "post" target = "popupwindow" onsubmit = "window.open ('http://feedburner. google.com / fb / a / mailverify? uri = Maskolis', 'popupwindow', 'scrollbars = yes, width = 550, height = 520'); return true "> <input gtbfieldid =" 10 "class =" emailupdatesinput " name = "email" value = "Enter your email here ..." onblur = "if (this.value =='') {this.value = 'Enter your email here ...';}" onfocus = "if (this.value == 'Enter your email here ...') {this.value ='';} "type =" text "/> <input value =" Maskolis "name = "uri" type = "hidden" /> <input value="Submit" class="joinemailupdates" type="submit" /> </ form> <div class="count"> <a rel = "nofollow" href = "http://feeds.feedburner.com/ Maskolis"> <img style = "border: 0" alt = "" src = "http://feeds.feedburner.com/% 7Efc / Maskolis? bg & fg = aeaeae = 000 & anim = 1 "height =" 26 "width =" 88 "/> </ a> </ div> </ div> </ div> </ div>
   Description:
   
   I am writing in bold print you please replace with your ID and username.
   Red writing (Maskolis) demo blog is feedburner ID, ​​replace with your feedburner ID.
3. To make popular post as the demo, go to layout >> add the gadget and select popular posts. Here you have to check only the thumbnail, leave blank snippet.