Mudjoko

Laki-laki, XX tahun

Kudus, Indonesia

SELAMAT DATANG DI BLOG PERJALANANKU, MY LIFE MY BLOG adalah blog yang menceritakan semua yang saya suka, Inspirasi, dan Motivasi.Selamat bergabung di blog saya, semoga bisa jadi motivasi dan inspirasi bagi anda yang membacanya Semoga Bermanfaat.

Visit My Blog :
=>tritunggaljayakudus.blogspot.com
=>tritunggaljaya-kudus.blogspot.com
=>tritunggal-jayakudus.blogspot.com
=>mudjoko.kds@gmail.com
::
Start
Mudjoko™ Kangmas Djoko
Shutdown

Navbar bawah

Cari Blog Ini

Senin, 18 Februari 2013

Cara Gampang Modifikasi Template Maskolis

Di artikel ini saya bukan mau memberikan tutorial cara modifikasi template, tapi saya mau bagi-bagi template gratis. Judul diatas memiliki artikulasi yang berbeda, karena cara gampang disini bukan diartikan sebagai suatu metode yang mudah atau gampang, tapi sebuah situs punya teman saya AA Sholah yaitu caragampang.com yang memodifikasi template dari Creating Website. Buat pembaca yang sering kesini pasti sudah tidak heran dengan judul-judul artikel yang saya buat, selalu ambigu dan yang pasti menikung jauh dari topik yang dibahas... bodo amat.

Template yang dimodifikasi kali ini dasarnya dari Johny Wuss, ini kali kedua AA Sholah memberikan kontribusinya ke blog ini, setelah sebelumnya dia juga memodifikasi sebuah template dari creating website menjadi template cara gampang yang versi lama. Bagi teman-teman lain, yang ingin mengikuti jejak caragampang.com silahkan, ambil salah satu atau beberapa template dari sini, silahkan dimodifikasi sesuai daya imajinasi dan kreasi Anda. Syaratnya hanya satu template dasar harus dari Creating Website, karena jika Anda mengambil dasar template dari orang lain belum tentu si pembuat kasih ijin templatenya dimodifikasi dan dipublikasikan disini.

Tambahkan fitur-fitur baru yang menurut Anda menarik, setelah Anda merasa template hasil modifikasi itu sudah bagus, beri tahu ke saya di kotak komentar atau di forum blog ini. Jika saya bilang oke, kirimkan xml template beserta tutorial cara pemasangannya ke email saya disini ncmajid@gmail.com, jangan lupa tambahkan kredit link blog Anda di bagian footer. Saya sangat mengapresiasi semua hasil modifikasi template yang Anda buat, tapi semua harus diseleksi, jangan sampai pengguna nantinya kecewa karena gambaran template yang dilihat tidak sesuai dengan keinginannya. Dan terus terang saya sangat berharap banyak dari teman-teman blogger disini agar mau berpartisipasi seperti mas AA Sholah, karena kalau saya terus yang buat, saya yakin lama-lama juga banyak orang yang bosan dengan tampilan yang melulu itu-itu saja dari dulu tidak ada perubahan.

Ini dia template hasil modifikasi dari caragampang.com

maskolis


Pasang Slider
Pasang Wigdet Kategori

Untuk memaasang Slider Carousel tinggal cari kode
label1 = "news";
Ganti news dengan kategori atau label yg ingin ditampilkan

Nih saya bagi satu lagi template gratis, kemarin ada yang minta tampilan seperti Johny Wuss tapi yang responsif. Dasar template ini juga dari Johny Wuss, tampilannya sama, cuma bedanya  template ini mempunyai kolom postingan yang lebih lebar. Skor SEO nya juga tidak beda jauh dengan Johny Wuss, menurut http://chkme.com/ cuma beda 2%. Jika Johny Wuss 93% template ini mempunyai skor SEO 91%.

responsive template

responsive template




NB :  
  1. Buat Mas Sholah, tolong dibantu ya kalau ada pertanyaan sekitar template hasil modifikasinya
  2. Ini kode claim dari Technorati jangan di copas: 24SNNFUJA7RP
Read More --►

Jumat, 15 Februari 2013

Template Seperti Ini Belum Pernah Saya Bikin

Seperti judul diatas, model template 3 kolom dengan 2 sidebar di kanan dan kiri memang belum pernah saya buat sebelumnya. Template ini hanya memenuhi permintaan mbak-mbak dan mas-mas yang komentar kemarin, katanya sih minta dibuatkan template 3 kolom, dia bilang sudah 1 tahun permintaannya tapi belum dikabulkan juga. Lain kali jangan minta sama saya, gosok panci di rumah, kalau nanti keluar jin minta aja ke dia ya. Terus kemarin ada lagi yang minta dibuatkan template 3 kolom yang keren dan simple, nih sudah yang buatkan tapi nggak tau cocok apa enggak.

Kalau menurut saya sih template ini simple, kalau masalah keren itu relatif. Kalau teman-teman saya di rumah, banyak yang bilang saya itu pria keren, tapi jika diperhatikan lebih dekat lagi, saya ini bukan cuma keren tapi juga tampan. Sudah banyak tawaran sinetron berdatangan, mulai dari Tom and Jerry, Doraeman, bahkan produser Dragon Ball menawari saya untuk menjadi pemeran utama, Tapi semua saya tolak karena saya lebih memilih menjadi orang biasa, resiko jadi orang terkenal pasti kemana-mana nggak bisa bebas, selalu dikejar-kejar penggemar. Ini malah ngomong apa sih....??

Ini lagi ngomong soal keren, nah sekarang waktunya bagi-bagi template.

Johny Super Crott

template responsive



Johny Super Prett

template responsive



Nah itu sudah saya buatkan template yang tiga kolom, kalau cocok silahkan dipakai, kalau nggak cocok ya silahkan dipakai juga, mungkin buat bungkus kacang atau bungkus nasi goreng juga bisa, caranya di print dulu habis itu kertasnya buat bungkus kacang. 

Kok nggak ada penghargaan dari Google sebagai pembuat template blogger abal-abal terbanyak ya? Harusnya Google kasih penghargaan ke saya (dikasih permen kek), kalau gini kan pengguna blogger jadi banyak, semula yang pakai platform lain jadi pindah ke Blogger karena alternatif pilihan template semakin banyak. Boro-boro dikasih penghargan imbalannya malah dibanned akun Adsense sama Google Code... dasar nggak tau terima kasih.


