mas template

Membuat Widget Label Tertentu dengan Satu Thumbnail

Wah judulnya kurang pas kayaknya ya...? Bodo amat, yang penting isinya. Kali ini saya akan memberikan satu lagi tutorial blogger tentang membuat widget per label dengan hanya satu thumbnail pada bagian paling atas dan di bawahnya menampilkan judul saja, untuk lebih jelasnya silahkan lihat screenshot gambar dibawah.  Biasanya widget ini banyak digunakan oleh blog konten berita, salah satu fungsi widget ini untuk memudahkan para pembaca untuk mengeksplorasi tiap kategori yang ada dan bisa juga untuk meringkas ruang pada sebuah template. Sebenarnya tutorial ini sudah lama tapi karena banyak yang tanya di kotak komentar maupun di email, tidak ada salahnya jika saya perjelas lagi di artikel ini. Cara membuat widget per label yang saya gunakan disini sebenarnya mudah dan hanya menggabungkan antara tutorial membuat label atau kategori dengan thumbnail dan membuat widget label yang hanya menampilkan judul saja. 

widget per label


Jika Anda lihat pada template Mas Paper atau Johny Portal 2, di bagian tertentu pada template itu terdapat widget yang menampilkan label dengan susunan satu judul dengan thumbnail dan summary, dan dibawahnya list dari label yang sama tetapi hanya menampilkan judulnya saja. Cara membuatnya adalah sebagai berikut :
  1. Pertama yang mesti Anda lakukan adalah login ke blogger dengan akun Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan widget ini.
  3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :
    img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px}
    img.label_thumb:hover{background:#f7f6f6}
    .label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}
    ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}
    Perhatikan tulisan warna biru diatas, itu adalah lebar dan tinggi thumbnail image.
  6. Selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :
    <script type='text/javascript'>
    //<![CDATA[
    function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
    if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
    {s=entry.content.$t;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!="")){thumburl=d;}else thumburl='http://2.bp.blogspot.com/_IKigl6y9hFA/TMdcT1jzo5I/AAAAAAAAAHA/hAKuT9rJpFU/noimage.jpg';}
    var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
    document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;}
    else
    if("summary"in entry){var postcontent=entry.summary.$t;}
    else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
    else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
    var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
    if(showcommentnum==true)
    {if(flag==1){towrite=towrite+' | ';}
    if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
    if(displaymore==true)
    {if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
    document.write(towrite);document.write('</li>');if(displayseparator==true)
    if(i!=(numposts-1))
    document.write('');}document.write('</ul>');}
    //]]>
    </script>
    Jika kode script diatas terlalu panjang, Anda bisa simpan di tempat penyimpanan Google Code Anda sendiri atau gunakan kode script di bawah ini yang sudah saya ringkas di Google Code.
    <script src='http://yourjavascript.com/425111422721/label.js' type='text/javascript'/>
  7. Setelah itu save templates, kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini. Klik add gadget >> HTML/Javascript masukkan kode berikut ini kedalamnya :
    <script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

    <script type="text/javascript">
    function recentpostslist(json) {
     document.write('<ul>');
     for (var i = 1; i < json.feed.entry.length; i++)
     {
        for (var j = 1; j < json.feed.entry[i].link.length; j++) {
          if (json.feed.entry[i].link[j].rel == 'alternate') {
            break;
          }
        }
    var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
    var entryTitle = json.feed.entry[i].title.$t;
    var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
     document.write(item);
     }
     document.write('</ul>');
     }
    </script>
    <script src="http://johnyportal2.blogspot.com/feeds/posts/summary/-/news?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://johnyportal2.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>
    Keterangan :
    Warna biru : adalah label atau kategori yang ditampikan, Anda bisa menggantinya dengan label anda sesuaikan dengan kebutuhan.
    Warna merah : Ganti URL dengan URL blog anda.

    Selanjutnya save dan lihat hasilnya.
Tampilan dari widget ini mengikuti kode CSS sidebar (jika Anda meletakkan di sidebar) pada template yang Anda pakai. Kode CSS yang digunakan pada pembuatan widget ini hanya digunakan untuk mengatur tampilan thumbnail.

Demikian tadi tutorial jadul mengenai membuat widget per label kali ini, 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

