Latest Movie :
Recent Movies

2 Template Blogger Hasil Kreasi

Template yang akan saya bagi kali ini, hasil kreasi dua orang bapak-bapak keren yang rambutnya sudah habis dimakan usia. Dengan tekun dan sabar mereka berdua memodifikasi template-template yang pernah dibagikan disini, sehingga menjadi sebuah template dengan tampilan yang lebih baru dan menarik. Oke langsung saja, karena saat ini saya pribadi lagi miskin ide menulis dan kurang intens ngeblog, berikut ini kedua template hasil modifikasi mereka :


Demo | Download

Modified by : Kompi Ajaib


Demo | Download

Modified by : Panjz Online

Semua petunjuk cara pemasangan fitur dan widget yang ada pada kedua template diatas sudah saya sertakan pada file download. Apapun penilaian Anda mengenai kedua template diatas, mereka berdua layak dikasih apresiasi. Dan bagi teman-teman lain yang ingin memodifikasi template dari sini (ingat hanya template dari Creating Website), dipersilahkan. Ambil salah satu atau beberapa template dari sini, silahkan dimodifikasi sesuai keinginan dan kreativitas Anda. Kemudian kirimkan ke email saya, setelah melalui tahap seleksi subyektif, jika template yang Anda modifikasi pantas dan layak untuk dikonsumsi, akan saya bantu publish di blog ini.
 
{[['']]}

Membuat Floating Social Bookmark dengan Efek Easing

Jika Anda perhatikan dua template responsive yang saya bagikan kemarin, terdapat sosial bookmark yang menempel di sebelah kanan layar monitor, widget itu akan mengikuti gerakan naik turun. Karena untuk meminimalisir penggunaan javascript, saya sengaja membuat widget itu polos tanpa penggunaan efek tertentu dengan konsekuensi penggunaan image untuk membentuk widget itu semakin banyak. Nah, kali ini saya akan berikan tutorial atau cara untuk membuat widget floating social bookmark dengan tambahan jquery library dan efek Easing tentu saja dengan penggunaan image yang lebih sedikit (hanya satu). 

floating social bookmark