Read More --►

Rabu, 13 Februari 2013

Template Responsif dan Bukan Responsif

Disini saya berasumsi bahwa Anda semua yang baca artikel ini sudah mengetahui apa itu responsif design pada sebuah template blogger. Saya akan berikan penjelasan singkat mengenai responsif design, sebuah blog atau situs dikatakan responsif apabila support atau bisa diakses untuk semua ukuran mobile device, setiap fitur yang terdapat pada blog itu otomatis akan menyesuaikan dengan ukuran lebar device. Sekarang pertanyaanya adalah, apakah keuntungannya jika kita mempunyai blog dengan tampilan responsif? Ya jelas, seorang pengunjung yang mengakses blog kita melalui mobile phone atau gadget tidak perlu lagi susah-susah untuk scroll mobile gadgetnya ke kanan dan ke kiri hanya untuk membaca tulisan atau artikel yang kita tulis. Keuntungan lainnya tidak ada, mungkin tampilan mobilenya lebih keliatan dinamis dan rapi.

Di samping keuntungan yang kita peroleh dengan memakai design responsif, tentu ada juga kerugiannya, yaitu berupa penambahan kode-kode tertentu pada template yang Anda pakai. Jika Anda menggunakan template responsif sederhana dua kolom, mungkin penambahan kodenya tidak terlalu banyak dan pengaruh buat loading juga tidak begitu berarti. Lain halnya jika anda menggunakan template tipe magazine, dimana banyak sekali fitur yang dipasang, tentu saja penambahan kodenya juga menyesuaikan setiap fitur yang ada sehingga bisa support untuk diakses melalui semua mobile device sampai ukuran terkecil. Dengan penambahan kode tersebut merupakan beban tersendiri sehingga akan berpengaruh pada loading sebuah blog.

Jika penambahan itu hanya berupa kode-kode CSS mungkin tidak terlalu signifikan dan pengaruh bagi loading juga kecil, terkadang sebuah fitur tidak hanya cukup ditambahkan kode CSS agar support untuk semua ukuran mobile device, tetapi juga penambahan javascript dan HTML sebagai penunjang. Tentu saja hal itu akan semakin memperbesar kapasitas template dan menambah beban loading blog itu sendiri. Memang semuanya bisa diringkas, baik CSS maupun kode-kode scriptnya, tapi tidak bisa disangkal bahwa Google sendiri tidak begitu menyukai setiap kode script yang ada pada template blogger, sehingga dengan semakin banyak penggunaan script pada sebuah template akan semakin jauh pula template itu dari kriteria SEO friendly.

Tapi apakah dengan begitu jumlah pengunjung akan semakin banyak jika kita mempunyai tampilan blog yang responsif? Pertanyaan yang sering kali muncul di benak saya. Kadang saya berpikir dengan menggunakan tampilan responsif kita hanya memanjakan seorang pengunjung yang mengakses blog dengan menggunakan mobile. Seorang pengguna mobile akan dengan nyaman membaca semua artikel tanpa harus tangannya pegel. Mungkin jawabannya iya, karena merasa nyaman suatu saat dia akan berkunjung lagi ke blog kita. Tapi bisa saja jawabannya tidak, karena dengan banyaknya penambahan kode-kode pada template yang Anda pakai, justru membuat loading blog menjadi lamban sehingga banyak pengguna lama yang mengakses dari desktop lari dan tidak mau lagi berkunjung ke blog yang kita kelola.

Tapi di luar semua itu konten atau artikel sebuah blog adalah segalanya atau istilah kerennya Content is the king, Anda bisa saja memakai template paling responsif atau paling cepat loadingnya di muka bumi ini. Tapi jika artikel yang Anda tawarkan isinya itu-situ saja, tidak ada informasi baru atau unik yang bisa pembaca peroleh dari artikel yang Anda tawarkan, tetap saja blog Anda susah untuk berkembang. Seperti pernah saya tulis sebelumnya, selain membuat artikel yang unik, Anda harus mampu menciptakan branding agar blog yang Anda kelola bisa berkembang, salah satunya dengan memberikan pelayanan yang baik kepada semua pengunjung tanpa adanya diskriminasi. Ciptakan suasana yang kondusif, membuat interaksi lebih hidup, sehingga pengujung betah dan kepingin lagi untuk kembali ke blog yang Anda kelola.

Nah, sekarang waktunya saya akan bagikan dua template gratis, satu responsif dan satu lagi bukan responsif. Silahkan Anda temukan sendiri dimana letak perbedaannya. Tampilannya sama, hanya ada penambahan slider pada template yang bukan responsif.

Template Responsif

maskolis template

maskolis template



Template Non Responsif

maskolis template



Yang perlu saya tekankan disini adalah, saya membuat template bukan karena lagi ngejar setoran, tapi hanya sebatas untuk mengisi postingan di blog ini. Silahkan dipakai bagi yang berminat, kesimpulan saya dari artikel di atas hanya satu, tampilan responsif pada template yang Anda pakai tidak mutlak menjamin blog Anda semakin ramai dikunjungi orang. Bagi Anda yang mempunyai blog dengan tampilan biasa bukan responsif, jangan terlalu berkecil hati, saya yakin suatu saat dengan semakin berkembangnya teknologi gadget, di masa yang akan datang semua moble device mampu mengakses blog meskipun tidak menggunakan responsif design.

Penting untuk diperhatikan :
Bagi pengguna template responsif, jika ingin tampil maksimal perhatikan point-pont berikut ini :
  1. Upload sendiri gambar waktu buat postingan, jangan disimpan di host selain blogger apalagi copy URL gambar dari blog lain.
  2. Hapus kode merah di gambar pada posisi HTML (bukan compose), contohnya seperti ini :
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmais2QU2v-hsv5WUfu3rLScLyWxT7OJkRUhE14shc9-YQuEtm9gLNwUTMCXj-HZhHjX10He0YfGTOt6bmX04D3tkXFygsnC82INSJtksivcm3SuCcugRWh6MhdBAjjPgjqqm0ZyzkRi8/s1600/Johny+Darkmag.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmais2QU2v-hsv5WUfu3rLScLyWxT7OJkRUhE14shc9-YQuEtm9gLNwUTMCXj-HZhHjX10He0YfGTOt6bmX04D3tkXFygsnC82INSJtksivcm3SuCcugRWh6MhdBAjjPgjqqm0ZyzkRi8/s1600/Johny+Darkmag.jpg" /></a>
Silahkan panggil saya apa aja Pak, mas, om, cuk, nyet, dan lain-lain asal jangan dipanggil MASTER atau Mastah (kemampuan nggak seberapa dipanggil master). Risih saya, beneran. Hanya Tuhan Yang Maha Esa yang layak dipanggil MASTER
Read More --►

