2 of this Template I Share Because many of the Request

Dua template yang saya maksud adalah Collector Template dan Johny Woods Template yang dipakai adik saya di http://Johny Woods.blogspot.com. Daripada saya kasih satu per satu lewat email mendingan langsung saja saya bagi disini. Collector template awalnya saya bagi hanya untuk blog pilihan yang menggunakan template dari Creating Website. Dan untuk Johny Woods Template, adik saya sudah memberikan ijin untuk dibagikan secara gratis disini. So, silahkan download bagi yang berminat, saya jamin tidak ada lagi gangguan jika Anda menggunakan kedua template ini, seperti file javascript yang rusak seperti kemarin. Karena tidak ada javascript yang saya simpan di Google Code.

Johny Woods Template

Template ini mirip dengan Johny Kenthir Template cuma beda di header dan navigasi, cara memasang widget-widget yang ada di template ini pun juga sama. Untuk tutorial cara pasang widget pada template ini, silahkan Anda buka artikel Johny Kenthir, Template Ramai Seperti Pasar Tradisional.

magazine template


At the very top there is News Ticker or headline news. To change the headline of your blog go to Edit HTML (use control + F to shorten), find the URL http://Johny Woods.blogspot.com. After the meet change with your blog URL. Likewise, the search box or search box search URL http://Johny Woods.blogspot.com replace with your blog URL. To change the email subscription box, located just above the slider carousel, this code in the Edit HTML (do not forget to check the box expand widget templates):
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>

Description:
Blue color: replace with your feed address.
To change the color of the blue navigation menu on this template, locate the following code in the Edit HTML:

<li><a href='#'>Goggle +</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Facebook</a></li>
<li class='hr'/>
<li><a href='#'>Contact on Twitter</a></li>
</ul>
</li>
<li><a href='http://Johny Woods.blogspot.com/search/label/renungan'>Renungan</a></li>
<li><a href='http://Johny Woods.blogspot.com/search/label/misteri'>Misteri</a></li>
<li><a href='http://Johny Woods.blogspot.com/search/label/fakta'>Fakta</a></li>
<li><a href='http://Johny Woods.blogspot.com/search/label/astronomi'>Astronomi</a></li>
<li><a href='http://Johny Woods.blogspot.com/search/label/kehidupan'>Kehidupan</a></li>
<li><a class='trigger' href='http://Johny Woods.blogspot.com/search/label/kesehatan'>Kesehatan</a>
<ul>
<li><a href='http://Johny Woods.blogspot.com/search/label/mitos'>Mitos</a></li>
<li class='hr'/>
<li><a href='http://Johny Woods.blogspot.com/search/label/olahraga'>Olahraga</a></li>
<li class='hr'/>
<li><a href='http://Johny Woods.blogspot.com/search/label/seksiologi'>Seksiologi</a></li>
</ul>
</li>
<li><a href='http://Johny Woods.blogspot.com/search/label/teknologi'>Teknologi</a></li>
<li><a class='trigger' href='http://Johny Woods.blogspot.com/search/label/berita'>Berita</a>
<ul>
<li><a href='http://Johny Woods.blogspot.com/search/label/aneh'>Berita Aneh</a></li>
<li class='hr'/>
<li><a href='http://Johny Woods.blogspot.com/search/label/dalam%20negeri'>Dalam Negeri</a></li>
<li class='hr'/>
<li><a href='http://Johny Woods.blogspot.com/search/label/luar%20negeri'>Luar Negeri</a></li>
<li class='hr'/>
<li><a href='http://Johny Woods.blogspot.com/search/label/sejarah'>Sejarah</a></li>
<li class='hr'/>
<li><a href='http://Johny Woods.blogspot.com/search/label/serba%20serbi'>Serba Serbi</a></li>
<li class='hr'/>
<li><a href='http://Johny Woods.blogspot.com/search/label/Sosial%20Budaya'>Sosial Budaya</a></li>

Collector Template

Initially, I share this template specifically for Creating Website template penggna course, it was only 20 people. But because of the many requests by e-mail, I decided to share to all. Hopefully that has received this template do not mind. This template is specifically designed for blog contains my gallery, please would be used for just about anything up to its gallery.

gallery template blogger