Dengan penambahan jquery, jika Anda meletakkan cursor pada salah satu icon social bookmark, dia akan keluar pelan-pelan, lebih lembut seperti putri Solo yang baru keluar dari keraton, itu karena efek easing yang ada pada jquery-ui.min. Di samping efek easing yang saya tambahkan pada widget ini, juga jenis social media yang saya pasang lebih banyak. Pada template Johny Ribet atau Pakdhe Johny hanya terdapat 4 jenis, untuk widget kali ini saya menambahkan sosial media Pinterest dan Youtube agar lebih lengkap. Berikut ini langkah-langkah pembuatannya :
  1. Login ke Blogger
  2. Masuk ke Template >> Edit HTML (centang expand widget templates)
  3. Letakkan kode CSS di bawah ini diatas ]]></b:skin> :
    .social-buttons {
        position: fixed;
        top: 130px;
        width: 45px;
        z-index: 9999;
    }
    .button-left {
        left: 0;
    }
    .button-right {
        right: 0;
    }
    .social-buttons #twitter-btn .social-icon,
    .social-buttons #facebook-btn .social-icon,
    .social-buttons #google-btn .social-icon,
    .social-buttons #rss-btn .social-icon,
    .social-buttons #pinterest-btn .social-icon,
    .social-buttons #youtube-btn .social-icon {
        background-color: #33353B;
        background-image: url(http://1.bp.blogspot.com/-KOzIiYFlBAk/UUmLwwZSs-I/AAAAAAAAAnA/h6G772N3cpI/s1600/mas-icons.png);
    }
    .button-left #facebook-btn span {
        background-position: right 10px;
    }
    .button-left #twitter-btn span {
        background-position: right -35px;
    }
    .button-left #google-btn span {
        background-position: right -127px;
    }
    .button-left #rss-btn span {
        background-position: right -80px;
    }
    .button-left #pinterest-btn span {
        background-position: 11px -177px;
    }
    .button-left #youtube-btn span {
        background-position: 11px -223px;
    }
    .button-right #facebook-btn span {
        background-position: 12px 10px;
    }
    .button-right #twitter-btn span {
        background-position: 11px -35px;
    }
    .button-right #google-btn span {
        background-position: 10px -127px;
    }
    .button-right #rss-btn span {
        background-position: 11px -80px;
    }
    .button-right #pinterest-btn span {
        background-position: 11px -177px;
    }
    .button-right #youtube-btn span {
        background-position: 11px -223px;
    }
    .social-buttons #facebook-btn:hover .social-icon {
        background-color: #3B5998;
    }
    .social-buttons #twitter-btn:hover .social-icon {
        background-color: #62BDB2;
    }
    .social-buttons #google-btn:hover .social-icon {
        background-color: #DB4A39;
    }
    .social-buttons #rss-btn:hover .social-icon {
        background-color: #FF8B0F;
    }
    .social-buttons #pinterest-btn:hover .social-icon {
        background-color: #D43638;
    }
    .social-buttons #youtube-btn:hover .social-icon {
        background-color: #C4302B;
    }
    .social-buttons a:hover .social-text {
        display: block;
    }
    .button-left .social-icon {
        -moz-transition: background-color 0.4s ease-in 0s;
        -webkit-transition: background-color 0.4s ease-in 0s;
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 43px;
        margin-bottom: 2px;
        width: 43px;
    }
    .button-left .social-text {
        display: none;
        float: right;
        font-size: 1em;
        font-weight: bold;
        margin: 11px 40px 11px 0px;
        white-space: nowrap;
    }
    .button-right .social-icon {
        -moz-transition: background-color 0.4s ease-in 0s;
        -webkit-transition: background-color 0.4s ease-in 0s;
        background-repeat: no-repeat;
        display: block;
        float: right;
        height: 43px;
        margin-bottom: 2px;
        width: 43px;
    }
    .button-right .social-text {
        display: none;
        float: left;
        font-size: 80%;
        font-weight: bold;
        margin: 11px 0 11px 40px;
        white-space: nowrap;
    }
    .social-buttons .social-text {
        color: #FFFFFF;
    }
  4. Berikutnya penambahan jquery dan javascript, masih di Edit HTML letakkan kode berikut sebelum </head> :
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
    <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
    <script>
        $(window).load(function(){
            $(&#39;.social-buttons .social-icon&#39;).mouseenter(function(){
                $(this).stop();
                $(this).animate({width:&#39;160&#39;}, 500, &#39;easeOutBounce&#39;,function(){}); 
            });
            $(&#39;.social-buttons .social-icon&#39;).mouseleave(function(){
                $(this).stop();
                $(this).animate({width:&#39;43&#39;}, 500, &#39;easeOutBounce&#39;,function(){});
            });
        });
    </script>
    Untuk jquery library warna biru diatas, jika pada template yang Anda gunakan sudah terpasang, ditinggalkan saja.
  5. Selanjutnya memanggil widget tersebut, letakkan kode HTML di bawah ini sebelum </body> :
    <div class='social-buttons button-right hidden-phone hidden-tablet'>
    <a class='itemsocial' href='https://www.facebook.com/your FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a>
    <a class='itemsocial' href='https://twitter.com/your twitter' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a>
    <a class='itemsocial' href='https://plus.google.com/your G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a>
    <a class='itemsocial' href='http://pinterest.com/your ID' id='pinterest-btn' target='_blank'><span class='social-icon'>
    <span class='social-text'>Follow via Pinterest</span></span></a>
    <a class='itemsocial' href='https://www.youtube.com/user/your ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a>
    <a class='itemsocial' href='http://feeds.feedburner.com/your feed' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a>
    </div>
    Ganti tulisan warna biru diatas, dengan ID Anda masing-masing jangan sampai keliru dengan ID tetangga.
  6. Terakhir, Save Templates
Nah itu tadi tutorial membuat floating social bookmark dengan efek easing menjawab pertanyaaan Muhammad Farhan. Jika masih ada yang kurang jelas kebangeten.. eh silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Apapun bentuk komentar Anda akan saya hargai, but please do not spamming.

{[['']]}

2 Template Blogger Responsive ( Johny Ajaib dan Johny Asal Responsive )

Kali ini Maskolis akan bagi lagi 2 buah template sederhana dengan tampilan responsif, setidaknya itu menurut saya. Karena saya membuat template ini hanya bermodalkan satu buah komputer jadul yang sering hang kalau panas dan koneksi internet tentunya, serta fasilitas responsive cheker online gratis yang banyak betebaran di internet. Saya disini tidak bisa mengecek secara langsung lewat mobile phone, karena teknologi dan kualitas HP saya tidak memungkinkan untuk itu. Jadi masalah akurasi responsivitasnya saya tidak jamin seratus persen, silahkan Anda cek sendiri melalui mobile phone Anda.

Johny Ajaib

responsive template


Memang cuma Kompi saja yang bisa ajaib? Johny juga bisa, ini buktinya template ini saya kasih nama Johny Ajaib. Template ini bisa juga dibilang sebagai bentuk apresiasi saya ke Kang Adhy pemilik blog Kompi Ajaib. Pada halaman muka template ini saya menggabungkan dua model tampilan, yang pertama adalah tampilan readmore blogger menggunakan javascript seperti biasa yang hanya menampilkan 1 buah post, dengan tampilan widget daftar isi dari Taufik Nurrohman seorang jagoan Blogger Indonesia pemilik situs http://www.dte.web.id.

Hal ini saya maksudkan agar fitur preview atau pratinjau pada blogger dapat berfungsi tanpa harus menyembunyikan post pada halaman muka, dan yang kedua untuk mengantisipasi mesin telusur dalam membaca struktur kode pada template. Karena jika Anda hanya meletakkan postingan berupa link yang dibangun dari javascript pada halaman muka, itu tidak akan terbaca atau diabaikan oleh mesin telusur, dan tentu saja hal itu tidak bagus untuk SEO. Kira-kira begitu yang saya tangkap dari salah satu komentar Kang Taufik pada salah satu artikelnya. (mohon dikoreksi kalau salah).

Untuk kustomisasi recent post paling atas, silahkan masuk ke setting >> posts and comments >> show at mosts, pilih angka/jumlah 1 (jika Anda ingin tampilan seperti pada demo), seperti pada gambar di bawah ini :

responsive template

Anda bisa merubah jumlah post itu sesuai keinginan. Tapi mesti diingat, Anda harus sesuaikan juga dengan jumlah tampilan post widget daftar isi yang ada di bawahnya agar tidak terjadi double post pada halaman muka. Caranya, perhatikan kode ini pada Edit HTML (centang expand widget templates) :
for(var o=1;o<postsperpage;o++)
Perhatikan angka warna kuning diatas, sesuaikan dengan jumlah show at most yang Anda pilih. Dan untuk setting widget daftar isi, cari kode berikut ini pada Edit HTML (centang expand widget templates):
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "",
    loadingText    = "Loading...",
    totalPostLabel = "Total Post :",
    jumpPageLabel  = "Page",
    commentsLabel  = "Comments",
    rmoreText      = "Read more &#9658;",
    prevText       = "Prev",
    nextText       = "Next",
    siteUrl        = "http://johny-ajaib.blogspot.com/",
    postsperpage   = 9,
    numchars       = 160,
    imgBlank       = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAkP-xhl8cquX7i7kQuY6pwkzw5IRZ6Fmd35LwNUfNsi_CLy5tTL3j0Mu3GP8vOFxPBNCfXUh49jKERpjfyj8qsstOTDFNwWNEyyN1LK8nfdUxqveblOVn9dZ2KSK5kWCrTpEfs7nm4ZQ/s1600/no+image.jpg";
Keterangan :
  1. Warna Merah : Ganti dengan URL blog Anda
  2. Warna Hijau : Jumlah postingan keseluruhan pada halaman muka.
  3. Warna Biru : Jumlah karakter huruf pada widget daftar isi.
Untuk keterangan yang lain saya kira mudah, silahkan Anda sesuaikan dengan kebutuhan atau keinginan

Johny Asal Responsive

Note :
Beberapa artikel pada demo template ini berdosis tinggi, bagi Anda yang belum bisa menerima perbedaan pendapat, sebaiknya jangan dibaca

Seperti namanya, yang penting responsive, mau dipakai atau enggak yang penting template responsive. Mungkin kira-kira itu yang ada di pikiran saya waktu bikin template ini. Tidak ada yang baru, juga tidak ada tutorial khusus untuk template ini. Yang perlu diperhatikan, disarankan untuk memakai gambar pada setiap postingan yang Anda buat. Dan setiap gambar yang Anda sertakan pada postingan harus diupload di Blogger, jangan disimpan di situs lain apalagi copy URL image dari blog lain.
 
{[['']]}

2 Simple Template Blogger Responsive ( Pakdhe Johny dan Johny Ribet )

Pakdhe Johny

blogger template responsive


Karena template ini awalnya permintaan Pakdhe saya, namanya Pakdhe Johny. Fitur-fitur yang tersedia pada template ini :
  1. Camera Slideshow
  2. Floating Social Bookmark
  3. Responsive Layout (menurut saya)
  4. Banner iklan 728 x 90 di bawah header
  5. Artikel terkait dengan thumbnail
  6. Tag H1 dan H2 juga sudah dipasang
  7. Coba klik salah satu gambar di homepage, fitur apa itu namanya?
  8. Dan masih banyak lagi yang masih belum dipasang
Untuk mengaktifkan camera slideshow, cari kode ini di Edit HTML :
blogURL:'http://pakdhe-johny.blogspot.com/',
Ganti URL warna kuning diatas, dengan URL blog Anda. Dan untuk mengganti floating social bookmark dengan data-data Anda cari kode berikut di Edit HTML :
 <div class='sosmed-kananblogger' onmouseout='this.className=&apos;sosmed-kananblogger&apos;' onmouseover='this.className=&apos;sosmed-kananbloggerc&apos;'><div class='sosmed-isiblogger'><a href='https://www.facebook.com/your facebook' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfveN4XiIEy6ig39FYiqFu7aFYet3ZfUKkgCRK0n589Z19Tqj3x1EoZh0fDGsBfHA0Xv9_ko-8erdwQ8D6epOzYGchJh_DPL6ocbyjIbUjOkSjiH_1-DNUDW_UaRrsWUz04ClF8bPEXah9/s1600/FB-open-new.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='sosmed-kanantwitter' onmouseout='this.className=&apos;sosmed-kanantwitter&apos;' onmouseover='this.className=&apos;sosmed-kanantwitterc&apos;'><div class='sosmed-isitwitter'><a href='https://twitter.com/maskolis' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRySwJFapIpSdnqEuVNPjHuqhRpGV_A5Me30KS_ZgqHFB_BC9h9N0xnMchp-NELCiwiXUbyfZiBwU9LsuHSuVvRmLm3zmLOAm8h1zjj81n10-GxbvtJVRj6xkK1DAZuxoPWz2y3GO0aqNe/s1600/TW-open-new.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='sosmed-kananfacebook' onmouseout='this.className=&apos;sosmed-kananfacebook&apos;' onmouseover='this.className=&apos;sosmed-kananfacebookc&apos;'><div class='sosmed-isifacebook'><a href='https://plus.google.com/your googleplus/posts' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnM_MLkGpYD5-uep1Gs4Pv7QWf9yb8OGciP2VqpG-NmVR52SfwU-pIiUftAn2JrcUU1W4pCbua1UcSe7cA1O5xCEcQsGL2oq85IWjBMahViU_4B346KiZvqwX98yxe0omsg_IfR2heg4hR/s1600/G+-open-new.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='sosmed-kananrss' onmouseout='this.className=&apos;sosmed-kananrss&apos;' onmouseover='this.className=&apos;sosmed-kananrssc&apos;'><div class='sosmed-isirss'><a href='http://feeds.feedburner.com/maskolis/iqBg' target='_blank'><img alt='Subscribe me on RSS' src='http://3.bp.blogspot.com/-MDAVOH3vOYU/UUa9UYMZCJI/AAAAAAAAAjA/YicU-mlZMrY/s1600/RSSjosspendek.png' title='Subscribe me'/></a><br/>
</div></div>
Ganti semua tulisan warna merah di atas dengan ID Anda.

Johny Ribet

blogger template responsive


Meskipun namanya pakai Ribet, sebenarnya ini template paling simple di antara template-template yang pernah saya buat. Template ini side effect atau efek samping dari pembuatan template Pakdhe Johny. Karena setiap saya membuat template pasti tidak pernah lepas dengan yang namanya jurus coba-coba. Eksperimen dalam memadukan warna atau fitur terkadang memunculkan sebuah kombinasi yang enak dilihat, daripada merubah yang sudah jadi mending dibuat template baru, ya hasilnya seperti template Johny Ribet diatas.

Tidak ada penambahan fitur baru pada template ini, untuk mengganti floating social bookmark cara seperti pada template Pakdhe Johny diatas.

Saya akan ulangi lagi disini, masalah akurasi responsivitas kedua template diatas saya tidak jamin 100% karena teknologi dan kualitas mobile phone saya yang tidak menunjang untuk mengecek secara langsung. Jadi, harap maklum dan jika ada yang merasa tampilan responsif-nya kurang enak dilihat, silahkan protes pada kolom komentar dibawah. Berhubung hujan sudah reda sekarang waktunya pulang ke rumah masing-masing......

SUMBER ARTIKEL
{[['']]}

Cara Membuat Random Post Blogger with Thumbnail

Dari beberapa Themes Blogger yang dibuat oleh MasKolis, terdapat widget Random Post yang modelnya Link List. Saya kemudian mencoba mencari-cari di Google dan akhirnya saya mendapatkannya, yaitu Random Post with Thumbnail. Yaitu sebuah Widget Blogger Random Post yang terdapat Thumbnail dari gampar postingan.

Dalam postingan kali ini, saya akan memberikan 2 Type Random Post with Thumbnail. Nanti anda terserah akan menggunakan yang mana. Widgets ini TIDAK MEMBERATKAN loading blog anda, jadi anda tidak perlu cemas.
Untuk DEMO, anda bisa lihat DISINI.

TYPE 1

Random Post Title with Thumbnail
[+] Masuk ke Account Blogger anda
[+] Pilih Tata Letak blog yang akan anda pasangi Widget Random Post
[+] Pilih Add Widget atau Tambahkan Widget
[+] Pilih HTML/JavaScript
[+] Masukkan code script dibawah ini kemudian Save
Random Post Model 1:
<style type="text/css">
.recent_post_content{width:100%;}
.recent_post_content_item {filter: alpha(opacity=80);opacity: 0.8;}
.recent_post_content img {width:32px;height:32px;background-position: center;margin:7px;padding: 2px;border:#888 solid thin;}
.recent_post_content_item table, .recent_post_content_item tr, .recent_post_content_item td {vertical-align: middle;}
.recent_post_content_item table {margin-bottom:2px;margin-top:3px;}
.recent_post_content_item:hover {filter: alpha(opacity=100);opacity: 1;}
.recent_post_title a{font-size:12px;text-decoration:none;font-weight:bold;color:inherit}
.recent_post_title a:hover{text-decoration:underline}
.recent_post_content_item .recent_post_info {filter: alpha(opacity=60);opacity: 0.6;font-size: 11px;}
</style>
<script type="text/JavaScript">
var No_Thumb_Url='http://photos1.blogger.com/x/blogger/3025/786/400/326847/no-photo-available.gif';
var Max_Post_Display=5;
var Sum_Len='100';
var Lang_By = 'By ';
var Lang_comment = ' comment';
var Lang_comments = ' comments';
var _0xc4c0=["\x75\x20\x46\x28\x4E\x2C\x48\x2C\x6F\x2C\x65\x2C\x4F\x29\x7B\x37\x20\x4A\x3D\x27\x27\x3B\x35\x28\x48\x21\x3D\x27\x27\x29\x4A\x3D\x27\x2F\x2D\x2F\x27\x2B\x48\x3B\x37\x20\x51\x3D\x27\x27\x3B\x35\x28\x6F\x21\x3D\x27\x27\x29\x51\x3D\x27\x6F\x2D\x31\x71\x3D\x27\x2B\x6F\x2B\x27\x26\x27\x3B\x37\x20\x4D\x3D\x27\x27\x3B\x35\x28\x65\x21\x3D\x27\x27\x29\x4D\x3D\x27\x65\x2D\x31\x74\x3D\x27\x2B\x65\x2B\x27\x26\x27\x3B\x31\x38\x2E\x31\x39\x28\x27\x3C\x55\x20\x4E\x3D\x22\x31\x70\x2F\x31\x6F\x22\x20\x50\x3D\x22\x2E\x2E\x2F\x2E\x2E\x2F\x31\x6E\x2F\x27\x2B\x4E\x2B\x27\x2F\x36\x27\x2B\x4A\x2B\x27\x3F\x27\x2B\x51\x2B\x4D\x2B\x27\x31\x72\x3D\x64\x2D\x63\x2D\x55\x26\x4F\x3D\x27\x2B\x4F\x2B\x27\x22\x3E\x3C\x5C\x2F\x55\x3E\x27\x29\x7D\x75\x20\x4B\x28\x64\x29\x7B\x37\x20\x31\x31\x3D\x2F\x3C\x5C\x53\x5B\x5E\x3E\x5D\x2A\x3E\x2F\x67\x3B\x32\x2E\x73\x3D\x41\x28\x64\x2E\x43\x2E\x49\x24\x31\x76\x2E\x24\x74\x29\x3B\x32\x2E\x6F\x3D\x41\x28\x64\x2E\x43\x2E\x49\x24\x31\x73\x2E\x24\x74\x29\x3B\x32\x2E\x44\x3D\x41\x28\x64\x2E\x43\x2E\x49\x24\x31\x75\x2E\x24\x74\x29\x3B\x32\x2E\x45\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x6B\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x62\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x36\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x79\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x71\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x42\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x72\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x76\x3D\x66\x20\x68\x28\x29\x3B\x32\x2E\x38\x3D\x32\x2E\x73\x2D\x32\x2E\x6F\x2B\x31\x3B\x35\x28\x32\x2E\x38\x3E\x32\x2E\x44\x29\x32\x2E\x38\x3D\x32\x2E\x44\x3B\x54\x28\x37\x20\x69\x3D\x30\x3B\x69\x3C\x32\x2E\x38\x3B\x69\x2B\x2B\x29\x7B\x32\x2E\x79\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x71\x5B\x69\x5D\x3D\x27\x23\x27\x3B\x32\x2E\x42\x5B\x69\x5D\x3D\x27\x27\x3B\x35\x28\x31\x32\x20\x31\x35\x21\x3D\x27\x31\x69\x27\x29\x32\x2E\x42\x5B\x69\x5D\x3D\x31\x35\x3B\x32\x2E\x45\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x6B\x5B\x69\x5D\x3D\x27\x27\x3B\x32\x2E\x62\x5B\x69\x5D\x3D\x27\x23\x27\x3B\x32\x2E\x36\x5B\x69\x5D\x3D\x30\x3B\x32\x2E\x72\x5B\x69\x5D\x3D\x27\x27\x3B\x35\x28\x31\x32\x20\x31\x34\x21\x3D\x27\x31\x69\x27\x29\x32\x2E\x72\x5B\x69\x5D\x3D\x31\x34\x3B\x32\x2E\x76\x5B\x69\x5D\x3D\x27\x27\x3B\x37\x20\x34\x3D\x64\x2E\x43\x2E\x34\x5B\x69\x5D\x3B\x35\x28\x27\x31\x33\x27\x63\x20\x34\x29\x32\x2E\x45\x5B\x69\x5D\x3D\x34\x2E\x31\x33\x2E\x24\x74\x3B\x35\x28\x27\x6B\x27\x63\x20\x34\x29\x32\x2E\x6B\x5B\x69\x5D\x3D\x34\x2E\x6B\x2E\x24\x74\x3B\x35\x28\x27\x62\x27\x63\x20\x34\x29\x7B\x54\x28\x37\x20\x6A\x3D\x30\x3B\x6A\x3C\x34\x2E\x62\x2E\x47\x3B\x6A\x2B\x2B\x29\x7B\x35\x28\x34\x2E\x62\x5B\x6A\x5D\x2E\x31\x46\x3D\x3D\x27\x31\x4C\x27\x29\x7B\x32\x2E\x62\x5B\x69\x5D\x3D\x34\x2E\x62\x5B\x6A\x5D\x2E\x52\x3B\x31\x4E\x7D\x7D\x35\x28\x6A\x3D\x3D\x34\x2E\x62\x2E\x47\x29\x32\x2E\x62\x5B\x69\x5D\x3D\x27\x23\x27\x7D\x35\x28\x27\x36\x27\x63\x20\x34\x29\x32\x2E\x36\x5B\x69\x5D\x3D\x34\x2E\x36\x2E\x24\x74\x3B\x32\x2E\x36\x5B\x69\x5D\x3D\x32\x2E\x36\x5B\x69\x5D\x2E\x31\x49\x28\x31\x31\x2C\x27\x27\x29\x3B\x35\x28\x32\x2E\x36\x5B\x69\x5D\x2E\x47\x3E\x5A\x29\x7B\x32\x2E\x36\x5B\x69\x5D\x3D\x32\x2E\x36\x5B\x69\x5D\x2E\x31\x48\x28\x30\x2C\x5A\x29\x2B\x27\x2E\x2E\x2E\x27\x7D\x35\x28\x27\x6D\x27\x63\x20\x34\x29\x7B\x35\x28\x27\x56\x27\x63\x20\x34\x2E\x6D\x5B\x30\x5D\x29\x7B\x32\x2E\x79\x5B\x69\x5D\x3D\x34\x2E\x6D\x5B\x30\x5D\x2E\x56\x2E\x24\x74\x7D\x35\x28\x27\x71\x27\x63\x20\x34\x2E\x6D\x5B\x30\x5D\x29\x32\x2E\x71\x5B\x69\x5D\x3D\x34\x2E\x6D\x5B\x30\x5D\x2E\x71\x2E\x24\x74\x3B\x35\x28\x27\x57\x24\x59\x27\x63\x20\x34\x2E\x6D\x5B\x30\x5D\x29\x7B\x32\x2E\x42\x5B\x69\x5D\x3D\x34\x2E\x6D\x5B\x30\x5D\x2E\x57\x24\x59\x2E\x50\x7D\x7D\x35\x28\x27\x58\x24\x31\x37\x27\x63\x20\x34\x29\x32\x2E\x72\x5B\x69\x5D\x3D\x34\x2E\x58\x24\x31\x37\x2E\x31\x4A\x3B\x35\x28\x27\x31\x6B\x24\x73\x27\x63\x20\x34\x29\x32\x2E\x76\x5B\x69\x5D\x3D\x34\x2E\x31\x6B\x24\x73\x2E\x24\x74\x7D\x4C\x20\x32\x7D\x75\x20\x31\x63\x28\x38\x2C\x65\x29\x7B\x35\x28\x38\x3D\x3D\x65\x29\x7B\x4C\x20\x38\x7D\x37\x20\x78\x3D\x30\x3B\x37\x20\x6E\x3D\x30\x3B\x35\x28\x65\x3E\x38\x29\x7B\x6E\x3D\x65\x2D\x38\x3B\x78\x3D\x38\x7D\x31\x6D\x7B\x6E\x3D\x38\x2D\x65\x3B\x78\x3D\x65\x7D\x6E\x3D\x31\x67\x2E\x31\x4B\x28\x31\x67\x2E\x31\x77\x28\x29\x2A\x6E\x29\x3B\x4C\x28\x6E\x2B\x78\x29\x7D\x46\x28\x27\x31\x68\x27\x2C\x27\x27\x2C\x27\x27\x2C\x27\x30\x27\x2C\x27\x31\x65\x27\x29\x3B\x75\x20\x31\x65\x28\x64\x29\x7B\x31\x66\x3D\x4B\x28\x64\x29\x3B\x31\x64\x3D\x31\x66\x2E\x73\x3B\x70\x3D\x31\x64\x2D\x31\x6C\x3B\x35\x28\x70\x3C\x31\x29\x70\x3D\x31\x3B\x70\x3D\x31\x63\x28\x31\x2C\x70\x29\x3B\x46\x28\x27\x31\x68\x27\x2C\x27\x27\x2C\x27\x27\x2B\x70\x2B\x27\x27\x2C\x27\x27\x2B\x31\x6C\x2B\x27\x27\x2C\x27\x31\x6A\x27\x29\x7D\x75\x20\x31\x6A\x28\x64\x29\x7B\x37\x20\x39\x3D\x4B\x28\x64\x29\x3B\x37\x20\x33\x3D\x22\x22\x3B\x54\x28\x37\x20\x69\x3D\x30\x3B\x69\x3C\x39\x2E\x38\x3B\x69\x2B\x2B\x29\x7B\x33\x2B\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x4D\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x30\x20\x31\x61\x3D\x22\x30\x25\x22\x20\x31\x47\x3D\x22\x30\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x62\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x61\x20\x52\x3D\x22\x27\x2B\x39\x2E\x62\x5B\x69\x5D\x2B\x27\x22\x20\x6B\x3D\x22\x27\x2B\x39\x2E\x36\x5B\x69\x5D\x2B\x27\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x31\x7A\x20\x50\x3D\x22\x27\x2B\x39\x2E\x72\x5B\x69\x5D\x2B\x27\x22\x20\x31\x61\x3D\x22\x31\x36\x22\x20\x31\x79\x3D\x22\x31\x36\x22\x2F\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x61\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x78\x22\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x61\x20\x52\x3D\x22\x27\x2B\x39\x2E\x62\x5B\x69\x5D\x2B\x27\x22\x20\x6B\x3D\x22\x27\x2B\x39\x2E\x36\x5B\x69\x5D\x2B\x27\x22\x3E\x27\x3B\x33\x2B\x3D\x39\x2E\x6B\x5B\x69\x5D\x3B\x33\x2B\x3D\x27\x3C\x2F\x61\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x6C\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x41\x22\x3E\x27\x3B\x33\x2B\x3D\x28\x31\x42\x2B\x39\x2E\x79\x5B\x69\x5D\x2B\x27\x20\x2D\x20\x27\x2B\x39\x2E\x76\x5B\x69\x5D\x29\x3B\x35\x28\x41\x28\x39\x2E\x76\x5B\x69\x5D\x29\x3E\x31\x29\x7B\x33\x2B\x3D\x31\x45\x7D\x31\x6D\x7B\x33\x2B\x3D\x31\x44\x7D\x33\x2B\x3D\x27\x3C\x2F\x6C\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x77\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x31\x62\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x31\x30\x3E\x27\x3B\x33\x2B\x3D\x27\x3C\x2F\x6C\x3E\x27\x7D\x33\x3D\x27\x3C\x6C\x20\x7A\x3D\x22\x31\x43\x22\x3E\x27\x2B\x33\x2B\x27\x3C\x2F\x6C\x3E\x27\x3B\x31\x38\x2E\x31\x39\x28\x33\x29\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x74\x68\x69\x73\x7C\x73\x74\x72\x5F\x6F\x75\x74\x7C\x65\x6E\x74\x72\x79\x7C\x69\x66\x7C\x73\x75\x6D\x6D\x61\x72\x79\x7C\x76\x61\x72\x7C\x6D\x69\x6E\x7C\x52\x70\x6F\x73\x74\x7C\x7C\x6C\x69\x6E\x6B\x7C\x69\x6E\x7C\x6A\x73\x6F\x6E\x7C\x6D\x61\x78\x7C\x6E\x65\x77\x7C\x7C\x4F\x62\x6A\x65\x63\x74\x7C\x7C\x7C\x74\x69\x74\x6C\x65\x7C\x64\x69\x76\x7C\x61\x75\x74\x68\x6F\x72\x7C\x64\x69\x66\x66\x7C\x73\x74\x61\x72\x74\x7C\x6D\x69\x6E\x5F\x69\x6E\x64\x65\x78\x7C\x75\x72\x69\x7C\x74\x68\x75\x6D\x62\x7C\x74\x6F\x74\x61\x6C\x7C\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x63\x6D\x7C\x74\x64\x7C\x72\x6D\x69\x6E\x7C\x61\x75\x6E\x61\x6D\x65\x7C\x63\x6C\x61\x73\x73\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x61\x76\x61\x74\x61\x72\x7C\x66\x65\x65\x64\x7C\x69\x74\x65\x6D\x7C\x70\x75\x62\x7C\x46\x65\x65\x64\x5F\x43\x61\x6C\x6C\x7C\x6C\x65\x6E\x67\x74\x68\x7C\x6C\x61\x62\x65\x6C\x7C\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x7C\x64\x69\x72\x7C\x46\x65\x65\x64\x5F\x50\x61\x72\x73\x65\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6D\x61\x78\x5F\x72\x65\x73\x75\x6C\x74\x7C\x74\x79\x70\x65\x7C\x63\x61\x6C\x6C\x62\x61\x63\x6B\x7C\x73\x72\x63\x7C\x73\x74\x61\x72\x74\x5F\x69\x6E\x64\x65\x78\x7C\x68\x72\x65\x66\x7C\x7C\x66\x6F\x72\x7C\x73\x63\x72\x69\x70\x74\x7C\x6E\x61\x6D\x65\x7C\x67\x64\x7C\x6D\x65\x64\x69\x61\x7C\x69\x6D\x61\x67\x65\x7C\x53\x75\x6D\x5F\x4C\x65\x6E\x7C\x74\x61\x62\x6C\x65\x7C\x72\x65\x7C\x74\x79\x70\x65\x6F\x66\x7C\x70\x75\x62\x6C\x69\x73\x68\x65\x64\x7C\x4E\x6F\x5F\x54\x68\x75\x6D\x62\x5F\x55\x72\x6C\x7C\x4E\x6F\x5F\x41\x76\x61\x74\x61\x72\x5F\x55\x72\x6C\x7C\x33\x32\x70\x78\x7C\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x77\x72\x69\x74\x65\x7C\x77\x69\x64\x74\x68\x7C\x74\x72\x7C\x52\x61\x6E\x64\x6F\x6D\x7C\x54\x6F\x74\x61\x6C\x5F\x50\x6F\x73\x74\x7C\x47\x65\x74\x5F\x54\x6F\x74\x61\x6C\x5F\x50\x6F\x73\x74\x7C\x6A\x50\x6F\x73\x74\x7C\x4D\x61\x74\x68\x7C\x70\x6F\x73\x74\x73\x7C\x75\x6E\x64\x65\x66\x69\x6E\x65\x64\x7C\x52\x61\x6E\x64\x6F\x6D\x5F\x50\x6F\x73\x74\x5F\x53\x68\x6F\x77\x7C\x74\x68\x72\x7C\x4D\x61\x78\x5F\x50\x6F\x73\x74\x5F\x44\x69\x73\x70\x6C\x61\x79\x7C\x65\x6C\x73\x65\x7C\x66\x65\x65\x64\x73\x7C\x4A\x61\x76\x61\x53\x63\x72\x69\x70\x74\x7C\x74\x65\x78\x74\x7C\x69\x6E\x64\x65\x78\x7C\x61\x6C\x74\x7C\x73\x74\x61\x72\x74\x49\x6E\x64\x65\x78\x7C\x72\x65\x73\x75\x6C\x74\x73\x7C\x69\x74\x65\x6D\x73\x50\x65\x72\x50\x61\x67\x65\x7C\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73\x7C\x72\x61\x6E\x64\x6F\x6D\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x74\x69\x74\x6C\x65\x7C\x68\x65\x69\x67\x68\x74\x7C\x69\x6D\x67\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x69\x6E\x66\x6F\x7C\x4C\x61\x6E\x67\x5F\x42\x79\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x7C\x4C\x61\x6E\x67\x5F\x63\x6F\x6D\x6D\x65\x6E\x74\x7C\x4C\x61\x6E\x67\x5F\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x72\x65\x6C\x7C\x62\x6F\x72\x64\x65\x72\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x72\x65\x70\x6C\x61\x63\x65\x7C\x75\x72\x6C\x7C\x66\x6C\x6F\x6F\x72\x7C\x61\x6C\x74\x65\x72\x6E\x61\x74\x65\x7C\x72\x65\x63\x65\x6E\x74\x5F\x70\x6F\x73\x74\x5F\x63\x6F\x6E\x74\x65\x6E\x74\x5F\x69\x74\x65\x6D\x7C\x62\x72\x65\x61\x6B","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x5cedx1,_0x5cedx2,_0x5cedx3,_0x5cedx4,_0x5cedx5,_0x5cedx6){_0x5cedx5=function (_0x5cedx3){return (_0x5cedx3<_0x5cedx2?_0xc4c0[4]:_0x5cedx5(parseInt(_0x5cedx3/_0x5cedx2)))+((_0x5cedx3=_0x5cedx3%_0x5cedx2)>35?String[_0xc4c0[5]](_0x5cedx3+29):_0x5cedx3.toString(36));} ;if(!_0xc4c0[4][_0xc4c0[6]](/^/,String)){while(_0x5cedx3--){_0x5cedx6[_0x5cedx5(_0x5cedx3)]=_0x5cedx4[_0x5cedx3]||_0x5cedx5(_0x5cedx3);} ;_0x5cedx4=[function (_0x5cedx5){return _0x5cedx6[_0x5cedx5];} ];_0x5cedx5=function (){return _0xc4c0[7];} ;_0x5cedx3=1;} ;while(_0x5cedx3--){if(_0x5cedx4[_0x5cedx3]){_0x5cedx1=_0x5cedx1[_0xc4c0[6]]( new RegExp(_0xc4c0[8]+_0x5cedx5(_0x5cedx3)+_0xc4c0[8],_0xc4c0[9]),_0x5cedx4[_0x5cedx3]);} ;} ;return _0x5cedx1;} (_0xc4c0[0],62,112,_0xc4c0[3][_0xc4c0[2]](_0xc4c0[1]),0,{}));
</script>
Keterangan:
Max_Post_Display=5; = Jumlah post yang ditampilkan
http://photos1.blogger.com/x/blogger/3025/786/400/326847/no-photo-available.gif = Gambar default postingan jika diposting tanpa gambar.

TYPE 2

Random Post Title, Post with Thumbnail
[+] Masuk ke Account Blogger anda
[+] Pilih Tata Letak blog yang akan anda pasangi Widget Random Post
[+] Pilih Add Widget atau Tambahkan Widget
[+] Pilih HTML/JavaScript
[+] Masukkan code script dibawah ini kemudian Save
Random Post Model 2:
<style>
.rp-post-link {
font-weight: bold !important;
font-size: 120% !important;
}
.rp-summary {
margin-top: 3px !important;
font-size: 95% !important;
line-height: 1.3em !important;
word-wrap: break-word !important;
}
.rp-thumbnail {
margin: 5px 5px 2px 0px !important;
float: left !important;
width:60px;height:60px;
}
.rp-pubdate {
font-style: italic !important;
margin-bottom: 3px !important;
}
</style>
<script type="text/javascript">
var randarray = new Array();
var l=0;
var flag;
var lengthsummary = 155; //Jumlah karakter postingan yang ditampilkan
var numofpost=5; //Jumlah postingan yang ditampilkan
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('<div>');
for(n in randarray){
var p=randarray[n];
var entry=json.feed.entry[p-1];
var item ="";
var posttitle = entry.title.$t || "[Untitled]";
"[Untitled]"
for(k=entry.link.length -1; k >= 0 ; k--){
if(entry.link[k].rel=='alternate'){
item +="<a class='rp-post-link' href='" + entry.link[k].href + "'>" + posttitle + "</a>";
break;
}
}
item += "<br"
item += "/>"
var pubdate = new Date(entry.published.$t).toDateString();
item +="<span class='rp-pubdate'>Posted On " + pubdate +"</span>";
if('media$thumbnail' in entry)item += "<img class='rp-thumbnail' src='" + entry.media$thumbnail.url + "'>"
var summary = "";
if ("content" in entry) {
summary = entry.content.$t;
}
else if ("summary" in entry) {
summary = entry.summary.$t;
}
var re = /<\S[^>]*>/g;
summary = summary.replace(re, "");
item += "<p class='rp-summary'>" + summary.substring(0,lengthsummary) + " ...</p>";
document.write(item);
}
document.write('</div>');
}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript">
</script>
Keterangan:
width:60px;height:60px; = Ukuran gambar Thumbnail
lengthsummary = 155; = Jumlah karakter isi postingan yang ditampilkan
numofpost=5; = Jumlah postingan yang ditampilkan

Nah, semoga tulisan saya kali ini bisa bermanfaat untuk anda.
Salam...

Sumber: infokini & philenotfound
{[['']]}

Rahasia Google : Doodle



Hai sobat Blogger!. Postingan kali ini tentang rahasia Google. Seperti yang anda tahu Google adalah penguasa dunia internet. Sudah terkenal sejak www (Web World Wide) dibuat. Google ternyata masih mendapat pagerank 9 dari Google sendiri, namun yang mendapat pagerank 10 adalah Twitter, dikarenakan Twitter lebih enteng daripada Google. Rahasia Google sebenarnya hanya hal sepele. Hal sepele itu
{[['']]}

Cara membuat daftar isi di Blog

sumber artikel http://littlemisspaw.blogspot.com

Kali ini blog Portal Informasi Online update lagi, dengan informasi mengenai Cara Membuat Daftar Isi di Blog yang tentunya dapat bermanfaat bagi kita semua.

Cara Membuat Daftar Isi Simple dan Keren

Cara Membuat Daftar Isi di Blog - Daftar Isi adalah salah satu poin penting bagi blog kita. Fungsinya untuk meletakan seluruh postingan blog kita, disertai dengan scroll otomatis. Jadi, Pengunjung tidak repot lagi untuk mencari artikel diblog kita, Para pengunjung yang ingin mencari artikel bisa langsung menuju halaman Daftar Isi untuk mencari artikel yang di inginkan.
Cara Membuat Daftar Isi Simple dan Keren
Cara Membuat Daftar Isi Simple dan Keren

Caranya ikuti langkah berikut :

1. Buka blogger.com dan Login
2. Buat postingan baru, dan beri judul "Daftar Isi" (Sesuai Keinginan)
3. Setelah itu, di situ ada 2 tab, sobat klik HTML bukan (Compose)
4. Masukan script di bawah ini :
<center>
<h2>
<b>DAFTAR ISI</b></h2>
</center>
<div margin="5px" style="border: 2px solid rgb(153, 153, 153); height: 700px; overflow: auto;">
<div style="border: 0px solid #000; height: auto; overflow: auto;">
<script src="http://aan-hosting.googlecode.com/files/littlemisspaw.blogspot.com.js"></script>
<script>
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
var shownumposts = true;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;max-results=9999&amp;callback=showrecentposts"></script>
</div>
<div align="right" style="font-size: 11px; padding: 16px 5px 5px 5px;">
<a href="http://littlemisspaw.blogspot.com/" style="color: black;" target="_blank">By Aan Aliudin</a>
</div>
</div>

5. klik Publikasikan dan liat hasilnya.
{[['']]}

Membuat daftar isi blog otomatis dengan scroll


sumber artikel http://www.membuat.info

Membuat daftar isi blog otomatis untuk blogspot maupun platform blogger berdomain sendiri saya berikan disini secara mudah dan langsung jadi. Memang banyak kegunaan daftar isi blog otomatis bagi sobat salah satunya adalah untuk memudahkan pengunjung menjelajahi konten anda dan memperbanyak pageview blog agan.

Membuat Daftar Isi blog Otomatis

Membuat daftar isi blog otomatis di blogspot mempunyai keunggulan lebih praktis dari pada anda membuat daftar isi manual yang harus mengisinya otomatis setiap kali anda membuat postingan baru. Pada daftar isi blog otomatis ini anda sekali meletakkan script di bawah ini dan hasilnya daftar isi blog blogspot sobat akan update otomatis tanpa ribet ga pake pusing.

Cara membuat daftar isi otomatis di blog

1) Masuk ke account blogger anda. Lalu buat laman baru bukan postingan baru karena lebih statis.
Dashboard > New Post/Edit Post > Edit Pages > Create New Page
 
2) Beri judul Laman tersebut misal "Daftar isi" atau "Daftar isi blog".
3) Setelah itu pindah ke mode HTML seperti gambar di atas >> lalu ganti semua kode yang muncul seperti di lingkaran dengan kode Membuat daftar isi blog otomatis buatan saya di bawah ini;
<div style="height: 300px; overflow: auto; text-align: left; width: 530px;">
<script src="http://yourjavascript.com/12152269523/daftar-isi-otomatis.js">
</script>
<script src="http://www.membuat.info/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
4) Ganti URL blog berwarna merah diatas dengan Url blog sobat.
5) Publikasikan dan lihat hasilnya.

