mas template

Membuat Slider Otomatis Sporty Magazine 2 Template

Tutorial kali ini menjawab pertanyaan dari Mr. Copas pada artikel membuat Image Slider Otomatis, yang menginginkan slider pada template Sporty Magazine 2 made in Borneo Templates yang dipakainya menjadi otomatis. Ketika saya berselancar atau bahasa kerennya surfing di internet, beberapa kali menemukan banyak sekali pengguna template ini baik dari dalam maupun dari luar negeri. Template ini memang fenomenal dan banyak sekali peminatnya, dengan tampilan dasar mirip nbcsports.msnbc.com, template ini menjadi salah satu template blogger dengan pengguna paling banyak.

maskolis

Pada kesempatan kali ini saya akan mencoba untuk membuat slider bawaan dari template tersebut yang masih mengisikan URL dan keterangan slider satu persatu, menjadi otomatis. Tinggal memasukkan beberapa kode ke kotak HTML/Javascript dengan merubah label tertentu, maka slider pada template ini menjadi otomatis, Sehingga setiap postingan baru dengan label yang diletakkan pada slider, secara otomatis akan muncul.


Langsung saja pada langkah pembuatannya :
  1. Masuk ke Blogger dengan akun anda
  2. Di dashboard pilih blog, kemudian pilih template >> Edit HTML. Jangan lupa untuk mencentang kotak Expand Widget Templates.
  3. Setelah itu letakkan kode berikut ini diatas kode ]]></b:skin> :
    #featured{width:640px;height:250px;position:relative;margin:0;padding:0}
    #featured ul.ui-tabs-nav{position:absolute;top:0;right:0;list-style:none;width:240px;height:250px;margin:0;padding:0}
    #featured ul.ui-tabs-nav li{position:relative;line-height:1.3em;padding:0}
    #featured ul.ui-tabs-nav li span{font:bold 12px Arial;line-height:1.3em;color:#000;margin:0;padding:0}
    #featured .ui-tabs-panel{width:400px;height:250px;background:#ddd;position:relative;overflow:hidden}
    #featured .ui-tabs-panel img{width:400px;height:250px}
    #featured .ui-tabs-hide{display:none}
    #featured li.ui-tabs-nav-item a{display:block;width:215px;height:57px;color:#000;overflow:hidden;background:#ddd;border-left:10px solid #999;line-height:1.4em;outline:none;margin:0 0 2px;padding:2px 10px 2px 5px}
    #featured li.ui-tabs-nav-item a:hover{border-left:10px solid #555;background:#ccc}
    #featured li.ui-tabs-selected{position:absolute}
    #featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#aaa;display:block;border-left:10px solid #444}
    #featured ul.ui-tabs-nav li img{width:75px;height:48px;float:left;background:#333;border:none;margin:4px 7px 4px 0;padding:0}
    #featured .ui-tabs-panel .info{position:absolute;top:179px;left:0;height:71px;width:400px;background:#000;opacity:0.80;filter:alpha(opacity=80)}
    #featured .info a{text-decoration:none;color:#eee}
    #featured .info a:hover{color:#FE9A2E;text-decoration:underline}
    #featured .info h2{font-size:15px;font-family:Arial, serif;color:#fff;overflow:hidden;margin:0;padding:5px}
    #featured .info p{font-family:Arial;font-size:11px;line-height:15px;color:#f0f0f0;margin:0 5px}
    Catatan :
    Bagi pengguna template Sporty Magazine 2 langkah itu tidak perlu dilakukan karena kode ini sudah ada. Untuk pengguna template lain, silahkan ukurannya disesuaikan.
  4. Masih dalam posisi Edit HTML, letakkan kode berikut diatas kode </head> :
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
    <script src='http://yourjavascript.com/511211242172/jquery-ui.min.js' type='text/javascript'/>

    <script type='text/javascript'>
        $(document).ready(function(){
            $(&quot;#featured &gt; ul&quot;).tabs({fx:{opacity: &quot;toggle&quot;}}).tabs(&quot;rotate&quot;, 4000, true);
        });
    </script>

    <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 = 70;
    summaryTitle = 20;

    numposts1 = 4;

    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 showrecentposts4(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;

        //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 = (showPostDate) ? '<i><font color="'+acolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : "";


        var trtd = '<div class="ui-tabs-panel ui-tabs-hide" id="post-'+i+'"><a href="'+posturl+'"><img width="400" height="246" src="'+img[i]+'"/></a><div class="info"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost)+'...<a href="'+posturl+'"></a></p></div></div>';

        document.write(trtd);

        j++;
    }

    }

    function showrecentposts5(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;

        //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 = (showPostDate) ? '<i><font color="'+acolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : "";


        var trtd = '<li id="nav-post-'+i+'" class="ui-tabs-nav-item"><a href="#post-'+i+'"><img width="80" height="50" src="'+img[i]+'"/><span>'+posttitle+'</span></a></li>';

        document.write(trtd);

        j++;
    }

    }

     //]]>
    </script>
    Catatan :
    Untuk pengguna template Sporty Magazine 2, hapus dulu kode script bawaan slider, kemudian baru letakkan kode diatas.
  5. Setelah langkah diatas, save templates terlebih dahulu. Setelah itu menuju ke layout >> add gadget masukkan kode ini pada kotak HTML/Javascript :
    <div id='featured'>
    <ul class="ui-tabs-nav">
    <script>
    document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
    </script>
    </ul>
    <script>
    document.write("<script src=\"/feeds/posts/default/-/misteri?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
    </script>
    </div>
    Keterangan :
    Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan.
  6. Untuk pengguna template Sporty Magazine 2, tinggal memasukkan kode diatas pada kolom kosong diatas blog post (kalau tidak salah... hehehe). Dan untuk pengguna lain mesti buat dulu satu kolom diatas blog post. Langsung saja letakkan kode berikut di atas kode ]]></b:skin>
    /* Slide Content
    ----------------------------------------------- */
    .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;
    word-wrap: break-word; overflow: hidden;} 
    .slide {color: #666666;line-height: 1.3em;}
    .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}
    .slide li {margin:0;padding-top:0;
    padding-right:0;padding-bottom:.25em;
    padding-left:0px;text-indent:0px;line-height:1.3em;}
    .slide .widget {margin:0px 0px 6px 0px;}
  7. Kemudian untuk memunculkannya pada layout (diatas blog post), anda harus memanggilnya. Cari kode <div id='main-wrapper'> kemudian letakkan kode berikut dibawahnya :
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
          <div id='slide-wrapper'>
    <b:section class='slide' id='slide' preferred='yes'/>
          </div>
    </b:if> 
    maskolis