143 comments:

  1. Kayanya tutorial membuat widget mirip storage blue masih rahasia nich..hhee..

    Yang kalo ngisi widget cuma ketik labelnya itu loh..

    ReplyDelete
  2. @Adam Pramuja:
    Bukannya dirahasiakan, prosesnya panjang dan nggak fleksibel hanya bisa diterapkan untuk template multi kolom. Saya bingung mau mulainya

    ReplyDelete
    Replies
    1. mas jadinya kok tidak seperti contoh gambar nya ya mas..
      blog saya http://peaceblogberbagi.blogspot.com/

      Delete
    2. kasih cluenya dong mas, gimana caranya biar tampil artikel berdasarkan label tinggal tambah widget dan ketik label gitu.

      Delete
  3. Marhaban ya Ramadhan.., semoga Ramadhan thn ini bs lbh baik dr Ramadhan2 sebelumx.., smg semuax lancar2 sj.., Aamiin.., maaf ya klo ada salah kata dr sy.... :)
    ------
    dr dlu emank sy penasaran dgn tutiroalx..,akhirx dishare jg ni mas...., kapan2 insya Allah sy share tutorialx ke blog sy yaa,

    btw.., napa ya backlink sy perlahan2 berkurang, terakhir ada 147 lalu 146, sekrg 133, napa ya...???,

    lalu, tultip yg sy pasang pd nama blog sy jg napa tultipx hny tampil di Beranda sedang dihalaman posting gk tampil..?? terima kasih solusix.... :)

    ReplyDelete
  4. terima kasih kepada agan maskolis,hampir 50 % editing template saya,trik ilmunya saya peroleh dari sini,,,sukses selalu buat agan markolis.

    ReplyDelete
  5. Masya Allah Yang saya Tanyakan dari dulu Sudah Terjawab...

    Ayo tingkatkan Amal Sholeh untuk dapat Mendapatkan Kemuliaan Bulan Ramadhan.

    ReplyDelete
  6. mas tutorialnya nga abis2,,banyak bnr ^^
    murah ilmu panjang rejeki,,amin

    ReplyDelete
  7. mas, kemaren habis nambah sidebar kiri di template mas kolis (luu[a namanya, kalo ga salah creating website 3kolom modifikasi).

    nah, pertanyaannya cara mau nambahin css utk sidebar leftnya kok ga bsia2 ya, gimana caranya mas? seharian sy otak atik ga bisa2 wkwkkw

    rencananya mau nambahin border yg kayak di sidebar lainnya (border putus2 / dotted) di sidebar left tsb..

    oya ini blognya mas cekidott.. :D

    www.Teknokers.com

    ReplyDelete
  8. @Rohis Facebooc:
    Selamat berpuasa juga mas Naufal
    Waduhhh masa iya sih backlink bisa berkurang, baru tau saya mas.

    Gini aja yang penting nulis dan berbagi, statistik blog jgn terlalu dipikirkan. Berhasil tidaknya suatu blog parameternya tidak hanya dilihat dari statistik blog, tapi sejauh mana blog itu bisa bermanfaat bagi pengunjung

    Untuk masalah toolti, saya tidak melihat ada tooltip di homepage, di bagian mana ya mas...?

    ReplyDelete
  9. @Andikwin Trenggalek Jawa Timur:
    Sipp sama-sama mas, saya liat blognya mas Andik juga sudah berkembang pesat

    @Muhammad Zakaria:
    Ayooo....

    ReplyDelete
  10. tootip pada nama blog 'Rohis Facebook', menu homex sy hilangkan soalx sdh penuh, jd solusix nama blog 'Rohis Facebook' dijadikan menu home aja.., keteranganx dgn menggunakan tooltip, agar pengunjung bs tahu..., :)

    sebenarx prinsip sy jg gitu mas.., yg penting update dan berbagi kebaikan.., statistik itu nomor sekian-sekian..!, cuma apakah dgn berkurangx backlink berarti posisi blog dimata google makin buruk..??, terima kasih.. :)

    ReplyDelete
  11. mas ada yang mau saya tanyakan,... kenapa ya,.. blog saya sama sekali tidak terlacak di search engine google,
    saya memakai template dari maskolis.

    mohon di tinjau
    http://zikotube.blogspot.com

    ReplyDelete
  12. keren, ijin coba dulu aahh,, :D

    ReplyDelete
  13. @zikofamily:
    Kalo habis ganti template memang begitu mas, tunggu sampe 3 - 4 hari pasti nanti keindeks lagi

    ReplyDelete
  14. ini dia yg kucari mas,percis yg dipake blog senior ku,hehehe thanks mas :D

    ReplyDelete
  15. kapan adain showcase lagi nih,.. hehhehe

    ReplyDelete
  16. Malam Maskolis... Kalau untuk mengatur jarak (merenggangkan) thumbnail dengan judul Posting settingnya yang dirubah yang mana ya mas ? Terima kasih sebelemnya mas

    ReplyDelete
  17. @Utomo:
    Malam juga mas
    pada kode langkah nomer 5 diatas, perhatikan kode ini : margin-right:10px;

    Silahkan ganti 10px sesuai keinginan mas

    ReplyDelete
  18. Selamat berpuasa ya Mas...Makasih atas semua kebaikan Mas selama ini semoga mendapat balasan-Nya. Salam dari pengunjung setia Maskolis...
    Semoga makin sukses...

    ReplyDelete
  19. Selamat pagi mas Kolis, absen nich saya heee.. oya saya usul boleh mas, kan mas Kolis bikin template gratis banyak ni mas, misalnya kalau template2 itu dibolehin dihapus link2 yang ada di footer itu tapi bayar licensi gitu gmn mas, kayaknya manteb itu mas.. usul aja ini mas, hee..

    ReplyDelete
  20. @misteruban:
    Wah misteruban komennya masuk spam jadi kehapus, tapi saya masih inget usulnya.

    Sebenernya udah banyak sih mas yang menghilangkan kredit dengan licensi dari saya memang nggak saya publikasikan dan tentunya dengan reward, ada yg berupa pulsa dan uang tunai
    Kalo misteruban mau langsung saja uemail saya di contact me di mas template

    ReplyDelete
  21. hadewww, komentarnya beneran e malah masuk spam..wkwkwk.. Dengan pengguna yang banyak banget apa gak rugi mas kalau gak diplublikasikan? menurut saya sich rugi banget.. hee..

    oklah kalau begitu, skalian mau nanya2 soalnya. perlu dipikirin lo mas usul saya ini, asli rugi berat kalau gak di publikasikan..

    ReplyDelete
  22. @misteruban:
    Wedeww... kalo liatnya dari sisi finansial mungkin rugi iya, tapi kembali ke niat kita masing-masing, dan ini menurut keyakinan saya, bukankah setelah kita mati hanya tiga hal yang bisa terus memberikan manfaat salah satunya ilmu dan informasi yang bermanfaat…. Jadi monggo kalau ada template saya yang bermanfaat pake aja, dan semoga Tuhan yang akan membayarnya suatu hari nanti di akhirat, dan semoga juga setiap blogger yang sudah memakai template2 dari saya menjadikan blog yg dia kelola menjadi lebih baik

    Banyak yang tanya di email kenapa sih seneng banget bikin template blogger dan gratis lagi, lalu saya pikir apa sih yang menjadi alasan saya membuat template blogger? Apa saya mau cari tenar… sorry nggak lah yauw, apa saya minta bayaran nggak juga. Saya bikin template hanya untuk menyalurkan hobby saja, persis seperti saya juga hobby main game, main musik, pacaran, membaca buku di toilet bahkan hobby ngelus-ngelus jerawat dan jilat-jilat coklat. Lagipula selesai bikin template kan bisa dibuat postingan sekalian updates blog, soalnya maunya bikin tutorial blog tapi sudah banyak yang buat dan canggih-canggih lagi.

    ReplyDelete
  23. Mas Maskolis, makasi byk yo mas buat Templatenya... selama ni aq susah tuk mencari template blog yg simpel,padat dan loading template yg ringan. berkat Mas Maskolis aq gak perlu pusing2 gi tuk mencari template blogger yg news

    ReplyDelete
  24. Setubuh mas, tergantung Visi dan misi masing masing sich.. visi kita sama mas, bermanfaat bagi sejuta umat, tapi jalannya aja yang beda, hee.. wah suka ngegame, suka game dota gak mas? kali aja sama juga suka main dota.. oya mas, saya udah kirim email ke mas Kolis yang di mas template mas, semalem ngirimnya.. sebelumnya makasih banget ya mas Kolis, hee.. maturnuwun sanget..

    ReplyDelete
  25. Kok punya saya gak ada tabackgroundnya? malah kode nya yang tampil di blog saya ! ada solusinya mas?

    ReplyDelete
  26. mas tutorialnya nga abis2,,banyak bnr ^^
    murah ilmu panjang rejeki,,amin

    http://ichwan-ms.com/

    ReplyDelete
  27. assalamualaikum mas kolis,,mau nanyak lagi nih mas,,,cara membuat artikel terkait seperti http://kauman0506.blogspot.com itu bagaimana ya mas? alnya saya mau pakaikan di template johny kentir.
    mohon dijawab ya mas,,,,wassalam

    ReplyDelete
  28. @lombok Zaly:
    Wa'alaikum salam
    http://creatingwebsite-maskolis.blogspot.com/2011/06/membuat-artikel-terkait-dengan.html

    ReplyDelete
  29. Kalau untuk wordpress (selfhost) gimana maskolis?

    ReplyDelete
  30. Mas, boleh minta ngak code untuk recent post seperti di johnytemplate di sebelah kanan sidebar itu..

    ReplyDelete
  31. Mas mau tanya saya pakai slide carousel tapi kok slidenya melebar ke pinggir kanan, itu kenapa ya mas. Blognya http://kua-rancah.blogspot.com/

    Terima kasih sebelumnya mas....

    ReplyDelete
  32. @Rancah Online:
    Pindah kode berikut ini diatas </body>:
    <script type='text/javascript'>
    (function($) {     $(document).ready(function(){
    $("#carousel .container").jCarouselLite({
        auto:4000,
        scroll: 1,
        speed: 800,  
        visible: 5,
        start: 0,
        circular: true,
        btnPrev: "#previous_button",
        btnNext: "#next_button"
        });
        })})(jQuery)  
    </script>

    ReplyDelete
  33. Salam kenal Mas Kolis...wong YK yo?? Ijin pake template dr Sampeyan di http://alizaahir.blogspot.com.
    Mau nanya nih, cara merubah tema warna yg biru itu dmn yaa? udah tak utak-utik ga bs jg? maunya tak rubah warna yg terang2 n ceria menyesuaikan isi blog tuk keluarga n anak2. Satu lagi cara nambah label gmn?
    Mohon pencerahannya. Trims.

    ReplyDelete
  34. Malam Mas. Tutorial mantap. Tapi saya mencari tutorial yang membuat thumbnail berbeda ukuran untuk masing-masing widget. Contoh di atas sama ukurannya. Mungkinkah bisa, Mas ?

    ReplyDelete
  35. @umam99:
    Salam kenal juga mas, buka saya org Semarang mas.
    Bagian mana saja yg mau dirubah mas, tinggal cari background tiap bagian yang mau dirubah dengan warna yg diinginkan

    ReplyDelete
  36. Ini hanya menunjukkan sebuah cerita, yang bisa saya lakukan salah?

    http://manunited-la.blogspot.mx/

    ReplyDelete
  37. Salam Kenal balik Mas Kolis...aku wong Purworejo mas...Jateng Selatan. Ooo..jd boleh di rubah-rubah sesuai selera yaa..heheee kl gt minta ijinnya yaa mas. Oya nanya lg, script utk menu Populer Post n Trending Topic gmn yaa?? saya nyari kok ga ketemu2 di tutorialnya, adanya untuk menu Random Post. Mohon pencerahannya. Trims. Selamat Menjalankan Ibadah Puasa Ramadhan.

    ReplyDelete
  38. @umam99:
    Salam kenal juga mas Umam
    Wah purworejo dket sama Jogja, untuk footer yg Popular post sama trending topic itu sebenernya semua random post karena ini blog demo ya pokoknya asal keisi aja mas.
    Mas Umam bisa isi dengan widget yg ingin diletakkan disitu, nggak harus sama

    ReplyDelete
  39. Assalamualaikum.. Salam kenal mas
    Mas klu widget label tanpa Thumbnail gmn mas? seperti thema Johny Sompret soalnya saya makai template itu

    ReplyDelete
  40. wow,,ketemu juga triknya,,thanks mas sudah saya terapin dan berhasil

    ReplyDelete
  41. @Sabah Hayati:

    Wa'alaikum salam
    <script type="text/javascript">
    function recentpostslist(json) {
     document.write('<ul>');
     for (var i = 0; i < json.feed.entry.length; i++)
     {
        for (var j = 0; j < json.feed.entry[i].link.length; j++) {
          if (json.feed.entry[i].link[j].rel == 'alternate') {
            break;
          }
        }
    var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
    var entryTitle = json.feed.entry[i].title.$t;
    var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
     document.write(item);
     }
     document.write('</ul>');
     }
    </script>
    <script src="http://johny-sompret.blogspot.com/feeds/posts/summary/-/health?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
    <a href="http://johny-sompret.blogspot.com/search/label/health" style="float:right;font:normal 10px Arial;padding:5px 0;">More Post &#187;</a>

    Ganti URL dan label health

    ReplyDelete
  42. mantap mas,,,sangat membantu buat saya..

    ReplyDelete
  43. Mas minta tolong dong..saya udah terapin cara bikin 1 Thumbnail,tapi kenapa judul2 yang lain nggak muncul y..?trus widget jadi nggak ada bordernya..
    tolong infonya mas..

    ReplyDelete
  44. Wowww,.. Kumat saya mas,..
    pengen coba2 otak atik template lagi,..
    dicoba deh,..

    ReplyDelete
  45. akhirnya ketemu juga apa yang ku cari, dan akhirnya postingan ini telah membantu saya, terima kasih Mas atas Tutorialnya

    ReplyDelete
  46. Kunjungan balik mas kolis, mas ane mau pasang 2 kolom di bawah postingan dan di isi dengan widget dengan satu Thumbnail, nah saya baca Tutor nya di sini ==> "Menambah Kolom Diatas dan Dibawah Postingan Blog" itu tidak bsa saya pasang pada template saya pdhal template saya sama kya mas kolis bagaimana cara pasang yg benar ...
    Tolong pencerahannya

    ReplyDelete
  47. Mas kholis.., kemarin sdh sy coba pake tp gk bs.., napa ya..??
    thx solusix.. :)

    ReplyDelete
    Replies
    1. Untuk kode nomer 6 nggak usah dipasang mas Naufal, di template yg dipake itu sudah ada

      Delete
    2. Wah salah, ternyata untuk javascript nomer 6 (background hitam) udah nggak bisa kepake, udah saya ganti itu mas Naufal coba praktekkan lagi

      Delete
    3. oke mas.., berhasil..! :)
      tp napa yg muncul artikel yg lama ya...??, mksd sy bs gk klo artikel yg terakhir di posting yg muncul sebagai Thumbnail..., thx solusix.. :)

      Delete
    4. mf mas klo sy terlalu buru2 mengambil kesimpulan, mgkn related postx gk berfungi cz kena banned ya, pd kode yg ini

      http://johnytemplate.googlecode.com/files/related.js

      solusix apa ni mas..? thx...

      Delete
    5. 1. Masa sih? coba diganti dengan label yg lain dulu apa sama hasilnya...

      2. Iya mas, url script yang itu ganti ini aja : https://masolis-javascript.googlecode.com/svn/trunk/related.js

      Delete
    6. Alhamdulillah.., semuax berhasil..!, terima kasih banyak mas kolis..! :) :D

      Delete
  48. mantap nih artikelnya. tak cobain dulu

    ReplyDelete
  49. keren mas... udah saya coba dan berhasil diblog saya. Namun masih ada yg pengen saya tanyakan mas. Supaya yang tampil judul ma thumnailnya saja gimana ya???
    Soalnya hasilnya diblog saya mas bisa lihat sendiri di: http://www.dalanggendeng.com/

    Makasih mas.....
    Minta followbacknya ya mas. Sukses 786 By: Mas Takim

    ReplyDelete
  50. Mas gini mas... waktu saya mw nambahin widgetnya di blog saya hasilnya 100 berhasil... tapi, kok widgetnya kyk gini... saya tw mungkin karena templatenya... maka itu saya mw arahannya...

    Ini mas screenshotnya mas
    htsp://3.bp.blogspot.com/-2LGlI5XhNVg/UF7teACKDdI/AAAAAAAAA0g/kyDBFP8vrCU/s320/my+blog+problem.png

    ... sy mw 3 widget yg di bawah sama kayak 3 widget yg diatas... thx Maskolis...

    ReplyDelete
  51. assalamualaikum mas....salam kenal. sebelumnya saya ucapkan terima kasih atas ilmunya. sudah sy praktekkan ke blog saya(www.syababindonesia.com). tapi yang jadi masalah, artikel yang kedua sebagian dari katanya nempel ke artikel yg pertama. mohon solusinya mas kolis. terimakasih atas bantuannya.

    ReplyDelete
    Replies
    1. wa'alaikum salam
      Tampilan widget ini mengikuti kode css kolom yg dipake, misalnya sidebar dll. Kode css perlu dimodifikasi pada template mas yg dipake

      Delete
    2. oke mas.....terimakasih mas atas ilmunya....

      Delete
  52. Salut buat maskolis yang mau membagikan ilmunya makasih banyak mas

    ReplyDelete
  53. Wah tergantung template ini mah. Thanks gan buat infonya. Dah ane coba tapi blm cocok.

    ReplyDelete
  54. saya suka templet2 maskolis..tp sayang nya sering kena banned,,hee

    ReplyDelete
  55. mf mas apa gk bs diatur ya jumlah judul yg akan tampil, misalx 5 judul atw 10 judul..? makasih bnyk...

    trus, masalah jumlah post yg tampil dihalaman posting terkadang gk sesuai dgn aturan, mislx yg disetting 16 post tp yg muncul hny 4 post atw kurang dr 16 post, gmn tuh mas..? makasih bnyk... :D

    ReplyDelete
    Replies
    1. udah bisa mas...
      ------
      lalu yg jumlah post yg tampil di homepage itu yg blom bisa...

      Delete
  56. Thanks All,Walaupun dengan di utak-atik sendiri akhirnya bisa di gabungkan dan hasilnya mak joss banget.
    Yang belum bisa aku pasang dan modifikasi buat blog ane slide show warna biru yang keren seperti tampilan detik.com
    Sekali lagi matur nuwun by http://budayabacabaca.blogspot.com

    ReplyDelete
  57. hebaat, ni template kalau dijual bisa laku jutaan, eeh, malah dibagi gratis, jarang2 ada org kyak sampeyan mas, semoga sukses selalu . . .cek http://hamedz.blogspot.com mas, saya uda lama pake jhony storage blue buatan anda . .

    ReplyDelete
  58. aduh mas gagal trs nih pas bagian yg ini.. coba liat blog aq http://bobotoh-go.blogspot.com/

    ReplyDelete
  59. maaf mas mw nanya ni..
    kalu mw buat label dengn 1 thumbnail yg ad pada tamplate gamer darkpaper trus di tarok pada tamplate jhony kampret bisa gak ya mas....trus kalu bisa gmna caranya merubah warnah label thumbnail merah yg ad pada tampalte gamer darkpaper mnjadi wana biru agar bisa mecing pada tamplate jhony kampret.....mohon pencerahannya
    makasi mas sebelumnya....

    ReplyDelete
  60. makasih ya mas,, berhasil !! http://aldofahreza.blogspot.com

    ReplyDelete
  61. kalau thumnailnya ga muncul yang salah dimana mas??

    ReplyDelete
  62. kalo pengen hapus thumbnailnya gmana mas? jadi hanya postingan doang yg nongol

    ReplyDelete
  63. thank's infonya mas... dah berhasil terapkan 2 widget dari maskolis pada blog saya http://dokyasde.blogspot.com

    ReplyDelete
  64. ngga bisa mas di ane.. tumbnailnya ga keluar..

    ReplyDelete
  65. thank's gan atas infonya mau bikin kaya gini susah g tau namanya
    titip ini y gan http://world7musik.blogspot.com

    ReplyDelete
  66. kenapa saya gak bisa muncul ya mas labelnya ,,padahal dah ngikutin langkah2 yang mas bikin,,,apa masalahnya ya..

    ReplyDelete
  67. thanks,,, artikelnya mantrap.. saya telah pasang diblog....
    http://mitradecapri.blogspot.com/

    ReplyDelete
  68. pendatang baru nih mas
    visit ya http://catatanlaila6i6.blogspot.com
    hehe

    ReplyDelete
  69. Makasih mas kolis, sudah saya pasang dan sukses..

    ARI GATO

    ReplyDelete
  70. Punyaku Kok gak ada templatenya ya maskolis? coba tolong dicek
    http://croplus.blogspot.com

    ReplyDelete
  71. wah artikel yang bermanfaat gan :) jangan lupa kunjugi blog saya di easytodownload banyak software gan :)

    ReplyDelete
  72. thank9 gan
    jangan lupa ya kunjungan balik
    ilhamaf2.blogspot.com

    ReplyDelete
  73. BISA GA KASIH TAU KODE BUAT LABEL SEPERTI PADA BLOG http://baturno.blogspot.com/search/label/Anti%20Virus SOALNYA BAGUS BANGETPENGEN NIRUNYA...........

    ReplyDelete
  74. wah saya bookmark dulu gan...

    unik119.blogspot.com

    ReplyDelete
  75. terima kasih mas..
    sudah saya pasang di blog saya..
    klo untuk mengganti atau menghilangkan tulisan menu, drop menu 1, drop menu 2 dan drop menu 3 gimana mas?..
    sekali lagi terima kasih mas..

    ReplyDelete
  76. Terima Kasih kang,..
    Ane banyak belajar dari blog ini dan ane pake template akang di blog ane,..
    (Y)

    ReplyDelete
  77. GIMANA SIH CARANYA MENGHUBUNGI MAS KOLIS, SAYA BUTUH BANGET NIH, SAYA MINTA NO HP NYA DONG KALAU ENGGAK MINTA ALAMAT EMAILNYA BIAR BISA HUB. ADA YG MAU SAYA TANYAKAN NIH MENGENAI BLOG SAYA NANTI KALAU BERHASIL DI TERAPIN DI BLOG SAYA, SBG RASA TRIMAKASIH SAYA BAKAL NGASIH DONASI KE MAS KOLIS. PLEASE BLZ YA MAS
    NIH EMAIL SAYA: adizeverpen@gmail.com

    ReplyDelete
  78. mau tanya mas kolis. sudah dibuat tapi yang nampak cuma gambare saja. tulisane ora ono. bagaimana ya mas

    ReplyDelete
  79. makasih mas buat tutor nya kunjungi blog saya ya
    updateandroidapp.blogspot.com sebagian dari sini saya ambil tutornya

    ReplyDelete
  80. tipsnya mantap mas...
    saya naksir yang popular post-nya gimana cara bikinnya




    visit back ya mas
    http://ebitz-id.blogspot.com

    ReplyDelete
  81. inin Share d blog ane mas kolis http://malanggakure.blogspot.com/

    ReplyDelete
  82. bagus maz,,,web saya http://www.tourkarimunjawaisland.com/

    ReplyDelete
  83. mas, kalau gambarnya itu ukurannya diperbesar bisa nggak ya? lebih besar dari 72x72px, soalnya kalau pake css width-height gambarnya bisa pecah dan blur.. ada solusinya?
    terimakasih, dan semoga komentar ini dibaca.. :D

    ReplyDelete
    Replies
    1. ditunggu mas solusinya.. atau mungkin gambarnya dimakan tikus :D

      Delete
  84. nhice share mas...
    http://anrhy.blogspot.com/

    ReplyDelete
  85. kayaknya kalo javascript mas itu crash gak muncul gambarnya tapi kalo pake script yang telanjang bagus ,heheheh

    promo dikitlah : http://student-brains.blogspot.com/

    ReplyDelete
  86. CARA GAMPANG Seakan bermimpi saya menemukan artikel tentang Widget Label Tertentu ini. Tutorial ini sangat saya dambakan sejalan dengan inginnya memiliki widget label tertentu semacam yang dimiliki oleh Detik.com, sekali lagi terima kasih telah berbagi

    ReplyDelete
  87. mas kolis kalo yg ada gambarnya semua bagaimana mas? maksudnya gambarnya tidak hanya 1 aja

    ReplyDelete
  88. Salam, Maskolis... saya pake Template dari mas yang template abu-abu magazine mirip Jhonny Wuss, saya coba pake cara masang widget tertentu yang dari postingan ini . setelah saya coba berhasil namun, design garis sama cssnya ga nerep mas, padahal saya sudah utak-atik sesuai dengan perintah2 diatas yang mas kasih. mohon pencerahannya mas? ditunggu balasan secepatnya blog saya : htttp://informasi-terbaru.net

    ReplyDelete
  89. Makasih gan, kodenya langsung saya pasang hehe

    ReplyDelete
  90. makasih om bro, jadi rapi neh blog gue,, hehe

    ReplyDelete
  91. luar biasa mas bro... makasih tutoriALNYA..

    KUNJUNGI WEB ANE YAH...
    WWW.SOEARAMASSA.TK

    ReplyDelete
  92. gan, klo buat yg ngisi widget cuma ketik labelnya gitu gimana yach ??


    thx.,,

    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. mohon maaf, sewaktu saya psang koq tampilannya kalo di widget yang ada di sidebar bagus, tapi wakt dipasang di widget dibawah posting jadinya malah ambur adul, itu maslahnya ada dimana ya? mohon bantuaannya,

    ReplyDelete
  95. ijin sedooooot ya mabroo :)
    salam kenal dari nubie

    ReplyDelete
  96. asslmkm...
    muter-muter di mbah google infonya abal-abal smua,giliran mampir kesini eh ternyata lengkap banget postingannya,malah yg saya cari-cari ternyata disini smua,,mantep banget ternyata maskolis,,
    salam kenal n trimaksih infonya mas,,saya udah sedot 2 template nih,,templatenya mantep2,ngomong2 maskolis tiap hari makan apa ya?kok bisa gini amat otaknya maskolis,top cer banget, , ,
    minal aidzin walfaidzin buat maskolis dan smua. . .

    ReplyDelete
  97. saya paling senang baca tutor di sini bagus2

    ReplyDelete
  98. minta bantuannya mas agar label dalam blog saya terdapat gambarnya, terimakasih

    http://rakyatit.blogspot.com

    ReplyDelete
  99. Tutuorial ente ajiib boss...
    ente emang pakar dah...
    i follow you dah...

    keyen fokokna mah..
    http://pembiayaansyariah.info

    ReplyDelete
  100. makasih mz,, kunbalnya http://ex-pray.blogspot.com

    ReplyDelete
  101. Assalamu'alaikum
    Mas, saya dah berhasil pasang, tapi kalau list nya di klik kok membuka ke halaman baru ya, tidak di satu halaman, ini web saya http://www.iuvsa.org/ . Bagaimana caranya agar kalau di klik di list artikel dalam thumnail tidak membuka halaman baru? Trimakasih sebelumnya

    ReplyDelete
  102. Makasih baget mas, udah saya terapkan disini http://www.budurisport.com

    ReplyDelete
  103. mas kok punya saya jadi nya kayak gini mas ?? http://asepdarmawanhtclampung.blogspot.com/

    ReplyDelete
  104. Terima kasih mas,blog saya tambah cantik..

    ReplyDelete
  105. selamat malem mas...
    kalo cara edit tampilan widget agar bisa seperti widget yg ada disamping di blog ini gimana mas???
    ni blog saya zahdananta.blogspot.com

    ReplyDelete
  106. mas klo buat label johny kena banned tutoral ini kah mas..

    ReplyDelete
  107. nanya min. kalo mau dicustom biar kayak maskolis blog yg ada warnany, itu gmna?
    skalian minta link (kalo udah ada) tutorial bikin widget label kayk maskolis blog tp yang panjang

    ReplyDelete
  108. mas, cara manggil feature post perlabel with 1 thumbnail yg ad di css template maskolis blog (studi kasus: q make template maskolis.blogspot.com)

    ReplyDelete
  109. assalamualaikum mas,... makasih tuturialnya..hhe.. mas mau tanya kalau supaya pas di klik biar tidak buka di tab baru gmana ya caranya?

    ReplyDelete
  110. makasih atas template dan tutor2nya :)

    ReplyDelete
  111. menyimak saja
    bon miss
    http://makelar-kata.blogspot.com/

    ReplyDelete
  112. wah bagus bos, ini yang di cari, tapi ini membuat website jadi berat ngk gan, soalnya ada javanya banyak, kalo berat kan ngurangin SEO-nya, mohon pencerahannya.

    http://healthy-and-safety.blogspot.com/

    ReplyDelete
  113. mas boleh minta tamplate script nya mas papper nya dong yg full...kirim ke email febry_roy@yahoo.com

    makasih ya maskolis yang baik

    ReplyDelete
  114. A imagem está mais alta que a primeira linha da postagem.. deveria ficar igual não?

    ReplyDelete
  115. Konsep berbagi yang luar biasa mas, semoga menjadi virus dan menyebar ke blogger Indonesia yang lain, tidak selalu berorientasi ke finansial saja..

    Sukses terus mas Kolis..

    ReplyDelete
  116. Nice blog mass,..
    mau belajar blog lagi aahhh,...

    ReplyDelete
  117. tank ya bro...........maaf ne, aku curi ilmunya ne.....

    ReplyDelete
  118. sedang dalam percobaan gan, semoga bisa :)

    ReplyDelete
  119. di tunggu kunjungan baliknya yah....
    http://lingkarkreatif.blogspot.com/

    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