Sabtu, 09 Februari 2013

Template Ini Responsif Bukan ya?

Mumpung pulang agak siang kali ini saya mau bagi satu lagi template sederhana dua kolom, tapi sebelum menuju ke inti artikel, saya mau cerita dulu sebuah kisah yang sangat menggelikan. Begini ceritanya, setelah kemarin saya dibuat kaget dengan ranking Alexa template Johny Wuss, kali ini lebih menggelikan lagi, yah antara geli dan nggak percaya. Gimana nggak geli coba, barusan saya baca artikel di blog Mas Adhy pemilik Kompi Ajaib tentang hadiah pagerank 4 dari Google, terus iseng-iseng saya cek juga blog saya satu persatu, tidak ketinggalan saya cek template kesayangan saya Johny Wuss, dan seperti tak percaya dengan apa yang saya lihat, saya langsung tertawa ngakak sambil ngangkang sampai tetangga marah-marah sampai  mau nimpuk pakai sendal. Berita ini lebih heboh dari berita petinggi PKS yang ketangkap basah lagi indehoi sama ABG, coba Anda perhatikan baik-baik gambar dibawah ini :

johny wuss pagerank
Jujur sejak awal ngeblog sampai sekarang saya tidak begitu peduli dengan statistik blog, entah itu pagerank ataupun rangking Alexa. Mau nggak mau kali ini saya mesti mikir dan bertanya-tanya apa sebenarnya pertimbangan Google dalam memberikan hadiah pagerank sebuah blog. Seperti teman-teman disini semua ketahui. Johny Wuss hanyalah sebuah blog demo untuk template yang saya bagikan gratis ke pengguna blogger disini. Umur blog baru 3 minggu, artikelnya jumlahnya hanya 12 biji kalau nggak salah, dan itu semua copy paste dari lorem ipsum, terus prestasi apalagi yang dibuat si Johny Wuss sehingga dia layak dihadiahi pagerank yang begitu tinggi?

Sudah banyak saya baca artikel yang membahas tentang pagerank, tapi tak satupun mampu memberikan jawaban yang akurat untuk kasus blog saya yang satu ini. Seperti seorang taruna yang baru masuk akademi kemiliteran langsung mendapat pangkat bintang 4. Memang pagerank sifatnya fluktuatif, bisa naik dan suatu saat juga bisa turun, tapi ini sungguh fantastis baru nongol langsung diberikan jabatan yang strategis sama Google.

Sudah banyak template yang saya buat, tapi satu template ini yang paling saya sayangi. Meskipun ini hanyalah sebuah template sederhana, tak ayal Google pun sampai bertekuk lutut memberikan hadiah yang indah. Template ini yang membuat saya sampai sekarang tidak habis pikir, kemarin baru satu minggu rangking Alexanya udah 500 ribuan sekarang umurnya 3 minggu dikasih hadiah pagerank 4 dari Google... alamak

johny wusss


Tapi bukan template diatas yang mau saya bagikan kali ini, yang mau saya bagikan ini template yang ada dibawah, gambarnya sih responsif tapi nggak tau ini template responsif apa bukan. Soalnya baru kali ini saya mencoba membuat template blogger responsif. Ternyata memang susah juga, pantas saja banyak designer template handal yang menjual template-template blogger responsif.

johny see book



johny see book

Template sederhana dua kolom, iya karena saya belum bisa membuat yang lebih bagus lagi karena memang kemampuan saya baru segitu. Tidak ada fitur khusus yang saya pasang, slider juga nggak ada. Tadi saya coba pasang slider, tapi nggak jadi responsif ya saya copot lagi. Dasar template ini dari Johny Wuss, cuma kok skore SEO nya kecil, saya ngak tahu kenapa. 

Silahkan dipakai bagi yang suka dan berminat, dimodifikasi warnanya atau ditambahkan fitur baru biar lebih menarik. Nanti kalau ada diantara teman-teman disini blognya tambah ramai pengunjung gara-gara pakai template responsif, kasih tau saya ya? Saya juga akan rubah template creating website ini biar responsif juga. Oke, itu dulu artikel kali ini, silahkan dicoba dan selamat berakhir pekan bersama keluarga.

NB :
Keliatannya lucu juga, kalau saya bagikan template responsif tapi blog yang saya pakai ini belum responsif ya.
Read More --►

Senin, 04 Februari 2013

Membuat Simple Slider Otomatis Gambar Vertikal

Kali ini saya akan memberikan satu lagi tutorial membuat slider otomatis untuk image atau gambar vertikal. Sebelumnya saya minta maaf belum bisa menjawab semua pertanyaan yang masuk karena banyak sekali kegiatan di luar yang harus saya kerjakan. Dan tentu saja saya juga belum bisa memenuhi permintaan teman-teman yang menginginkan sebuah template khusus atau modifikasi template yang sudah ada menjadi sebuah template yang SEO friendly dan valid HTML.

slider otomatis


