mas template

Membuat Slider Image Otomatis Joss Banget

Tutorial ini menjawab pertanyaan dari teman debbie irlando manurung alias Zondim, meminta untuk dibuatkan tutorial slider yang ada di Johny Ganteng Banget. Template yang dipakai di blog itu nantinya juga akan saya share, cuma sekarang lagi massa sibuk nguli jadi nanti aja kalau sudah luang waktunya. Ada beberapa template yang nantinya akan saya share tapi kali ini saya buat sederhana, dengan sedikit menggunakan javascript, ya yang pasti lebih enteng dari biasanya. Oke kembali ke tutorial yang akan saya buat, kali ini saya akan membahas tentang cara membuat slider image otomatis sederhana yang akan menampilkan postingan terbaru Anda.

image slider otomatis


Slider ini hanya memakai innerfade jquery dan cycle jquery plugin untuk melembutkan perpindahan content slider (bener nggak ya...?), pengertian Innerfade jquery kira-kira seperti ini :
InnerFade is a small plugin for the jQuery-JavaScript-Library. It's designed to fade you any element inside a container in and out.

These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation.
Wah malah bingung sendiri saya mas/mbak maklum Inggris saya dapat 6 dulu waktu sekolah, langsung saja pada cara pembuatannya :
  1. Login ke blogger dengan akun Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan slider ini.
  3. 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> :
    #featuredSlider {background:#eee;float:left;margin:0; padding:0 0 10px; width:640px; position:relative;color:#666;border-bottom:1px solid #c3c3c3}
    #featuredSlider .featured-thumb {float:left; margin:10px; padding:0px;}
    #featuredSlider .container {height:226px; margin:0 10px 0 0;overflow:hidden; position:relative;}
    .featuredTitle{padding-top:10px;font:16px Oswald;text-shadow:1px 1px 1px #ccc;}
    .featuredTitle a{color:#f7441a}
    .featuredTitle a:hover{color:#000}
    .navigation {position:relative;bottom:23px;float:right;overflow:hidden;}
    ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
    ul.pagination a { float:left; margin:0 5px; display:inline; }
    ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(http://2.bp.blogspot.com/-j2T8LeJpjkY/UBfzfSqJGSI/AAAAAAAAIDE/jiGwQpYoRO4/s1600/slider+pagination.png); background-position:0 0; background-repeat:no-repeat; }
    ul.pagination a:hover { background-position:0 -12px; }
    ul.pagination a:hover { background-position:0 -12px; }
    ul.pagination a.activeSlide { background-position:0 -12px }
    a.readmore {float:left;border:1px solid #444;background:#585858 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top;display:block;;font:bold 12px Arial;text-shadow: -1px -1px 0 #333;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;
    border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
    a.readmore:hover {color:#ff0}
    Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider pada demo yang saya buat, silahkan Anda sesuaikan dengan ukuran template Anda.
  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/221222113215/jquery.innerfade.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/122111125120/cycle.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 = 150;
    summaryTitle = 25;
    numposts  = 7;

    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();
        document.write('<div class="slides">')
    if (numposts <= json.feed.entry.length) {
    maxpost = numposts;
    }
    else
           {
      maxpost=json.feed.entry.length;
      }
      for (var i = 0; i < maxpost; 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;

    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';


    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 trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="340" height="212" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more &#187;</a></div>';
    document.write(trtd);


    j++;
    }
        document.write('</div>')
    }

    //]]>
    </script>
    Keterangan :
    Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
    Kode warna biru : 7 adalah jumlah slider yang ditampilkan. Sedangkan angka 340 dan 212 adalah panjang dan lebar image yang ada di slider.
  7. Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini dibawahnya :
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div id='featuredSlider'>
    <div class='container'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>
    <div class='navigation'>
    <ul class='pagination'/>     <script>
    $(&#39;.slides&#39;).cycle({
    fx:     &#39;fade&#39;,
    speed:  &#39;slow&#39;,
    timeout: 3000,
    pager:  &#39;.pagination&#39;
    });
    </script>
    </div> </div> <!--end .container-->
    </div>
    </b:if>
    Jika Anda ingin menampilkan slider per kategori atau label tinggal ditambahkan saja kode diatas :
    /feeds/posts/default?max-results
    Menjadi :
    /feeds/posts/default/-/your label?max-results
    Silahkan ganti "your label" dengan kategori yang ingin Anda tampilkan pada slider.
  8. Terakhir, save templates dan lihat hasilnya. 
Itu tadi tutorial membuat Slider image otomatis joss banget yang ada pada Johny Ganteng Banget, jika masih kurang jelas silahkan tinggalkan pesan di kotak komentar. Selamat sahur 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

90 comments:

  1. maskolis punya aku kok tombol read more nya kok gak timbul kayak yg di demo nya yah? apa yang salah.

    ReplyDelete
  2. amankan lagi kodenya..hheheheh buat ntar template yang mo di garap.

    ReplyDelete
  3. mas, kl utk slider decriptnya dihilangin gmn caranya mas?
    jadi cuma title sama thumbnailnya aja, saya make hxxp://johny-gantengstore.blogspot.com/..
    sam autk ngilangin "beranda" yang di atas itu giman mas? trims

    ReplyDelete
  4. mas slider saya kok jadi gk berfungsi yah. tolong dong..?

    www.ibstore.blogspot.com

    please email ke :chiesuherman@yahoo.com
    thank

    ReplyDelete
  5. why you dont change in the vido...??

    ReplyDelete
  6. Assalam...bisakan di buatkan di Cms balitbang, sekolah kami menggunakan cms balitbang. kebetulan kami adminnya. tp sulit untuk modif nya karta keterbatsan saya dengan bahasa php. he..
    website kami: www.smpn7tangsel.sch.id.
    mohon tutorial nya di terapkan di cms balitbang mas.

    ReplyDelete
  7. mas kolis tolongin dong.. :( saya pake template Johny Ganteng Store tapi ko di homepage jumlah posting yang muncul cuman 11 padahal sudah saya set 12..tp satu lg ga muncul n kosong sebelah....
    tolongiin dunk
    ni urlnya: http://jacketmart.blogspot.com/

    ReplyDelete
  8. @alief mahendra:
    Pada kode langkah nomer 6, hapus kode berikut :
    <p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="readmore">Read more &#187;</a>

    ReplyDelete
  9. mas... minta saran dunk buat win7-template.blogspot ini gabungan menu Pure CSS3 Windows7 Start Menus buatan mas Taufik Nurrohman ... di tunggu ya mas.. :)

    ReplyDelete
  10. waaah,, gan! Template 'Johny Ganteng Banget'-nya mantap banget. . . !! (^w^'
    mas,, share dong????

    ReplyDelete
  11. Hi, and thanks so much for this great idea :))
    But can we make the dots clickable??

    ReplyDelete
  12. Mas terimakasih atas ilmu yang diberikan mas selama ini, saya banyak belajat dari blog mas... :) Semoga mas makin sukses.

    Mas ada yg mau saya tanyakan, saya tertarik dengan beberapa penampilan slider yg mas buat... namun klu boleh tau, saya ingin mengetahui cara pembuatan slider yg ada di blog http://blogger-store-javatemplates.blogspot.com/...
    mohon pencerahannya...

    Salam kenal.

    ReplyDelete
  13. Asslm. Maskolis Lama nih ga Koment, Mantap Mas Slidernya. Aku mau nanya nih kok slider di 1001 Ebook pas postingan bulan Agustus ini pada tampilan bulannya berbentuk angka (08), padahal sebelum2nya berbentuk huruf Mis: Jul, Jun. Kenapa ya Mas? Mohon Pencerahannya.
    Terus aku mau ucapin terima kasih juga berkat Maskolis 1001 Ebook sekarang Memiliki PR : 3/10 and Alexa mendekati 1 juta padahal umurnya baru 2 bulan, Makasih ya Mas.
    Selamat Menunaikan Ibadah Puasa buat Fans Creating Website di manapun berada. ^_^

    ReplyDelete
  14. Salam

    Maskolis, buatin template untuk iklan baris blogspot dunk.
    Pengen ne punya blog iklan baris..

    Trmksih

    ReplyDelete
  15. Assalamualaykum mas kholis...
    tolong mas coba liat sidebar sy yg warna hijau, biru dan merah seharux bentukx melengkung, klo buka pake browser google bentukx bagus tp klo di firefox ko bentukx biasa2 aja ya...??

    ReplyDelete
  16. sdh bisa mas, tp sy nyari2 carax dan dapat.! :)

    ReplyDelete
  17. Assalamualaikum.. mas saya lagi nyoba bikin catbox-even , kebetulan ada hal yang mau ditanyakan tapi bingung menguraikan kata-katanya gimana.. hehe agar lebih jelas jadi saya bikin gambar ini
    http://4.bp.blogspot.com/-5PbI8V_cBuU/UCF6S9M9hVI/AAAAAAAAAJk/K-nc59uqEtA/s1600/1-deretan-ok.jpg

    saya minta banntuannya mas, untuk menyelesaikan problem yg ada di gambar tsb...
    oia ini blog'y yang lagi saya edit : http://sompret-aa.blogspot.com/

    Trimakasih.. :)

    ReplyDelete
  18. mas punya saya gak da perubahan, kenapa gak bisa ya mas..

    ReplyDelete
  19. @aa Solah:
    Wa'alaikum salam, coba ditambahkan dulu satu kolom untuk membungkus dua kolom yang mau ditambahkan, misal urutannya begini:
    <div class="kolom-besar">
    <div class="kolom-kecil1">
    <div/>
    <div class="kolom-kecil2">
    <div/>
    <div/>

    ReplyDelete
  20. trimakasih gan, saya save dulu kodenya buat nanti saya pasang di blog saya.
    Phoneservis.blogspot.com

    ReplyDelete
  21. Iya mas kalo itu saya sudah , susunannya seperti ini :
    div pertama "ads-wrapper"
    membungkus
    div kedua "sidebar1-wrapper"
    div ketiga "sidebar2-wrapper"

    Sebenarnya kalo tampilan di homepage blog, sudah benar menderet ke samping, tapi tampilan di Rancangan Template malah menyusun ke bawah..
    hmm..apakah ada css yang kurang/salah?

    ReplyDelete
  22. tolong mas slider blog di bawah mungkin salah (widgets) kemudian minta ditambah untuk menu atas dibuat bisa Dropdown.

    matur nuwun sak dereng'e :)

    (siomponk.com)

    ReplyDelete
  23. Mas,.. joss slidernya memang joss banget,..
    Makasih banget it's work,..

    ReplyDelete
  24. bang.. coba update post.
    cara buat related post pakai scroll di bawah postingan..

    mohon bang.. lgi butuh bangett nie

    ReplyDelete
  25. Mohon pencerahannya mas, mengenai komentar saya diatas.

    ReplyDelete
  26. Bagus nih slider cuma belum sempet nyoba :)

    ReplyDelete
  27. nah, ini dia gua cari. ntar ane terapin di blog ane, salam kenal gan...

    ReplyDelete
  28. gan request yang khusus movie donk

    ReplyDelete
  29. Thanks a lot, it's working in my Recipe blog, have a look!!

    http://cherrytrffle.blogspot.com/

    ReplyDelete
  30. Rohis Facebook mengucapkan,

    Maaf Lahir Batin...
    Taqobalallahu minna wa minkum wa ja'alanallahu minal aidin wal faizin,

    Semoga Allah menerima amalan-amalan yang telah aku dan kalian lakukan dan semoga ALLAH menjadikan kita termasuk orang-orang yang kembali kepada fitrah dan mendapat kemenangan...

    ReplyDelete
  31. Selamat Idul Fitri 1433H...minal aidzin wal fa'idzin. Mohon maaf lahir dan batin.

    ReplyDelete
  32. Asslmkm.. Sebelumnya saya mau ngucapin Minalaidzin Walfaidzin Mohon maaf Lahir Batin.. :)

    oya mas sepertinya GoogleCode Maskolis kena banned lagi deh..
    http://code.google.com/p/johny-template/downloads/list
    http://code.google.com/p/jamu-martin/downloads/list

    ReplyDelete
    Replies
    1. Wa'alaikum salam
      sama-sama mas Sholah
      iya kena banned lagi, tapi sekarang udah saya perbaiki

      Delete
  33. Mengapa slide saya tidak berfungsi? kandungan blog saya hanya testing. http://souq-muslimah4u.blogspot.com/

    ReplyDelete
  34. Bagaimana hendak delete button 'order' pada posting? terima kasih

    ReplyDelete
  35. Maskolis, pada langkah Nomor 7 kalo di ganti dengan menggunakan Add Gadget HTML bisa gak....Artinya script yang untuk nomor 7 ditaruh di Add Gadget HTML gitu, bisa Gak......Kalo bisa tolong dong caranya....Makasih...

    ReplyDelete
  36. maskolis, kode cara memanggil slider itu dimana ya?


    di edit HTML blogku ga ada, bingung mau meletakkan kodenya dimana?

    ReplyDelete
    Replies
    1. kode wrapper tiap template beda2 mas, coba cari kode wrapper pembungkus halaman postingan, bisa content-wrapper atau semacamnya

      Delete
  37. wah mantap banget mas....sy masih baru nih, jg lg belajar ngotak-atik cara membuat blog yang baik nih...sy masih bingung nih cara membuat slider untuk recent posts yg menarik, yg kayak di detik.com atau di kompas.com itu, kemaren sy coba pake tutorial mas ini tp kok gk jalan ya di blog sy...apa sebabnya ya mas ? oya, mohon kunjungannya ke blog sy di Media Info ya mas, kasih komen kira2 udah gimana tampilannya biar lebih baik...trims ya mas..

    ReplyDelete
  38. Mas, kenapa ya tampilan posting di template johny-ganteng gak bisa lebih dari sebelas, berkurang dari sebelas bisa, apa ada yang salah di edit html-nya,.. karena kemaren saya pernah mengalami seperti itu, saya utak-atik bisa genap dan bahkan lebih dari dua belas bahkan 16 pun,.. tiba-tiba keluar lagi penyakitnya,.. mohon pencerahannya, dan informasinya, apa yang perlu saya perbaiki,...terima kasih banyak..

    ReplyDelete
  39. Cara Adorei o Post muito bem explicado muito obrigado ja coloquei seu site como favorito em meu navegador você escreve otimas dicas por aqui.

    mais uma vez OBRIGADO !!!

    ReplyDelete
  40. Udah bisa gan... Tapi kok, lama2 ada muncul
    A username and password are being requested by https://johny-ember.googlecode.com. The site says: "Google Code Subversion Repository"
    Gimana gan? :(

    ReplyDelete
  41. mas kolis itu di demo templatenya mana :( bisa ane terapin ga mas minta maksdnya

    ReplyDelete
  42. Salam..
    I want to create image slider from several photos in google image not from my post content. Could u tell me how.TQ

    ReplyDelete
  43. asslamualaikum maskolis ,

    saya ingin bertanya tentang widget ini,

    nie gambarannya mas ,
    http://ximg.us/upload/1357009156.png

    nah , saya ingin bertanya ,
    cara membuat seperti gambar diatas itu dapat di klik atau dipat kita tentukan slide yang ingin ditampilkan gimana mas ,

    seperti slide" yang ada ditemplate" luar ,
    dapat diklik sesuka hati ,

    Thanks mas ,
    need fast thats tutorials ,
    assalamualaikum ,

    ReplyDelete
    Replies
    1. Wa'alaikum salam, maaf baru dibales
      Slider diatas saya pake jquery innerfade dan cycle sehingga paginationnya statis nggak bisa jalan.

      Kalo mau diklik trus lanjut ke slide selanjutnya mesti pake looped slider, seperti ini contohnya :
      http://johny-cobadulu.blogspot.com/

      Delete
  44. kok punyaku kosong bang,,,,,,,,gak ada apa2 nya,,,,help

    ReplyDelete
  45. pada langkah ke 7 scrip 'main-wrapper' tidak ada mas.
    mohon bantuanya mas..!!

    ReplyDelete
  46. oh.. oke gan, ane udaha ngerti dimana jquery di letakan, cuman satu lagi nih gan, gimana cara memanggil ajax dari google itu gan.. bales please gan.

    ReplyDelete
  47. Maskolis, saya mau tanya, mohon dijawab
    Kok pas saya edit html gak ada tulisan "", nah terus saya paste script yang terakhir itu dimana, mohon jawabannya

    ReplyDelete
  48. Mas,,slidernya gak berfungsi mas di blog saya.. mohon dianalisis dan bantuannya mas..

    http://darkofjoker.blogspot.com/

    ReplyDelete
  49. gan kok saya gk ada code <div id='main-wrapper
    Mohon pencerahannya gan

    ReplyDelete
  50. di langkah no 7 yang aku mah adanya ini mas id='slidecover bukan main-wrapper'..tapi pas di paste.kan jalan ya? tapi gak bisa jadi..!!!!

    ReplyDelete
  51. Mas aku tempatkan di johny demosite ko ngga jalan ya cuma muncul kotak abu2, salah dimana ya?

    ReplyDelete
  52. hadeh dah di coba tapi malah rusak lamanya
    http://bloggeronecu.blogspot.com/2012/03/kandangan-tv-online.html

    ReplyDelete
  53. Mas minta tolong nih...saya pasang slider di atas tapi ko gambar ga muncul. salahnya dimana ya? o ya silakan mas buka www.inohong.com untuk lebih jelasnya. Trims

    ReplyDelete
  54. mas ada cara membuat jadi per labelngak punya saya ko ngak bisa di ubah jadi perlabel kategori pas ada carousel slide di postingan, cara membuat jadi perlabel saya sih inginnya tampilan semua jadi perlabel kategori ada solusingak mas

    www.alliafurnitutre.com

    thanks

    ReplyDelete
  55. mantap tuh gan... ane pengen coba

    ReplyDelete
  56. sugoi bener dah bung..
    ijin share d blog ane y..
    http://malanggakure.blogspot.com/

    ReplyDelete
  57. thx mas infonya

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

    ReplyDelete
  58. mas slidenya kok gak bisa jalan yahhhh???slide nya juga gk muncul kenapatuh???

    bisa di jelasin

    ReplyDelete
  59. maaf isi blog saya ko ga ada kode id='main-wrapper'> padahal udah di cari pake ctrl+f tetap ga ada.apa ada kode lain mungkin.mohon penjelasan nya.

    ReplyDelete
  60. thanks bos.....
    http://www.clear-education.com/

    ReplyDelete
  61. mas saya sudah pasang, gambarnya muncul tapi tulisan nya ga ada, mohon di bales mas :D

    ReplyDelete
  62. 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 http://tilla-shop.blogspot.com/
    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
  63. This comment has been removed by the author.

    ReplyDelete
  64. mari mampir gan
    http://www.kecantikan-keharmonisan-dan-kesehatan.com/2013/01/produk-kecantikan-obat-pelangsing-alami.html#gpluscomments

    ReplyDelete
  65. div id='main-wrapper'
    gan kode ini ga dapt ku temukan di blog aq
    mari mampir gan sejenak
    http://www.kecantikan-keharmonisan-dan-kesehatan.com/2013/01/produk-kecantikan-obat-pelangsing-alami.html#gpluscomments

    ReplyDelete
  66. Wah... sangat bermanfaat... makasih postingannya... ini yang lama saya tunggu...

    ReplyDelete
  67. Salam kenal maskolis, saya sangat kagum dengan kreatifitas anda.. semoga Allah membalas apa yang slama ini kerjakan berbagi untuk para bloger termasuk saya hee.. amin.. mohon izin juga saya pake template nya johny ganteng store, tapi gimana cara bikin feature slidernya ya?.. pernah saya coba bikin lewat demo dari postingan anda bikin slide otomatis url nya http://www.maskolis.com/2012/05/slider-otomatis-untuk-template-toko.html.. tapi ga berhasil hee.. yang lainya tahap demi tahap dah beres tinggal publish blognya, cuma itu saja slide nya belum aktif hee.. mohon pencerahan nya.. atau sudi kiranya kirim sesuatu ke email saya dd_swnd@yahoo.com.. terima kasih

    ReplyDelete
  68. mas kalo bikin ,slider johny tampan atau johny lebay bagaimana mas ???

    ReplyDelete
  69. Selamat pagi,

    Teman, melihat blog saya. Tidak dapat menunjukkan gambar dalam HTML sehingga mereka terlihat di Home Blog. Dapatkah Anda membantu saya? Saat mereka mungkin muncul

    www.curtasmt.blogspot.com.br

    ReplyDelete
  70. mas ada template ini gak http://johny-gantengbanget.blogspot.com/?

    ReplyDelete
  71. mas kode "< div id='main-wrapper'>" ga ketemu apa masalahnya?

    ReplyDelete
  72. Mantaaap..............
    berhasil, terima kasih bang

    dl4semua.blogspot.com

    ReplyDelete
  73. keren mas,,, saya sudah pake di beberapa blog saya

    http://rudihartoyo.blogspot.com/

    ReplyDelete
  74. Kalo untuk main-wrapper nya bisa dibikin per label gak ya gan?
    Mohon bantuan pliss

    ReplyDelete
  75. 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
  76. 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
  77. untuk maskolis apa bisa membantu sayaa ,,featured ane ko gax bisa jalan ya ,,apa ada yang kurang :(

    http://penelusuranartikel.blogspot.com

    mohon pencerahannya,,maklum masih newbie ehehhe

    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