Cocoknya Buat Apa Ya Template Kayak Gini?

Sebetulnya template ini terinspirasi dari pertanyaan mas +Candra Rudi  ihwal template apa yang cocok buat blog review. Lantas ia menerangkan sebuah blog wordpress dengan tampilan ramping 1 kolom yang menciptakan ia tertarik, namun sayang template wordpress premium.

Dari situ aku berpikiran untuk mencoba menciptakan template Blogger ibarat blog wordpress yang ia tunjukan. Kemudian aku kutak-katik template Kompi Saja yang kemarin aku bagikan, karenanya jadilah sebuat template lain dengan 1 kolom. Karena ini dasarnya sama dengan template Kompi Saja, maka template ini aku sebut saja Kompi Doang hehehehe.

DOWNLOAD

Perhatian! Untuk mendownload di DataFileHost silahkan hilangkan tanda centang pada goresan pena "Use our download manager and get recommended downloads" di bawah tombol download.

Sama dengan Kompi Saja, untuk search box aku sarankan gunakan Google Custom Search yang pernah aku bahas di sini, tinggal cari instruksi di bawah ini

 <div class='searchform'>
 <form action='#'>
 <input name='cx' type='hidden' value='partner-pub-006106396690849xxxxx:zxyadxxxxxx'/>
 ........
 ........
 

Ganti tanda # dengan url halaman statis daerah menampilkan hasil pencarian dan ganti value partner-pub-006106396690849xxxxx:zxyadxxxxxx dengan instruksi site Anda sendiri.

Baca juga: Membuat Google Search Engine Di Blog 2014

Untuk iklan di bawah header 728x90 silahkan cari instruksi di bawah ini

 <div class='content-wrapper'>
 <div class='outer-wrapper'>
 <div class='belowmenu'>
   <div class='contoh-iklan'/>
   </div>

Silahkan ganti instruksi <div class='contoh-iklan'/> dengan script iklan Anda. Coba gunakan iklan yang responsive untuk Google Adsense.

Untuk iklan di postingan 300x250 silahkan cari instruksi di bawah ini. Gunakan juga unik iklan yang responsive.

 <div class='post-ontop'>
   <div class='ad-title'>Advertisement</div>
 SKRIPT IKLAN DI SINI
       </div>

Untuk widget subscribe di footer, silahkan masukan instruksi di bawah ini di gadget HTML/JavaScript di Tata Letak.

 <div id='subscribe-box'>
                  <p>Sign up here with your email address to receive updates from this blog in your inbox.</p>
              <div class='emailfield'>
               <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=KompiAjaib&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
                <input name='name' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}' onfocus='if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}' type='text' value='Your Name'/>
                <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' type='text' value='Your Email'/>
 <input name='uri' type='hidden' value='KompiAjaib'/>
 <input name='loc' type='hidden' value='en_US'/>
                 <input class='submitbutton' type='submit' value='Subscribe Now!'/>
               </form>
              </div></div>

Silahkan ganti KompiAjaib (ada 2 buah) dengan id FeedBurner blog Anda.

Untuk widget recent posts silahkan masukan instruksi di bawah ini di gadget HTML/JavaScript di tata letak.

 <ul id='recent-posts'></ul>
 <script>
 //<![CDATA[
 var homePage = "http://kompidoang.blogspot.com/",
 numPosts = 5;
 function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="Cocoknya Buat Apa Ya Template Kayak Gini?" target="_blank">'+title+'</a></li>'}ct.innerHTML=content}}var you_script=document.createElement('script');you_script.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(you_script);
 //]]>
 </script></ul>

Silahkan homepage-nya ganti dengan url blog Anda.

Dan dikala menciptakan postingan disarankan untuk memakai hanya satu buat gambar di awal postingan, alasannya yakni gambar di postingan tidak akan terlihat alasannya yakni aku pindahkan di atas judul postingan.

Untuk photo author akan otomatis memakai photo author penulis (photo profil Google Plus), jadi jikalau ada beberapa penulis di dalam blog, maka otomatis akan sesuai dengan penulisnya.

Untuk validasi HTML5 dan CSS3 silahkan Anda cek sendiri hehehehe...

Sumber https://www.kompiajaib.com/

Share this post