Note : warna hijau untuk mengatur tinggi area scrol daftar isi.
           warna ungu untuk mengatur lebar area scroll daftar isi blog.

{[['']]}

Johny Tubeprett dan Johny Movie Prett

Anda harus baca artikel sebelumnya disini. Kenapa saya bilang harus? Pertama, karena saya tidak akan mengulang lagi apapun yang sudah saya tulis kemarin. Kedua, karena tulisan kali ini ada kaitannya dengan yang kemarin dan hanya berisi tutorial atau cara customisasi kedua template yang sudah saya bagi pada artikel sebelumnya, dan ketiga bukan saya malas nulis lagi di artikel ini, tapi sekedar untuk menambah pageviews blog. Sekarang demo template dan link download sudah tersedia pada artikel sebelumnya, silahkan dibuka kembali.

Johny Tubeprett

blogger template video

Demo dan link download template ini ada pada artikel sebelumnya. Template ini saya buat khusus bagi Anda yang suka koleksi video dari Youtube. Jika Anda ingin gunakan untuk konten biasa, silahkan saja tapi usahakan menggunakan gambar dalam setiap postingannya, dan hapus juga kode CSS play-button dan play-dong agar gambar "play" pada thumbnail di halaman muka hilang.

Cara posting video pada template ini sama persis dengan template Johny Crottube, jadi silahkan dibuka lagi artikel Johny Crottube, Template Iseng Sambil Nunggu Jerman Vs Yunani. Untuk pemasangan fitur lain yang ada pada template ini, silahkan simak penjelasannya berikut ini :
  1. Slider atas yang saya pasang pada template ini bekerja menampilkan recent post, jika Anda ingin merubah menampilkan per label/kategori, silahkan dibuka tutorial cara membuat slider vertikal disini.
  2. Widget "Type Your Label Here" yang di samping slider, seperti biasa masuk ke Layout, pilih kolom Type Your Label Here yang ada diatas blog post >> klik Edit, kemudian ketikkan label pada kotak itu, terakhir Save. Lihat gambar di bawah untuk lebih jelas :

    maskolis

  3. Widget Tab View kategori
    Pertama, untuk merubah judul tab (Adventure, Action, Bike Game dan seterusnya) cari kode berikut ini di Edit HTML :
    Title1="Adventure";Title2="Action";Title3="Bike Game";Title4="Dress-Up";Title5="Strategy";Title6="Sport Game"
    Setelah ketemu ganti tulisan warna biru diatas dengan judul yang ingin Anda tampilkan pada tab view widget kategori.
    Kedua, untuk mengisi widget tab view dengan label yang ingin Anda pasang disitu, cari kode berikut pada Edit HTML (jangan lupa centang expand widget templates) :
    <div class='tab-wrapper'>
    <div class='tabber' id='tab1'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/comedy?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab2'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/jazz?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab3'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/comedy?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab4'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/jazz?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab5'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/comedy?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab6'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/jazz?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='clear'/>
    </div></div>
     
  4. Ganti semua tulisan warna merah pada kode diatas, dengan label yang ingin Anda tampilkan.
  5. Widget Popular Post
    Masuk ke Layout >> pilih Popular Post >> centang hanya kotak thumbnail, biarkan kotak snippet kosong.