Selamat mencoba dan semoga bermanfaat.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

88 comments:

  1. gan cara membuat tulisan POSKAN KOMENTAR (tanpa ada kotak komentar di bawahnya) gmana bang? mohon bantuannya ya bang,,hehe

    ReplyDelete
  2. @Nika-7:
    Wah ini butuh satu halaman penuh buatnya, lewat email aja tinggalkan email disini nanti saya kasi tutorialnya

    ReplyDelete
  3. oh okeh gan,,,,,ini email saya zhoe.adhe6@gmail.com terimakasih sebelumnya gan,,hehe

    ReplyDelete
  4. Mas kolis kalau untuk tutorial cara pasang jumlah artikel dibanca pengunjung gimana mas? mohon ya mas JSnya.

    ReplyDelete
  5. artikel yang menarik untuk diterapkan di blog

    ReplyDelete
  6. mas kalau membuat slideshow otomatis pada slide show yahoo bisa kah? kalau Mas ada cara nya, mohon dibuatin tutorial nya ya mas.

    ReplyDelete
  7. Mantap.. makin bnyk aja ni koleksi slider otomatisnya.. :D

    ReplyDelete
  8. benar-benar mantapz gan tutorialnya,.. ga bosan2 sering berkunjung,.. thanx gan..

    ReplyDelete
  9. Wah Bagus Mas Maskolis ^_^
    cantik skali

    ReplyDelete
  10. gan kok belum ada email dari agannya? email ane yang zhoe.adhe6@gmail.com

    ReplyDelete
  11. gan gmana cara buat kotak komentar klasik,,,dan kotak komentar baru nya dihilangkan?

    ReplyDelete
  12. Mas cara buat navbar kaya terselubung[dot]blogspot[dot]com itu gimana yak?? saya udah bikin tapi yg muculnya cuma tulisan[Home,Fesbuk.....]
    Mohon bantuannya, maklum newbie.. hehe

    ReplyDelete
  13. mas,, terimaksih rekues saya udah di penuhi,, :)
    izin narok link blog nya ke blog saya ya mas :)

    ReplyDelete
  14. Dah lama gak coment bg,sekali coment lgsg minta bantuan hehehehe,Bg.ini taufik,perlu bantuan,saya sangat tertarik dengan tampilan menu drop down-a MARTIN'S BLOG SEPERTI >>
    Search : Topics :

    *Subscribe to Posts *Subscribe to Comments


    saya sudah coba kotak-katik tapi gak bisa,mohon bantuan ya bg.

    ReplyDelete
  15. mas, saya izin copy template, coz mantEBB,,
    saya mau tanya,
    1. gmn cara memunculkan gambar (thumnail artikel ) pada slide, di gambar bertuliskan " No image Available",, tolong donk penjelasannya, thank

    ReplyDelete
  16. @Abu Dzaky:
    Silahkan mas, templates mana mas yg mau di copy, ini kan tutorial membuat slider?

    Maksudnya gimana ya mas, Itu kalo artikelnya tanpa gambar otomatis akan ada "No image Available" default yang saya setting di scriptnya. Tapi kalo postingan bergambar, otomatis gambarnya akan ditampilkan pada slider

    ReplyDelete
  17. Bang saya mau nya tapi mav gak nyambung sama postingan..
    bang saya sudah otak atik sporty 2 ini yang rencananya tampilan posting saya seperti newspaper-themes.blogspot[dot]com.
    tapi hasilnya tetep aja slalu di tengah gak di samping sepeerti blog demo di atas..
    sebenernya saya mau kasih demonya blognya maskolis tapi saya cari gak ketemu2 ya terpaksa demonya blognya herdiansyah.
    jika maskolis mau berkenan membantu saya ini email saya mas benyocyber@gmail.com

    oh iya mas saya minta izin jadi publikasi template2 maskolis di blog saya boleh karna setelah saya lihat2 di blog saya yang banyak di kunjungi dan di lihat tentang software,komputer dan template.

    ReplyDelete
  18. @Danny Benyo:
    Silahkan mas, makasih sebelumnya
    Ada email masuk coba dicek

    ReplyDelete
  19. hey will you give template like this http://jamumartin.blogspot.in/

    dmandal84@gmail.com

    ReplyDelete
  20. Template ini, gimana cara merubah halaman postnya gan biar jadi kayak template biasa.
    http://edzar-master.blogspot.com/

    ReplyDelete
  21. @ikapp kediri:
    Banyak kode script Anda yg bentrok mas.
    Coba perhatikan kode ini : http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

    Kode semacam itu semuanya sama cuma versinya yang beda2, ada yang versi 1.3.2 atau yg lain, di template mas byk sekali menggunakan jQuery.min.js, cukup satu aja yg dipake terserah mau seri yg mana (kalo bisa yang terbaru) jadi nggak bentrok.

    ReplyDelete
  22. Mas , saya mau Seperti Website http://jamumartin.blogspot.com/

    Tapi masalah ukurannya biar bagus gimana ya liat di http://aitarz.blogspot.com

    ReplyDelete
  23. @Yandiie Moelyadi:
    Maksudnya gimana ya mas, kan udah ada slider seperti ini di blog mas

    ReplyDelete
  24. mas saya sudah coba semua ko tidak bisa yha ?

    ReplyDelete
  25. @VIP_JABAR.1ST_ID:
    Bisa mas, pasang pada template yg belum ada slidernya, kalo udah ada slidernya buat apa dipasang lagi mas...

    ReplyDelete
  26. Tutorialnya bagus dan langsung saya terapkan di blog saya meskipun template saya bukan sporty magazine. semuanya lancar dan oye... salam kenal dan terima kasih atas tutorialnya. kalau boleh saya mengajukan diri untuk di jadikan teman :D (biar bisa nanya nanya terus)

    ReplyDelete
  27. mas kholis saya mau tanya: slider ini kn memunculkan satu label aja gimana caranya agar yang muncul adalah banyak label sebagai contoh 4 label. dan setiap label hanya muncul 1 slide saja? tolong di jawab atau krm email k akbarelhamed@gmail.com matursuwun mas bro

    ReplyDelete
  28. @Akbar El Hamed:
    Wah ya nggak bisa mas, kerja slider ini untuk satu label aja, atau kalo mau diganti dengan menampilkan post terbaru anda tinggal ganti kode nomer 5 diatas :
    script src=\"/feeds/posts/default/-/misteri?max-results
    dengan kode berikut :
    script src=\"/feeds/posts/default?max-results

    dua2 nya diganti semua

    ReplyDelete
    Replies
    1. Alhamdulillah,..Makasiah bnyak mas,..jawaban ini akhirnya membantu sy, walopun yng bertanya orng laen,makasih juga bagi yg punya pertanyaan ini...:-)

      Delete
  29. Om tanya, kalo pengen label tampil jadi daftar kayak blog yang demo itu gimana (contoh : "widget serba-serbi") mohon pencerahannya ya Om? pliiiiiis banget hehe

    ReplyDelete
  30. gan kok ga mau keluar ya slide shownya

    ReplyDelete
  31. ga ngak bisa ya gan...padahal saya pakai Template Sporty Magazine 2. http://bonus-bolanusantara.blogspot.com

    ReplyDelete
  32. @WO OS:
    Hapus dulu kode bawaan script pada tempkate, kemudian baru masukin kode yang baru mas. Baca nomer 4 dengan teliti

    ReplyDelete
  33. i just cant create the slider..maybe iam too amateur to do that..please make instructions with pictures or a video..
    thanks anyway..

    ReplyDelete
  34. bagus bgtt gan...!!
    makasie yaah..!!
    lam knal..

    ReplyDelete
  35. tapi koq jalannya cuman satu slide yaah..
    ga berganti gitu..??

    ReplyDelete
  36. berhasil bro tapi bisa atau tdk jika yang muncul itu bukan hanya satu label saja tapi keseluruhan label ,atau judul blog biar keseluruhan bisa tampil secara slide ?.trims dan salam kenal

    ReplyDelete
  37. Maaf gan saya punya kesulitan, kenapa fotonya tidak tampil ya? cuman ada tulisan no image saja. mhon pencerahan gan..

    ReplyDelete
  38. @115558305661003974535:
    Masuk ke setting pilih other/lainnya, pada baris atas di allow blog post posisikan ke full atau until jump break

    ReplyDelete
  39. wuih...berhasil mas kolis,,,thanks sudah share.....

    ReplyDelete
  40. di image muncul no image available gimana caranya agar muncul gambar...terimakasih

    ReplyDelete
  41. @admin:
    masuk ke setting, pilih other/lainnya di baris atas allow blog post posisikan ke full atau until jump break

    ReplyDelete
  42. MAs saya sudah praktikkan neh di http://mediatabayyun.blogspot.com/, tapi belum bisa, yang tampil hanya slider kecil disamping slider besar. Slider besarnya kosong? dimana letak kelirunya ya makasi,

    ReplyDelete
  43. Mas,klo dipasang di Template Johny Storage yg harus di edit yg mana saja??thx

    ReplyDelete
  44. Saya mengalami kesulitan ketika memasang Slider Carousel Otomatis Berdasarkan label di karenakan slider yang seperti di atas..

    saya ingin mengganti slider itu dengan Membuat Slider Carousel Otomatis Berdasarkan label dan slider sprt storage blue..

    Tolong di bantu..

    terima kasih..

    ReplyDelete
  45. hehe,,makasih mas kolis udah bisa

    bisa nga mas klw image thumbnya nga usah ada title,,kan udah ada di slidernya??

    ReplyDelete
  46. @al:
    Perhatikan kode pada langkah nomer 4 diatas, hapus kode <span>'+posttitle+'</span>

    Kemudian untuk lebar pagination nya dikecilin, lihat width:240px

    ReplyDelete
  47. mas kolis balik lagi,,hehe
    post title udah ilang :P
    trus numpost saya bikin 8, klw image thumbnya di buat berjejer kesamping,,bgmna mas??

    ReplyDelete
  48. ga cara nentuin waktu tampil slidernya gmna??kecepatan nih nanti pengunjung ga sempet klik lagi hehe

    ReplyDelete
  49. @Raden Maulana:
    Pada kode langkah nomer 4 diatas perhatikan kode ini : ("rotate", 4000, true)

    4000 adalah ukuran kecepatan slider, silahkan diganti sesuai keinginan

    ReplyDelete
  50. kok ga bisa buat widget di samping slider ini ya? padahal jelek kalau kanannya kosong :)

    ReplyDelete
  51. makasih kk nya mba nya,, blog gw dah bisa pake slide post,, makasihhhh :D

    ReplyDelete
  52. mas,..pada langkah No 5 itu,klo kita ingin menambah kategori yg akan tampil di slide tu bisa gk..?
    cz udah ta coba tapi gk bisa ditambah,,,mungkin ada solusi,.
    terima kasih..:-)

    ReplyDelete
    Replies
    1. udah kejawab diatas tadi tu mas,..:-)akhirnya ketemu jg solusinya,..Thanks a lot,.

      Delete
  53. mas, mau nanya nih..

    ada file dari website http://pkskeren-v14.blogspot.com/ secara full gak, bukan format xml nya.

    kalau ada, bagaimana cara saya bisa mendapatkannya. terima kasih.

    ReplyDelete
    Replies
    1. website http://pkskeren-v14.blogspot.com/ maksudnya .

      Delete
  54. mas, ini kok time slidernya kok agak aneh ya, sampai di slider gambar ke-2 tiba2 mundur lg ke slider gambar 1, trs tiba2 maju lg , dst...
    mohon pencerahannya
    blog bisa dilihat disini mas
    All Sports Nations

    ReplyDelete
  55. http://allsportsnations.blogspot.com/

    ReplyDelete
  56. mas, klo slidenya berfungsi tetapi kok gambarnya gak berjalan sih cuma 1 gambar ajah yang ditayangkan itupun juga udah gak bisa berubah ubah lagi, tolong mas kasih tw jawabannya...

    email : oviuki@yahoo.com

    ditunggu mas..

    ReplyDelete
    Replies
    1. DEMOnya bisa dilihat disini mas : http://www.baatagor.blogspot.com

      mksh..

      Delete
  57. artikelnya ada gambarnya tapi kok di posting thumbnail malah no image available

    ReplyDelete
  58. maskolis terima kasih atas ilmunya, saya selalu berkunjung di websitenya anda maskolis, selagi saya komen sekaligus saya mau tanya nih tentang tempatlet sporty ini, saya sudah menggunakannya namun kok anehnya muncul bias bias saat slidernya jalan pertama sih berjalan normal tapi kalau sambil dipelototin nunggu selam 3 menit aja liat nah slidernya aneh jalannya,, beberapa slide timbul cermin dari slide lain. mohon penjelasannya.. ini demonya http://socceronlinemanager.blogspot.com/ untuk email saya ini l.hadiid@gmail.com

    ReplyDelete
    Replies
    1. Coba ke blog demo slider ini mas, trus liat kode css pembuat slider. Caranya klik kanan >> view source codes kalo udah ketemu, ganti aja kode CSS bawaan dengan yg ada di blog demo

      Delete
  59. Mas saya udah otak atik tapi slider gak jalan mohon pencerahannya
    ke email seputartimnas@gmail.com ini web saya www.seputartimnas.com

    Maaf merepotkan

    ReplyDelete
  60. mas kalo saya mau bikin web dengan menggunakan template dari sampeyan boleh ga?
    terimakasih

    ReplyDelete
    Replies
    1. Ya boleh lah...
      ngapain juga saya bagi gratis kalo nggak boleh dipakai

      Delete
  61. saya pengguna yang sangat menyukai template2 nya maskolis, sampai2 saya ingin sekali mendownload semua template karya maskolis ini.
    disamping itu, berhubung saya penyedia jasa pembuatan akun GA (google adsense) , setiap kali orderan yang saya terima saya selalu menggunakan template maskolis ini.. saya sangat bangga dengan hasil karynya maskolis, semua orang yang melakukan order pada saya selalu mengaku puas karena tampilannya yang sangat menarik sekali..

    Maskolis memang mantap (y)

    ini blog saya mas ==> goo.gl/XNTUf

    ReplyDelete
  62. untuk kotak komentarnya gena yc cara memasang pada Template magazine 2..
    ocey maksih..

    ReplyDelete
  63. bang gambarnya kagak muncul gmn??
    http://www.kesumodiningrat.com

    ReplyDelete
  64. this widget add my blog pls help
    http://l1305.hizliresim.com/19/p/nb228.jpg

    ReplyDelete
  65. kalo buat news update nya giman mas? ada tutorialnya gak? makasih sebelumnya

    ReplyDelete
  66. Mas, time slide nya kok agak aneh ya..? putarannya gak seperti di demonya...

    kenapa ya?
    http://www.pks-kabmagelang.org

    ReplyDelete
  67. Untuk pengguna template Sporty Magazine 2, hapus dulu kode script bawaan slider, kemudian baru letakkan kode diatas.

    kode script bawaannya ada dimana mas?

    ReplyDelete
    Replies
    1. bener, poin 4 masih kurang ngerti, Untuk pengguna template Sporty Magazine 2, hapus dulu kode script bawaan slider, kemudian baru letakkan kode diatas. maksudnya apa ya maskolis?

      Delete
  68. gan itu kan yang muncul cuman 4 title posting,,gimana biar setiap kategori yang kita pasang di slideshownya bisa scorll otomatis?
    thanks sebelumnya gan :)

    ReplyDelete
  69. wahhhh,,,,,ininii bru jozzzz...
    gannn...tapi masuk pnya ane malah berantakan ya,,,??bisa beri petunjuk agar bisa pas gan..
    ini gan blog kami > http://kinetikatana.blogspot.com

    ReplyDelete
  70. maskolis .. mau tanya .. saya pasang di template johny ganteng banget kok nggak jadi??
    hasilnya jadi ky gini www,resep-masak-an.blogspot,com

    ReplyDelete
  71. gan cara agar blog cepot terindex google dll bagaimana???

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

    ReplyDelete
  73. Gan tolong bantuannya
    kalau misalkan dari dreamweaver gimana ya caranya ?

    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