To make sure you are in a position to post HTML (not compose). Below is an example in creating a post on this template:
<div align="center">
</div>
<div class="badge sblogger">
</div>
<img class="latest_img" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFq45gqj1sICnZbWu6ScPKz9lRkMSuoqs6A3csEisXIiMwLJY1pjZ9ZkUru1SXry1X5v8nVjyY15HslkKYelEBksNw9xjpkF6odTPv6L_qkq3fCsaU2t4jPAhPS5Eu_Z92-Pi3K3UMaEs/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.........

Note that I gave the script code above color:

     Green color: the picture is the URL that should be changed. After you upload the image insert image URL in the code is colored green.
     Blue: is a demo blog URL
     Red color: URL to download

On the left there is space for a picture post ads 300 x 250, and at the bottom there are also for the 468 x 60 ad space. To replace with your ad, find the following code in the Edit HTML (do not forget to check the box expand widget templates):

<div style='float:left; margin-right:35px; padding-top:10px'>
Script iklan 300 x 250 (di parse dulu)
<div style='position:absolute; ; padding-top:15px; padding-left:95px'>
Script iklan 468 x 60 (di parse dulu)
</div>
</div>

Now widgets and widget categories category color below the navigation menu. For the category widget in the left sidebar, enter this code on the layout >> Javascript / HTML:
<div class="mas-tp-dhead-wrap"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzJfAGukpA4kKbcGKlozVEnDYfLKPDwdfCjiZWt8pOlsIOOhXTNQaubPiIEEpSBLFa5Vq9s5jHLcs8cbsUzk7KISaBA8rtZ3WBAhRkn74KSeCTiDJ6zmeXLJ3tpEaF7YyDkW6JlzEemM4/s1600/lb-one-px.gif" alt="" /><span>Template Categories</span></div>
<ul id="mas-op-box">
    <li><a href="#">Columns</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/1 Column?max-results=12" title="1 Column Blogger Templates">1 Column</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/2 Columns?max-results=12" title="2 Columns Blogger Templates">2 Columns</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/3 Columns?max-results=12" title="3 Columns Blogger Templates">3 Columns</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/4 Columns?max-results=12" title="4 Columns Blogger Templates">4 Columns</a></li>
        </ul>
    </li>
   
    <li><a href="#">Sidebars</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/1 Left Sidebar?max-results=12" title="1 Left Sidebar Blogger Templates">1 Left Sidebar</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/2 Left Sidebar?max-results=12" title="2 Left Sidebar Blogger Templates">2 Left Sidebar</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/1 Right Sidebar?max-results=12" title="1 Right Sidebar Blogger Templates">1 Right Sidebar</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/2 Right Sidebar?max-results=12" title="2 Right Sidebar Blogger Templates">2 Right Sidebar</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/Left and Right Sidebar?max-results=12" title="Left and Right Sidebar Blogger Templates">Left and Right Sidebar</a></li>
        </ul>
    </li>
   
    <li><a href="#">Width</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Fixed Width?max-results=12" title="Fixed Width Blogger Templates">Fixed</a></li>
              <li><a href="http://mas-template.blogspot.com/search/label/Fluid Width?max-results=12" title="Fluid Width Blogger Templates">Fluid</a></li>
        </ul>
    </li>
   
    <li><a href="#">Topics</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Fashion?max-results=12" title="Fashion Blogger Templates">Fashion</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Movie?max-results=12" title="Movie Blogger Templates">Movie</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/News?max-results=12" title="News Blogger Templates">News</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Natural?max-results=12" title="Natural Blogger Templates">Natural</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Sport?max-results=12" title="Sport Blogger Templates">Sport</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Video?max-results=12" title="Video Blogger Templates">Video</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Cartoon?max-results=12" title="Cartoon Blogger Templates">Cartoon</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Music?max-results=12" title="Music Blogger Templates">Music</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Books?max-results=12" title="Books Blogger Templates">Books</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Animals?max-results=12" title="Animals Blogger Templates">Animals</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Money?max-results=12" title="Money Blogger Templates">Money</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Health?max-results=12" title="Health Blogger Templates">Health</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Game?max-results=12" title="Game Blogger Templates">Game</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Girly?max-results=12" title="Girly Blogger Templates">Girly</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Culture?max-results=12" title="Culture Blogger Templates">Culture</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Fantasy?max-results=12" title="Fantasy Blogger Templates">Fantasy</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Gadgets?max-results=12" title="Gadgets Blogger Templates">Gadgets</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Software?max-results=12" title="Software Blogger Templates">Software</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Space?max-results=12" title="Space Blogger Templates">Space</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Personal?max-results=12" title="Personal Blogger Templates">Personal</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Online Store?max-results=12" title="Online Store Blogger Templates">Online Store</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Vector?max-results=12" title="Vector Blogger Templates">Vector</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Transparent?max-results=12" title="Transparent Blogger Templates">Transparent</a></li>
        </ul>
    </li>
   
    <li><a href="#">Features</a>
          <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Ads Ready?max-results=12" title="Ads Ready Blogger Templates">Ads Ready</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Custom Navbar?max-results=12" title="Custom Navbar Blogger Templates">Custom Navbar</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/CEO Ready?max-results=12" title="CEO Ready Blogger Templates">CEO Ready</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Page Number?max-results=12" title="Page Number Blogger Templates">Page Number</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Slideshow?max-results=12" title="Slideshow Blogger Templates">Slideshow</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Bookmark Ready?max-results=12" title="Bookmark Ready Blogger Templates">Bookmark Ready</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Slideshow?max-results=12" title="Slideshow Blogger Templates">Slideshow</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Footer Columns?max-results=12" title="Footer Columns Blogger Templates">Footer Columns</a></li>
        </ul>
    </li>
   
    <li><a href="#">Styles</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Magazine?max-results=12" title="Magazine Blogger Templates">Magazine</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Free Premium?max-results=12" title="Free Premium Blogger Templates">Free Premium</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Gallery?max-results=12" title="Gallery Blogger Templates">Gallery</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Simple?max-results=12" title="Simple Blogger Templates">Simple</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Wordpress Look?max-results=12" title="Wordpress Look Blogger Templates">Wordpress Look</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Unique?max-results=12" title="Unique Blogger Templates">Unique</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Elegant?max-results=12" title="Elegant Blogger Templates">Elegant</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Fancy?max-results=12" title="Fancy Blogger Templates">Fancy</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Floral?max-results=12" title="Floral Blogger Templates">Floral</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Light Weight?max-results=12" title="Light Weight Blogger Templates">Light Weight</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Web 2.0?max-results=12" title="Web 2.0 Blogger Templates">Web 2.0</a></li>
        </ul>
    </li>
   
    <li><a href="#">Colours</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Red?max-results=12" title="Red Blogger Templates">Red</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Green?max-results=12" title="Green Blogger Templates">Green</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Black?max-results=12" title="Black Blogger Templates">Black</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/White?max-results=12" title="White Blogger Templates">White</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Orange?max-results=12" title="Orange Blogger Templates">Orange</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Brown?max-results=12" title="Brown Blogger Templates">Brown</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Pink?max-results=12" title="Pink Blogger Templates">Pink</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Gray?max-results=12" title="Gray Blogger Templates">Gray</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Yellow?max-results=12" title="Yellow Blogger Templates">Yellow</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Violet?max-results=12" title="Violet Blogger Templates">Violet</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Blue?max-results=12" title="Blue Blogger Templates">Blue</a></li>
        </ul>
    </li>
   
    <li><a href="#">Activities</a>
             <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Education?max-results=12" title="Education Blogger Templates">Education</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Business?max-results=12" title="Business Blogger Templates">Business</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Entertainment?max-results=12" title="Entertainment Blogger Templates">Entertainment</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Photography?max-results=12" title="Photography Blogger Templates">Photography</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Sport?max-results=12" title="Sport Blogger Templates">Sport</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Travel?max-results=12" title="Travel Blogger Templates">Travel</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Gaming?max-results=12" title="Gaming Blogger Templates">Gaming</a></li>
        </ul>
    </li>
   
    <li><a href="#">Holidays</a>
        <ul>
            <li><a href="http://mas-template.blogspot.com/search/label/Christmas?max-results=12" title="Christmas Blogger Templates">Christmas</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/St. Valentine?max-results=12" title="St. Valentine Blogger Templates">St. Valentine</a></li>
            <li><a href="http://mas-template.blogspot.com/search/label/Halloween?max-results=12" title="Halloween Blogger Templates">Halloween</a></li>
        </ul>
    </li>