Johny Movie Prett

blogger template movie

Template ini hasil penggabungan dari Johny Tampan dan Johny Jijay, saya buat khusus bagi Anda yang suka mengkoleksi film. Demo dan link download template ini, silahkan buka lagi artikel sebelumnya. 

Cara pasang slider sama seperti pada Johny Jijay, silahkan buka lagi artikel ini Johny Jijay, Simple Template Blogger Gallery Movie. Dan untuk memasang widget tab kategori sama seperti pada template Johny Tubeprett diatas.

Sumber Artikel
{[['']]}

2 Template Blogger Gallery Bukan Responsif



blogger template movie


blogger template video


Screenshot dan demo template diatas bukannya saya mau pamer, tapi karena hanya menyesuaikan dengan judul dan keterbatasan waktu kali ini, saya memutuskan untuk dilanjut nanti malam. Tenang aja, link download dan tutorial cara pemasangan akan saya berikan semua gratis seperti biasanya. 

Oke saya mau lanjut nguli dulu, silahkan berdiskusi sementara tentang topik yang saya bahas diatas, berbeda pendapat boleh, tapi harus saling menghargai pendapat orang dan jangan pernah memaksakan pendapat pribadi ke orang lain.

Tutorial Pemasangan Kedua Template Diatas


Sumber Artikel
{[['']]}

Cheat GTA San Andreas PC




Hai Gamer. Kali ini saya akan menjelaskan tentang cheat game gta san andreas pc. Semua gamer biasanya sudah mengenali game ini pada PS ataupun PC. GTA versi ini adalah versi populer dari semua versi gta lainnya, karena itu hampir semua gamer mengenali game ini. Ada banyak versi dari game ini, yang populer hanyalah game ini. Saya sudah memainkan game ini sampai tamat. Sesudah tamat pasti sudah
{[['']]}

Popular Post

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. irhat3 - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger