Template kedua dari trilogi template Johny ini saya beri nama Gallery Johny, sesuai dengan namanya template ini khusus untuk blog yang berisi gallery template maupun theme. Template ini juga tidak ada fitur static page (halaman statis), tidak ada fitur khusus yang terdapat pada template ini yang perlu diperhatikan adalah cara dalam membuat postingan agar seperti terlihat pada blog demo.
- Untuk membuat postingan pastikan Anda dalam posisi HTML (bukan compose). Di bawah ini adalah contoh dalam membuat postingan pada template Gallery Johny ini :Perhatikan kode script yang saya beri warna diatas :<div align="center">
</div>
<div class="badge sblogger">
</div>
<img class="latest_img" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlO3QiiRCuqEV5X_pSvaiu-eFyew0xwzaP6KxXCHWd3pvWsGGx6Q51ZwfiT3olLmjRBayQXmUEb0R_RtgFh2ml1ytr8SijxRSdNH7T0iG-QK9Cy9jORGtmeeUnu-ncuHOzv7CcARuKXfBl/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>
Silahkan diisi deskripsi template atau terserah anda.........Warna hijau : adalah URL gambar yang harus anda ganti. Setalah gambar anda upload masukkan URL gambar pada kode yang berwana hijau.Warna biru : adalah URL blog demo
Warna merah : URL untuk download - Untuk menenampilkan widget share dan subscribe yang ada pada sidebar kanan atas, masukkan kode berikut pada kotak HTML/Javascript :Keterangan :<style type="text/css">.maskolis{width:288px;float:left;margin:0 0 2px;padding:0 5px;}
.maskolis .count{margin:0px;padding:10px 0px 0px 0;}
.maskolis .subicons{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu3OJR3zwMRoI3YIHipBlL9Yh03s8-J8oGWoECIPoh4yw277Pwc_iI0b_GroGwnO9mXL2i755Bt6z9WMJxS6qwkhyphenhyphenXHgUYkKYhE4QwpZ42uBN9crlvDdZS0yRYn9n2BrtXy-PuVNMmYbss/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 .rssicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrRFfYZp9TdE48Fynu6NH9eD3g7V4Dat3GuLhPI0EVj-2YtBQLqF6JjEbpuWrKRJev_HszQWY-xi4GhVTMuxbhLthAGYZ-lZIOiP3avl0grnMxjZNpaFRwv5-fPI4hqc_2fX5lG-rR244/s1600/%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;}.maskolis .subicons .googleicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrRFfYZp9TdE48Fynu6NH9eD3g7V4Dat3GuLhPI0EVj-2YtBQLqF6JjEbpuWrKRJev_HszQWY-xi4GhVTMuxbhLthAGYZ-lZIOiP3avl0grnMxjZNpaFRwv5-fPI4hqc_2fX5lG-rR244/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;}.maskolis .subicons .fbicon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrRFfYZp9TdE48Fynu6NH9eD3g7V4Dat3GuLhPI0EVj-2YtBQLqF6JjEbpuWrKRJev_HszQWY-xi4GhVTMuxbhLthAGYZ-lZIOiP3avl0grnMxjZNpaFRwv5-fPI4hqc_2fX5lG-rR244/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;}.maskolis .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrRFfYZp9TdE48Fynu6NH9eD3g7V4Dat3GuLhPI0EVj-2YtBQLqF6JjEbpuWrKRJev_HszQWY-xi4GhVTMuxbhLthAGYZ-lZIOiP3avl0grnMxjZNpaFRwv5-fPI4hqc_2fX5lG-rR244/s1600/%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;}.maskolis .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;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 0px 50px;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 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.maskolis .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="maskolis"><div class="subicons"><div class="rssicon"> <a rel="nofollow" href="http://feeds.feedburner.com/Maskolis" target="_blank"> RSS</a></div><div class="googleicon"> <a href="https://plus.google.com/u/0/ID GOOGLE +" rel="author" target="_blank"> G+</a></div><div class="fbicon"> <a href="https://www.facebook.com/URL Facebook" target="_blank" rel="nofollow">FB</a></div><div class="twittericon"> <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 == '') {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=aeaeae&fg=000&anim=1" height="26" width="88" /></a></div></div></div> </div>Tulisan yang saya cetak dengan huruf tebal silahkan Anda ganti dengan ID dan username Anda.Tulisan warna merah (Maskolis) adalah ID feedburner blog demo, ganti dengan ID feedburner anda. - Untuk membuat popular post seperti pada demo, masuk ke layout >> add gadget kemudian pilih popular posts. Disini yang harus Anda centang hanya thumbnail, biarkan snippet kosong.
Gallery Johny
Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript
http://www.maskolis.com/2012/03/trilogi-template-johny-tiga-template.html