</ul>

And for the widget under the color category navigation enter the following code in the blank field under the navigation:
<div id='mas-color-sec' style='background:#2c2626; position:relative; height:54px; border:1px solid #120f0f; border-bottom:1px solid #473d3d; border-right:1px solid #473d3d;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-image: -moz-linear-gradient(top,#3b3232 0,#2c2626 100%); background-image: -ms-linear-gradient(top,#3b3232 0,#2c2626 100%); background-image: -o-linear-gradient(top,#3b3232 0,#2c2626 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#3b3232),color-stop(100%,#2c2626)); background-image: -webkit-linear-gradient(top,#3b3232 0,#2c2626 100%); background-image: linear-gradient(to bottom,#3b3232 0,#2c2626 100%);'>
<div id='mas-color-box-thumb' style='position:absolute;left:10px; top:10px;'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzJfAGukpA4kKbcGKlozVEnDYfLKPDwdfCjiZWt8pOlsIOOhXTNQaubPiIEEpSBLFa5Vq9s5jHLcs8cbsUzk7KISaBA8rtZ3WBAhRkn74KSeCTiDJ6zmeXLJ3tpEaF7YyDkW6JlzEemM4/s1600/lb-one-px.gif' style='width:34px;height:34px;background:no-repeat url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcq9L1J5fNDya2b9EWWuLRlCLDKV1UVL2z2EIjXWfJZO__MBCL_uLojOrgDUWLVWqGJy92ScgTeieVtTbidRhWUaRGbOaYFVGECTjrXwUT7kHs09lD9t2vE4ErYkl-AFzPzGGncUMN9-Y/s1600/bg-color.png)'/></div>
<h2 class='pmz' style='position:absolute;font-family:arial,sans-serif;font-size:15px;text-shadow:0px -1px 0px #000;line-height:20px;color:#b69786;left:56px;top:5px;border:none'>Choose your template colour</h2>
<style type='text/css'>
.pmz{ padding:0; margin:0;}
#mas-color-sb{list-style:none; position:absolute; left:56px; bottom:10px; float:left;}
#mas-color-sb li{ height:13px; width:30px; display:block; margin:0 9px 0 0; float:left;-moz-border-radius: 2px;-webkit-border-radius:2px;border-radius: 2px;  filter:alpha(opacity=100);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);opacity:1;}
#mas-color-sb li:hover{filter:alpha(opacity=70);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);opacity:0.7;}
</style>
<ul class='pmz' id='mas-color-sb'>
<a href='http://mas-template.blogspot.com/search/label/Red?max-results=12'><li style='background:#ff0000' title='Red'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Green?max-results=12'><li style='background:#008000' title='Green'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Black?max-results=12'><li style='background:#000000' title='Black'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Orange?max-results=12'><li style='background:#ffa500' title='Orange'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Brown?max-results=12'><li style='background:#a52a2a' title='Brown'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Pink?max-results=12'><li style='background:#ffc0cb' title='Pink'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Gray?max-results=12'><li style='background:#808080' title='Gray'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Yellow?max-results=12'><li style='background:#ffff00' title='Yellow'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Violet?max-results=12'><li style='background:#ee82ee' title='Violet'></li></a>
<a href='http://mas-template.blogspot.com/search/label/Blue?max-results=12'><li style='background:#0000ff' title='Blue'></li></a>
<a href='http://mas-template.blogspot.com/search/label/White?max-results=12'><li style='background:#FFFFFF' title='White'></li></a>
</ul>
</div>

Replace the URL in the code above with your blog URL.

That was two templates that I share on this article, both the old template is already made ​​but only now I share it for free. Javascript code on both the template above is not me quick, so safe from tampering banned from Google Code. If you want to summarize it simply, if no one yet knows how to please read my article about Overcoming Loading the Google Code Blog. My article this time so good luck to those who are interested and hopefully useful.

One wish of mine:

Please do not remove the credit link on this template
Posted by Dexcuit at 1:35:00 AM No comments :

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )