mas template

Membuat Slider Carousel Otomatis Berdasarkan Label

Tutorial kali ini saya akan membahas bagaimana membuat slider Carousel otomatis berdasarkan label. Prinsip kerja dari slider ini sama seperti pada slider otomatis berdasarkan kategori. Anda tinggal mengganti dengan label anda dan slider ini akan bekerja sesuai dengan label yang anda masukkan. Slider Carousel yang saya buat kali ini sangat sederhana dan hanya menggunakan jCarousellite script tanpa menambahkan efek easing dan mousewheel.



Cara pemasangannyapun sangat mudah, jika anda sudah pernah mempraktekkan artikel saya terdahulu yang berjudul membuat slider otomatis berdasarkan kategori tertentu, tutorial kali ini terasa sangat mudah, karena langkah-langkah pembuatannya hampir sama. Langsung saja di bawah ini langkah-langkah untuk membuatnya :
  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 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> :
    #carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
    #carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(http://2.bp.blogspot.com/-i9rfuXWNIjo/T5LAemTP3XI/AAAAAAAAArY/r7FcfxzgZpk/s1600/scroller-bg.png) repeat center}
    #carousel #previous_button{position:absolute;width:49px;height:185px;background:url(http://3.bp.blogspot.com/-APGScJbAlLM/T5LDZ9LDgkI/AAAAAAAAAr4/vGy7EquPGME/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
    #carousel #previous_button:hover{background:url(http://3.bp.blogspot.com/-4wNqeM6eRvY/T5LGCrdA9iI/AAAAAAAAAsE/4rjwULz47WU/s1600/prev.png) center}
    #carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(http://1.bp.blogspot.com/-pSHFy8ff1R0/T5LDZHkHIzI/AAAAAAAAArw/PCfZ762nK3E/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
    #carousel #next_button:hover{background:url(http://2.bp.blogspot.com/-vSaPjyDhEMI/T5LGB-g1_lI/AAAAAAAAAsA/wyUPBLWY15E/s1600/next.png) center}
    #carousel ul{width:100000px;position:relative;margin-top:10px}
    #carousel ul li{background:#fff url(http://3.bp.blogspot.com/-NsKF7TyEX7I/T418sIGTo7I/AAAAAAAAAnc/OdQmhV73piY/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
    #carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
    #carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
    #carousel ul li a.slider_title:hover{color:#cd1713}
    #carousel a img{display:block;background:#fff;margin-top:0}
    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/265232511102/carousellite.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 = 140;
    summaryTitle = 25;

    numposts1 = 15;
    label1 = "news";

    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('<ul>');
    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;
    //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 daystr = day+ ' ' + m + ' ' + y ;
    var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';

    document.write(trtd);
    j++;
    }
    document.write('</ul>');
    }
    //]]>
    </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.
    Sedangkan kode warna biru : 15 adalah jumlah slider yang ditampilkan. Dan news adalah label yang ditampilkan pada slider nantinya (Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat).
  7. Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'>, kemudian letakkan kode berikut ini diatasnya :
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div id='carousel'>
    <div id='previous_button'/>
    <div class='container'>
    <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=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>   
    <div class='clear'/>
    </div>
    <div id='next_button'/>
    </div>
    <script type='text/javascript'>
    (function($) {     $(document).ready(function(){
    $(&quot;#carousel .container&quot;).jCarouselLite({
        auto:4000,
        scroll: 1,
        speed: 800,   
        visible: 5,
        start: 0,
        circular: true,
        btnPrev: &quot;#previous_button&quot;,
        btnNext: &quot;#next_button&quot;
        });
        })})(jQuery)   
    </script>
    </b:if>
    Kode diatas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga diletakkan diatas footer. 
  8. Langkah terakhir, save templates dan lihat hasilnya. Jika Anda ikuti langkah diatas dengan benar, slider Carousel itu akan muncul di blog Anda.
Sangat mudah ya, anda tinggal ikuti langkah-langkah diatas dan baca dengan teliti jangan terburu-buru, Jika masih ada yang kurang jelas silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Itu tadi tutorial singkat tentang bagaimana cara membuat slider Carousel otomatis berdasarkan kategori atau label kali ini, selamat mencoba dan semoga bermanfaat.

Tutorial Membuat Slider Carousel Otomatis Versi 2
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