Slider ini sangat sederhana, seperti juga slider-slider sebelumnya, slider inipun bekerja secara otomatis berdasarkan artikel terbaru dan kategori tertentu. Untuk lebih jelas silahkan klik demo diatas, slider ini saya letakkan di sidebar sebelah kanan dengan ukuran lebar 300px. Slider ini sekilas terlihat seperti slider yang ada pada template-template dari designer India seperti Lasantha Bandara, Lansindu, Sameera dan lainnya, yang masih memasukkan gambar dan URL secara manual.  Jika Anda pengguna template buatan mereka, dan ingin mengganti agar slider bekerja secara otomatis, silahkan simak berikut langkah-langkah pembuatannya :
  1. Setelah login ke Blogger, pilih blog yang ingin ditambahkan slider ini.
  2. Kemudian masuk ke Template >> Edit HTML (centang kotak expand widget templates)
  3. Di back up atau disimpan dulu templatenya, jika sewaktu-waktu terjadi kesalahan bisa dikembalikan ke bentuk semula.
  4. Klik "Buka" dan masukkan kode berikut di atas kode ]]></b:skin> :
    /* Slider */
    .sompret-wrapper {float:right; position: relative;}
    .sompret { overflow: hidden; position: relative; width:300px; height:400px;}
    .image_reel { position: absolute; top: 0; left: 0; }
    .image_reel img {overflow: hidden;float: left;width:300px; height:auto;}
    .paging {background:#878773; border:1px solid #676756;padding: 4px 0 2px; text-align: right;z-index: 100; }
    .paging a { text-indent:-9999px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-_UtJJ80aDZ_JWyt0m3-DDgZZrZu9tcmQTf56J8VmM2Zdxw40W5N_iXEHNz0CgioYdzdDpSJWOoN0KBBjYYmJWd9mF9fANwnmdCXP4sRgaAIatmVWH3TdVqJhEXqdx3as1pEAfy2v2UI/s1600/slider_item.png) no-repeat center; width:10px; height:10px; display:inline-block;margin:3px; border:none; outline:none; }
    .paging a.active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig3pIBxmgy2BY3xmfC5Guif66WKvInhJsQrkJZxs0lhEEp9yeZ2SJMldg18fVgpPuWFcyghtfxyPhahCT3MS2KvCL8b4p3ZNqWShyDwv9IV0mu3T0GNw4hzBZF8_oYjS4ZmBypBivXXO8/s1600/slider_item_active.png) no-repeat center; border:none; outline:none;}
    .paging a:hover {font-weight: bold; border:none; outline:none;}
    .crott { width:280px; display: none; position:absolute;bottom: 0; left: 0; z-index: 101; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRsSHWl-T9Jwh4j4w49XVUUWxsA3CoUS6pJ71QpisPPexvujpis-MSMXWS1ojnb77GajbvFI_ALQ6moNDKGM_jCNX9slVbvHA_f6Qf6_-_UX3OAUrMs1cHlIO7iWrnH8zNUE1Mmj69cXva/s1600/uj-opacity-40.png);padding:5px 10px;  }
    .crott a{color: #fff;font: 16px Oswald }
    .crott p{color: #fff;font: 12px Arial;}
    Kode warna merah diatas adalah ukuran slider, untuk lebar 300px dan tinggi 400px. Perhatikan semua dan Anda harus sesuaikan dengan ukuran sidebar pada template yang Anda gunakan.
  5. Masih di Edit HTML, masukkan kode script berikut ini diatas </head> :
    <script src='http://code.jquery.com/jquery-1.8.3.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    jQuery(document).ready(function() {

    //Set Default State of each portfolio piece
    $(".paging").show();
    $(".paging a:first").addClass("active");

    //Get size of images, how many there are, then determin the size of the image reel.
    var imageWidth = $(".sompret").width();
    var imageSum = $(".image_reel img").size();
    var imageReelWidth = imageWidth * imageSum;

    //Adjust the image reel to its new size
    $(".image_reel").css({'width' : imageReelWidth});

    //Paging + Slider Function
    rotate = function(){
       var triggerID = $active.attr("rel") - 1; //Get number of times to slide
       var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

       $(".paging a").removeClass('active'); //Remove all active class
       $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
     
    $(".crott").stop(true,true).slideUp('slow');

    $(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");

       //Slider Animation
       $(".image_reel").animate({
           left: -image_reelPosition
       }, 500 );


    };

    //Rotation + Timing Event
    rotateSwitch = function(){
    $(".crott").eq( $('.paging a.active').attr("rel") - 1 ).slideDown("slow");
       play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
           $active = $('.paging a.active').next();
           if ( $active.length === 0) { //If paging reaches the end...
               $active = $('.paging a:first'); //go back to first
           }
           rotate(); //Trigger the paging and slider function
       }, 10000); //Timer speed in milliseconds (3 seconds)

    };

    rotateSwitch(); //Run function on launch

     //On Click
        $(".paging a").click(function() {  
            $active = $(this); //Activate the clicked paging
            //Reset Timer
            clearInterval(play); //Stop the rotation
            rotate(); //Trigger rotation immediately
            rotateSwitch(); // Resume rotation
            return false; //Prevent browser jump to link anchor
        });  

    });

    //]]>
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTbOTj_AA-lZKYQn_3wqqo5n0E_kMgTO7FgPTcl52UI4mmUhhBDJWf6yhHQ5HnC5AEoNgaU2IJmg1jOC_Trauusr8EGWMUTe-hcHMZtvCqxC2meaUeOkUu3EFmAPE94EFtbW6Y-6-hE-Q/s1600/no+image.jpg";
    showRandomImg = true;
    aBold = true;
    summaryPost1 = 80;
    summaryTitle = 20;
    numposts1 = 6;

    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;

    //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 = ["January","February","March","April","May","June","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 = m+ ' ' + day + ' ' + y ;

    var trtd = '<div class="crott"><a href="'+posturl+'">'+posttitle+'</a><p>'+removeHtmlTag(postcontent,summaryPost1)+'... </p></div>';
    document.write(trtd);    

     j++;
    }

    }

    function showrecentposts2(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 = day+ ' ' + m + ' ' + y ;

    var trtd = '<a href="'+posturl+'"><img src="'+img[i]+'"/></a>';
    document.write(trtd);    

     j++;
    }

    }
     //]]>
    </script>
    Perhatikan kode script warna merah paling atas, jika pada template Anda sudah terpasang script itu seri berapapun, kode script itu tidak usah diikutkan, hanya satu jquery yang ada pada sebuah template jika ada dua atau lebih akan bentrok dan salah satu fungsinya tidak jalan.. numposts:6; adalah jumlah post yang tampil pada slider
  6. Sekarang Anda tinggal mau meletakkan slider itu dimana, jika ingin diletakkan di sidebar sebelah kanan paling atas seperti terlihat pada demo. Cari kode <div id='sidebar-wrapper'> atau kode pembungkus sidebar yang ada pada template Anda, kemudian letakkan kode berikut ini sebelum atau diatas <div id='sidebar-wrapper'> :
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='sompret-wrapper'>
    <div class='sompret'>
    <div class='image_reel'>
    <script>
    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='description'>
    <script>    
    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default?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>
    <div class='paging'>
    <a href='#' rel='1'/>
    <a href='#' rel='2'/>
    <a href='#' rel='3'/>
    <a href='#' rel='4'/>
    <a href='#' rel='5'/>
    <a href='#' rel='6'/>
    </div>
    </div></b:if>
    Keterangan :

    Tampilan slider dengan menggunakan kode diatas hanya terlihat pada postingan, jika Anda ingin slider terlihat di homepage hapus kode pertama dan terakhir yang berwarna biru muda. Slider diatas menampilkan postingan terbaru Anda, jika ingin merubah menjadi tampil per label anda tinggal menambahkan kode /-/your label antara kode default dan ?, jadinya seperti ini default/-/your label?max-results karena kode tersebut diatas ada dua, Anda harus ganti dua-duanya.
  7. Terakhir save, selesai.
