mas template

Membuat Tab View Widget Kategori Mantab Banget

Kali ini saya akan membuat satu lagi tutorial mengenai salah satu fitur yang ada pada template Johny Sompret Banget, yaitu membuat tab view widget per kategori. Sebelumnya saya juga pernah membahas cara membuat simple tabber pada sidebar. Ya rencananya saya nanti akan membuat semua tutorial tentang berbagai fitur yang ada pada template-template buatan saya. Tidak ada yang mesti dirahasiakan, semua fitur akan saya jelaskan satu persatu cara pembuatannya, sehingga ke depannya diharapkan Anda mampu membuat template sendiri, syukur bisa dibagikan kepada teman-teman blogger yang lain atau minimal dipakai sendiri. Dan siapa tahu setelah itu ada yang mau menjadi partner saya dalam membuat template blogger atau paling tidak membuat sebuah tutorial baru untuk bisa dibagikan kepada pengguna blogger, karena selama ini saya bekerja sendirian, bikin tutorial sendiri, bikin template juga sendiri, jadi kalau ada yang mau bantu, silahkan saya sangat berterima kasih sekali.

Kembali ke tutorial tab view widget per kategori, widget ini menampilkan 4 post dengan thumbnail dalam tiap satu label atau kategori, untuk lebih jelasnya silahkan lihat gambar di bawah, dan klik demo biar lebih jelas.