393 comments:

  1. mas,boleh minta bantuan maskolis untuk mengedit template yang saya pakai nggak ???

    ReplyDelete
  2. @Griya lagu:
    Nggak bisa mas Hanif, saya hanya bisa bantu kalo template itu buatan saya. Karena kalo buatan orang lain saya nggak tau struktur kodenya dan mas bisa minta bantuan sama poembuatnya langsung.
    Oya maaf komentar Anda banyak yg saya hapus, karena tidak nyambung dengan artikel yg saya buat

    ReplyDelete
  3. saya pakai template punya maskolis yg mas paper 2,

    ReplyDelete
  4. @Griya lagu:
    Saya bingung mau jawab darimana, tiap template itu pasti beda2 mas, tinggal penggunanya mau dimodifikasi seperti apa. Dulu pernah minta template seperti creating website, udah saya buatkan eh.. tetep aja nggak cocok.

    Coba dimodif sendiri dulu, itu bukan masalah penting dalam kelangsungan kehidupan sebuah blog hanya tentang tampilan blog. Jangan berhenti hanya pada ngutak-ngatik template, buat isi atau konten yang bermanfaat dan bisa dibagi ke semua orang. Membuat blog itu gampang yang susah mendatangkan pengunjung agar mau ke blog kita.

    Semoga dimengerti

    ReplyDelete
  5. mas, slider ini boleh ngak di pake jika mahu letak di blog lain? contoh blog mahu di pake, contohblog.blogspot.com.. tapi label dari contohblog-dua.blogspot.com?

    ReplyDelete
  6. Mas kolis aku mau nanya ni... gima..? cara pasang witget Plugin sosial Facebook aeperti yg ada di tempelate mas paper, yang lainya uda tapi yang aku binggungnya di fb. sebelumnya makasi mas

    ReplyDelete
  7. @Haz:
    Bisa bro, tutorial ini buat semua template blogger bisa diterapkan. Asal belum ada slider otomatis sebelumnya, karena kalo udah ada mesti digabungkan dengan slider bawaan

    ReplyDelete
  8. @Rusurdo Dogiyai:
    Pertama mesti masuk ke FB social plugin dulu, kemudian pilih Facebook fanbox, dapatkan kodenya kemudian ganti kode yang saya cetak tebal di bawah ini :
    <div class="fb-likebox"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FMas-Templates%2F350616838292683&amp;width=300&amp;height=260&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=%23444444&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="false"></iframe>

    ReplyDelete
  9. Malam maskolis, Maaf kalau OOT. Kalau mau bikin menu dropdown caranya gimana ya mas? Misal Dibagian Jangan Diklik jika Kita arahkan mouse lalu muncul beberapa menu ke bawah mas (sub menu)?

    Ow ya satu lagi mas dibagian menu search nya kok bisa muncul Google Pencarian Kustom itu di template blog saya script apa yang perlu di edit dan ditambah?

    Terima kasih mas atas bantuannya.

    ReplyDelete
  10. @Aditya - KiosBisnis.com:
    Jawabannya saya kirim lewat email mas Adit, coba di cek. Soalnya terlalu panjang kalo ditulis disini.

    Makasih ya mas, gemana kabarnya, baik-baik aja kan?

    ReplyDelete
  11. maaf mas aku kembali lagi ada yang lupa ni Slider Carousel Otomatis Berdasarkan Label ini bisa di pasang di tempelate Johny Simplemag apa tidak and makasi yah.... mas kolis Plugin sosial Facebook uda jadi sukses selalu buat mas

    ReplyDelete
  12. @Rusurdo Dogiyai:
    Bisa cuma, untuk kode nomer 6 diatas tidak semuanya dimasukkan ke situ

    Pertama Anda harus buka dulu URL script ini pada template simplemag http://kauman.googlecode.com/files/averall.js di wordpad, caranya copy ke browser dulu kemudian save, setelah itu baru buka ke wordpad

    Kemudian baru gabungkan kode nomer 6 diatas kesitu, agak susah juga sih mas, Mesti dirubah semua

    ReplyDelete
  13. iya-2 susah jg yah mas utk menggabungkannya he....e....

    ReplyDelete
  14. @Rusurdo Dogiyai:
    Sebenernya kalo dibilang susah bgt sih enggak mas, cuma memang butuh waktu. Soalnya kebanyakan slider otomatis yg saya pasang hampir sama cuma beda pada kode CSS nya, jika mau dipahami lebih jauh sebenernya gampang kok.

    nanti saya buatkan template yg memakai slider model gini

    ReplyDelete
  15. oke mas kolis tolong di bantu ya and sebumnya makasi

    ReplyDelete
  16. Assalamualaikum...mas makasih tutorial FB fanboxnya ya...aku udah pasang di siswa.catatanjuned.com dan berhasil.

    sukses terus buat Mas.

    ReplyDelete
  17. @Juned Junaedi:
    Wa'alaikum salam.. sipp semoga bermanfaat Pak Guru

    @komud.com:
    Makasih mas Andre, nanti saya pasang slidenya di blog itu, bentar ya mas

    ReplyDelete
  18. MasKolis : Untuk Feature berdasarkan label apakah bisa di terapkan ke template lain, apakah ada yang harus di tambah
    contoh feature yang ini mas

    <script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>

    <script type="text/javascript" src="/feeds/posts/default/-/today%27s%20dialogue?orderby=updated&
    alt=json-in-script&callback=labelthumbs"></script>

    ReplyDelete
  19. @KabelTech:
    Ini untuk semua template blogger mas, pasang semua kode yang ada diatas, kalo sudah ada slider otomatis sebelumnya gabungkan jadi satu

    ReplyDelete
  20. Maskolis : bila feature ini tidak muncul, sedang kategorinya sudah sesuai penulisannya..

    ReplyDelete
  21. @KabelTech:
    Semua kode yg ada diatas pasang semua dulu, kalo masih belum bisa tinggalkan URL blognya disini. Nanti saya periksa kesalahannya dimana mas

    ReplyDelete
  22. Memang ide maskolis slalu membuat saya slalu ingn mencobanya...sayang blogku sudah agak gemuk dan sudah ada slider otomatisnya...
    Jempol buat maskolis...sukses selalu mas...

    ReplyDelete
  23. Mas saya makai template punya mas (johny soulmater) tetapi kok kotak komentar saya nggak muncul padahal di settingannya kotak komentarnya sudah saya pilih yang tersemat mohon pencerahannya mas :)

    ReplyDelete
  24. @Kompi Ajaib:
    Makasih mas apresiasinya..
    Jgn bosa untuk selalu kesini ya

    @Ketemu Info:
    Masuk ke layout kemudian klik edit pada blog post (yg paling besar), centang kotak kecil disebelah 5 comment

    ReplyDelete
  25. Terima kasih maskolis ini alamatnya www.kakakdanabel.com
    disidebar "smartphone"

    ReplyDelete
  26. @KabelTech:
    Wah ya nggak bisa to mas kalo di letakkan disitu terlalu sempit.
    Slider ini hanya bisa diletakkan di bagian outer-wrpper sebuah blog yang panjangnya minimal 950px

    ReplyDelete
  27. malam mas...
    maaf mo tanya lagi nih
    sewaktu saya bikin daftar isi dari artikel blog mas
    tiba2 muncul tab yang isinya seperti ini: A username and password are being requested by http://copycat91.googlecode.com. The site says: "Google Code Subversion Repository"

    kenapa ya mas?? bingung untuk jelasnya ada fotonya di https://lh5.googleusercontent.com/-IaxpYP81VtE/T5azpOM-MTI/AAAAAAAABOQ/HaXYs1IHTvA/s640/Image%25201.jpg

    mohon bantuan nya...terima kasih.

    ReplyDelete
  28. Mas slider carousel otomatis ini bagus, namun saat di terapkan ke blog saya gambar di slider tidak muncul hanya bertuliskan "no image avialbel" itu mengatasinya bagaiamna ya mas? padahl setiap posting ada gambarnya,

    ReplyDelete
  29. @panjz online:
    Itu karena yg punya http://copycat91.googlecode.com memproteksi filenya. Coba disimpan script untuk membuat daftar isi di google code sendiri

    ReplyDelete
  30. @Wartabeta:
    Masuk ke setting kemudian pilih other/lainnya, dibagian paling atas allow blog post setting ke full atau until jump break.

    ReplyDelete
  31. Sep mas bisa, trus ada lagi ini mas, tadi saya udah buat yang widget ini dan berhasil, terus aku tambahkan slider otomatis seperti sporty 2, trus sepertinya jadi bentrok ya? yang widget slider carousel tidak aktif dan berjalan, dan agak eror...
    bagaimana mas soulisnya...

    ReplyDelete
  32. @Wartabeta:
    Sebenernya kalo cara pasangnya bener, kedua slider bisa jalan semua, coba lihat di demo ada dua slider yg semuanya bisa jalan.

    Perhatikan lagi langkah no 6 diatas, baca lagi keterangannya dengan seksama. Untuk URL script warna merah jgn sampe ada dua, cukup satu aja

    ReplyDelete
  33. Ini dia yang saya cari Mas, akhirnya dibuatkan juga tutorialnya :D
    Kalo dipasang di template Mas Paper Magazine 2 gimana mas, tepatnya diatas footer ????
    Minta pencerahannya Mas :)

    ReplyDelete
  34. tapi gimana tukarnya mas? soalnya saya ngak nampak di mana mahu tukar url blog feed labelnya..

    ReplyDelete
  35. waduh ane telat om,,,kalok di kasih slider,apa ndak ngaruh ma kecepatan loading blog mas?

    ReplyDelete
  36. Mantap. Saya udah liat demonya, cuma image arah panah yang pasif di kiri atas itu nggak muncul. Kalau yang di kanan itu kelihatan (warna grey atau abu-abu). Kalau arah panah yang aktif warnah merah muncul sih. Apa karena browsernta, saya pake Mozilla.

    ReplyDelete
  37. O ya masih ada lagi, Maskolis mau tanya Recent Comment buat Blogger yang bisa nampilin avatar, ada nggak ya scriptnya? Modelnya saya liat di blog Uongjowo. Thanks :)

    ReplyDelete
  38. Mas, gimana sih caranya (script widget-nya) kalo slider carousel-nya dibuat kayak model "detikFoto" punyanya detikom itu? biar saya bisa nampilin foto aktifitas satu persatu. thanks atas ilmunya.

    syahrul

    ReplyDelete
  39. @Wandhy:
    Kao dipasang disitu agak susash karna udah ada carousel slidernya, mesti dihapus dulu kodenya, trus nomer 6 nggak dipasang semua. Gini aja jadiin admin aja nanti saya pasangin ke blognya mas Wandhy

    ReplyDelete
  40. @Haz Issac:
    Label yang mana sih bro.. kan nggak pake URL blog feed disini, tinggal ganti aja label1 diatas dengan label yg diinginkan

    ReplyDelete
  41. @Blogger Pemula:
    Ya tetep pengaruh buat kecepatan, selama kita menambahkan kode pada Edit HTML template kita pasti tetep pengaruh pada kecepatan loading blog.

    ReplyDelete
  42. @Ronny Dee:
    Tutorial diatas udah support untuk semua browser mas, sya pake mozilla juga dan sudah saya coba untuk chrome, nggak tau sih kalo di opera.

    Untuk membuat recent comment avatar saya punya yg sederhana tutorialnya disini

    ReplyDelete
  43. @Infotambora:
    Untuk slider poto seperti detik photo saya belum bisa mas Syahrul

    ReplyDelete
  44. tq mas template contoh kmaren dah di otak atik cukup lama juga akhirnya ketemu...

    oh ya mas buat random seh bisa gak neh yang conth di atas tuh...
    sekalian tadi saya kirim email ada yang saya tanyakan.

    ReplyDelete
  45. hello Mas,
    I can make slider karouzel on my template[gamer darkpaper] move automatic it like
    Membuat Slider Carousel Otomatis Berdasarkan Label?
    the slider carouzel on gamerdarkpaper no move automatic.
    thanks
    john

    ReplyDelete
  46. @Danny Benyo:
    Iya sama-sama semoga bermanfaat.

    Tentang yang diemail, saya sementara ini belum mau menerima pesanan template secara personal mas. Jadi mohon maaf, saya hanya buat template yang bisa dipake semua orang

    ReplyDelete
  47. @giannis papadimou:
    Hi John
    Yes it can, this slider can be added in any template. But if you want to add this slider you must delete some script, I think it rather difficult, first you must open script in kauman.googlecode and add script code in step 6 above in there. And change slider color in to dark skin

    ReplyDelete
  48. Masih nggak bisa mas mungkin blog saya yang error ya ?

    ReplyDelete
  49. Selamat Malam Bang Maskolis..
    Aku Mau Nanya nih, Mengapa yah Slider Carousel ini tidak Cocok sama Template [Mas Paper, Template Bonus untuk Pengunjung Setia Creating Website]
    Slider carousel ini sudah saya pasang, Tapi kok Jadi nyambung ke IMAGE SLIDER..
    Mohon Pencerahannya?

    ReplyDelete
  50. @Ketemu Info:
    Masuk ke new post atau edit post, klik post option yg ada di bawah mungkin reader commentnya tidak di centang allow

    ReplyDelete
  51. @Muehammad Yuezha Andrean:
    Memang kalo udah ada slider otomatis sebelumnya, mesti kode nomer 6 diatas tinggal digabungkan jangan ditambahkan semua.

    Coba download mas paper 2 buka ke wordpad, lihat cara penggabungan antara slider dengan slider carousel

    ReplyDelete
  52. Yg ditambahkan apa aja bang maskolis ??
    Mohon kasih tau !

    ReplyDelete
  53. mas versi tanpa edit html nya ada mas
    untuk membuat slide ini
    biar bisa di letakkan dimana ja
    thanks sebelumnya

    ReplyDelete
  54. @Muehammad Yuezha Andrean:
    Yang dipake templatenya apa, nanti saya gabungkan. Dikirim lewat email aja, tinggalkan email disini ya

    ReplyDelete
  55. Yg dipakai Template [Mas Paper, Template Bonus untuk Pengunjung Setia Creating Website]
    Coba deh Maskolis kunjungi blog aku www.info-terlaris.blogspot.com
    Email: Yuezha1andrean@gmail.com
    Oiya, Email Maskolis kirim aja ke Email aku Nanti aku kasih Template blog aku..
    Makasih ya bang Maskolis sudah ingin membantu :)

    ReplyDelete
  56. kok di http://indonesiafreedownload.blogspot.com/ jadinya kacau ya mas ,mohon bantuannya

    ReplyDelete
  57. @jurnaldunia.com:
    Iya soalnya template yang anda pake sudah ada carouselnya sebetulnya mas.

    Jadi kalo dipasang jadi double, karena byk script yg sama disitu, coba pasang pada template biasa pasti bisa, template yg mas pake itu byk kode yg semestinya nggak dipasang

    ReplyDelete
  58. Mas Broo... Comment ke 3 masuk lagi. Ane mau tanya bagaimana cara menambahkan slider Carousel pada template yg ane pake. soalnya ane coba bentrok sama feature yg lain jadi tampilannya amburadul... Nah bagaimane carane biar ngk bentrok dan enak diliat...
    thank's you mas broooo.

    ReplyDelete
  59. @Trans Infomedia:
    Ini cak Lora ya...?
    Pertama buka URL script ini (ada di Edit HTML) http://kauman.googlecode.com/files/averall.js di wordpad

    Kemudian masukkan kode nomer 6 diatas mulai dari kode ini :
    function showrecentposts(json) {
    sampai diatas kode //]]>

    Perhatikan showrecentpsots dan numposts nya di kode nomer 6, kasih nomer yang beda dengan yg diatas, misalnya kali sudah ada showrecentposts2 kasih nama yyrecentposts5, begitu juga numposts nya kasih nomer dibelakangnya beda sama diatas.

    Cuma itu aja, yg lain langkahnya sama diatas

    ReplyDelete
  60. hahahaha Ya ya Ya
    Oke Oke Oke
    ko tau aja ni.....
    hehehehehe
    ayo ane promusikan
    kreasi ente ke orang lain...

    ReplyDelete
  61. Mas Bro tolong di cek punya ane.....
    ko ngk tampil ya labelnya ya, ngk enak mas broo koment2 terus, tampilan slider Carousel ane taruk dibawah dengan memakai Gadget Edit HTML/JavaScript. Ane pastekan kode terakhir itu kedalam. Tapi ko ngk tampil ya. Tapi masalah yang amburadul sudah beres mas brooo....

    ReplyDelete
  62. @Trans Infomedia:
    KE email aja ya caj, ncmajid@gmail.com
    Kalo ada yg mau ditanyakan kirim kesitu ae

    ReplyDelete
  63. salam,
    mas saya mau tanya, tiap saya buka blog saya, sekarang selalu muncul kotak yang tulisanya:
    "autentication required"
    "A username and password are being requested by http://copycat91.googlecode.com. The site says: "Google Code Subversion Repository"
    kira2 itu kode apa ya, apa ada kesalahan dalam blog saya...
    oya, ini alamat blog saya: http://www.arifmuchito.co.cc/
    mohon bantuannya
    klo bisa kirim lewat email saya ya mas...
    terimakasih sebelumnya
    Salam

    ReplyDelete
  64. mas mau tanya nih...kok di template saya ga ada kode id='main-wrapper'>, tlng bls ke emaile ans_dj.linud503@yahoo.com n visit to http://kodim-0701.blogspot.com/. atas jwbanya kami ucapkan trm ksh

    ReplyDelete
  65. @Kodim 0701/Bms:
    Kalo di template yang Bapak pake bisa diletakkan di bawah <div class='content-outer'>

    sesuaikan panjangnya, dan kode warna merah pada langkah nomer 6 tidak usah dipasang lagi, karena di template yg dipake sudah ada

    Makasih

    ReplyDelete
  66. @Arif Muchito:
    Itu karena kode dari http://copycat91.googlecode.com diproteksi oleh pemiliknya, Anda bisa simpan di tempat penyimpanan google code sendiri.

    Buat akun di google code dan simpan scriptnya, pasti nanti akan hilang

    ReplyDelete
  67. request download for johny-darkstore template please :)

    ReplyDelete
  68. @Noona:
    Can you give me your email, I'll send johny darkstore template for you

    ReplyDelete
  69. mas, saya telah mencoba widget diatas tapi masalah yg saya hadapi adlh "<" dan ">" nya tidak berfungsi...

    padahal dalam numpost1=8 , posting dalam label pilihan saya juga lebih dari 8.

    mohon bantuannya, TKP http://exfile4shared.blogspot.com

    ReplyDelete
  70. @:
    Itu karena ada jquery yg bentrok, ada superfish, cycle itu sebenernya nggak perlu dimasukkan.

    Tidak bisa hanya dengan menambahkan jquery noconflict salah satu mesti dihilangkan kalo mau jalan mas. Lagipula jquery superfish sama cycle itu buat fitur apa sih mas?

    ReplyDelete
  71. Jquery superfish dg cycle udah ada sejak makai template itu, mas.
    untuk apa kurang tau juga.

    jquery superfish dg cycle uda dihapuz pi tetap ga bisa, mohon bantuannya^^

    ReplyDelete
  72. Mas mau tanya saat aku klik pada sebuah artikel dari slider ini, di header ada tulisan TEMPLATE ERROR: Unterminated string literal in [data:blog.pageName + " ] before 23

    itu kena apa ya mas?

    ReplyDelete
  73. kerrennnn abis dah nih mas kolis

    ReplyDelete
  74. @Wartabeta:
    Bisa minta URL blognya yg dipasang slider carousel mas?

    @Ainisastra:
    Wah photo profilnya juga keren abisssss.... hehehehehehe

    ReplyDelete
  75. mas bisa minta tolong g..... saya suadah bisa ngeddit ini dan menempatkan di template blog saya...tapi jadinya kq g muncul gambar sesuai deangan postingan terakir saya ya...kira2 yang salahany di manaya....


    oya.... kode"http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg" di ganti dengan apa ya biar bisa jganti gambar sesuai dengan postingan terakir saya

    ReplyDelete
  76. @Bagus Supriyanto:
    Masuk ke setting mas, kemudian pilih other/lainnya. Di bagian paling atas pada allow blog post posisikan pada full atau until jump break >> save

    ReplyDelete
  77. Akhirnya, saya ambil template maskolis yang lain dengan sedikit modifikasi, akhirnya sudah sesuai dengan apa yang saya harapkan,
    Terima kasih mas semua pelajaran yang maskolis berikan, sehingga saya bisa memodifikasi template.

    ReplyDelete
  78. terima kasih maskolis buat panduanya....

    ReplyDelete
  79. gan, numpang tanya, kok tiap buka blog ane, skrg ada tulisan: "A username and password are being requested by http://copycat91.googlecode.com. The site says: "Google Code Subversion Repository"
    kira2 kenapa ya gan, makasih pencerahannya

    ReplyDelete
  80. eh, udah di answer ya, hehe maaf gan kelewatan baca comentnya
    ... makasih..

    ReplyDelete
  81. Bro gimana caranya slider ini bisa panjang dari ujung kanan mpe kiri. karna saya coba d template saya hy muncul setengah (yg sebelah kanan terpotong krna sbelh kanan adalah tempat widget / 2 kolom template) dn 1 lagi gmn caranya naruh di bawah bukan di atas? apakah harus memberi kolom widget? dn bagaimana caranya? tolong pencerahan nya. Thanks

    ReplyDelete
  82. Mas, mau tutorial slider carousel yang di Gamer Darkpaper dong. :)

    ReplyDelete
  83. saya sudah mempraktekkan dan berhasil akan tetapi ada sedikit kendala
    saya memakai tempalte mas template punya agan
    dan ketika saya input kode diatas
    begitu di bagian
    numposts1 = 15;
    label1 = "news";

    kan bagian itu sama kodenya dengan yang ada di mas tampalte jadi hasilnya
    couser itu memiliki tampiln slide yang sama dengan yang ada di mas tamplate
    mohon solusinya mas
    untuk maslh ini agar 2 slide gambar bisa berbeda
    sekarang 2 slide tampil dengan label yang sama

    ReplyDelete
  84. saya memakai tamplate mas tamplate begitu cara diatas ni saya coba dan berhasil akan tetapi ada sedikit kendala

    yaitu gamabr slide bawaan dari mas tamplate mengikuti setting yang diatas
    jadi sekarang saya menggunakan 2 slide tetapi dengan 1 isi yang sama
    mohon bantuan mas untuk hal itu agar bisa menjadi 2 slide dengan gambar dan label yang berbeda

    ReplyDelete
  85. mas biar posisinya bisa ditengah" gmana cranya?

    ReplyDelete
  86. @Akbar El Hamed:
    Biar lebar dari kiri ke kanan asama dengan template naronya dibawah header, kalo mau di bawah taro di atas footer

    @Berpoter:
    Kalo mau ditengah buat dulu satu widget di tengah kemudian letakkan di bawahnya kode terakhir pada tutorial ini

    ReplyDelete
  87. @Erlangganews:
    Pertama perhatikan langkah nomer 6, ganti numposts1 dengan numposts2 (cari numposts1 ada 2 pada kode nomer 6, ganti semua dengan numposts2)

    Kedua, masih pada langkah nomer 6 ganti label1 dengan label2, tentunya ganti juga nama labelnya mesti beda dgn label yg ditaruh di slider dan ganti juga showrecentposts dengan showrecentposts1

    Ketiga, sekarang langkah nomer 7 :
    - Ganti label1 dengan label1
    - Ganti numposts1 dengan numpost2
    - Ganti showrecentposts dengan showrecentposts2

    semuanya tanpa spasi, contoh :
    numposts1 >> benar
    numposts 1 >> salah

    ReplyDelete
  88. @Erlangganews:
    Eh maaf salah pada kalimat diatas :
    - Ganti showrecentposts dengan showrecentposts2

    yg benar
    - Ganti showrecentposts dengan showrecentposts1

    ReplyDelete
  89. please help me add it on my blog. u have done it for me before but i messed it up blog. so i deleted it. please i have been trying it but not work, also my slider bar isnt moving. let me add you

    ReplyDelete
  90. @onyama onye:
    Okay I'll do it later, after I finished a monthly report from my office. I have a lot of work to do in my office now.

    ReplyDelete
  91. mas mohon html slider martin template.... bingung mas tidak ada cara penggunaannya

    ReplyDelete
  92. mas mau tanya punya saya postinganya kok belum bisa keluar cuma slider aja mohon bantuanya

    ReplyDelete
  93. @admin:
    slider yang saya pake pada martin template seperti pada tutorial ini silahkan dibaca dan dipahami pasti nanti tau cara pemasangannya, soalnya penjelasan pada artikelnya di martin template udah jelas mas

    ReplyDelete
  94. mz Membuat Slider Carousel Otomatis sudah sya coba dan berhasil 100%,,?? naaah tp yg sya pkek Slider Carousel warna putih kyk gambar di atas, kalau mau buat yang warna hitam kyk templete mz yg lain gmn???
    maksud sya bgitu agar sama, sama templetenya yg saya pkek skrang mz??
    mohon bimbingannya...??

    sebelumnya makasih mz???

    ReplyDelete
  95. @Indra Prasetyawan:
    Ganti kode css slider dengan yg ada di johny storage dark mas. Download dulu templatenya kemudian cari kode css pembuat slider

    ReplyDelete
  96. mantap banget ni..ini yg ane cari bang

    ReplyDelete
  97. owwwhh okey mz...
    trus biasaya letak kodenya di mna mz????
    biar gmpng sya carinya he

    ReplyDelete
  98. Mas tolong bantuannya cara membuat slideshow di bagian kanan,(Gambar IKLAN) seperti di http://www.elpasfm.com/ mohon bantuannya.....terima kasih

    ReplyDelete
  99. makasih sob informasinya sangat berguna sekali

    ReplyDelete
  100. tingginya gimana kalau mau dirubah mas?

    ReplyDelete
  101. Alhadulillah saya sudah berhasil:


    Terimakasih

    http://islam-net-work.blogspot.com/

    ReplyDelete
  102. Mas Mau tanya.
    kalo misal slider berdasarkan postingan terbaru gmn ya mas?
    thx sebelumnya ^_^

    ReplyDelete
  103. Salut saya dengan Blog ini, banyak sekali ilmu yang saya dapat di blog ini. Maklum pengetahuan saya tentang blogger sangat sedikit sekali.
    Satu lagi yang membuat saya salut.... sangat minim iklan!

    ReplyDelete
  104. Mohon bantuan mas, cara pindah posisi carousel dari semula di atas footer, mau di pindah ke atas (posisi dibawah tab) gimana?. trus juga pengennya carouselnya itu tampil sampai saat buka artikel. terima kasih sebelumnya mas.

    Kalo diganti sama mas paper 2 ane repot edit lagi. maklum super duper nubi nih mas.

    ops kelupaan, ini link blognya mas : http://www.zonaterbaik.com/

    ReplyDelete
  105. salam kenal maskolis..ane udah praktekin di blog ane tapi ane tapi ada di footer ane mo pindahin ke atas selalu gagal..mohon sarannya mas..
    http://sportacular-sport.blogspot.com

    ReplyDelete
  106. Punyaku kok berhenti ya slidenya? ada kesalahan di mana kira2? tks.

    ReplyDelete
  107. Mas mohon maaf mau tanya, ini kodenya saya terapkan di blog saya content-nya kok gak muncul ya? sampe saya coba modif dan pasang lewat menu tata letak tetap gak mau muncul tolong bantu ya mas. o iya pada blog saya yg baru bl1t4r.blog... maaf gak saya lanjutin tar dikira komen spam.

    thanks

    ReplyDelete
  108. wah blog ini memang tutorialnya sungguh bagus-bagus!! triknya mantap gak ada yang gagal setelah di coba...

    ReplyDelete
  109. Saya hauturkan terima kasih banyak,dan permisi menyimak semua materi di blog maskolis ini.

    semoga keikhlasan berbagi ilmu maskolis menjadi nilai ibadah buat mas.

    salam.

    ReplyDelete
  110. malam mas..
    saya sangat tertarik sekali dengan temlate Jhony Maskolis..
    langsung saya terapkan di blog saya http://sportacular-sport.blogspot.com tapi saya ada masalah ni mas..saya mo tambah Widget Label lagi tapi nggak tau caranya ..tolong dibantu mas..Makasih

    ReplyDelete
  111. mas klo klo punya saya slidenya ada 2 ya.....kesalahannya kira2 dmn.... http:/hasunonline.blogspot.com

    ReplyDelete
  112. bagus bgt gan.. ane dah praktein tp cara letakin di bawah menu navigasi horisontal gmn gan?? cz ane dengan cara diatas letaknya diats header..

    ReplyDelete
  113. MAs.. Terima kasih banyak berhasil, namun bagaimana caranya agar slidernya muncul dalam sebuah postingan juga, bukan hanya di home page saja.. terima kasih banyak yaa :D

    mohon balasannya

    ReplyDelete
  114. okee saya dapat jawabannya diblog ini http://www.asalasah.com

    ReplyDelete
  115. mas, kalo kode div id=main-wrapper gak ada bisa di taruh dmana ya?saya udah cari pake find juga gak ada mas. mohon bantuan..

    ReplyDelete
  116. i am not able to find this ]]> code on your Johny Darkmoive template ,

    ReplyDelete
  117. @Jenifer Eve:
    press control + f and find with keyword "skin"

    ReplyDelete
  118. bagus mas..dgn bgitu g perlu repot bt slidernya manual

    ReplyDelete
  119. mkasih ilmunya gan,, tapi saya gagal di langkah ke 7.. div id='main-wrapper ga ketemu

    ReplyDelete
  120. mas bisa diletakan di bawah navigasi menu gak yah..
    caranya gimana?nuhun mas

    ReplyDelete
  121. mas maaf mau nanya,, kalau label yg akan ditampilkan ada lebih dari 1 label gimana ya? mohon bantuannya.....

    ReplyDelete
  122. @duniasharing.com:
    Itu tergantung struktur kode template yg dipake mas, ya kalo dijelaskan akan panjang dan lama. Soalnya banyak yang mesti dirubah dan dipindahkan kodenya

    ReplyDelete
  123. Bagaimana kalau yang di tampilkan artikel terbaru

    ReplyDelete
  124. wah,,,sebenarnya keren nih,,tp kodenya ribet sob,,nggak cocok ma kode blog ane,,,huft.

    ReplyDelete
  125. kakak saya mau nanya kalau mau ubah ukuran gambar yang ada di dalam slide itu codenya yang mana udah saya coba2 tp ndak nemu2 ?

    mohon bantuannya
    thank's ^^

    ReplyDelete
  126. apa harus ganti di dalam javascriptnya?
    mohon bantuannya kk

    ReplyDelete
  127. Alhamdulillah saya berhasil dengan sempurna, terima kasih atas tutorial yang bagus ini::

    http://r-merah.blogspot.com/

    ReplyDelete
  128. @Mongkill D. Ark:
    Coba buka langkah nomer 6 diatas, cari kode ini disitu width="145" height="100"

    RUbah panjang dan lebar ukuran diatas

    ReplyDelete
  129. Mantap, gan.. tapi kenapa artikel pada widget label pada muncul gambarnya ya, gan? apa ada yang keliru gak, ya...? udah pusing ane utak-atik, tapi belum berhasil juga.

    ReplyDelete
  130. Oh ya, gan.. ane pakai template jhony simplemag.. untuk slider bawaan gak ada masalah. Yg jadi masalah adalah tampilan artikel pada label, seharusnya hanya yang paling atas ada gambarnya, tapi setelah dipasang carousel artikel di bawahnya juga muncul semuanya gambarnya, gan..
    Ini alamat blog ane gan : http://jurnalterkini.com
    Thanks gan bantuannya... Salam sukses dan makin mantap karyanya....

    ReplyDelete
  131. @Jurnal Terkini:
    Mas coba ganti semua kode numposts1 menjadi numpost7
    showrecentposts diganti dengan showrecentposts7

    Semuanya dari kode pd langkah nomer 6 dan nomer 7 jika ada kode itu ganti aja

    ReplyDelete
  132. Thanks, gan.. renovasi carousel berhasil. Cuma ada trouble baru nih, gambar yang muncul cuma lima gan, padahal pada labelnya udah ane masukan lima gambar. Sorry, ngerepotin terus.. Maklum masih belajar utak-atik template, hehehe.

    ReplyDelete
  133. Maaf gan, sudah ane utak-utik lagi, ternyata penyebabnya masih ada satu numposts1 lagi yang belum ane ganti dengan numposts7.. Sekarang carouselnya udh mantap nangkring di atas footer http://jurnalterkini.com, Salam sukses dan makin mantap aja karyanya..

    ReplyDelete
  134. gan, klo slide nya gk gerak, itu kira2 knpa y?

    ReplyDelete
  135. gan cara untuk naro paling atas gimana gan

    ReplyDelete
  136. makasih Slidenya mas,, sudah lama saya nyari slide kayag gni,, Udah Bagus masang nya juga gga rumit :)

    * Mas kalo masang 2 slide atas dan bawah di homepage gimana caranya mas??
    seperti http://johny-storage.blogspot.com/ yg mas buat juga<<

    Terima Kasih Banyak Mas :)

    ReplyDelete
  137. minta tolong mas, ko saya tidak bisa berhasil aplikasikan ini, hanya muncul pertama kali loading terus kemudian hilang, kenapa ya?
    tolong dibantu ya mau buat dlm rangka kegiatan ramadhan di kantor

    ini blognya http://al-ikhlasgkn2bali.blogspot.com/

    ReplyDelete
  138. @De Canonz :
    Kalo pasang dua atas dan bawah yg satu nggak jalan biasanya mas

    @Musholla Al-Ikhlas GKN2 Bali:
    Scriptnya bentrok dengan slider bawaan mas

    ReplyDelete
  139. harus pake template yang mana siih mas biar bisa di edit :(
    semua aku coba gada yg bisa , astaga -_____-

    ReplyDelete
  140. mas kolis sya pke template johnystorage-dark, tp label 1 dan 2 tidak muncul, klau pun muncul template jadi acak-ackan, tlg solusinya mas?
    blog ane .. http://bloge-zone.blogspot.com/

    ReplyDelete
  141. Mas, slide udah jadi tapi gambarnya gak mau muncul gimana yah??? Mohon bantuannya. Trims...

    ReplyDelete
  142. @Raja Paket:
    masuk ke setting mas, kemudian pilih other atau lainnya pada baris atas di allow blog feeds posisikan ke full atau until jump break

    ReplyDelete
  143. mas berkunjung lagi dan terimakasih atas informasi yang bermamfaat ini. ada yang saya mau tanyakan

    1.mas saya udah coba diweb alliafurniture.com saya hasilnya tabrakan 2 slide featured dan saya udah coba,cara yang melalui penggabungan udah diutak atik tetap hasilnya walaupun diganti namanya sesuai yang mas ajarkan.
    bisa kirim scriptnya ngk mas ke email saya allia.furniture@gmail.com

    2. mas ko tampilan depan home diweb saya cuma terlihat lima padahal dipostingan saya sudah isi 12 page,

    mohon pencerahannya mas
    terima kasih

    sekalian ucapin selamat menuaikan ibadah puasa amal mas buat kami yang pada membuat toko online dan selalu berdoa buat kebaikan mas

    ReplyDelete
  144. gan... kok slidernya nutupin postingan ane?? kasih pencerahannya dunk

    ReplyDelete
  145. kalau untuk berdasarkan recent post, yang harus diganti dibagian mana ya mas? kasih tutornya dong. ini blogku ristizona.com

    ReplyDelete
  146. @@ristiae:
    Pada kode langkah nomer 7 diatas, hapus kode ini : /-/&quot;+label1+&quot;

    ReplyDelete
  147. Mas saya pasang yang ini di simplemag emang jalan sih cuman label yang kecilnya gambarnya membesar..gimana tu cara menanganinya..

    terima kasih..

    ReplyDelete
  148. Saya tidak menemukan kode
    div id='main-wrapper'
    jadi tempatkan dimana mas...
    makasih

    ReplyDelete
  149. maskolis tolongin saya donk...setiap page artikel saya dibagian atasnya muncul tulisan TEMPLATE ERROR: Unterminated string literal in [data:blog.pageName + " ] before 23
    itu kenapa ya mas??tapi kalo di home ga ada tuh tulisan template errornya..untuk lebih jelas coba mas kunjungi http://sijamblang.blogspot.com/2012/08/kapan-sebaiknya-melaksanakan-zakat.html
    terima kasih mas sebelumnya..

    ReplyDelete
  150. salam pagi Mas, wah muantab artikelnya sangat membantu sekali, mohon izin untuk memakai scripnya .... Dan sukses.... sekalilagi terimakasih.....

    ReplyDelete
  151. hai ADMIN....
    ada template yg seperti nich kg
    http://www.allblogtools.com/blogger-templates/2-columns/chromegt/
    tapi slider nya otomatos klo yg itu kg otomatis jdi ribet pkai nya.....
    itu tmplate pdah bgus tpi kekuranganny cman itu "SLID"
    klo bisa di share(POSTING) dong template ny di blog
    http://creatingwebsite-maskolis.blogspot.com
    dan
    http://mas-template.blogspot.com/

    ditunggu balessannya jika akan di posting......

    ReplyDelete
  152. BOS MASUKIN GAMBAR NYA BAGAIMANA???? PUNYA SAYA KO TIDAK ADA GAMBARNYA????

    ReplyDelete
  153. gan ane mau nanya, mengapa saat ane menambahkan ukuran lebar slide show/ width. efek yang timbul memang sesuai namun timbul rongga antara next button dengan post nya itu sendiri. mohon bantuannya. contohnya bisa langsung buka blog saya gan. 9beritaterbaru.blogspot.com

    ReplyDelete
  154. @Galaxy Abdul Malik:
    Pindah kode ini : background:url(http://2.bp.blogspot.com/-i9rfuXWNIjo/T5LAemTP3XI/AAAAAAAAArY/r7FcfxzgZpk/s1600/scroller-bg.png) repeat center
    yg tadinya mjd bagian dari #carousel.container pindah ke atas jadi bagian kode css #carousel

    ReplyDelete
  155. Makasih mas dah jadi :D
    slahkan cek

    http://gesitabasel.blogspot.com/

    ReplyDelete
  156. makasih banyak om. cuma kok punya sama gk ada tittle ya ya =.= jadi blank putih gitu om.

    cc : maharblog@gmail.com | http://gathering-mindtalkers.blogspot.com/

    ReplyDelete
  157. mas, untuk merubah posisi slider ini agak turun agar tidak menutupi deskripsi, apa yang perlu dirubah, mohon petunjuknya, soalnya slider yang saya pasang ini, tampilannya menutupi deskripsi blog. terima kasih.

    ReplyDelete
  158. @setiya irawan:
    Tambahkan kode ini <div class='clear'/> diatas header END

    ReplyDelete
  159. mas kolis, jika brkenan tlg cek blogku..
    www.mas-diqk-inspiration.co.cc

    slider carousel'nya sdkt ada masalah stlh sya pasang bbrapa widget,, apkh ada pengaruhnya..? tlg solusinya..

    sbelumnya trimakasih banyak.. ^.^

    ReplyDelete
    Replies
    1. Ada update untuk javascript pada nomer 6 diatas mas

      Delete
  160. bang admin,, ane kemarin pasang slider ini, slidernya bekerja, tapi kok akhir2 ini slidernya gk mau jalan, kira2 ni permasalahanya apa ya?? blog ane ini bang http://fantasianara.blogspot.com/

    ReplyDelete
    Replies
    1. Ada update untuk javascript pada nomer 6 diatas mas

      Delete
    2. mkasih gan bantuanya, sudah OK lagi slide nya,, tapi ane punya pertanyaan lagi nih,, misal lebel untuk slide nya lebih dari satu bia gk gan?

      Delete
  161. mas, slider carousel saya yang bawaan dari template johny storage kok gak jalan ya mas?
    ini mas alamatnya www.myogisaputra.info

    ReplyDelete
    Replies
    1. Hapus ini :
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"/>
      Coba baca pada langkah nomer 6 yang "keterangan"

      Delete
    2. oke mas makasih, yg ini saya hapus, saya jadinya make yg carousel versi 2.
      makasih banyak mass..

      Delete
  162. sudah saya ganti, tapi tetap sperti itu mas.. :(

    ReplyDelete
    Replies
    1. Untuk javascript jquery.min.js nggak usah dipasang lagi mas
      Coba baca keterangan pada langkah nomer 6

      Delete
    2. coba kembalikan ke bentuk semuala (default) dulu mas
      Itu script nya bentrok mungkin kalo nggak sama link pelangi atau daftar isi

      Delete
  163. manteb mastah, saya coba dulu

    ReplyDelete

  164. mas saat klik membesar zoom gambar dipostingan ko gambar next dan previous nya muncul, ada solusi ngk mas, masalah tampilan saya kan banyak gambar produk jadi tidak bagus kelihatannya.

    Lihat di www.alliafurnitue.com

    Terima kasih mas good job

    ReplyDelete
    Replies
    1. Bentrok itu mas,jquery.min.js yang dipake
      Oya satu lagi, itu di footer, koq ada tulisa template design by : I putu eka Ariyasa ya? Template johny ganteng store murni buatan saya lho mas

      Delete
    2. maaf mas belum sempat saya ubah masih belum sempat ntar saya hapus.beli eka yang bantuin saya buat merubah tampilan gambarnya,saya akan perbaiki mas mohon maaf ya

      jquery min yang terbalik dimananya ya mas maaf ya kalau ada pertanyaan nya?,

      Sciprt yang mana ya mas, saya belum tahu mana yang bentroknya di bisa dikirim ngk perubahanya di email saya mas.

      thanks mas,

      Delete
    3. Ooo gitu... ya udah ngak apa2, biar aja gitu nggak usah dirubah saya nggak keberatan koq.

      Coba widget atau script tambahan yang pake javascript di hilangkan dulu semua mas, nanti pasti ktau script mana yang bentrok. Dan perlu diingat kalo mau menambahkan slider tutorial ini, perhatikan langkah nomer 6 diatas baca keterangannya, jadi kalo udah ada jquery.min.js pda template yg dipake nggak usah lagi ditambahkan

      Delete
    4. Terima kasih mas udah saya ubah ko maaf ya, udah membuat hak cipta mas disalah gunakan,

      ada pertanyaan mas, saya udah coba pakai ini

      jQuery.noConflict

      tapi ko featured slider nga jalan.
      trus saya hapus Jquery 7.1.4 min ,hasilnya sama.

      kalau ngak salah saya setiap pakai widget saya ngak pakai j query yang lainnya.

      saya kemarin coba utak-atik sendiri tapi ngak berhasil mencari jquerymin yang lainnya.

      kalau slider carousel saya coba modifikasi sendiri ngak taunya berhasil jalan,maaf mas saya mencoba minta script kepada mas untuk templeate jhonny ganteng store dengan penambahan slider carousel dan belum dapat tanggapan dari mas. makanya saya coba utak atik sendiri.

      ada script bantuannyanya ngak mas,atau ada perubahan misalnya nya tidak di html rancangan tapi di html widget saya simpannya.problemnya tampilan diselular ( Blackberry )tidak jalan gambarnya.

      maaf kalau terlalu kepanjangan
      Terima kasih mas.bantuanyaa dan tanggapanya

      Delete
    5. Waduh itulah masalahnya mas, kelemahan saya, saya nggak pernah ngecek template atau tutorial hasil buatan saya lewat ponsel, maklum ponsel jadul nggak bisa dipake buat internetan yg penting bisa buat telpon dan sms.

      Kalo masalah penambahan slider ini, jika masih dalam kondisi default (belum ada penambahan script lainnya pada template). Tutorial diatas bisa langsung dipraktekkan tanpa menyertakan script jquery.min.js pada kode langkah nomer 6 diatas mas, coba deh sekarang posisikan templatenya ke default dulu, kemudian baru dipasang slider ini

      Delete
    6. Iya tambahan, coba download salah satu template saya yg memakai slider ini (johny storage) coba mas liat disitu struktur kode tambahan untuk slider carousel ini. Jadi untuk kode nome 6 diatas nggak semuanya ditambahkan any sebagian

      Delete
    7. Ntar Saya coba dah mas lihat scriptnya, moga-moga bisa muncul juga di web saya dan ngk jadi masalah.

      Wahaaa. sama dong mas saya aja test lihat di handphone orang buat test doang, abis banyak yan pada complain disaya mas

      Mas, kemarin saya sempat ke jogja bawa rombongan pemuda se Asean. jadi event organizer nya, jogja hebat hebat orangnya baik-baik, setiap saya bawa ke suatu tempat saya disuguhin ama dikasih oleh-oleh mas.dan sama sultan saya bisa ngobrol kaya teman aja, hebat mas kepimpinannya mau mendengar dan menceritakan jogja secara bermasyarakat

      sayang ngk tahu tempat mas jadi ngk sempat mampir nih...,

      thank ya mas

      Delete
    8. Sippp sama-sama
      Btw, saya nggak tinggal di Jogja... hehehehe saya tinggal di ibukota propinsi jawa tengah

      Delete
    9. Waduh jadi ngk enak nih mas salah alamat jawa tengah daerah mana mas,wah semarang mas ikan bandeng presto enak tuh mass tuh.

      Mas, saya udah coba utak atik ngak ber hasil mas, bisa minta tolong banget ngak mas, saya buat produk best seller / produk pembelian terbanyak.., kalau recent post nya kan udah ada dari defaultnya. tolong ya mas saya membutuh kan banget script bantuaan buat slider label di templeate saya itu

      Terima kasih ya mas

      Delete
    10. Oke nanti saya buatkan yg pake slider ini, tapi jadinya nggak sekarang mungkin besok atau lusa, nanti tinggal dikasih label ke beberapa post yg menjadi best seller. kemudian slidernya set ke label best seller

      Delete
    11. Mas saya, udah coba lagi berhasil apa ngk ya mas, saya ikuti sesuai java script yang storage, jadi saya hapus beberapa scriptnya, behasil sih mas tapi kenapa, tanda silang nya hilang ya untuk mengembalikannya lagi apa emang pengaruh dari scriptnya ya, thank s ya mas lumayan buat pemula kaya saya, dan ada pembelajaran baru

      Delete
  165. Ikut nimbrung ya mas...
    Kalau dipasang diatas footer blog saya, kira-kira kode script yang paling bawah itu ditaruh dimana mas?
    Saya sudah coba taru diatas "Start Footer" di template blog saya, kok gak tampil ya? yang tampil cuma kontenernya aja?

    Trus cara ngerubah besar gambarnya gimana, mas? Dan cara ngatur lebar, soalnya waktu lebarnya saya ganti tampilannya jadi aneh. Atau mungkin pading dan marginnya ikut dirubah gitu?

    Mohon pencerahannya ya mas..makasih

    ReplyDelete
    Replies
    1. Ok silahkan nimbrung
      1. Coba perhatikan kode spoiler pada langkah nomer 6, jika javascript paling atas udah ada, meski beda seri nggak usah dipasang lagi
      2. Masih pada kode nomer enam perhatikan angka 145 dan 100 itu adalah lebar dan tinggi thumbnail

      Delete
  166. mas minta bantuan donk....
    ada error sedikit dibagian kanan slidernya. itu gmn ya supaya bisa rata kanan sama kirinya..mohon bantuannya supaya slider bisa simetris.. template saya lebarnya 1100. karena bawaan slidernya 850 makanya jadi seperti itu mas. trims buat bantuannya.
    ini blog saya komik-mangaku.blogspot.com

    ReplyDelete
  167. tambahan sedikit mas. sama yang sebelah kiri ada sedikit nongol begitu..mohon bantuannya...trims before.

    ReplyDelete
    Replies
    1. Coba baca lagi keterangan pada langkah nomer 6 mas
      Jika udah ada jquery.min.js pada template yang dipake, javascript yang paling atas di spoiler kode nomer 6 nggak usah dipake

      Delete
  168. mas, kalau dipakai di wordpress bisa ga ya? thx

    ReplyDelete
    Replies
    1. Sepertinya nggak bisa mas, coba aja cari theme WP yg udah ada carouselnya kemudian ambil kodenya

      Delete
  169. mas kholis. bisa gak labelnya digantinya dengan gambar sendiri. seperti kayak erafone yang lgsg mengarah ke label gambarnya. thank...

    ReplyDelete
  170. hallo mass bisa gtau caranya gmana mau buat slide ngak keluar slide nya n napa saya punya label categry ngak kluar picture ya (soryy for my bad indonesia language)coba lihat saya punya blog teamzyberz.blogspot.com

    ReplyDelete
    Replies
    1. Disini aja ya, coba untuk di download ulang aja template ini. sSoalnya javascript yg dipake masih yg lama padahal udah ada update terbaru. Atau langsung menuju ke sini aja :
      http://mas-template.blogspot.com/2012/07/johny-joss-banget.html

      You indonesian language was very good, not bad at all

      Delete
  171. slidernya sukses mas..
    tapi cuma muncul di halaman depan ajh..
    caranya biar muncul di setiap postingan gimana mas..

    ReplyDelete
  172. Assalamualaikum maskolis, saya mau tanya mas. saya coba gunakan slide ini di template online store Jhonny joss punya mas kolis. Hasilnya sudah bagus saya letakkan di diatas footer. tapi jadi berpengaruh kepda tampilan slide yang diatas postingan. cara perbaiki slides yang atasnya gmana ya maskolis.
    blog saya
    http://rahmabeautystore.blogspot.com

    ReplyDelete
    Replies
    1. wa'alaikum salam
      Coba untuk function showrecentposts pada kode langkah nomer 6 diganti dengan :
      function showrecentposts1

      Demikian juga dengan kode langkah nomer 7

      Delete
  173. Tambahan lagi maskolis, supaya center tampilan slide carouselnya gmana ya..?? saya g tau ukuran template ini berapa mas.

    http://rahmabeautystore.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