Slider diatas bisa Anda modifikasi sendiri, Anda juga bisa gunakan slider ini untuk gambar horisontal (tidak harus vertikal) berusahalah untuk lebih kreatif dengan merubah ukuran panjang dan lebar yang ada pada tutorial ini atau menambahkan hiasan ribbon misalnya seperti terlihat pada demo ini, sehingga tampilannya menjadi lebih menarik. Itu tadi tutorial membuat slider sederhana kali ini, jika ada yang kurang jelas silahkan tinggalkan peasan pada kolom komentar di bawah.

Dan untuk teman-teman yang sudah berpartisipasi dan meramaikan forum diskusi pada blog ini saya mengucapkan banyak terima kasih, silahkan berdiskusi dengan bebas dan sehat. Untuk sementara saya belum bisa ikutan nimbrung karena masih banyak pekerjaan yang mesti saya selesaikan. Semua pertanyaan di luar topik artikel ini silahkan masukkan pada forum diskusi, klik menu forum diskusi yang ada pada menu navigasi atas blog ini.

NB :
Jika Anda melihat gambar pada slider kadang terlihat kadang tidak, itu karena penambahan script lazy load image yang ada pada template demo.
Read More --►

Jumat, 01 Februari 2013

Inilah Template Blogger Super Jelek Sekali

Sebelum besok libur karena ada keperluan penting selama dua hari, kali ini saya bagi lagi dua template yang super jelek dari Johny. Saya sampai sekarang masih mikir kok ya bisa-bisanya pakai nama Johny di setiap template yang saya buat. Padahal tidak ada satupun keluarga atau kerabat dekat yang punya nama Johny, mungkin dulu saya pengin punya nama Johny, tapi nggak kesampaian. Okeehhh... karena dari tadi sudah ada panggilan melulu dari HP, langsung saja nikmati kedua template super jelek kali ini, yang satu pake slider yang lain saya buat biasa dengan dua kolom seperti yang banyak diminta sama teman-teman blogger di kolom komentar.

template maskolis


Slider 
Masukkan kode berikut pada kolom kosong di bawah header. Masuk ke Layout/Tata Letak >> Add a Gadget pilih HTML/Javascript :
<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>                  
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>                  
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>
Kode diatas bekerja berdasarkan artikel terbaru, jika Anda ingin menampilkan label atau kategori tertentu baca postingan saya tentang Modifikasi Slider Lofslidernews Maknyus.

Widget Komentar 
Masukkan kode di bawah ini pada widget sidebar :
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 5,
showAvatar  = true,
avatarSize  = 30,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://www.maskolis.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
Ganti URL warna merah http://www.maskolis.com dengan URL blog Anda.

Widget random post
<script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=7;function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
Angka 7 pada kode diatas adalah jumlah random post yang ditampilkan, silahkan ganti sesuai keinginan.

Search Box
Search box atau kotak pencarian yang saya gunakan pada template ini saya ambil dri Google CSE, silahkan And langsung ketik Google CSE di halaman Google kemudian membuat kotak search. Gampang caranya, tinggal ikuti petunjuk yang ada. Atau Anda bisa ganti dengan kotak search dari tutorial yang banyak beredar di internet.

template maskolis


Template ini sama dengan Bukan Johny, bedanya template ini tidak ada slidernya, lebih sederhana dan gampang sekali cara pemakaiannya. Nama template ini.... bingung mau dikasih nama apa, ahh lagian juga ngapain dikasih nama yang penting isinya bung. Demonya pakai blog seadanya, yang penting templatenya jalan.

Kedua template ini dasarnya dari Johny Wuss, jadi semua tag H1 dan H2 sudah terpasang, tapi belum saya validasi HTML nya. Jangan terlalu fokus mengatasi masalah error validasi HTML, sangat wajar jika sebuah blog mempunyai error pada struktur HTMLnya. Santai saja, yang penting berbagi, membuat artikel yang bermanfaat bagi pembaca, bukankah setelah kita mati hanya tiga hal yang bisa terus memberikan manfaat salah satunya yaitu ilmu dan informasi yang kita berikan kepada orang lain? Hahaha... malah seperti pak Ustadz, ya itu tadi dua template yang saya bagikan gratis kepada teman-teman semua disini.

Dan satu lagi template ini bukan template responsif, karena saya tidak punya HP canggih untuk mengakses Internet dan belum pernah sekalipun browsing lewat HP. Untuk saat ini mungkin saya masih belum butuh responsif, suatu saat nanti jika HP saya sudah pakai merek terkenal seperti beri-beri mungkin baru mendalami responsif template. Oke.. jika tertarik silahkan dipakai, jika ada yang kurang jelas kebangeten banget, ini template sangat sederhana dan semua fitur yang saya pasang sudah saya berikan dalam bentuk tutorial sebelumnya. Tapi kalau mau tanya ya silahkan saja isi kotak komentar di bawah, sekian dulu dan selamat malam mau istirahat dulu, besok mesti berangkat pagi-pagi.

PENGUMUMAN PENTING
Silahkan baca sendiri disini
Read More --►

Kamis, 31 Januari 2013

Forum Diskusi Pengguna Template Creating Website

Forum ini saya buat karena banyak sekali komentar yang masuk melampaui ambang batas, terlalu banyak sehingga kadang jawaban admin tidak terbaca oleh si komentator. Terkadang juga karena saking seringnya pertanyaan yang muncul dengan topik yang sama, sehingga saya harus menjawabnya berulang kali. Forum ini juga mengantisipasi pertanyaan-pertanyaan yang masuk ke email saya, yang terkadang juga jarang saya jawab karena saya jarang buka email atau bagi teman-teman yang sering minta chat di Facebook, karena terus terang saya tidak begitu tertarik dengan sosial media yang satu ini. 

Forum ini sebenarnya saya buat khusus untuk para pengunjung di blog ini, khususnya para pemakai template dari Creating Website. Tapi jika ada teman blogger lain yang mau ikut berpartisipasi silahkan saja. Silahkan promosi artikel atau blog Anda di Forum itu, bebas dan gratis tidak dipungut biaya.

