Subscribe: feed hugetuget

Minggu, 27 Mei 2012

Johny Simpleblog, Template Sederhana Loading Tanpa Lama

Template ini saya ambil dari http://creatingwebsite-maskolis.blogspot.com/ . Mari kita baca bersama-sama. 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=maskolis' target='_blank'><img alt='newsletters' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ryAflJy2OQ9UB0vQwp_GefL1utzUYl-FJiwhNd4jVt1IXiXhnAy4SeBBD5p1LICPPIfc_eEl9QsLZHzyfh0Pe46bPtQlrosVoGtPP91Eowzz3yQZJOn9Ik_VPXF4wlEkD3QkkwlxVKg/s1600/mail.png" border="0" title='newsletters'/></a> </td>
    <td> <a href='http://feeds.feedburner.com/maskolis' target='_blank'><img alt='rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgozM1ebA__wSQID4L8p9zbb27DQ6vDkYu_FEj9l5bpvcD0eB4XcRvTHqUUCPRyqkLet-_d3_NKahjyoRmewEKBluE1NMwoqcNQAtslkdJ4au5oR__ww5S-KdtfRKqMr0hKW5ImT-_UoUQ/s1600/rss.png" border="0" title='rss'/></a> </td>
    <td> <a href='http://twitter.com/maskolis' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPMhtvg0wiRKqfyuz7KWdsLTwdel1T0FnbPu7peLbCp1OsrS-Y0ZWMN0oHBA-H37mzUdX2IH2VCgh8e_Q6MmkOMISF5FRvufaXFQhzaHGpC_ZzZN4L7d7lQQfuPY9RhZRVgRHCrfG2Lwo/s1600/twitter.png"  border="0" title='twitter'/></a> </td>
    <td> <a href='http://www.facebook.com/maskolis' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1YXADDmVYCKW3_WtaKZMitULvSKq8Rd-B2k-wXVJggZVimhMFax1Dk6eCLENggaO1wEYh0J5YvSgIGKboaaveuYjuwhcMRRyB9L2ygURJ6UnSsr2vteCQX1RcEAa5X0h5c_eE8-Ql5rA/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/AVvXsEisPlnMtTarMb027z7cS9ek7HfhERmOwkF9RK2J4am21w1h4guDYPbtSZWjx2OxW2bMgIEcuhm920qHxIAA2H_C0tCx0riKDDKudqMkeSfHGi7XisMehpVkJ3twNL935jhCP9wYWJDVUJc/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/maskolis' 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=maskolis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    <input type="hidden" value="maskolis" 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 maskolis 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.
Walaupun template ini sederhana, namun loadingnya sangat ringat dan cepat. Template ini berasal dari situs http://mas-template.blogspot.com/ yang menyediakan template asli tersebut. Disitus tersebut banyak sekali template-template web/blog yang cantik dan menarik.




Related Post:

Tips dan Trick
Tips Dan Trick Blogger
Label: , ,

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)