Warung Online
Minggu, 06 Mei 2012

Johny Simpleblog, Template Sederhana Easy Loading

Template ini hasil utak-atik saya sambil menunggu derby pertandingan sepakbola kota Milan nanti malam. Daripada nganggur mending bikin sesuatu buat bisa dishare disini. Template ini sangat sederhana tidak ada fitur khusus seperti template-template saya sebelumnya, yang jelas template ini lumayan ringan dan nggak tahu SEO friendly apa nggak. Tapi semua meta tag dan fasilitas SEO yang lain untuk blogger sudah saya pasang. Setahu saya yang namanya template blogger itu jauh dari kata SEO friendly kita hanya bisa mencoba untuk membuatnya lebih ramah pada pengunjung. Beda dengan platform lain, wordpress misalnya bisa dipasang plugin-plugin khusus untuk SEO. Tapi namanya juga sudah dikasih gratisan sama Google masa sih mau protes? 

johny simpleblog

Template ini hanya mempunyai dua warna dasar putih dan abu-abu dengan background hitam, 70% template ini hanya menggunakan pemainan warna dan hanya menggunakan gambar sedikit saja pada bagian-bagian tertentu. Mempunyai dua navigasi menu, navigasi yang pertama (atas) Anda harus mengisikan secara manual pada Edit HTML. Untuk navigasi bawah, itu adalah navigasi untuk halaman statis (static page), jika Anda membuat halaman, seperti about me, contact me, disclaimer dan lain-lain, maka otomatis akan muncul pada navigasi yang kedua. Fitur lain yang mungkin perlu penjelasan disini adalah :
  1. Social bookmark dan Subscriber
    Cara pasangnya masuk ke layout >> add gadget masukkan kode ini ke dalamnya :
    <center><div class="social" style="padding: 0pt 0pt 0pt 5px;">
    <table><tbody><tr><td>
    <a href='http://feedburner.google.com/fb/a/mailverify?uri=Download Disini' target='_blank'><img alt='newsletters' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifKGDimitr_iqy5Vi5lkl8dvuF8ugKKKSwmJp5I2GYKfd04QSUXQhv7RDxJdRh-iGJBgtJT0pxs2TzVlFL_VZrvU9MjDHFYSyRlBmWgSLfKBZImaRZxI3Yf72GDMRQNUE-M0upP_TiO0A/s1600/mail.png" border="0" title='newsletters'/></a> </td>
    <td> <a href='http://feeds.feedburner.com/Download Disini' target='_blank'><img alt='rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimrHyALTk7nAqICSF3ekaTTH5GczgAumfzN-JZA9SxshZcThoL_eK4d_0iQHAtYI60WCI-3rHvlbaWL56n276ur8g1NDDFCdH5CPN9PJ7uid2yLWuQG5z0e3TBnjxtWSK7G3EeNBi6_W4/s1600/rss.png" border="0" title='rss'/></a> </td>
    <td> <a href='http://twitter.com/Download Disini' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_V61hrYHkdiVIQdnwGsxlIhpLoRzfZ1DOCblejoG_RogP1QG73dsmCYSQzUOnyHvgkJS6MXj22sl2Ho_tl16QhMSlFbvnX2tIMDCB6X4K3QkcM8T3HxOoUXBo3xV0kSXnY5JEfNyBaz0/s1600/twitter.png"  border="0" title='twitter'/></a> </td>
    <td> <a href='http://www.facebook.com/Download Disini' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4P9oss58IyA4Iazv7sPAXK1isPvT_v_R7YWAt18_AiC8CpTDPPs4WdgfdIeWOI83carsJCERj5hE6kQRSnsto3qY70Kg1P300fK6dUaghlujx07USAk0MvXw8Q6Mu2utWF0f0HS4rsoQ/s1600/facebook.png"  border="0" title='facebook'/></a> </td>
    <td> <a href='http://www.youtube.com/maskoli' target='_blank'><img alt=' youtube' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIyMb9-pJll297UPpe0cm4wcDNtzDviQsUiqjOLlyjP3be70cczLXFGykiom6vBbTSbph9mWjMpft9_Ayo9ByvifNb0tVr3Y-fBS86-MDbnXtnHm5wsRpQm5dD8qfQxhxBrPBTIcZVGyU/s1600/youtube.png"  border="0" title='youtube'/></a>
    </td></tr></tbody></table> </div></center>
    <center>
    <div class='sub-box'>
    <div style="text-align: left; display: inline-block;">
    <h8 style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</h8>
    <small><i>If you enjoyed this article just <a href='http://feeds.feedburner.com/Download Disini' target='_blank' title='feedburner'>
    <b>click here</b></a>, or subscribe to receive more great content just like it.</i></small>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Download Disini', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    <input type="hidden" value="Download Disini" name="uri"/>
    <input type="hidden" name="loc" value="fr_FR" />
    <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailtext" />
    <input type="submit" class="sub-button" value="Enter" title='' alt='' />
    </form></div></div></center>
    Ganti kata Download Disini diatas dengan ID anda masing-masing.
  2. Template Johny Simpleblog ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply anda harus cari kode dibawah ini pada Edit HTML, jangan lupa untuk centang kotak expand widget templates :
    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=6168443577798831338&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
    Warna merah pada kode diatas adalah ID blog demo, Anda harus ganti dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :

    3S6YXY4VKCDR

  3. Untuk mengganti iklan yang ada di bawah postingan (sebelah related post), masuk ke Edit HTML lalu cari kode berikut (kode ini tidak akan muncul jika anda tidak mencentang kotak expand widget templates) :
    <div id='banner-ads'>
    &lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
    google_ad_client = &quot;ca-pub-9608487840337104&quot;;
    google_ad_host = &quot;pub-1556223355139109&quot;;
    /* johny bingung 1 */
    google_ad_slot = &quot;3387370593&quot;;
    google_ad_width = 300;
    google_ad_height = 250;
    //--&gt;
    &lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;
    src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
    &lt;/script&gt;
    </div>
    Tulisan warna biru diatas adalah kode iklan yang ada di bawah postingan blog demo, silahkan Anda ganti dengan iklan Anda ukuran 300 x 250 px.
Template ini saya buat karena tadi sore di kotak komentar ada yang meminta untuk dibuatkan template yang sederhana, tapi nggak tau ini cocok apa nggak. Yang penting saya sudah memenuhi permintaannya masalah cocok dan tidak cocok selera tiap orang pasti beda-beda. Selamat mencoba dan semoga bermanfaat maaf kalau template ini kurang berkenan.  3S6YXY4VKCDR