So, jika Anda tertarik untuk ikut gabung dalam forum ini. caranya sangat mudah, Anda tinggal masuk ke link ini FORUM DISKUSI yang ada di menu navigasi atas atau klik screenshot gambar di bawah. Setelah terbuka halaman baru, Anda tidak perlu mendaftar karena bisa langsung Log In dengan akun Google, Facebook, Yahoo, Twitter dan lainnya. Silahkan pilih topik yang Anda inginkan, kemudian tulis apa saja yang berhubungan langsung dengan topik yang Anda pilih.

forum diskusi

Forum sederhana ini saya buat dari situs penyedia forum gratis tal.ki, silahkan Anda memanfaatkan forum ini untuk keperluan promosi blog atau artikel Anda, tanya jawab seputar template atau sekedar ngobrol dengan teman blogger yang lain sudah saya sediakan tempat ngobrol dengan fasilitas chat dari Chatroll. Saya tidak terlalu berharap banyak pada forum ini, disini saya hanya memberikan fasilitas baru bagi Anda, silahkan dimanfaatkan sebaik-baiknya. Tidak ada peraturan khusus, setiap blogger bebas berpartisipasi, selama dalam batas-batas yang masih bisa ditoleransi. Saya tidak perlu membuat sebuah peraturan-peraturan tertentu, saya yakin Anda semua sudah dewasa, pasti bisa memilah mana yang layak dan yang tidak layak untuk dijadikan sebagai konsumsi publik.

Saya juga menawarkan kepada teman-teman semua, bagi yang berminat untuk menjadi admin atau moderator pada forum ini silahkan tunjuk jari, tidak ada kriteria khusus untuk menjadi seorang moderator. Yang penting bisa menjembatani antar pengguna forum. Silahkan jika Anda mempunyai saran atau usul pada forum itu, misalnya menambahkan topik diskusi baru atau apa saja yang berhubungan dengan dunia blogger.

Demikian pemberitahuan ini, semoga bisa bermanfaat bagi teman-teman semua, satu pesan saya marilah kita ciptakan diskusi yang sehat dengan logika berpikir yang jernih sehingga menciptakan kesimpulan yang bisa diterima oleh setiap pihak.
Read More --►

Selasa, 29 Januari 2013

Inilah 10 Blogger Pengguna Template Creating Website

Tepat 2 minggu setelah artikel saya sebelumnya yang berjudul Mau Backlink dari Maskolis? Saya akan memilih secara acak 10 pengguna template dari Creating Website, yang menurut saya layak diberikan nilai plus. Yang perlu diingat disini adalah ini bukanlah kontes atau turnamen yang memperebutkan sebuah hadiah, tidak ada yang menang dan kalah, tapi hanya sebagai ucapan terima kasih kepada teman-teman Blogger yang telah sudi menggunakan template dari Creating Website. Tidak ada kriteria tertentu dalam memilih, saya hanya melihat dari perspektif orang awam dalam melihat sebuah blog. Perpaduan atau komposisi warna yang enak dipandang mata dan pengaturan tata letak widget yang rapi, menjadi dasar saya untuk memilih ke 10 blog ini. Berikut ini ke-10 blog terbaik yang menggunakan template dari Creating Website :

MULTI PASTE

JiPer4ever

http://multipaste.blogspot.comhttp://www.jiper4ever.com

Siomponk

Yaa Akhi

http://www.siomponk.comwww.yaaakhi.com

adagamez.blogspot.com

Aceh Tourism And Culture

http://adagamez.blogspot.comhttp://acehtourismagency.blogspot.com

chanelsatu

anime999

http://www.chanelsatu.comhttp://anime999-store.blogspot.com

Menjamu Blog

BliBaju.com

http://menjamu.blogspot.comhttp://blibaju.com

Dan 4 blog di bawah ini untuk mengganti showcase yang sudah habis masa jabatannya, karena ganti URL atau ganti template lain bukan dari Creating Website :

Mainin Game

Tempat Wisata di Bandung

http://myarchivezone.blogspot.comhttp://www.tempatwisatadibandung.org/

Kompi Ajaib

Full blog Design

http://www.kompiajaib.comhttp://karinafotocollection.blogspot.com

Pemilihan ini saya lakukan berdasarkan pengamatan saya sendiri, jadi sifatnya sangatlah subyektif, karena semua blog yang sudah terdaftar layak diberikan apresiasi. Bagi blog teman-teman yang belum tercantum pada showcse diatas, saya mohon maaf yang sedalam-dalamnya, karena ini hanyalah sebuah penilaian pribadi, jangan terlalu dimasukkan ke hati.

Saya hanya bisa mengucapkan terima kasih yang sebesar-besarnya atas partipasi teman-teman semua  Hasil kerja keras Anda semua dalam memodifikasi sebuah template, sangat berguna bagi saya sebagai bahan inspirasi untuk men-design template di masa yang akan datang. Demikian tadi pidato Ibu Ketua PKK hari ini, jika ada kata-kata yang salah atau kurang berkenan mohon dimaafkan, maklum ibu-ibu jadi suka terpeleset kalau ngomong di depan orang banyak. Akhir kata... nggak boleh protes.

NB :
  1. Daftar ke 10 blog diatas, juga saya posting di Showcase 2 di Mas Template.
  2. Untuk 4 blog dibawah bisa dilihat pada showcase 1 di Mas Template dan Gallery Showcase Template Creating Website
  3. Semuanya nanti akan saya publish juga di Johny Template, nunggu yang punya blog dulu.
  4. Jika ada kesalahan dalam menempatkan link blog diatas, silahkan langsung protes pada kotak komentar di bawah.
  5. Saya mau nguli lagi.........
PENGUMUMAN PENTING 
Klik disini kalau mau tau
Read More --►

Minggu, 27 Januari 2013

Terus Gua Mesti Bilang Prett Gitu?