Langsung saja pada cara membuatnya :
  1. Pertama Anda meesti login ke blogger dengan akun Anda
  2. Kedua pilih blog yang ingin anda tambahkan slider ini.
  3. Setelah itu masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :
    #tabber-wrapper{width:640px;float:left;word-wrap:break-word;overflow:hidden}
    ul.tab-view{float:left;list-style:none;height:32px;border-bottom:1px solid #aaa;border-left:1px solid #aaa;width:638px;margin:0;padding:0}
    ul.tab-view li{float:left;height:31px;line-height:31px;border:1px solid #aaa;border-left:none;overflow:hidden;position:relative;background:#eee;margin:0 0 -1px;padding:0}
    ul.tab-view li a{text-decoration:none;color:#26231c;display:block;border:1px solid #eee;outline:none;font-weight:700;padding:0 15px}
    html ul.tab-view li.active,html ul.tab-view li.active a,html ul.tab-view li.active a:hover{background:#eee;color:#026ab5;border-bottom:1px solid #eee}
    .tab-wrapper{border:1px solid #aaa;border-top:none;overflow:hidden;clear:both;float:left;width:638px;background:#eee;margin-bottom:15px}
    .tabber{padding:10px 0}
    .tabber .column{float:left;display:inline;width:146px;margin:0 0 0 11px}
    .tabber h2{font:bold 12px Arial;line-height:15px;margin:7px 0 5px}
    .tabber h2 a{color:#222}
    .tabber h2 a:hover{color:#026ab5}
    Karena pada blog demo yang saya gunakan lebar main-wrapper (kolom postingan) adalah 640px maka untuk membungkus tab view widget lebarnya harus sama, yaitu 640px. Anda bisa sesuaikan dengan lebar main-wrapper pada template yang Anda gunakan.
    Dan untuk tab viewnya sendiri lebarnya harus dikurangi 2px (1px kanan dan kiri), karena tab ini dibungkus dengan border setebal 1px, sehingga lebarnya menjadi 638px. Lebar tiap satu post disini 146px, jika pada template yang Anda gunakan lebar main-wrapper lebih kecil, maka lebar untuk satu post ini pun juga harus diperkecil sehingga jarak antara bagian sisi kanan dan kiri sama.
  6. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/013120251122/tabview.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    imgr=new Array();imgr[0]="http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=80;numposts=4;Title1="Norah Jones";Title2="Diana Krall";Title3="Sting";Title4="Basia";Title5="Sade";Title6="Jamie Cullum";function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}function showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;var trtd='<div class="column"><a href="'+posturl+'"><img width="146" height="95" src="'+img[i]+'"/></a><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div>';document.write(trtd);j++}}
    //]]>
    </script>
    Keterangan :
    Perhatikan URL script warna biru diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat tab view widget. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna biru diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
    Tulisan warna merah : Norah Jones, Diana Krall dan seterusnya adalah judul untuk tab view widget, anda bisa ganti sesuai katehori yang ingin ditampilkan pada widget tersebut. Warna biru (146 dan 95) diatas adalah ukuran lebar dan tinggi thumbnail pada satu post kategori, silahkan ukurannya disesuaikan.
  7. Kemudian masukkan kode berikut sebelum kode </body> :
    <script type='text/javascript'>
     //<![CDATA[
    jQuery(document).ready(function(){$(".tabber").hide();$("ul.tab-view li:first").addClass("active").show();$(".tabber:first").show();$("ul.tab-view li").click(function(){$("ul.tab-view li").removeClass("active");$(this).addClass("active");$(".tabber").hide();var activeTab=$(this).find("a").attr("href");$(activeTab).fadeIn();return false})});
     //]]>
    </script>
  8. Langkah selanjutnya adalah bagaimana cara menempatkan tab view widget tersebut pada blog kita. Jika Anda ingin meletakkan pada bagian atas sebelum post seperti pada demo, cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini dibawahnya :
    <div id='tabber-wrapper'>
    <ul class='tab-view'>
    <li><a href='#tab1'><script>document.write(Title1);</script></a></li>
    <li><a href='#tab2'><script>document.write(Title2);</script></a></li>
    <li><a href='#tab3'><script>document.write(Title3);</script></a></li>
    <li><a href='#tab4'><script>document.write(Title4);</script></a></li>
    <li><a href='#tab5'><script>document.write(Title5);</script></a></li>
    <li><a href='#tab6'><script>document.write(Title6);</script></a></li>
    </ul><div class='clear'/>
    <div class='tab-wrapper'>
    <div class='tabber' id='tab1'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Norah Jones Lyrics?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab2'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Diana Krall?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab3'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Sting?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab4'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Basia?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab5'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Sade Lyrics?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab6'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Jamie Cullum Lyrics?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='clear'/>
    </div></div>
    Tulisan warna merah pada kode diatas adalah label atau kategori yang saya tampilkan pada tab view widget, silahkan ganti dengan label Anda sendiri dan sesuaikan dengan judul tab view pada langkah nomer 6 diatas. Dan jika Anda ingin menampilkan widget ini di bawah postingan, letakkan kode tersebut diatas kode berikut ini (jika tidak ada cari yang mirip) :
    <!-- spacer for skins that want sidebar and main to be the same height-->
    <div class='clear'>&#160;</div>
    
    </div> <!-- end content-wrapper -->
  9. Terakhir, save templates dan lihat hasilnya. 
Nah itu tadi tutorial membuat tab view widget yang banyak ditanyakan oleh teman-teman blogger pada artikel sebelumnya. Silahkan dicoba, jika masih ada yang kurang jelas silahkan tinggalkan pesan di kotak komentar. Selamat mencoba dan semoga bermanfaat.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

167 comments:

  1. Thanks so much my friend.
    I've been waiting for this tutorial so long ... THANKS :))

    ReplyDelete
    Replies
    1. Maskolis do everything I say in this tutorial and nothing works out for me .... I need your help, please, let me see if I can slide my blogger that www.tirandopegao.com

      Delete
    2. Kami sekeluarga ingin mengucapkan banyak terimakasih kepada MBAH KABOIRENG atas bantuannya saya menang togel yang 2x nya ,pekerjaan saya sehari-harinya cuma seorang supir angkot yang pendapatannya tidak seberapa,buat biaya anak sekolah aja tidak cukup apalagi untuk mencukupi kebutuhan hidup keluarga sehari-harinya….suatu hari saya tidak sengaja mendengar pembicaraan teman saya mengenai prediksa MBAH KABOIRENG yang katanya bisa mengeluarkan angka sgp/hk yang di jamin tembus,akhirnya saya bertanya dan teman saya memberikan nomor MBAH KABOIRENG dan saya pun menghubunginya..?? Berkat bantuan MBAH yang telah memberikan anka “GHOIB” nya 4D yaitu (7702) dan alhamdulillah itu ternyata terbukti. lagi…sekaran anak saya bisa lanjut sekolah lagi itu semua atas berkat bantuan MBAH KABOIRENG,bagi anda yang penggemar togel ingin meruban nasib melalui angka2 goip yang di jamin 100% kemenangan hbg MBAH KABOIRENG di nmr;_0_8_2_3_2_2_2_1_2_1_1_1,ini bukti nyata bukan rekayasa,mana ada kemenangan tanpa keberanian dan kejujuran,saanya kita perlu bukti bukan sekedar janji2,hanya MBAH KABOIRENG yang bisa menjamin 100% kesuksesan,anda perlu bukti hbg sekaran MBAH KABOIRENG nya,terima kasih. KLIK DISINI!





      Kami sekeluarga ingin mengucapkan banyak terimakasih kepada MBAH KABOIRENG atas bantuannya saya menang togel yang 2x nya ,pekerjaan saya sehari-harinya cuma seorang supir angkot yang pendapatannya tidak seberapa,buat biaya anak sekolah aja tidak cukup apalagi untuk mencukupi kebutuhan hidup keluarga sehari-harinya….suatu hari saya tidak sengaja mendengar pembicaraan teman saya mengenai prediksa MBAH KABOIRENG yang katanya bisa mengeluarkan angka sgp/hk yang di jamin tembus,akhirnya saya bertanya dan teman saya memberikan nomor MBAH KABOIRENG dan saya pun menghubunginya..?? Berkat bantuan MBAH yang telah memberikan anka “GHOIB” nya 4D yaitu (7702) dan alhamdulillah itu ternyata terbukti. lagi…sekaran anak saya bisa lanjut sekolah lagi itu semua atas berkat bantuan MBAH KABOIRENG,bagi anda yang penggemar togel ingin meruban nasib melalui angka2 goip yang di jamin 100% kemenangan hbg MBAH KABOIRENG di nmr;_0_8_2_3_2_2_2_1_2_1_1_1,ini bukti nyata bukan rekayasa,mana ada kemenangan tanpa keberanian dan kejujuran,saanya kita perlu bukti bukan sekedar janji2,hanya MBAH KABOIRENG yang bisa menjamin 100% kesuksesan,anda perlu bukti hbg sekaran MBAH KABOIRENG nya,terima kasih. KLIK DISINI!

      Delete
  2. mas...pingin tuh lavalamp nya... :D

    boleh ga di ambil? hadooh jd malu ambil kode mulu.. :D


    ReplyDelete
    Replies
    1. Silahkan mas, rencana nanti saya buat tutorialnya juga

      Delete
  3. Alhamdulilah keluar juga,.. terima kasih atas sharenya,.... besok pagi langsung di sedot, sekarang lagi kerja. good thanks

    ReplyDelete
    Replies
    1. Ok rajin2 ya kerjanya biar nanti kalo pulang ke Indonesia bisa buat beli sapi... hehehe

      Delete
  4. terbaik mas.. semoga terus aktif berkarya mas..

    ReplyDelete
  5. lama ga mampir kesini pasti maskolis udah lupa sama saya hehe
    izin praktek tutorialnya mas, tq

    oky angga

    ReplyDelete
    Replies
    1. Iya agak lupa saya sama mas Oky
      Makasih udah mau berkunjung lagi

      Delete
  6. tromakasih gan sangat berguna skali ni gan

    ReplyDelete
  7. saya pernah pake ini tapi beraaat hehehe :p

    ReplyDelete
  8. Maskolis memang baik hati,tidak sombong dan rajin menabung..

    Akhirnya keluar juga ni tutorial..

    Cuma saya sdikit menemui kendala yaitu saat di pasang di storage blue semua gambar di widget pada membesar semua,trus tab view di sidebarnya mengecil..

    Kenapa tu mas..bagaimana cara menanganinya..

    Terima kasih..

    ReplyDelete
    Replies
    1. Udah pernah saya coba pasang di johny storage tapi nggak bisa.
      Soalnya bentrok sama tabber yg ada di sidebar, jadi mesti cuma satu tabber yg dipake

      Delete
  9. Minal .Aidin Wal Faidzin Mass..

    Thank.s atas semua tutornya
    http://pawiet.blogspot.com/

    ReplyDelete
  10. wah keren nih, kira-kira bisa ga ya dipasang di template Johny Kenthir, kan disana udah ada tab juga pada sidebarnya.
    makasih ya om atas tutorialnya....

    ReplyDelete
    Replies
    1. Bentrok mas sama slider bawaan johny kenthir, mesti dihilangkan dulu slider bawaannya baru dipasang ini

      Delete
  11. Ini Blog dengan tutorial dan tips blog yang paling produktif dan kreatif serta agresif :)

    ReplyDelete
    Replies
    1. Hahahaha... agresif kek orang mau perang aja

      Delete
    2. hehehe...blognya agresor dunk..!!xixi..

      Delete
    3. Maksudnya gencar nampilin kreasi template terbaru, tips dan trik yang oke dan mantap punya. Hm bisa jadi referensi Blogger teratas di Indonesia dan luar setelah Blog template yang lain mulai menurun kreasi dan idenya. Maju terus Mas :)

      Delete
    4. Maju teru juga buat mas Roni sama mbak Yuni

      Delete
  12. Memang bener2 manteb banged mas :). Di blogku jg udah tak pasang widget tab view.

    Mas mw tnya, maskolis pnya gmbr comment-arrow buat threaded comment gk? Perasaan disalah satu template pnya maskolis, ada comment-arrow yg warna-nya hitam, saya butuh comment-arrow yg hitam. Minta gmbrnya dong Mas :)

    ReplyDelete
    Replies
    1. Lha emang ada...? Yang mana sih
      Saya malah nggak tau mas

      Delete
  13. mas, ini kenapa ya?
    blog saya kok jadi begini ya?
    http://www.myogisaputra.info/
    script nya pada ilang ya mas?

    ReplyDelete
  14. mas, gak work mas saya pasang di template jhony storage blue..

    ReplyDelete
    Replies
    1. Udah pernah saya coba pasang di johny storage tapi nggak bisa.
      Soalnya bentrok sama tabber yg ada di sidebar, jadi mesti cuma satu tabber yg dipake.

      Trus kode ini ada 2 di blognya situ :
      <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
      Hapus satu yang kedua

      Delete
  15. mas gmn carax menghapus label yg dibwah langganan artikel..?? terima kasih.. :)

    ReplyDelete
    Replies
    1. masuk ke layout, trus klik blog post >> jangan centang label mas

      Delete
  16. gan request tamplate seperti naruchigo.com , tank gan moga sukses

    ReplyDelete
  17. Mantep mas kolis infonya, langsung di coba, & ijin CTRL+D ya...???

    ReplyDelete
  18. Hi Johny, you greetings from Colombia, I wanted to thank you for all these great templates, personally helped me a lot. No free find another template as professional as all that is in your site. Thank you! This is my site: www.futbolones.com

    ReplyDelete
    Replies
    1. Hi, you're welcome my friend
      Hope you enjoy it

      Delete
  19. tiap Mas Kholis bikin widget baru...saya langsung ngiler...tapi blog udah terlalu banyak java scriptnya je...blog saya udah 'obesitas script'...hehehe...tapi nanti musti dicoba tuh widget...terimakasih Mas Kholis!

    ReplyDelete
    Replies
    1. Iya kalo kebanyakan javascript bisa gendut, jadi pelan nanti jalannya mbak

      Delete
    2. Mas yang baik...kalo pas luang, mohon berkunjung ke blog saya. Itu template dan widget2nya saya dapet dari tutorial di blog ini. Yang pingin saya tahu...menurut mas Kholis loding blog saya lemot enggak ya...biar saya tahu kapan saya harus mulai 'diet'. Sampaikan penilain di kotak komentar salah satu posting saya ya....terimakasih.

      Delete
  20. Macam mana nak pasang kat static page?

    ReplyDelete
    Replies
    1. Baca tutorialnya disini :
      http://creatingwebsite-maskolis.blogspot.com/2012/03/membuat-static-page-pada-template.html

      Delete
  21. Hi
    Saya dah pasang tetapi image tidak keluar.
    http://www.vocaloidp3.com/p/vocaloid-updates.html
    Post saya skrang pakai YouTube dan automatic thumbnail image.
    Kenapa widget ini tidak ambik YT thumbnail instead?

    ReplyDelete
    Replies
    1. Untuk post video dari youtube :
      http://creatingwebsite-maskolis.blogspot.com/2012/06/johny-crottube-template-iseng-sambil.html

      Delete
  22. Pada langkah no. 8 "silahkan ganti dengan label Anda sendiri dan sesuaikan dengan judul tab view pada langkah nomer 7 diatas"...mungkin maksud Mas Kholis langkah nomer 6 ya...bukan nomer 7.

    ReplyDelete
    Replies
    1. Iya bener maksudnya langkah nomer 6, makasih koreksinya mbak Yuni

      Delete
  23. punya ane kok tambah amburadul ya gan?
    tolong di check www.game-software.info

    ReplyDelete
  24. tolong di chek di blog ane gan,,
    tooltip image nya rusak,,
    trus cara mempercepat loading blog gmn yah?
    blog ane berat banget
    di chek aja gan www.game-software.info

    ReplyDelete
  25. Gan, kok di blog saya yg muncul cma 1 posting di 1 tabview?

    ReplyDelete
    Replies
    1. Itu kodenya bentrok mas, coba baca keterangan pada langkah nomer 6 diatas. di template Anda sudah ada jquery.min.js dengan seri beda 1.4.2 dan pada satu template hanya disarankan memakai satu aja, kalo lebih dari satu bentrok mas

      Delete
  26. liat di http://pks-dpc-lamongan.blogspot.com/

    ReplyDelete
    Replies
    1. mas mo nanya cara samarin tulisan creating website di title footer gimana?

      Delete
  27. mau tanya nih mas, slider di blog sy kok g mau jalan y, mohon pencerahannya blog saya hxxp://www.sering.info

    ReplyDelete
  28. aslm..mas, ko jadinya yg tampil 5 posting ya..tidak empat..gmn cara ngatasinya..thanxz.

    ReplyDelete
    Replies
    1. Wa'alaikum salam pak
      Perhatikan langkah nomer 6 diatas, kode script warna biru nggak usah dipasang lagi, di template yg pak guru pake udah ada jquery.min.js nya

      Delete
  29. wah ..dah tak coba ngilangin yg no 6, tak preview tetep mas..tampilnya 5 n yang widgetnya kagak tidak horisontal 4 malah jadi vertikal ke bawah...

    ReplyDelete
    Replies
    1. Kalo masih nggak bisa berarti itu bentrok dengan script tabber yang ada di sidebar pak, soalnya kemarin saya pernah coba bikin template itu mau saya kasih simple tabber seperti di sidebar blog pak guru, tapi memang nggak bisa jalan

      Delete
  30. Replies
    1. Cari semacam kode itu, kode wrapper yang membukngkus halaman postingan

      Delete
  31. Template2nya keren2 mas...tutorialnya mantap ! Jangan lupa kunjungi Blog ane Gan..http://www.kenadeh.com/

    ReplyDelete
  32. tutor keren gan ,ijin copaas yha ? http://warna-xp.blogspot.com/

    ReplyDelete
  33. jika ada temen2 yng bentrok script nya mungkin bisa di rubah yang numposts menjadi(misal) numposts40 dan }function showrecentposts menjadi }function showrecentposts40 ,di samakan dengan script yg di bawah ini

    .......<script src=\"/feeds/posts/default/-/Norah Jones Lyrics?max-results="+numposts40+"&orderby=published&alt=json-in-script&callback=showrecentposts40\"><.....

    tinggal di cari aja pake ctrl F,..ini pengalaman saya loh..heheh dan sukses tentunya,karena saya juga mendapatkan hal serupa yaitu script yg bentrok..
    maaf penjelasannya kurang..heheh
    semoga membantu

    ReplyDelete
  34. apa gak berat boss kalau banyakan pakai java script?

    ReplyDelete
  35. salam mas,

    udah saya coba tabber ini di blog saya tapi title nya gak keluar di tab menu. tolong saya, mas. terimakasih.

    ReplyDelete
    Replies
    1. Untuk kode nomer 8 (Tittle 1( dan seterusnya nggak usah dirubah tittle-nya :
      document.write(cer citer) biarkan saja pada seperti ini :
      document.write(Tittle 1) demikian juga yang lainnya

      Delete
    2. mas,
      saya udah coba tukar ke asal tapi masih begitu juga. di mana lagi silapnya saya, mas?

      Delete
    3. Oh... satu lagi itu karena anda menambahkan script :
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"/>
      untuk membuat recent post animasi di widget

      Di template itu udah ada script itu dengan seri yang beda, coba dihilangkan kode script itu

      Delete
  36. keren mas, kapan2 bikin postingan yg thumnailnya ditaruh dipinggir judul, biar kayak id.berita.yahoo.com

    tapi jgn persis2 amat. biar ga dituntut :D

    ReplyDelete
  37. iya mas, sekarang kode scriptnya udah saya hilangkan tapi gak ada perubahannya. mohon bantuannya, mas ... terimakasih sekalian.

    ReplyDelete
    Replies
    1. Yang kode ini jangan dihilangkan :
      <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

      Coba lihat kode pada langkah nomer 6 warna biru

      Delete
    2. hehehe bingung saya, mas ... masih juga gak berhasil. apa bisa dibantu terus, mas?

      Delete
    3. Masukkan email saya ncmajid@gmail.com jadi admin
      Masuk ke setting, di permission klik author kemudian ketik email saya. Tunggu sampai saya approve kemudian kembali lagi ke permission, klik email saya lalu rubah dari author jadi admin agar saya bisa masuk ke edit HTML

      Delete
  38. punya tempat saya gak muncul thumbnailnya mas, munculnya cma yg no iamage, kira2 kenapa ya mas, mohon bantuannya mas, blog saya ini: hxxp autocar-2.blogspot.com

    ReplyDelete
    Replies
    1. masuk ke setting >> other/lainnya >> allow blog feeds >> posisikan ke "full" atau "until jump break"

      Delete
    2. ok mas dah bisa.. terima kasih banyak, kapan2 ajarin bikin tooltip ya mas, hehe, saya nyari2 ga dapet2 nih, sekali lagi terima kasih ya, & lam kenal

      Delete
  39. thnks ya gan atas artikelnya,,,ditunggu artikel menarik lainnya,,,salam persahabatan aja ya,,,

    ReplyDelete
  40. yes! yessss!! makasih banyak, mas. baik hati mas menolong saya. terima kasih sekali lagi, mas.

    ReplyDelete
  41. salam mas,
    sekali lagi saya ingin menyusahkan mas ... hehehe
    gimana caranya utk menghilangkan frame pada foto2. spt dlm posting saya, "koleksi kayu, besi dan batu" gambar2 yg dipostkan berada di dalam frame. bisa gak dihapuskan frame tersebut?
    terima kasih duluan, mas.

    ReplyDelete
    Replies
    1. wow! mas udah perbetulkan utk saya ya ..? wah terimakasih banyak mas ... memang terbaikkk!!!

      Delete
  42. please help me i done every thing but i dont know why the tabbs names doesn't appear
    look to this demo
    http://demo-9awalebouna81.blogspot.com/

    ReplyDelete
  43. assalam mualaikum mas, mau tanya nih, kalo saya pake tab view di jhonny ganteng banget knapa yang di feature post today slidenya tidak jalan ya?
    padahal saya sudah menghapus code yg double (ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript') tapi tetap saja slidenya tidak jalan.
    apa memang harus ada yg ngalah antara tab view dengan slidernya ya mas?

    ReplyDelete
  44. bagus mas .. klo bisa di pos kan cara nya membuat video category sperti blog nya mas.. yang maskolis.blogspot.com

    ReplyDelete
  45. mas nice tutorial.y klo bisa posting tutor membuat video category

    ReplyDelete
  46. malam mas, mau nanya lagi nih mas, bikin tab view cara singkatnya gimana ya, kalo di blog lain rata2 untuk add widget setelah copy pasti di edit HTML nya, pake nambahin link url 1, 2 dst...maksudnya gimana tuh...bingung nih mas maklum newbie...oya trs gimana cara membuat dan mengatur jarak antar widget di sidebar/kiri,kanan dan tengah dan mengatur garisnya biar terlihat jelas kesan pembatas widgetnya karena kebetulan sy pake 3 kolom, sy udah coba cari kodenya di edit HTML tp bingung yg mana mau diotak-atik,soalnya kodenya beda spt yg mas sampaikan...trims ya mas...blog sy Media Info (http://mediainfomitra.blogspot.com)

    ReplyDelete
  47. i couldnt see any code in this tutorial! where can i found it? thanks..

    ReplyDelete
  48. kalau cara menghapusnya mas.. soalnya berat sekali

    ReplyDelete
  49. wow,mantap mas biarpun agak ribet juga dalam pemraktekan nya menurut gue,hehehe...
    maklum masih pemula..

    ReplyDelete
  50. Maskolis necesito que me ayudes con mi blogg, no se como poner a funcionar los label y mucho menos la opción del slider que esta arriba del label 6. Favor ayudarme, y gracias desde ya.

    ReplyDelete
  51. Maskolis necesito que me ayudes con mi blogg, no se como poner a funcionar los label y mucho menos la opción del slider que esta arriba del label 6. Favor ayudarme, y gracias desde ya. Mi blogger es www.tirandopegao.com

    ReplyDelete
  52. Terima kasih maskolis, tutorialnya sudah berhasil saya pasang di blog saya: www.catatan-piper-comex.blogpot.com
    Saya tunggu ilmu ilmu bermanfaat yang lainnya.
    Semoga ilmu nya berkah dan bernilai ibadah, aamiin..!

    ReplyDelete
  53. keren dah
    mas kolis emang jagonyaa

    :D

    hehe

    ReplyDelete
  54. kalo menambahkan url di setiap widget gimana gan????

    ReplyDelete
  55. tutorialnya keren mas, mudah dimengerti !!
    salam http://hienzo.blogspot.com/

    ReplyDelete
  56. I can not install Installation was successful, but how do I change sections
    Norah Jones

    ReplyDelete
  57. wah walau ane belum nyoba maskolis top markotop dah...

    ReplyDelete
  58. Mas sy ingin meletakan Tab View dibawah Slider dan menyembunyikan Postingan utama, krn setiap postingan terbaru sudah muncul di Slider. nah, ketika sy memasukkan kode-kode html diatas, Tab View Muncul akan tetapi slider jd berhenti berjalan. Mohon bantuannya.

    ReplyDelete
  59. satu lagi mas, gimana caranya artikel artikel yg muncul di tabview hanya Judul dan 1 paragraf saja, tanpa memunculkan tumbnail gambar. krn menurut sy terasa full blog kita jika thumnail gambar ikut muncul. trima kasih sebelumnya mas

    ReplyDelete
  60. wah keren, di tempat saya sukses,,, tapi masih ada sedikit kendala maskolis, pas saya lebarkan width-nya, ttp gak mau mas.... ukurannya ttp segitu, mohon bantuannya....

    www.rieztoshare.com

    ReplyDelete
  61. Mas tolong balas yah,
    Gimana kalau widget ini tidak memakai deskripsi, jadi hanya title dan thumbnail saja.

    Terima kasih, ditunggu balasannya segera.

    ReplyDelete
  62. keren mas infonya
    gue coba deh

    http://fhirman-ilham.blogspot.com

    ReplyDelete
  63. Mas Kolis yang baik hati,saya sudah coba pakai dan berhasil tapi masalahnya kok slider nya jadi gak jalan yah,,itu karena apa mas?

    ReplyDelete
  64. ijin share mas..., dan saya menggunakan salah satu template bikinan maskolis... asli jan joss tenann... :)

    makasih atas ilmunya mas.

    ReplyDelete
  65. Terima Kasih mas sudah saya coba berhasil...

    ReplyDelete
  66. me da error , ayuda por favor , he seguido los pasos detalladamente pero al probar me da error y no se como resolverlo. www.rajatabla.net
    "No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The content of elements must consist of well-formed character data or markup.
    Error 500"

    ReplyDelete
  67. maskolis,, itu di sebelah kiri subscribe itu buatnya gimana mas

    ReplyDelete
  68. makasih mas, saya download dan telah di coba di http://umkmsukses.blogspot.com.
    mohon ijin tanya......
    ttg, tabview nya gimana

    ReplyDelete
  69. ini dia yg w cari2 mksh gan atas infonya
    titip ini y gan : world7musik.blogspot.com

    ReplyDelete
  70. bisa gk labelnya di ambil dari blog kita yang lain, agar blog lainnya dapat dilihat sama orang lain??

    ReplyDelete
  71. Waw... postingan yang rruuuuaaaarrrr biasa, ini baru gebrakan om.

    ReplyDelete
  72. asik nih ternyata ada tutorialnya

    ReplyDelete
  73. alhamdulilah berhasil mas :) makasih ya,

    ReplyDelete
  74. mas mantep baget tips nya...saya banyak belajar nih :)

    btw friends please view and like blog ae yah

    http://mang-e-news.blogspot.com/

    ReplyDelete
  75. gimana cara merubah kategori yg sudah asli dari blok . . . tu kan gk ada isi nya

    ReplyDelete
  76. mas kolis, saya masih bingung ni, postingannya gak muncul2

    ReplyDelete
  77. saya sangat berterima kasih yah atas toturialnya.
    oh iya. template jhony super prett bagus,ijin Sedot yah Om

    ReplyDelete
  78. wah makasi bung kolis.
    bisa d coba ni. dan ijin share di bloh ane http://malanggakure.blogspot.com/

    ReplyDelete
  79. thx mas infonya

    mampir yuk blog gw
    http://era-informasi.blogspot.com

    ReplyDelete
  80. Permisi om, om. cara remove widget ini gimana yah ?
    ini nih templatenya: http://mralpuzzle.blogspot.com/
    Alasan remove widget ini karna pas saya masang ini : http://seociyus.blogspot.com/2013/02/cara-membuat-komentar-facebook-keren-di-blog.html

    Tampilan widget tab viewnya jadi panjang gak karuan gitu.. gak rata. makanya saya mau remove aja atau mungkin ada cara yang lain supaya bisa di pasang kedua widget ini tanpa ada 1 widget yang rusak/error

    Makasih sebelumnya, maaf yah gak cantumin Sumber Templatenya, nanti ane pasang dah kalau sempat. makasih sebelumnya

    ReplyDelete
  81. Tab view sesuai kategori ini mantap, sepertinya ada yang harus ditambahkan mas...
    pada .tab-wrapper harus diset height nya juga, karena kalo tidak waktu diklik tampilan jadi naik ke atas (tidak diam)... (ga tau kalo diblog lain)
    untuk set numpost (misal 4) tapi munculnya banyak??? kenapa ya... tapi hanya terjadi di homepage, sedangkan di postpage normal.
    Terima kasih atas tutorialnya.. sudah dipraktekan

    ReplyDelete
  82. mas, saya pakai template jhony sompret banget, kok begitu dipasang tabber sesuai petunjuk diatas kok masih gak mau nongol ya?

    ReplyDelete
  83. how i can add this before footer? Maskolis thnx mate keep the good job!

    ReplyDelete
  84. maskolis makasih sebelumnya, tapi saya butuh pertolongan pertama pada kebingungan. maskolis minta info tutor : template yang saya pake di "dindongi.[cepot.oncom]" nah kan dibagian footer itu ada most download, cara bikin nya gimana ya pengen banget nih buat dipasang blog aku yg satu lagi. makasih mass ditunggu ya.

    ReplyDelete
  85. mas kolis punyaku knpa gak keluar gambarnya? :(

    ReplyDelete
  86. Gak Work mas di template saya !!

    ReplyDelete
  87. siang mas, tab viewnya udah work di blog ane www.cuconek.com
    ane mau tanya gimana cara menghapus teks yang di bawah gambar, jadi yang di view cuma gambarnya nya aja.
    terimakasih mas.

    ReplyDelete
  88. Produk dijamin asli
    TILLA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS:0896-9198-6275 ATAU KLIK WEBSET RESMI KAMI
    BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

    Dijual

    Ready Stock !
    BlackBerry 9380 Orlando - Black
    Rp.900.000,-

    Ready Stock !
    BlackBerry Curve 8520 Gemini
    Rp.500.000,-

    Ready Stock !
    BlackBerry Bold 9780 Onyx 2
    Rp.800.000,-

    Ready Stock !
    Blackberry Curve 9320
    Rp.700.000,-

    Ready Stock !
    Samsung Galaxy Tab 2 (7.0)
    Rp. 1.000.000

    Ready Stock !
    Samsung Galaxy Nexus I9250 - Titanium Si
    Rp.1.500.000,-

    Ready Stock !
    Samsung Galaxy Note N7000 - Pink
    Rp.1.700.000

    Ready Stock !
    Samsung Galaxy Y S5360 GSM - Pure White
    Rp.500.000,-

    Ready Stock !
    Nokia Lumia 800 - Matt Black
    Rp.1.700.000,-

    Ready Stock !
    Nokia Lumia-710-white
    Rp. 900.000,-

    Ready Stock !
    Nokia C2-06 Touch & Type - Dual GSM
    Rp.450.000,-

    Ready Stock !
    Nokia Lumia 710 - Black
    Rp. 900.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari XL) - Black
    Rp.1.200.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari Telkomsel)
    Rp.1.200.000,-

    Ready Stock !
    Apple iPod Touch 4 Gen 8GB
    Rp.700.000

    Ready Stock !
    APPLE iPod Nano 8GB - Pink
    Rp.500.000,-

    Ready Stock !
    Acer Aspire 4752-2332G50Mn Core i3 Win7 Home
    Rp 1.300.000

    Ready Stock !
    Acer Aspire S3-951-2364G34iss
    Rp. 1.200.000,-

    Ready Stock !
    Acer Aspire 5951G Core i7 2630 Win 7
    Rp. 2.500.000,-

    Ready Stock !
    Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green
    Rp. 2.500.000,-

    Ready Stock !
    Nikon D7000 kit 18-105mm
    Rp.1.700.000

    Ready Stock !
    Nikon D90 Kit 18-105mm Vr
    Rp 1.300.000

    Ready Stock !
    Nikon Coolpix L 120 Red
    Rp. 900.000

    Ready Stock !
    Nikon Coolpix P 500 Black
    Rp 1.000.000

    ReplyDelete
  89. atas ane spam...mas kholis ini buat di homepage yah ? kalo buat di sidebar apa caranya sama juga ??? atau nambahinnya di widget html terus masukin kode jamu diatas ?

    ReplyDelete
  90. Wah telat comment nih, di coba ah buat lebih mempercantik Blog punya ane :)

    ReplyDelete
  91. Kalo mau tampil hanya di home page aja gmn ya Mas?

    ReplyDelete
  92. Mantab gan, senang bs berkunjung kesini, salam kenal, ditunggu kunjungan balik

    www.produsensusukambingbubuk.com
    www.produsensusukambing.com
    www.globalmandirisejahtera.web.id
    www.sarimaduutama.web.id

    ReplyDelete
  93. Produk dijamin asli
    TILLA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
    Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
    BERMINAT HUB-SMS:0896-9198-6275 ATAU KLIK WEBSET RESMI KAMI
    BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

    Dijual

    Ready Stock !
    BlackBerry 9380 Orlando - Black
    Rp.900.000,-

    Ready Stock !
    BlackBerry Curve 8520 Gemini
    Rp.500.000,-

    Ready Stock !
    BlackBerry Bold 9780 Onyx 2
    Rp.800.000,-

    Ready Stock !
    Blackberry Curve 9320
    Rp.700.000,-

    Ready Stock !
    Samsung Galaxy Tab 2 (7.0)
    Rp. 1.000.000

    Ready Stock !
    Samsung Galaxy Nexus I9250 - Titanium Si
    Rp.1.500.000,-

    Ready Stock !
    Samsung Galaxy Note N7000 - Pink
    Rp.1.700.000

    Ready Stock !
    Samsung Galaxy Y S5360 GSM - Pure White
    Rp.500.000,-

    Ready Stock !
    Nokia Lumia 800 - Matt Black
    Rp.1.700.000,-

    Ready Stock !
    Nokia Lumia-710-white
    Rp. 900.000,-

    Ready Stock !
    Nokia C2-06 Touch & Type - Dual GSM
    Rp.450.000,-

    Ready Stock !
    Nokia Lumia 710 - Black
    Rp. 900.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari XL) - Black
    Rp.1.200.000,-

    Ready Stock !
    Apple iPhone 4S 16GB (dari Telkomsel)
    Rp.1.200.000,-

    Ready Stock !
    Apple iPod Touch 4 Gen 8GB
    Rp.700.000

    Ready Stock !
    APPLE iPod Nano 8GB - Pink
    Rp.500.000,-

    Ready Stock !
    Acer Aspire 4752-2332G50Mn Core i3 Win7 Home
    Rp 1.300.000

    Ready Stock !
    Acer Aspire S3-951-2364G34iss
    Rp. 1.200.000,-

    Ready Stock !
    Acer Aspire 5951G Core i7 2630 Win 7
    Rp. 2.500.000,-

    Ready Stock !
    Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green
    Rp. 2.500.000,-

    Ready Stock !
    Nikon D7000 kit 18-105mm
    Rp.1.700.000

    Ready Stock !
    Nikon D90 Kit 18-105mm Vr
    Rp 1.300.000

    Ready Stock !
    Nikon Coolpix L 120 Red
    Rp. 900.000

    Ready Stock !
    Nikon Coolpix P 500 Black
    Rp 1.000.000

    ReplyDelete
  94. Waduhh....
    punya saya ngga jadi ni mas...!! :'( :'( ...
    dimana ya kesalahan nya,,,
    saya juga bingung...
    kalo bisa di cek mas....
    Http://www.Remajaxxx.blogspot.com

    thanks....

    ReplyDelete
  95. om kalo membuat tab seperti di blog : www.chimenk.tk

    itu ky gimana yah om? di samping ada tab popular post sama archip...

    mohon solusi dan pencerahannya.

    ReplyDelete
  96. mas kalau mau buat lebih dari satu tab view widget gimana?
    misal dah saya pasang satu tab view widgetnya terus di bawahnya saya mau buat lagi hal yang sama gimana ?
    saya pengen pasang 3 atau 4 tab view widgetnya...

    maksih

    ReplyDelete
  97. Keren Baget Mas. Ditunggu Kunjungan Balik Mas
    http://aceharpas.blogspot.com/

    ReplyDelete
  98. maskolis emang jago, makasih pencerahan blognya, saya merasa terbantu dengan template n tutorialnya yang uper keren n mantabbbb,

    ReplyDelete
  99. mantap mas tutorialnya ,, tapi kalo multi tab view buat dipostingan ada tutorialnya gak mas ?? seperti di link ini _http://www.skidrowgames.net/violett-skidrow.html_ mohon pencerahannya mas :)

    ReplyDelete
  100. mas tanya: bagaimana caranya membuar header berbeda pada setiap halaman?

    ReplyDelete
  101. mantap gan
    ditunggu artikel selanjutnya...

    ReplyDelete
  102. kang ....mas ,,, sy dah berhasil buat itu semua ,,, tapi kok nggak ada gambarnya yah ,,,hehe

    ReplyDelete
  103. Tirando Pegao: (remove all jscript mas cholis before) and u can using j-script bellow:
    script src='http://yourjavascript.com/013120251122/tabview.js' type='text/javascript'/
    script type='text/javascript'
    couse mas cholis jscript cannot accepted other template.
    thx before, i hope usefull 4 u

    mas cholis thx telah banyak memberikan tutorial2 yang bermanfaat dan top banget..
    http://youtube-most-wanted.blogspot.com

    ReplyDelete
  104. oke bos.... saya bisa bantu apa ya kira-kira , kalau bantu masarin template sih bisa bos karena saya juga sudah membuat posting hal download template bos bisa lihat postigan download templat ku http://www.mahadewapulsa.com/2014/07/download-template-blogger-responsive.html . kalau oke kasih tau bos... makasih...

    ReplyDelete
  105. kreatifnya sangat bagus gan :) i like this


    kami juga ada bonus over turn bonus 0.3%
    dan kami mentedia kan kode referral

    http://www.senangpoker.com/?ref=859522

    WWW.senang77r.COM
    PENDAFTARAN
    http://senang77.com/Register000.aspx

    http://WWW.senang77.COM

    WWW.senang77.COM
    PENDAFTARAN
    http://senang77.com/Register000.aspx

    http://WWW.senangp77.COM
    SHARE dengan teman2mu karena senangpoker adalah POKER

    ONLINE TERPERCAYA dan TERCEPAT PELAYANANNYA

    Tunggu apa lagi ayo segera bergabung di senang poker

    yang saat ini memberikan bonus 10 point untuk setiap

    turn over per 1jt langsung di hitung otomatis dalam

    waktu satu minggu jika bonus anda tidak di klaim dalam

    waktu satu minggu maka bonus anda dinyatakan hangus. Dan

    saat ini www.senangpoker.com sudah terdapat permainan

    baru DOMINO99 yang tidak kalah menarik dengan POKER.

    Kami bisa di hub melalui :
    YM : cs.senangpoker@yahoo.com
    FACEBOOK : cs.senangpoker@yahoo.com
    BBM : 764a99d1 SKYPE : senang.poker
    TWITTER : senangpoker

    ReplyDelete
  106. thanx ya gan atas info nya semoga sukses selalu blog nya gan :)
    dan sukses selalu gan info nya :)
    PROMOSI
    HOT PROMO DARI RAJAPOKER88 di

    http://www.rajapoker88.com/?ref=577053

    ReplyDelete
  107. makasih atas onfonya gan :)

    Bergabunglah dengan kami di www.senang77.net
    Tempat bermain POKER paling FAIR, AMAN DAN TERPERCAYA!!
    Nikmati bonus turn over 0.3% setiap Minggunya
    Hanya di www.senang77.net anda dapat merasakan KENYAMANAN bermain POKER
    BUKTIKAN!!

    ReplyDelete
  108. This comment has been removed by the author.

    ReplyDelete
  109. Please jawab nya mas....kok punyaku yang Cara nomer 8 itu gak ada ya?

    ReplyDelete
  110. makasih mas maskolis ijin nyoba terapin d blog :)

    ReplyDelete
  111. tab view nya gak bekerja, setiap tab muncul smua lebel sampai ke bawah , tolong solusinya

    ReplyDelete
  112. Ijin Terapkkan mas di blog ane, mudah mudahan sesuai dan enak dilihat bila di tampilkan pada homepage blog saya.
    trimakasih mas...

    ReplyDelete

No comment moderation in this page
Do not put the link in this comment, I'll make it disappear forever
I hate when people play cheat to increase their blog, meanwhile everyone else do it politely and honestly

 
CREATING WEBSITE © 2012 the other blog Mas Template | Look at this Johny Template | Powered by Blogger