mas template

Membuat Image Slider Berdasarkan Kategori Tertentu

Gambar slideshow yang sering kita lihat di bawah header atau sering disebut sebagai image slider banyak sekali menghiasi halaman pada sebuah blog. Sekarang ini banyak sekali template blogger yang bagus dan dihiasi dengan berbagai macam slider yang tujuannya untuk memperindah tampilan. Permasalahan yang timbul sekarang adalah kita terkadang malas atau kurang teliti dalam memasukkan satu persatu keterangan dalam slider tersebut, baik itu URL gambar maupun URL post yang dituju. Seperti pada tutorial saya sebelumnya mengenai cara membuat slider gambar ala Yahoo, disitu anda harus memasukkan URL dan keterangan slider satu persatu.

image slider maskolis

Kali ini saya akan memberikan satu solusi berupa tutorial membuat image slider berdasarkan kategori tertentu, dimana Anda tidak perlu lagi memasukkan satu persatu keterangan dalam slider, jadi Anda tinggal mengganti dengan kategori atau label yang ingin ditampilkan dalam slider, gambarnya seperti diatas dan demonya seperti slider yang ada disini. Baik langsung saja pada cara pemasangannya :

Langkah Pertama
  1. Login ke blogger dengan akun anda
  2. Kemudian klik Tata Letak > pilih Edit HTML centang expand widget templates
  3. Jangan lupa backup dulu template anda dengan mengklik Download Template Lengkap.
  4. Letakkan kode berikut di atas kode ]]></b:skin>
    #featured{margin-bottom:8px}
    .sliderwrapper{position: relative;overflow: hidden;height: 240px}
    .sliderwrapper .contentdiv{visibility: hidden;position: absolute;left: 0;top: 0;padding: 0px;height: 100%;}
    .pagination{text-align: left;padding:8px 0px}
    .pagination a{font-size:11px;color:#fff;padding: 3px 6px;background:#1b75d6}
    .pagination a:hover, .pagination a.selected{color:#dedde5;background-color:#535352}
    .featuredPost{width:360px;padding:10px 10px 0;background:#191919;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;color:#dedde5;position:absolute;bottom:0}
    .featuredPost a{color:#fff}
    .featuredPost a:hover{color:#dedde5}
    .featuredPost h2{margin:0;font-size:12px;line-height:1}
    .featuredPost span{font-size:10px}
    .featuredPost p{font-size:11px}
Langkah Kedua
  1. Masih dalam dalam posisi Edit HTML. Sekarang letakkan kode berikut ini di atas kode </head>
    <script>
    //<![CDATA[
    /* Script from:http://simplexdesign.blogspot.com/ */
    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 = 100;

    numposts1 = 5;
    label1 = "misteri";

    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 showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;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=["January","February","March","April","May","Juny","July","August","September","October","November","December"];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="contentdiv"><div class="sliderPostPhoto"><a href="'+posturl+'"><img width="370" height="240" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="featuredPost"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><span>'+daystr+'</span><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';    
    document.write(trtd);     
    j++;
    }}
    //]]>
    </script>
  2. Perhatikan kode yang saya beri huruf tebal label1 = "misteri"; itu adalah label atau kategori yang akan ditampilkan di slider, disini saya memilih label misteri. Anda nanti tinggal mengganti dengan label yang diinginkan. Perhatikan juga kode img width="370" height="240"  itu adalah lebar dan tinggi slider, silahkan sesuaikan dengan  template Anda.
  3. Setelah itu, letakkan kode di bawah ini sebelum kode </body> (letakkan diatasnya saja)
    <script src='http://dl.dropbox.com/u/12924430/contentslider.js'/>
    <script>
    //<![CDATA[
    featuredcontentslider.init({
    id: "slider1", //id of main slider DIV
    contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
    toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
    nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
    enablefade: [true, 0.5], //[true/false, fadedegree]
    autorotate: [true, 6000], //[true/false, pausetime]
    onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
    //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
    //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
    }
    })
    //]]>
    </script>
  4. Langkah terakhir, yaitu untuk memanggil agar slider tersebut tampil di halaman depan anda cari kode <div id='main-wrapper'> jika anda ingin slider tampil di atas main-wrapper seperti pada demo, dan letakkan kode berikut di bawahnya  :
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div id='featured'>
    <div class='sliderwrapper' id='slider1'>
    <script>
    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>
    </div>
    <div class='pagination' id='paginate-slider1'>
    </div>
    </div>
    </b:if>
  5. Langkah terakhir Save/simpan template, membuat slider image berdasarkan kategori tertentu sudah selesai.
Yang perlu diperhatikan disini adalah kode label1 = "misteri" pada langkah kedua point pertama, misteri adalah label yang ditampilkan dalam slider. Anda bisa menggantinya dengan label atau kategori yang diinginkan. Bagi pengguna template Johny Simple Magazine atau Creating Website Modifikasi, bisa langsung dipraktekkan. Sekian tutorial kali ini jika masih ada yang kurang jelas bisa ditanyakan lewat kotak komentar yang ada di bawah. Selamat mencoba dan semoga bermanfaat.

Slider script source : simplex design
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

114 comments:

  1. waah keren nih gan...
    makasih gan..
    kunjung ya,,,http://www.anencopas.com/

    ReplyDelete
    Replies
    1. http://dl.dropbox.com/u/12924430/contentslider.js
      Cho tôi xin mã code của link trên.
      email: minhhungbmt2211@gmail.com
      thanks

      Delete
  2. @Anen:
    Sudah ke TKP bro... makasih udah make template modifikasi saya ya

    ReplyDelete
  3. Thanks Image Slider kerennya... Kalo diperkenankan, saya pengen pake template yg seperti punya Mas Kolis, Informasi Dunia Maya Terkini boleh? Yang ini linknya > http://crottt.blogspot.com/ Bisa minta link download template-nya? Thanks..

    ReplyDelete
  4. KRENN BOZ MANTAPSSSSSSS..SALUT BUAT MASKOLIS

    ReplyDelete
  5. @Ruslan Fikri:
    Maaf mas Ruslan sebelumnya, itu template pesenan orang, itu hasil modifikasi dari johny simple magazine 2. Mas Ruslan bisa modifikasi sendiri koq, gampang kalo ada yg bingung bisa ditanyakan disini...

    maaf ya

    @Medan auto:
    Makasih bro....

    ReplyDelete
  6. saya mau coba dlu mas... makasih tutorialnya, do'ain yah moga berhasil

    ReplyDelete
  7. MAS KALAU MAU DI LETAK DI TEMPAT LAIN GIMANA.??

    ReplyDelete
  8. @Medan Auto:
    Bisa, kalo mau di bawah header cari kode end header taro di bawahnya. Kalo buat ganti slider johny magazine template letakkan di bawah slider-wrapper, atau langsung saja letakkan di bawah sidebarleft-wrapper, dan slider-wrapper nya dihapus aja. Tapi javascript untuk membuat slide yang bawaan dihapus juga biar gak bentrok.
    Jangan lupa sesuaikan ukuran panjang dan lebarnya

    ReplyDelete
  9. pengen punya template seperti Mas-Template

    ReplyDelete
  10. hi excuse me is there any possibility to send you my template to fix me this slider beause i find some problem to fix it
    thanks a lot

    ReplyDelete
  11. @Administrateur:
    Okay, you can send your template here jamumartin@gmail.com
    I'll try to fix it,

    ReplyDelete
  12. Kalo mau ditaruh di atas posting gmana bro??

    ReplyDelete
  13. Wah mantap ni mas..
    Segera dicoba :)

    ReplyDelete
  14. @Deby:
    hapus kode ini pada langkah nomer 4
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    dan
    </b:if>

    @Komud:
    Silahkan dicoba, semoga sukses ya

    ReplyDelete
  15. mas.. kalo buat template selain yang dua di atas bisa gak mas?
    maksih sebelum nya?

    ReplyDelete
  16. @Andry:
    tentu saja bisa, ini untuk semua template blogger. Anda tinggal sesuaikan dengan lebar main wrapper

    Makasih

    ReplyDelete
  17. Berhasil mas... hehe
    tapi ada masalah baru ni mas.. kenapa di template saya setelah di tambahin slider itu jumlah postingan yg tampil di homepage nya cuma ada 1 aja ? padahal sebelum nya sesuai dengan yang udah di seting di setelan.. (sebelumnya nya 5 postingan).
    mohon pencerahan nya mas..

    ReplyDelete
  18. @Andry:
    Udah si setting kah format post nya mas?Kalo belum masuk ke setting >> formatting.
    Jika udah di setting tapi hanya satu post yg ada di homepage, coba cari javascript di atas kode </head> yang tidak perlu di hapus aja

    ReplyDelete
  19. udah bisa mas.. ternyata cuma sementara aja.. setelah saya posting artikel baru, kembali normal kembali mas....
    mkasih mas infonya.. sangat bermanfaat :)

    ReplyDelete
  20. Hallo Mas..
    Kalo gambarnya gk nampil apa ya sebabnya mas..?
    Padahal postingan dengan Label tersebut ada gambarnya.

    ReplyDelete
  21. @Komud:
    Mungkin di blog mas Andre sudah terpasang javascript untuk membuat slide yang lama. Coba dihapus dulu

    Kalo masih nggak bisa coba ulangi lagi mulai dari awal, semoga bisa

    makasih

    ReplyDelete
  22. Terimakasih mas sudah ditanggapi :)

    Sebelumnya image nya nampil tapi setelah saya tambahkan email lain (Grant admin privileges) dan memasang Google Adsene Setelah ini gambarnya tidak muncul.

    Kalo untuk slide yg lama belum saya hapus, kira kira kodenya yang mana itu mas.

    Mohon dibantu mas.. :)

    ReplyDelete
  23. Eh..mas.. Udah mau rupanya.
    Maaf mas ngerepotin..

    Terimakasih banyak mas.. Ditunggu tutorial keren berikut nya.. :)

    ReplyDelete
  24. templatenya dah ak pasang gan (jonhytemplate),.. tapi pas buat slide yg diatas, ko imagenya ga muncul gan... mohon pencerahaannya..
    ini gan blognya:
    http://paceko-art.blogspot.com/

    ReplyDelete
  25. @Mayank:
    Apakah gambarnya sudah diupload sendiri? Image itu akan muncul jika diupload pada postingan bukan image URL.

    Kalo sudah diupload tapi masih juga tidak tampil, diulangi lagi langkah2nya, saya yakin mayank bisa

    makasih

    ReplyDelete
  26. @Airf M'95:
    Belum saya coba, script asli ini saya dapat dari simplex design saya hanya memodifikasi saja

    Makasih

    ReplyDelete
  27. @Maskolis:
    kembali lg gan,.. imagenya ak upload ke google picasa gan.. apa gara2 itu shingga ga' muncul... trims sbelumnya..

    ReplyDelete
  28. kmbli lg gan..
    ai dah ketemu masalahnya,. sapa tau aja ada agan yg laen memiliki masalah yg sama.. ternyata masalahnya di RSS Feed gan,.. disitu disetting "singkat".. waktu ai ganti ke "lompat baris" gambar langsung muncul..
    makasih gan..

    ReplyDelete
  29. can i put two labels on label1 = "here";
    thanks to answer

    ReplyDelete
  30. @Mr Admin:
    I never tried that way, You can try, if it's work you can share here.

    Thanks

    ReplyDelete
  31. can you please tell me how to make that "buka" button ?

    ReplyDelete
  32. wahh makasih mas tipsnya untuk pasang slider di blog secara otomatis..

    ReplyDelete
  33. @Winlin:
    Hi Winlin

    You can read in this tutorial, just translate it in English

    Thanks

    ReplyDelete
  34. saya sudah memasang kategori diatas tapi yang kelihatan cuma tulisan prev dan nex semetara gambar dan tulisannya ga kelihatan, dan bagaimana caranya saya bisa menganti gambar tersebut dengan gambar lain

    ReplyDelete
  35. @bang wahid:
    Sesuaikan huruf label yang dimasukkan dengan huruf label yg dibuat. Misalnya label Berita masukkan Berita dengan huruf B besar, kalo di label berita (b) huruf kecil ya mesti berita pake huruf b kecil

    ReplyDelete
  36. I have two blog in blogger. for one of the it was very good, but for another was not. because the slider's image could not displayed. what should id do?

    ReplyDelete
  37. @anonymous:
    What is url blog is not good, can you show me, it's maybe helpfull?

    Thanks for visit

    ReplyDelete
  38. Saya sangat suka ini, hanya saja untuk tempatkan kode2 buat slider saya menemukan kendala gagal, gak keterima. Belum terdeteksi dimana yang keliru karena sebelumnya saya pakai Johny Magazine yang utk slider jauh lebih mudah

    ReplyDelete
  39. @Zulfikar Akbar:
    1. Backup dulu template dgn download full template
    2. Hapus scrip slider bawaan di bawah ini :
    .img400{width:370px;height:250px;margin:0 auto;padding:0 auto}
    .img400 img{width:370px;height:250px;border:0;z-index:80}
    .cursor{cursor:pointer}
    .h250{height:100px}
    .min250{margin-top:-100px}
    .bottom{background:#000;height:80px;z-index:990;font-weight:700;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;margin-top:170px;padding:0}
    .topic{max-height:40px;line-height:1.2em;overflow:hidden;z-index:990;padding:5px 10px}
    .topic a:link,.topic a:visited{color:#2174bb;font:bold 14px Arial;text-decoration:none}
    .summary{font:normal 11px Arial;color:#888;height:40px;line-height:1.2em;overflow:hidden;margin:5px 10px;padding:0}
    .summary a:link,.summary a:visited{color:#999;font:bold 12px Arial;text-decoration:none}
    .summary a:hover{color:#DF7401;text-decoration:none}
    .page_hl a{font:bold 11px arial;color:#FFF;text-decoration:none;display:inline;background:#000;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;padding:2px 5px}
    .page_hl a:hover,.page_hl a.selected{color:#FFF;text-decoration:none;background:#2174bb;filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95}
    .page_hl span a{color:#FFF;text-decoration:none;background:#F30;filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90}
    .pd_5{padding:10px 0 0 5px}
    .clearit{clear:both;height:0;line-height:0.0;font-size:0;margin:0;padding:0}
    .pb_10{padding-bottom:2px}
    dan kode accordionnya juga dihapus aja mas, soalnya slider otomatis ini bentrik dgn accordion, meskipun di pasang tetep nggak jalan accordionnya.
    3. Kemudian pasang semua langkah-langkah untuk membuat slider otomatis diatas.
    4. Ganti kode di bawah ini dengan langkah no 4
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
          <div id='slide-wrapper'>
    .........................................
    ..........................................

    ..........................................

    </b:section>
          </div>
    </b:if>

    ReplyDelete
  40. selalu ada tutorial dan template yang mantabb disini,
    izin naro linknya di blogroll ane boss.
    menambah silaturahim,
    nice share...

    ReplyDelete
  41. kang boleh gak berbagi template sama saya, seperti template johnytemplate.blogspot.com, saya sangat suka sekali dari template itu, kalo berminat untuk berbagi template itu sama saya, bisa dikirim via email aja ke fahrinilham@gmail.com, kalo templatenya dikirim kesaya mungkin saya terafkan di blog saya berbeda dengan yg aslinya dengan kreativitas saya yg masih perlu banyk belajar,he saya sangat berterimakasih sekali atas perhatianya,

    ReplyDelete
  42. mas klo slidder tersebut bisa ga gambarnya di pertajam?

    ReplyDelete
  43. @Military Zone:
    Upload image dengan kapasitas pixel yang besar

    ReplyDelete
  44. kang kolis..
    mau tanya nie..
    saya pake template JM 2 Light..
    terus saya ilangin slider yahoo..
    biar slidernya pake yg by kategori ini aja..
    tapi posisinya g bisa di tengah kang..
    gimana caranya biar ke tengah kang sama di posisi slider yahoo..

    mohon pencerahannya..

    ReplyDelete
  45. @remang:
    Letakkan kode no 4 persis di bawah
    <div id='middle-wrapper'> sesuaikan lebar kolomnya

    ReplyDelete
  46. mas, mau tanya ni..
    cara mengatur jarak antara slider dengan LATEST POST itu bagaimana ya? soalnya itu masih ada celah ditengahnya..
    mohon bantuannya ya mas...
    masnya bisa cek disini >> http://agoengsang.blogspot.com/

    ReplyDelete
  47. @agoengsang:
    Iya koq bisa ya padahal yang lain enggak.
    Gini aja mas agoeng download lagi ini template soalnya ada updates pada kode scriptnya mas paper template.
    Kemudian buka xml templatenya dengan notepad kemudian copy ke template mas agoeng. Save templates >> deleted widget (simpan dulu kode widget2nya)

    Kembali ke layout, kosongkan semua widget yang terdapat disitu sampe nggak ada satipun widget yang terpasang kemudian save, habis itu view blog. (jangan di edit dulu kode script bawaan template)
    Blognya mas agoeng hanya berisi latest post tanpa widget, steelah itu baru pasang widgetnya satu persatu (setelah itu baru kalo mau di edit HTNL nya silahkan
    Makasih ya semoga berhasil

    ReplyDelete
  48. Mas saya sudah coba tutorialnya tapi slider nya ga muncul, bisa minta tolong bantuin dunk mas, saya suka tampilan yang http://crottt.blogspot.com/

    ReplyDelete
  49. @Omiyan:
    Kalo mau memakai crott.blogspot.com (mas Paper) coba download template yang ada di blog saya ini mas sudah saya update. Karena banyak kode script yang nggak jalan karena tempat penyimpanan google code saya kena banned.
    Kalo memang udah download di luar, coba baca updates pada artikel di mas paper dan ganti kode2 script sesuai petunjuk updtes

    ReplyDelete
  50. mas...
    tempat saya gak nampil... malah yang tampil prev ama next aja...
    saya pake tempalte mas paper..
    kenapa ya itu mas...
    kasih tau ya

    ReplyDelete
  51. @Ansyari Syahputra:
    Saya sarankan untuk download template mas paper di blog saya ini karena sudah diupdates, setelah itu diunggah trus ikuti petunjuk yang ada

    ReplyDelete
  52. gan,, request donk,,
    di blog ane slidenya harus manual tuh masukinnya,, nah ane mau dijadiin auto berdasarkan kategori tertentu kaya yang diatas, tapi dengan tidak merubah bentuk/style slide ane yg lama,,bisa ga gan rekues nya :D

    slide ane yg sekarang di blog ini "http://newsnsporty.blogspot.com/"

    ReplyDelete
  53. selamın aleyküm frend right widget create?

    ReplyDelete
  54. Salam Kenal Mas Kholis...

    Terima Kasih untuk Templatenya saya Mau pakai Templatenya...

    Nice Template...

    ReplyDelete
  55. @Kirli futbol:
    Wa'alaikum salam
    Yes, I made my template with left to right design


    Wellyadi:
    Salam kenal juga
    Makasih juga sudah memakai tempate saya mas

    ReplyDelete
  56. Pengen banget punya blog kya ini tp belum bisa2, he...

    ReplyDelete
  57. @vitoato.net:
    Kalo mau template seperti blog ini bisa dibaca disini mas

    ReplyDelete
  58. very nice!!
    But codes not appear in English Language..
    I am struggling with some problem in blogger Can u help me??
    kksingh.its@gmail.com

    ReplyDelete
  59. image slider yang agan punya sudah terpasang di blog ane..
    tapi aku pengen nanya mas skligus minta tolong,. smoga tidak merepotkan.. blog ane kan kebanyakan image..
    kira2 klo saya pengen slide image diatas diterapkan kedalam posting bagaimana mas.. bukan berdasar label, tapi mengambil data image yang masuk diposting..
    yang saya perlukan cuma image dan page navigasinya mas.. meskipun tanpa slide otomatis...
    maaf mas kalau pertanyaan saya kurang jelas..
    yang saya maksud image dalam posting yang menggunakan page navigasi mas..
    smoga tidak merepotkan...

    ReplyDelete
  60. @art gallery:
    Kalo membuat slider di postingan gunakan flickr.com aja mas, lebih simple. Banyak tutorialnya di internet.

    Kalo tutorial diatas tidak bisa diterapkan untuk postingan

    ReplyDelete
  61. Saya Da coba,tapi kenapa gambar nya ga tampil yah???padahal cara nya da bener
    tolong bantuan nya...www.ricotzhie.blogspot.com

    ReplyDelete
  62. @Rico Tzhie:
    Coba diulang lagi dan sesuaikan besar kecil huruf yang ada di label mas, misalnya di label misteri, ya ditulis misteri jangan Misteri pake M besar

    ReplyDelete
  63. Makasih ya om,, sudah berhasil,, :D membantu sekali artikel ini,, :D

    ReplyDelete
  64. gan rico, saya pny kendala pd langkah terakhir, di edit html sya ga ad main-wrapper jd hrus copy kemana tu kode langkah-4..
    mohon bantuannya yah..

    ReplyDelete
  65. Ga bis nongol om..

    Tolong bantuannya..

    ReplyDelete
  66. gambar nya kok gak mau keluar yah ?

    ReplyDelete
  67. @nurul musthofa:Masuk ke serring pilih other/lainnya, lihat pada baris atas allow blog post mesti di setting ke full atau until jump break, settingan slider ini menggunakan feed untuk bekerja

    ReplyDelete
  68. mas saya udah nyoba berkali kali .
    ada yang bisa ada yang gk .
    kalo yg gk bisa cuma nongol prev ama next doang .

    saya mau nanya nih .
    1.kalo saya masang menu 3 tabview kaya punya mas ,
    slider nya gk jalan ,dan anakmenu gk nya eror .

    2.cara membuat artikel terkait scroll lebih dari 50 gimana ?c0z bisa nya cuma sampe 25 doang .
    tolong bales yah ke email saya .
    is_smile182@yahoo.com
    www.ahlulbadr.com
    terima kasih mas

    ReplyDelete
  69. @ahlul badr:
    Bisa lihat URL blog yg dipasang slider ini mas?

    ReplyDelete
  70. Ms, kemarin-kemarin slide gambarnya yg gak nampil, skrg alhmdllh nampil, tp koq jarak dari slide ke Latest Post Jauh bgt ya, kira-kira apanya mas? mohon bantuannya? tksh ini URL blog saya mas, http://pandeglangmistick.blogspot.com, tp ini msh percobaan, nanti kalau udah bener-bener pas saya pindahin ke URL yg ini : http://dadan-natural.blogspot.com
    Mohon ksh penjelasannya ya mas, kenapa jarak Slider ke Latest Post itu bisa jau sekalai.

    ReplyDelete
  71. nih mas URL-nya http://pandeglangmistick.blogspot.com/

    ReplyDelete
  72. Alhmdllh udah bisa mas,, I Like Template For Desig Maskolin.. is Beautiful..

    ReplyDelete
  73. permisi mas saya mau tanya, ada beberapa kendala pada saat pemasangan template johny simple magazine 2 :

    1. image slider cuma ada 1 gambar yang muncul, padahal saya pasang 6 sesuai tutorial dari mas.
    2. ketika saya ingin melihat postingan sesuai label di blog saya, kok nggak ada postingan yang keluar ya mas,cuma ada keterangan "Tampilkan posting dengan label Download. Tampilkan semua posting".

    mohon pencerahannya dari mas.

    terimakasih.

    ini url blog saya : http://abay-art.blogspot.com

    ReplyDelete
  74. alhamdulillah, udah bisa mas.. makasih yah... :)

    ReplyDelete
  75. gan saya menambah lebar kolom slidernya, tapi gambarnya tidak ditengah tolong bantu ya gan..

    ReplyDelete
  76. kalau digabung sama carousel labelnya ga bisa jalan mas, gmn ya. gimana ya bedainnya

    ReplyDelete
  77. makasih mas atas tutorialnya, saya udah berhasil pasang, tapi ada yang pengen saya tanyakan disini,
    saat pasang, saya lebarin slidenya, tapi untuk summary, yang diberi background hitam, ga ikut berubah, mana yang harus saya edit ya??

    ReplyDelete
  78. ini blog saya mas: http://guani.blogspot.com

    ReplyDelete
  79. gan lau di wordpress gimana ada tutorialnya pha gx....tolong donk pencerahannya...lau ada kirim ke email arilawalata@gmail.com

    ReplyDelete
  80. gan ko tenplate blog ane ga bisa di pasang slide shhow yang ini knapa ya, setelah di coba ehhh jadinya gak ada tampilan gambar hanya halaman kotak kosong tanpa gambar apaun . apa ada kode slide show yang cocok buat blog ane mohon do cek di blog ane coretantyusuf.blogspot.com

    ReplyDelete
  81. Yang ini g bisa di gabung dengan slide Carousel yach om..

    Tadi saya coba menggabungkannya tapi yang tampil satu label..

    ReplyDelete
  82. Assalam..
    Marhaban ya ramadhan. selamat menjalankan ibadah puasa...

    salam kenal dari kami
    Dadang Sobari pengelola website SMP Negeri 7 Kota Tangerang Selatan.

    kami sangat tertarik dengan postingan Mas ini.
    bisakan menerapkan di Website Kami, kami menggunaka CMS balitbang. demi memajukan dunia pendidikan mohon solusinya. Websit kami http://www.smpn7tangsel.sch.id.

    kalau bisan minta bantuaanya cara2nya memasukannya ke webstie yang kami kelola.
    kirim lewat email: da2ngsobari@yahoo.com atau admin@smpn7tangsel.sch.id

    terimakasih sebelumnya.
    Wassalam.
    Dadang Sobari
    website: http://www.smpn7tangsel.sch.id
    email: admin@smpn7tangsel.sch.id

    ReplyDelete
  83. @Dadang Sobari:
    Wa'alaikum salam
    Selamat menjalankan ibadah puasa juga mas
    Salam kenal juga, saya sudah ke blog nya mas Dadang, dan sepertinya tutorial ini tidak bisa diterapkan disitu, karena ini hanya untuk blog yang berplatform/CMS blogspot

    ReplyDelete
  84. cra ngerubah label1 = "misteri" itu cara n' maksutnyagimana ya gan ???

    ReplyDelete
  85. label1 = "misteri"
    itu kan yg tmpil cma Label Misteri, nah biar tampil smua gmana kang..
    jdi ga label trtntu aja yg tmpil,

    ReplyDelete
    Replies
    1. ane jg harap ada jawaban dr pertanyaan Bozem

      Delete
  86. Mas, kalau kita pinginnya All post, atau beberapa kategori yang muncul itu gimana ya mas?

    ReplyDelete
  87. mas gimana caranya kalo pengen slide nya berada di tengah
    kayak di maskolis.blogspot.com

    punya ane http://blog-wongndeso.blogspot.com/

    ReplyDelete
  88. bang mau nanya ni kenapa di blog saya ngak ada kode nomor 4
    mohon bantuanNya bang

    ReplyDelete
  89. Mas, kok main-wrapper ga ada ya?
    Jadinya punya saya agak aneh, nomernya ga di image-nya, tapi di bawah image.

    Jadinya kayak yang aku pasang di makarame (dot) com

    Terima kasih.

    ReplyDelete
  90. makasih pelajarannya gan, berhasil pasangnya, lihat di http://abdullahtarakan.blogspot.com . harap komentarnya klo masih ada yang kurang. baru belajar....

    ReplyDelete
  91. kok g mau keluar kenapa ya mas? nama label sudah bener jg... klo spasi perlu tulis "%20" g? nuhun...

    ReplyDelete
  92. mas, bisa tambah label lebih dari 1 atau tdk?

    ini blog saya : http://www.steven-amikomjogja.web.id/

    ReplyDelete
  93. gan cara ngilangin pages angka dibawahnya gmna??

    ReplyDelete
  94. 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


  95. 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


    Untuk member setia rajapoker88 dapatkan bonus referal dari kami sebesar 10% dari kemenangan teman Referal anda dan dapatkan juga 10 POINT setiap turn over 1 juta rupiah point ini akan di undi setiap 1 minggu sekali

    peringatan: untuk bonus selalu di bagikan setiap hari senin
    dan untuk batas mengklaim bonus setiap hari minggu selama 7 hari
    jika batas mengklaim bonus lewat dari seminggu maka bonus dinyatakan hangus!!

    keterangan lebih lanjut untuk mengklaim bonus silakan hubungi :
    YM: afb88_cs1@yahoo.com
    YM: idr.afb88@yahoo.com
    pin bb : 2257e32b

    segera bergabung dengan kami dan kumpulkan pointnya.
    Terima Kasih.

    Permainan yang kami sediakan yaitu :
    * Poker
    * Tangkas
    * Domino99

    Untuk anda kami suport dengan 5 bank Lokal : BANK BCA, BANK BNI, BANK BRI, BANK MANDIRI, DAN BANK DANAMON.

    Untuk keterangan lebih lanjut, silahkan Hubungi kami di :
    * WWW.RAJAPOKER88.COM (pingbox)
    * TWITTER : @RAJAPOKER88
    * YM : RAJAPOKER88.indo
    * PIN BB : 75CB33AF
    * PHONE NUM : (+84) 169 859 6613
    * SKYPE : RajaPoker88

    Terima Kasih,
    Salam Rajapoker88.com

    ReplyDelete
  96. tq gan atas infonya & sukses selalu gan :)


    PROMOSI

    hello semua para coment gan gan :)
    ayo bergabung bersama kami di website www.senang77.com
    cara mendapatkan uang dengan mudah gabunglah bersama kami..
    kami juga menyediakan bonus turn over 0.3% dan akan di bagikan dalam

    1 minggu dan balance akan masuk kedalam secara otomatisnya


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

    Kami juga menyediakan kode referral :)

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

    kami bisa dihunbungi melalui :

    YM : cs.senangpoker@yahoo.com
    FACEBOOK : cs.senangpoker@yahoo.com
    BBM : 764a99d1
    Twitter : senangpoker
    SKYPE : senang.poker


    Untuk anda kami suport dengan 5 bank Lokal : BANK BCA, BANK BNI, BANK

    BRI, BANK MANDIRI, DAN BANK DANAMON.


    TERIMA KASIH
    salam manis :) senang77.com / senang77.net / senang77.info :)

    ReplyDelete
  97. para bokepers wajib nonton disini:
    ANAK SMU Belajar NGEWE | PIDIO NGEWE' GADIS BANDUNG | PIDIO SMU 44 JAKARTA | SPG BERSERAGAM DITRAINING NYEPONG | BARU MASUK DAH CROTTT DULUAN!!! | SPG BANDUNG SERVICE PELANGGAN | SPG PUTIH CANTIK MEREM MELEKK | JILBAB PUTIH NGENTOT | GADIS BERKERUDUNG NGEWE' | GAIRAH DOKTER MONTOK | PENGALAMAN PERTAMAKU NGENTOT GADIS BERJILBAB | GOYANGAN GADIS SMP | NGINTIP TANTEKU LAGI ASYIIKK COLICOLI | BOKEP ANAK PESANTREN | ASYIKKNYA NGEWE DI SOFA BARU | GOYANGAN JANDA MUDA MONTOKKK BANGETTT... | NGENTOT DIATAS RANJANG LOSMEN


    koleksi bokep ane paling TERBARU gan siap disedot:
    GARA2 SKRIPSI PERAWANKU HILANG | YENI MAHASISWI ADUHAI MANTAP DI RANJANG | NGEWE DI MOBIL TEMAN | NGENTOT GRATIS SERVIS IBU KOST | JILAT MEKI LULU SAMPE BASAH | GOYANGAN BOHAIII...GADIS BERJILBAB | MEKI MERAHHHH MEREKAHH BIKIN NAFSU | TUKANG OJEK NGEWE PENUMPANG CEWEK RAME2 | DESAHAN MESRA DEWI PACARKU | GAYANYA BIKIN KONAK TERUSSS.. | LOMBA NGEWE DI APARTEMEN BARU | BOKEP 2 PASANGAN NGEWE DI PANTAI | SISKA KETAGIHAN NGEWE

    ini linknya gan...
    jgan lupa ya.. lsg ke bawah ini
    http://goo.gl/ZhnaWu






























































































































































































































































































































































































































    JANGAN LUPA MAMPIR BRO.... LINK DIBAWAH INI
    >>> http://goo.gl/ZhnaWu <<<

    ReplyDelete
  98. para bokepers wajib nonton disini:
    ANAK SMU Belajar NGEWE | PIDIO NGEWE' GADIS BANDUNG | PIDIO SMU 44 JAKARTA | SPG BERSERAGAM DITRAINING NYEPONG | BARU MASUK DAH CROTTT DULUAN!!! | SPG BANDUNG SERVICE PELANGGAN | SPG PUTIH CANTIK MEREM MELEKK | JILBAB PUTIH NGENTOT | GADIS BERKERUDUNG NGEWE' | GAIRAH DOKTER MONTOK | PENGALAMAN PERTAMAKU NGENTOT GADIS BERJILBAB | GOYANGAN GADIS SMP | NGINTIP TANTEKU LAGI ASYIIKK COLICOLI | BOKEP ANAK PESANTREN | ASYIKKNYA NGEWE DI SOFA BARU | GOYANGAN JANDA MUDA MONTOKKK BANGETTT... | NGENTOT DIATAS RANJANG LOSMEN


    koleksi bokep ane paling TERBARU gan siap disedot:
    GARA2 SKRIPSI PERAWANKU HILANG | YENI MAHASISWI ADUHAI MANTAP DI RANJANG | NGEWE DI MOBIL TEMAN | NGENTOT GRATIS SERVIS IBU KOST | JILAT MEKI LULU SAMPE BASAH | GOYANGAN BOHAIII...GADIS BERJILBAB | MEKI MERAHHHH MEREKAHH BIKIN NAFSU | TUKANG OJEK NGEWE PENUMPANG CEWEK RAME2 | DESAHAN MESRA DEWI PACARKU | GAYANYA BIKIN KONAK TERUSSS.. | LOMBA NGEWE DI APARTEMEN BARU | BOKEP 2 PASANGAN NGEWE DI PANTAI | SISKA KETAGIHAN NGEWE

    ini linknya gan...
    jgan lupa ya.. lsg ke bawah ini
    http://goo.gl/ZhnaWu






























































































































































































































































































































































































































    JANGAN LUPA MAMPIR BRO.... LINK DIBAWAH INI
    >>> http://goo.gl/ZhnaWu <<<

    ReplyDelete
  99. mantap gan back link ya>>>>http://www.tvwaps.co.vu/

    ReplyDelete
  100. gan tolong pencerahannya blog saya banyak labelnyamungkin sekitar 83 an, silakan di cek di reviewhape.co.vu kalau dibutuhkan mengecek.

    ReplyDelete
  101. yang hanya javascript tanpa harus edit HTML gak da mas ya... alnya saya mau pasang postingan http://gallery.samudranews.com di www.samudranews.com sebagai gallery nya... karena yang domainnya di wordpress dan subdomainnya di blogger :(

    ReplyDelete
  102. Mas kalau blog ane bisa kgak di pasangin ??
    cek di
    http://satanasoft.blogspot.com
    salam blog walker

    ReplyDelete
  103. Makasih admin
    jalan jalan juga yaa di http://satanasoft.blogspot.com

    ReplyDelete
  104. Sehat itu murah, sehat itu milik kita semua. Bagi sebagian orang sehat itu mahal, memerlukan banyak biaya dan perawatan, tetapi bila anda rajin dan sering menggunakan alat Terapi Ion elektrik rendam kaki, sehat itu murah dan mudah. Oleh karena itu penting bagi anda untuk menjaga kesehatan semenjak dini dengan secara rutin membuang racun dan toksin dari tubuh anda dengan menggunakan alat terapi ion elektrik rendam kaki.
    Terapi Ion
    Terapi Ion Rendam Kaki Air Garam
    Peluang Usaha Rumahan
    Terapi Ion Elektrik Rendam Kaki Detox
    Manfaat Terapi Ion Elektrik
    Terapi Ion Elektrik
    Terapi Kesehatan Murah
    Peluang Usaha Modal Kecil
    Harga Paket Alat Terapi Ion Elektrik
    Pengedar Alat Terapi Ion Di Malaysia

    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