blog tutorial

Posted: 27 Dec 2010 03:38 PM PST

Dalam posting sebelumnya mengenai fitur Kategori Otomatis Dengan Thumbnail ada yang request, bagaimana jika yang tampil adalah hanya thumbnail saja dan berderet ke samping? ini bisa saja di lakukan, namun tentu dengan sedikit modifikasi.

Contoh screenshot dari kategori otomatis hanya menampilkan thumbnail:

Berikut adalah langkah-langkahnya :

Langkah pertama

Login ke blogger dengan ID anda.
Klik Rancangan.
Klik tab Edit HTML.
Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

Carilah kode ]]></b:skin>, copy lalu paste kode berikut persis diatas kode ]]></b:skin>

/*** Labels Thumbs ***/ img.label_thumb{ float:left; border:1px solid #ccc; width:85px; height:70px; margin-right:10px; margin-bottom:10px; }

Carilah kode </head>, copy lalu paste kode berikut persis diatas kode </head>

<script type='text/javascript'> //<![CDATA[ function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;} if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}} var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error) {s=entry.content.$t;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!="")){thumburl=d;} else thumburl='';} document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>'); if(i!=(numposts-1)) document.write('');} document.write('</div>');} //]]> </script>

Klik tombol SIMPAN TEMPLATE.
Langkah pertama selesai.

Langkah kedua

Klik tab Rancangan.
Jika masih dalam posisi tab Elemen Laman, silahkan klik terlebih dahulu tab menu Elemen Laman.
Klik Tambah Gadget untuk menambahkan gadget baru.
Setelah muncul jendela baru, klik tanda plus untuk HTML/JavaScript
Copy script dibawah ini, lalu paste pada kolom yang tersedia. Beri juga judul yang sesuai dengan yang anda inginkan. Namun sebelumnya anda harus mengubah tulisan yang di beri warna merah dengan nama kategori yang di inginkan.

<script type='text/javascript'>var numposts = 6;</script>
<script type="text/javascript" src="/feeds/posts/default/-/namalabelmu?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
Klik tombol SIMPAN
Langkah kedua Selesai.

Jika anda ingin menambahkan widget lain untuk nama kategori yang lain, anda hanya melakukan hal yang sama dengan urutan Langkah Kedua.

Untuk pengaturan custom seperti mengubah ukuran thumbnail, border dan lainnya, anda dapat mengubah pengaturan di bagian CSS, silahkan kreasikan sendiri :

/*** Labels Thumbs ***/
img.label_thumb{
float:left;
border:1px solid #ccc;
width:85px;
height:70px;
margin-right:10px;
margin-bottom:10px;
}

Untuk mengatur jumlah thumbnail yang ingin tampil anda tinggal mengubah angka 6 dengan nilai angka yang lain.

Manampilkan kategori hanya thumbnail, mungkin cocok untuk blog yang bersifat gallery template, gallery photo dan sejenisnya.

INSPIRASI

ORANG BODOH DAN ORANG PINTAR Orang bodoh sulit dapat kerja, akhirnya di bisnis. Agar bisnisnya berhasil, tentu dia harus merekrut orang orang pintar. Walhasil bosnya orang pintar adalah orang bodoh. Orang bodoh sering melakukan kesalahan, maka dia rekrut orang pintar yang tidak pernah salah untuk memperbaiki yang salah. Walhasil orang bodoh memerintahkan orang pintar untuk keperluan orang bodoh. Orang pintar belajar untuk mendapatkan ijasah dan selanjutnya mendapatkan kerja. Orang bodoh berpikir secepatnya mendapatkan uang untuk membayar proposal yang di ajukan orang pintar. Orang bodoh tidak bisa membuat teks pidato, maka menyuruh orang pintar untuk membuatnya. Orang bodoh kayaknya susah untuk lulus sekolah hukum ( SH ) oleh karena itu orang bodoh memerintahkan orang pintar untuk membuat undang undangnya orang bodoh. Orang bodoh biasanya jago cuap – cuap jual omongan, sementara itu orang pintar percaya, tetapi selanjutnya orang pintar menyesal karena telah mempercayai orang bodoh. Tapi toh saat itu orang bodoh sudah ada di atas. Orang bodoh berpikir pendek untuk memutuskan sesuatu di pikirkan panjang panjang oleh orang pintar, walhasil orang orang pintar menjadi stafnya orang bodoh. Saat bisnis orang bodoh mengalami kelesuan, dia PHK orang orang pintar yang bekerja. Tapi orang orang pintar demo, walhasil orang pintar “meratap – ratap” kepada orang bodoh agar tetap di berikan pekerjaan. Tapi saat bisnis orang bodoh maju, orang pintar akan menghabiskan waktu untuk bekerja keras dengan hati senang, sementara orang bodoh menghabiskan waktu untuk bersenang senang dengan keluarganya . Mata orang bodoh selalu mencari apa yang bisa di jadikan duit, mata orang pintar selalu mencari kolom lowongan pekerjaan. Bill Gates ( Microsoft), Dell Hendri ( Ford), Thomas alfa edison , Tommy Suharto, Liem Sioe Liong ( BCA Group), adalah orang orang yang tidak pernah dapat S1 yang kaya, Ribuan orang pintar bekerja untuk mereka, puluhan ribu jiwa keluarga orang pintar bergantung pada orang bodoh. Kesimpulan : Jangan lama lama jadi orang pintar , lama lama tidak sadar bahwa dirinya telah di bodohi oleh orang bodoh, jdilah orang bodoh yang pintar , dari pada orang pintar yang bodoh, kata kuncinya adalah risiko dan berusaha, karena orang bodoh berpikir pendek, maka dia bilang resikonya kecil, sehingga dia berusaha agar resikonya betul - betul kecil, Orang pintar berpikir panjang, maka dia bilang resikonya besar, untuk selanjutnya dia tidak akan berusaha untuk mengambil resiko tersebut dan mengabdi pada orang bodoh, semoga tulisan ini bermanfaat, mohon maaf bila isinya tidak berkenan. Di salin dari : Joko Adi Pamungkas Jl. Kalpataru III/66 Purwosari Baturaden, Banyumas

Info Satpol

Halaman

Senin, 27 Desember 2010

blog tutorial

blog tutorial

Langkah pertama

Langkah kedua

0 komentar:

Posting Komentar

Menu Blog Ini

Info Satpol

Posting Gratis Di Sini

INSPIRASI

Ikuti beritaku