Gallery Johny
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 Instruction :
To create a post make sure you are in the HTML (not compose) position. Below is an example of how to create a post on this Gallery Johny template :
Note the script code I colored above:
color : URL for 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 Instruction :
To create a post make sure you are in the HTML (not compose) position. Below is an example of how to create a post on this Gallery Johny template :
<div align = "center">
</div>
<div class = "badge sblogger">
</div>
<img class = "latest_img" height = "250" src = " http: //4.bp.blogspot. com / -vAQCTVY56RQ / T1C97oUO9DI / AAAAAAAAFrY / 2qFu-uMpN4k / s1600 / Johny + Darkmovie.jpg "width =" 310 "/>
<div class =" fullpost ">
<ul class =" postbuttons ">
<li> <a class = "livedemo" href = " http://johny-darkmovie.blogspot.com/ " rel = "nofollow" target = "_ blank"> Live Demo </a> </li>
<li> <a class = "download "href =" http://www.box.com/s/qjhv758fzmne8lt3xpa8 "rel =" nofollow "target = "_ blank"> Download Theme </a> </li>
</ul>
</div>
<b> TEMPLATE FEATURES </b>
Please fill in your template description or whatever it is .........
Note the script code I colored above:
The color green : is the URL of the image that should be changed. Once your image is uploaded enter the URL of the image in green code.
Blue color : is the blog demo URL Redcolor : URL for download
To display the share and subscribe widgets in the upper right sidebar, enter the following code in the HTML / Javascript box :
<style type = "text / css">. mask {width: 288px; float: left; margin: 0 0 2px; padding: 0 5px;}Description: The text I print is bold please replace it with your ID and username. Red ( Masculine ) text is the blog feedburner ID demo, replacing it with your feedburner ID. To make a popular post like a demo, go to layout >> add gadget and select popular posts. This is where you need to check the thumbnail only, leave the snippet blank.
.maskolis .count {margin: 0px; padding: 10px 0px 0px 0;}
.maskolis .subicons {background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivEGwRp-79guarlvGvYLsOPLCTvrfGOkEW87edwSUqJyOfDCFPsEOX5FGNPuJp8E1vvAQddrQr4OwZKDO4w6u7x7BT1GFBDIN4ELnDRd1ITV4QebvUjYSMAgthnMDCfTNwZuie8KjlNWGP/s1600/batas.png) repeat-x scroll bottom; margin: 0px 0 0px 0; float: left; width: 288px; font-family: Helvetica, Arial; font-size: 12px;}. mask .subicons a {text-decoration: none; color: # 333333;}. mask .subicons a: hover {text -decoration: underline; color: # 333333;}. mask .subicons .rssicon {background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaVDb9Kv_7zU_cWt_1EjBxZwc-GoFYiSFahycRT-vepHWGz-uB7Nsxus17ROtdpZU0iguFudHS4Obawv0z0hCMkjqdELiN9LLeH-m1NkKY0J-aHEhtXPhe-E3DmAKYCEtRzWGiFc94mA7v/s1600/%25 255Bwww.gj37765.blogspot.com% 255Drsssprite.png) no-repeat; background-position: 0px 5px; min-width: 2px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding : 0px 10px 0px 28px; margin: 0 0 0 5px;}. Mask .subicons .googleicon {background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaVDb9Kv_7zU_cWt_1EjBxZwc-GoFYiSFahycRT-vepHWGz-uB7Nsxus17ROtdpZU0iguFudHS4Obawv0z0hCMkjqdELiN9LLeH-m1NkKY0J-aHEhtXPhe-E3DmAKYCEtRzWGiFc94mA7v/ s1600 /% 255Bwww.gj37765.blogspot.com% 255Drsssprite.png) no-repeat; background-position: 0px -37px; min-width: 2px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 10px 0px 28px ; margin: 0 0 0 5px;}. mask .subicons .fbicon {background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaVDb9Kv_7zU_cWt_1EjBxZwc-GoFYiSFahycRT-vepHWGz-uB7Nsxus17ROtdpZU0iguFudHS4Obawv0z0hCMkjqdELiN9LLeH-m1NkKY0J-aHEhtXPhe-E3DmAKYCEtRzWGiFc94mA7v/s1600/%255Bwww. gj37765.blogspot.com% 255Drsssprite.png) no-repeat; background-position: 0px -79px; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 10px 0px 28px; margin: 0 0 0 5px;}. Mask .subicons .twittericon {background: url (https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaVDb9Kv_7zU_cWt_1EjBxZwc-GoFYiSFahycRT-vepHWGz-uB7Nsxus17ROtdpZU0iguFudHS4Obawv0z0hCMkjqdELiN9LLeH-m1NkKY0J-aHEhtXPhe-E3DmAKYCEtRzWGiFc94mA7v/ /%255Bwww.gj37765.blogspot.com%255Drsssprite.png) no-repeat; background-position: 0px -121px; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 7px 0px 28px; margin: 0 0 0 5px;}.mask .emailsub {border-bottom: 0px solid # e6e6e6; padding: 15px 0 0px 0; float: left; width: 100%; font-family: Helvetica, Arial;}. mask .emailsub .emailicon {background: url (http) : //www.fordfarmhouse.com/images/email.png) no-repeat 0 2px; float: left; padding: 0px 20px 0px 50px; margin: 0 5px; width: 288px; line-height: 20px; vertical-align : middle; font-size: 14px; color: # 333;}. mask .emailsub .emailupdatesform {margin: 15px 5px 5px 5px; width: 288px; float: left;}. mask .emailsub .emailupdatesform input.emailupdatesinput {background: #fff! important; float: left; border: 1px solid #afafaf; padding: 0px 8px 0px 8px; color: # a19999; font-size: 12px; height: 25px; width: 185px; / * border-radius * / - webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}. mask .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 5px; / * border-radius * / - webkit-border-radius: 5px; -moz-border- radius: 5px; border-radius: 5px; cursor: pointer;} </style> <div class = "mask"> <div class = "subicons"> <div class = "rssicon"> & nbsp; <a rel = " nofollow "href =" http://feeds.feedburner.com/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 5px; / * border-radius * / - webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer ;} </style> <div class = "masculine"> <div class = "subicons"> <div class = "rssicon"> & nbsp; <a rel = "nofollow" href = "http: //feeds.feedburner. com /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 5px; / * border-radius * / - webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer ;} </style> <div class = "masculine"> <div class = "subicons"> <div class = "rssicon"> & nbsp; <a rel = "nofollow" href = "http: //feeds.feedburner. com /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 5px; / * border-radius * / - webkit-border-radius: 5px; - moz-border-radius: 5px; border-radius: 5px; cursor: pointer;} </style> <div class = "subicons"> <div class = "subicons"> <div class = "rssicon"> & nbsp; < a rel = "nofollow" href = "http://feeds.feedburner.com/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 5px; / * border-radius * / - webkit-border-radius: 5px; - moz-border-radius: 5px; border-radius: 5px; cursor: pointer;} </style> <div class = "subicons"> <div class = "subicons"> <div class = "rssicon"> & nbsp; < a rel = "nofollow" href = "http://feeds.feedburner.com/# 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 5px; / * border-radius * / - webkit-border-radius: 5px; -moz-border-radius: 5px ; border-radius: 5px; cursor: pointer;} </style> <div class = "subicons"> <div class = "subicons"> <div class = "rssicon"> & nbsp; <a rel = "nofollow" href = "http://feeds.feedburner.com/# 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 5px; / * border-radius * / - webkit-border-radius: 5px; -moz-border-radius: 5px ; border-radius: 5px; cursor: pointer;} </style> <div class = "subicons"> <div class = "subicons"> <div class = "rssicon"> & nbsp; <a rel = "nofollow" href = "http://feeds.feedburner.com// style> <div class = "masculine"> <div class = "subicons"> <div class = "rssicon"> & nbsp; <a rel = "nofollow" href = "http://feeds.feedburner.com// style> <div class = "masculine"> <div class = "subicons"> <div class = "rssicon"> & nbsp; <a rel = "nofollow" href = "http://feeds.feedburner.com/Maskolis "target =" _ blank "> RSS </a> </div> <div class =" googleicon "> & nbsp; <a href =" https://plus.google.com/u/0/ GOOGLE + ID " rel = "author" target = "_ blank"> G + </a> </div> <div class = "fbicon"> & nbsp; <a href = "https://www.facebook.com/ Facebook URL " target = "_blank" rel = "nofollow"> FB </a> </div> <div class = "twittericon"> & nbsp; <a href = "https://www.twitter.com/ TWITTER USERNAME"target =" _ blank "rel =" nofollow "> Twitter </a> </div> </div> <div class =" emailsub "> <div 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 == & # 39; & # 39;) {this.value = & # 39; Enter your email here ... & # 39 ;;} "onfocus =" if ( this.value == & # 39; Enter your email here ... & # 39;) {this.value = & # 39; & # 39 ;;} "type =" text "/> <input value =" Maskolis "name =" type "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 = aeaeae & amp; fg = 000 & amp; anim = 1 "height = "26" width = "88" /> </a> </div></div> </div> </div>
Post a Comment