Judulnya pakai Gua biar gaul, meskipun saya sendiri pasti medok kalau bilang gua, tapi nggak apa-apa toh ini kan hanya judul. Baru kali ini setelah hampir setahun lebih saya membuat template menemui sebuah keanehan. Asli saya sendiri saja kaget. Begini ceritanya, tadi saya iseng buka Alexa, itu tuh situs yang suka bikin ranking untuk web atau blog. Terus saya ketik URL Johny Wusss template, mata saya terbelalak seperti tidak percaya dengan apa yang barusan saya lihat. Johny Wusss template, hanyalah sebuah blog untuk demo dan yang pasti isinyapun juga cuma copas dari Lorem Ipsum sumsum dan sebagainya, tapi genap satu minggu template itu saya publish, peringkatnya sudah mencapai angka ratusan ribu, nongkrong pada rangking 595,531 secara keseluruhan, seperti terlihat pada gambar dibawah (klik untuk lebih jelas):


Menurut saya ini bukanlah hal yang wajar, apalagi untuk mencapai rangking segitu dalam 6-7 hari, sebuah blog harus ramai dikunjungi minimal sehari mencapai angka ribuan visitor. Jika saya bandingkan dengan template buatan saya yang lain, misalnya Johny Tampan yang sudah 2 minggu lebih saya publish dan termasuk template laris juga. Rangking Alexa Johny Tampan dua kali lipat, masih ada di bawah yaitu pada angka 1 jutaan. Padahal jumlah pageviews total Johny Wuss masih kalah jauh dibanding Johny Tampan, hampir tiga kali lipat lebih banyak Johny Tampan template.


Selain itu, dilihat dari traffic blog pada Dashboard, mayoritas trafik Johny Wuss berasal dari blog-blog lokal yang dengan tulus ikut membagikan template ini ke pengguna blogger lain. Berbeda dengan Johny Tampan atau template yang lain, trafik blog lebih banyak dari situs-situs penyedia template dari luar, misalnya Allblogtools.com (Maroko), CoolBthemes (India) dan lain-lain. Ya maklum saja, template seperti Johny Wusss tidak menarik untuk dipubish oleh situs penyedia template besar.

johny wusss

Terus terang, Johny Wusss template ini saya jadikan eksperimen untuk membuat sebuah template, yang disamping SEO friendly juga visitor friendly. Tapi tentu saja dengan dasar-dasar SEO yang layak dan terbukti ampuh dari Thesis Template buatan master SEO Blog Juragan. Dan ternyata eksperimen saya menunjukkan hasil yang positif, meskipun belum bisa dibilang sempurna paling tidak sudah ada indikasi yang memuaskan.

Meskipun template ini hanyalah template sederhana, tetapi posisi template ini di search engine selalu saya pantau, karena saya sudah terlanjur mengatakan kepada Anda bahwa template ini SEO friendly. Saya tidak mau para pemakai nantinya kecewa karena template ini ternyata tidak seperti yang diharapkan. Baru pada template Johny Wuss ini, saya berani bilang template ini SEO friendly, karena memang pada template-template lain sebelumnya masih banyak menggunakan javascript dan image pada Edit HTML, yang tentu saja jika semakin banyak dipasang pada sebuah template, maka semakin jauh dari kriteria SEO.

Nah itulah kenapa saya nulis ini, bukan bermaksud sombong atau gimana, saya hanya ingin membuktikan bahwa Template Johny Wuss memang SEO Friendly dan terbukti dengan data-data yang sudah saya tulis diatas. Saya hanya tidak mau, meskipun ini template gratis, banyak pengguna yang komplain, dan menuduh kalau saya hanya seorang pembual dengan mengatakan template ini SEO dengan dibumbui sejuta kata-kata hiperbolik yang membuat orang tertarik untuk menggunakan template. Lagipula apa sih untungnya kalau ada orang yang memakai template buatan saya? Paling cuma backlink doank..... makan tuh backlink.

Bagi Anda yang belum tahu tentang template ini dan ingin mencoba template ini, silahkan lihat dulu demonya di bawah kalau cocok ya dipakai, kalau nggak cocok ya buat dilihat-lihat aja, siapa tau nanti setelah dilihat bisa langsung keluar jin di dalamnya. Akhir kata..... preettttttt mau mandi dulu siap-siap mau berangkat kerja. Kalau ada pertanyaan nanti sore atau malam jawabnya. 

johny wusss


NB: 
Terima kasih untuk teman-teman blogger yang dengan tulus ikut membagikan template ini kepada yang lain. Saya doakan buat blogger cowok semoga dapet pacar cantik, buat cewek saya doakan dapat pacar yang ganteng seperti saya ini.
Read More --►

Sabtu, 26 Januari 2013

Template Blogger Jelek Untuk Komik

Di malam Minggu yang kembali kelabu ini saya akan membagikan satu buah template lagi untuk teman-teman blogger semua. Kemarin ada yang minta lewat email untuk dibuatkan template untuk komik Narto, terus terang saya bingung seperti apa bentuknya. Si Narto itu kok terkenal banget ya, sampai-sampai minta dibuatkan template, pangkatnya apa sih, anak jenderal ya? Yah namanya juga udah ABG tua jadi nggak tahu menahu soal hobby anak muda jaman sekarang. Okelah daripada jadi beban, nih saya buatkan template buat yang minta kemarin, tapi entah cocok apa enggak saya tidak perduli, yang penting sudah melaksanakan kewajiban dan tugas sebagai warga negara yang baik, yang selalu mengamalkan Pancasila dan UUD 1945...... opo hubungane.

Template ini namanya Johny Sakit Gigi, seperti usul teman saya kemarin yang pakai nama Arab. Sebenarnya mau saya kasih nama Johny Sudah Sembuh, karena sekarang sudah sembuh sakit giginya, tapi karena ide nama templatenya sangatlah brilian dengan sangat terpaksa template ini saya kasih nama Johny Sakit Gigi. Sakit gigi sangatlah menyiksa perasaan, mau makan nggak enak, mau nonton TV warnanya jadi hitam putih, jadi jangan sampai sakit gigi lagi. Lhah ini bagi-bagi templatenya kapan? Sabar... ini juga mau dibagi.

Template ini sebenarnya tidak harus untuk komik tapi bisa juga dipakai buat blog gallery atau blog konten biasa. Tampilannya tidak elegan, tidak menarik dan yang pasti jelek banget. Jadi bagi yang Anda yang tertarik dengan template ini mesti diperiksakan ke dokter kejiwaan atau psikiater. Ini malah ngomong mulu, templatenya mana? Ini ada di bawah :

maskolis template


Slider
Untuk slider anda tinggal masuk ke Layout kemudian pilih kolom dibawah header yang panjang, terus Add a gadget >> HTML/Javascript masukkan kode berikut ke dalamnya, hati-hati masukinnya, pelan-pelan penuh perasaan jangan kasar nanti bisa lecet :
<div class='lof-main-wapper' id='slider'>
<div class='slider-main-outer'>
<ul class='slider-main-wapper'>
<script>                  
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</ul>
</div>
<div class='slider-navigator-outer'>
<ul class='slider-navigator'>
<script>                  
document.write("<script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</ul>
</div>
</div>
<script type='text/javascript'>
jQuery(document).ready(function($){  
    $('#slider').lofJSidernews({
        interval:6000,
        duration:800,
        mainWidth: 530,
        navigatorWidth: 100,
        maxItemDisplay:4,
        easing:'easeOutBounce',
        auto:true,
        isPreloaded: true
    });
});  
</script>
Jika Anda memasukkan kode diatas, slider bekerja menampilkan artikel terbaru blog Anda yang berjumlah 10 artikel. Anda bisa menampilkan slider per label atau kategori dengan menambahkan /-/your label setelah kode default diatas, nanti jadinya seperti ini default/-/your label?max-results. Untuk lebih jelasnya silahkan buka tutorial membuat slider ini pada artikel Modifikasi Slider Lofslidernews Makyus.

Dan untuk kotak feedburner di sebelah related post pada setiap postingan,cari kode ini di Edit HTML (jangan lupa centang Expand Widget Templates) :
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small><br/>
<a href='http://feeds.feedburner.com/blogspot/htbgh'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/blogspot/htbgh?bg=0F61CB&amp;fg=222222&amp;anim=1' style='border:0' width='88'/></a>
</form>
Ganti kode warna merah diatas dengan ID Feedburner blog Anda.

Template ini juga sudah tersedia Tag H1 dan H2 pada header blog dan di setiap judul postingan, Anda tidak perlu lagi merubah apapun agar template ini menjadi SEO friendly. So jika tertarik dengan template ini silahkan dipakai, tinggal klik tombol download diatas, anda sudah mendapatkan template ini dan bonus berupa doa dari pembuatnya agar yang makai template ini blognya jadi ramai pengunjung. Jika ada yang kurang jelas atau ada yang mau ditanyakan silahkan isi kotak komentar yang ada dibawah. Sekian dan semoga bermanfaat banget.
Read More --►

Jumat, 25 Januari 2013

Inilah Tampang Maskolis yang Asli

Dari kemarin banyak dari teman-teman blogger yang nanya, ada yang melalui kolom komentar maupun lewat email, seperti apa sih tampang Maskolis? Ya saya jawab aja, ciri-cirinya saya ini ganteng. Coba ya nanti kalau di jalan ketemu sama orang ganteng, panggil aja "Mas... mass.... mass!!" Saya jamin dia pasti nengok. Selama ini saya memang sengaja menyembunyikan wajah saya di dunia maya, karena saya kawatir jika tampang saya banyak bertebaran dimana-mana, nanti banyak gadis-gadis yang terpesona dan jatuh hati ke saya. Tapi daripada ada yang penasaran, baiklah di kesempatan kali ini saya akan berterus terang kepada teman-teman blogger semua, seperti apa tampang Maskolis yang asli. Sekarang coba perhatikan gambar di bawah ini, pelan-pelan geser mouse-nya jangan langsung lihat gambar yang paling bawah ya...

maskolis

Gambar diatas jelas bukan saya, masa mukanya kartun? Tapi yang dua orang itu asli, teman saya dari Planet Kenthir namanya Herry FK dan Andreaneda Andrade. Gambar diatas saya pakai buat photo profil Blogger. Sekarang kita lihat gambar dibawah lagi.....

kompi ajaib
Sumber gambar  : https://plus.google.com/117950600521728942551/posts

Ah ini juga bukan, ini salah satu teman Maskolis yang selalu setia berkunjung di blog ini, dia admin dari blog Kompi Ajaib, orangnya baik dan ramah terlihat dari senyum manis yang selalu menghiasi bibirnya. Sekarang dia lagi sibuk bikin blog baru buat mini game online. Perhatikan lagi gambar di bawah, geser mouse sedikit demi sedikit jangan langsung menuju ke bawah......

panjz online
Sumber gambar : https://plus.google.com/102120736668843382412/posts

Ini juga bukan photo Maskolis, karena jauh dari kriteria ganteng..... hahahahahahahaha (nggak boleh marah). Photo diatas, di dunia blogger dikenal sebagai Panjz Online, dia juga salah satu pengunjung setia blog ini, di setiap postingan pasti ada dia. Teman yang baik dan humoris, suka memodifikasi template, salah satu templatenya udah nampang di Mas Template. Dilihat dari photonya, mungkin dia dulu punya cita-cita jadi masinis, karena nggak kesampaian akhirnya banting setir ke dunia blogger. Sekarang perhatikan baik-baik photo orang di bawah ini.... jreng.... jreng.

Nah ini baru bener, inilah tampang Maskolis yang asli, Anda harus percaya kalau photo dibawah adalah Maskolis, pilihannya hanya ada dua, percaya dan percaya banget. Semua ciri-ciri fisik pas banget, photo dibawah diambil waktu Maskolis lagi dinner bareng sama Angelina Jolie di sebuah kafe di kawasan Holywood.

maskolis
Sumber gambar : http://www.scenicreflections.com

Jangan percaya tulisan diatas, asli HOAXXXX...... validitas dan akurasinya 0%, karena ini hanya tulisan iseng sore hari sambil nungguin tukang nasi goreng lewat, dan untuk Google jangan diindeks tulisan ini dihalaman search engine-nya. Nanti kalau yang punya tampang ganteng diatas baca artikel ini, saya bisa dituntut ke pengadian karena pencemaran wajah tampan.

Tulisan diatas bisa juga menjadi sebuah contoh bagi teman-teman blogger semua, bagaimana membuat sebuah branding agar blog Anda mempunyai ciri khas tersendiri. Buatlah selingan-selingan artikel unik dari beberapa artikel unggulan yang Anda tawarkan kepada pembaca. Setelah itu, serahkan kepada pembaca sendiri untuk menilainya.

Buat yang punya photo diatas, mohon maaf kalau nggak minta ijin dulu pasang photo di artikel ini. Pokoknya harus boleh, boleh nggak boleh harus boleh..... hahahahahahahaha.
Read More --►
Energy Saving Mode
Gunakan Mouse untuk Keluar Mode Energy Saving