Membuat Recent Post Khusus untuk Label

Atas request dari Blog Sharing, kali ini saya akan membahas tentang cara membuat Recent Post khusus untuk sebuah label. Sebenarnya widget untuk recent post sudah saya bahas di artikel sebelumnya, widget tersebut untuk semua label, tapi bisa difilter untuk menampilkan label tertentu.
Kali ini akan benar-benar hanya menampilkan 1 label tertentu.

Caranya:

1. Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements",
2. Tambahkan Gadget baru dengan mengklik "Add a Gadget",
3. Pilih gadget "Feed",
4. Kemudian pada kolom Feed URL, isi dengan:
   

   http://blogkamu.blogspot.com/feeds/posts/default/-/labelkamu

5. Ganti blogkamu dengan alamat blog kamu, dan ganti juga labelkamu dengan label yang ingin kamu tampilkan.
   Ingat bahwa URL adalah case-sensitive, jadi perhatikan huruf besar-kecilnya label kamu.
6. Klik "Continue" kalau sudah selesai.

Semoga bermanfaat! :D
[+] selengkapnya...

Membuat Tulisan Berwarna-warni

Sobat, kali ini aku akan membahas tentang cara membuat tulisan berwarna-warni. Cara ini bisa kamu gunakan kalau kamu mau mempercantik blog kamu ataupun menarik pengunjung untuk membaca artikel kamu.
Lihat contohnya di bawah:

Tulisan berwarna-warni

Tulisan tersebut awalnya berwarna biasa saja, tapi setelah semuanya selesai diproses, akan langsung berubah jadi berwarna-warni

Caranya:

1. Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements",
2. Tambahkan widget JavaScript dengan mengklik "Add a Gadget" - "HTML/JavaScript",
3. Tidak usah diberi judul, dan copy-paste kode di bawah ini sebagai kontennya:
   

   <script
   src="http://sites.google.com/site/copycatgroup/Home/jsfile/rainbowtext.js">
   </script>

4. Klik "Save",
5. Kalau kamu ingin membuat tulisan berwarna-warni di post kamu, tambahkan kode di bawah ini saat kamu menulis post untuk blog kamu:
   <span class="rainbow_text"> Tulisan yang ingin dibuat berwarna-warni </span>

Selamat mencoba! :D
[+] selengkapnya...

Buku Tamu Tersembunyi Versi 2

Setelah membuat buku tamu tersembunyi versi 1 dan melihat respon yang cukup banyak untuk itu, aku coba untuk membuat buku tamu tersembunyi versi 2. Seperti namanya, buku tamu ini juga tersembunyi. Bedanya dengan versi pertama adalah cara penampakannya.
Untuk contohnya, kamu bisa lihat di blog ini.

Cara membuatnya:

1. Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements"
2. Tambahkan widget baru dengan mengklik "Add a Gadget" - "HTML/JavaScript"
3. Tidak usah diberi judul, dan copy kode di bawah ini sebagai konten widget kamu:
   

   <style type="text/css">
     .gb_fixed{
         position:fixed;
         top:0px;
         right:0px;
         z-index:+10;
     }
     * html .gb_fixed {position:relative;}
     #hidden_gb2 {
         display:none;
         border:2px solid #88C900;
         background:#E5E5E5;
         padding:10px;
         padding-top:0px;
     }
   </style>
   <div class="gb_fixed">
     <table id="hidden_gb2" cellpadding="0" cellspacing="0">
       <tr><td>
         <div> <a href="javascript:void(0)" onclick="gb_showHideGB()">[x]</a> </div>
   
         <!-- Kode buku tamu kamu -->
   
         <div style="text-align:right; font-size:10px">
             Widget by
             <a href="http://infotentangblog.blogspot.com/2009/08/buku-tamu-tersembunyi-versi-2.html">
                 Info Blog
             </a>
         </div>
     </table>
   </div>
   
   <script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js">
   
   <div class="gb_fixed" style="z-index:+5">
   <a href="javascript:void(0)" onclick="gb_showHideGB()">
     <img border="0" style="border:0px"
          src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxgFUetbWMjoc-7crHfS-mRWcJH17Em2IS7iqvWFMG1qAtKGZau4yMr_1u7VUanXq-UY_ALc7jr31xt0ZtizSPkXA-orQqGPUL3F7__JI4fkeWJfLNuqi-kWEN5P3tWtvTDekC1mQIJcqh/" />
     </a>
   </div>
   </script>
   

4. Posisi buku tamu jika kamu tidak mengganti kode di atas adalah di bagian kanan atas. Kalau kamu mau mengganti jadi kiri, ubah right jadi left. Dan kalau kamu mau menempatkannya di bawah, ubah top jadi bottom,
5. Kalau kamu mau mengganti gambar tombolnya, ganti kamu bisa mengganti source gambar yang ditebalkan di atas,
6. Dan juga jangan lupa untuk mengganti kode <!-- Kode buku tamu kamu --> jadi kode buku tamu kamu.
7. Klik "Save" kalau sudah selesai.

Semoga bermanfaat!
[+] selengkapnya...

Mengatur Jadwal Posting

Mungkin informasi ini sudah banyak diketahui oleh para blogger, tapi tidak ada salahnya kalau aku memposting artikel tentang jadwal posting ini.

Menurut aku, mengatur jadwal posting itu mempunyai 2 manfaat yang sangat penting dan sangat sering digunakan. Aku pun sering mengatur jadwal posting ini agar blog aku tidak berantakan. Adapun 2 manfaat tersebut antara lain:

1. Kamu bisa mengatur artikel kamu agar ter-publish secara otomatis. Hal ini sangat penting jika kamu biasa mem-publish artikel kamu secara berkala, tapi kamu mempunyai kegiatan yang banyak ke depannya. Atau jika kamu tiba-tiba punya banyak ide dalam 1 hari, tapi tidak mau mem-publish semuanya dalam hari tersebut.
2. Jika kamu tidak ingin menempatkan postingan baru tersebut di halaman utama blog kamu. Hal ini biasanya diterapkan untuk postingan yang bukan berupa artikel, tapi merupakan halaman pendukung blog, seperti yang aku lakukan pada halaman daftar isi blog ini.

Caranya:

1. Masuk ke account Blogger kamu, dan pilih "Posting",
2. Ketik judul, isi, dan label dari postingan kamu,
3. Klik "Post Option" pada bagian sebelah kiri bawah postingan kamu dan akan muncul sebuah kotak untuk mengedit opsi dari postingan kamu,
4. Perhatikan kolom "Post date and time". Pada kolom tersebut terdapat tanggal dan jam berapa kamu mulai membuat postingan kamu.
5. Jika kamu ingin mem-publish postingan kamu secara otomatis, majukan tanggalnya menjadi tanggal berapa yang kamu inginkan postingan kamu itu ter-publish secara otomatis.
   Misalnya aku membuat artikel ini pada hari ini (09/08/24), tapi aku baru mau mem-publish-nya 3 hari lagi, jadi aku tinggal ubah tanggalnya jadi 09/08/27.
6. Sebaliknya jika kamu tidak ingin postingan kamu tampil pada halaman depan, mundurkan tanggalnya beberapa hari atau beberapa bulan ke belakang. Kalau kamu mau tampil pada halaman paling belakang, mundurkan jadi sehari sebelum postingan pertama kamu.
7. Klik "Publish Post" jika semuanya sudah selesai.

NB: Maaf, postingannya agak jelek, soalnya udah ngantuk, tapi semoga bermanfaat! :D
[+] selengkapnya...

Membuat Drop Cap (Upgraded!)

Aku sudah membahas tentang bagaimana membuat drop cap seperti di koran pada postingan awal2 saya. Tapi cara itu aku nilai terlalu merepotkan, karena harus menambahkan kode HTML pada setiap post.

Dengan cara yang sudah di-"upgrade", tidak perlu lagi menambahkan kode HTML tersebut. Kamu cukup membuat post seperti biasa dan post kamu akan tampil dengan dropcap seperti di koran.

Caranya:

1. Masuk ke account Blogger kamu, kemudian klik "Layout" - "Edit HTML",
2. Cari kode
   

   .post-body {
   xxxxxxxxxx;
   xxxxxxxxxx;
   }

3. Kemudian tambahkan di bawahnya kode
   

   .post-body p.dropcap:first-letter {
   font-size:3em;
   float:left;
   margin-right:5px;
   vertical-align:text-top;
   }

4. Untuk mengatur ukuran DropCap-nya ubah font-size-nya jadi 2.5em, 2em, atau nilai-nilai yang lain,
5. Kemudian cari lagi kode
   

   <data:post.body/>

6. Kalau di kode tersebut tidak diapit oleh kode <p> dan </p>, tambahkan kode tersebut sehingga menjadi
   

   <p class='dropcap'> <data:post.body/> </p>

7. Dan kalau kode <data:post.body/> sudah diapit oleh kode <p> dan </p>, cukup tambahkan kode class='dropcap' sehingga jadi seperti kode di atas,
   
8. Klik "Save Template" kalau sudah selesai,
9. dan sekarang semua post kamu akan terlihat seperti di koran! :D

Selamat mencoba!
[+] selengkapnya...

Membuat Headline News Blog

Kali ini aku akan membahas tentang membuat headline news untuk blog. Sesuai namanya, widget headline news ini menampilkan judul serta link artikel-artikel terbaru dari blog kamu di bagian atas atau bawah blog kamu.
Kamu bisa lihat contoh gambarnya di bawah:


Judul-judul artikel pada headline news tersebut bergerak, sehingga lebih menarik perhatian pembaca.

Caranya:

1. Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements",
2. Klik "Add a Gadget" dan pilih "HTML/JavaScript",
3. Tidak usah diberi judul, kemudian copy-paste kode di bawah ini:
   

   <script type="text/javascript">
    var hn_url_blog = "http://BLOGKAMU.blogspot.com";
    var hn_jumlah_post = 5;
    var hn_warna_latar = "#EEEEEE";
    var hn_warna_garis = "#000000";
    var hn_posisi = "top";
    var hn_tampilkan_judul = true;
    var hn_backlink = true;
   </script>
   <script src="http://copycat91.googlecode.com/svn/trunk/headlinenews.js">
   </script>
   

4. Berikut adalah penjelasan tentang variabel-variabel di atas:
   
   
   • hn_url_blog adalah URL blog kamu (widget ini hanya untuk pengguna blogger).
     
     
   • hn_jumlah_post adalah jumlah judul artikel yang ingin kamu tampilkan pada headline news.
     
     
   • hn_warna_latar adalah kode warna untuk latar belakang headline news. (Baca artikel kode hex warna di sini)
     
     
   • hn_warna_garis adalah kode warna untuk garis bingkai/border headline news. (Baca artikel kode hex warna di sini)
     
     
   • hn_posisi menentukan posisi headline news kamu apakah di atas ("top") atau di bawah ("bottom"),
     
     
   • hn_tampilkan_judul bernilai true kalau kamu ingin menampilkan tulisan "Headline news of BLOGKAMU" di bagian kiri dan bernilai false jika tidak ingin menampilkannya,
     
     
   • hn_backlink bernilai true kalau kamu ingin menampilkan backlink ke blog ini dan false jika tidak.
     
     

Selamat mencoba dan semoga bermanfaat! :D
[+] selengkapnya...

Link List Transparan

Sobat, kali ini kita akan membahas tentang membuat Link List transparan. Menurut aku, ini membuat Link List kamu terlihat lebih keren, tapi ga tau menurut yang lain gimana. Kamu bisa lihat contohnya di bawah:

• Link 1
  
• Link 2
• Link 3
• Dan seterusnya...

Cara ini tidak terlihat bagi pengguna browser Internet Explorer (makanya yang pakai IE, cepetan ganti)

Cara membuatnya hampir sama dengan artikel Hack Link List. Berikut langkah-langkahnya:

1. Masuk ke account Blogger kamu, pilih "Layout" - "Page Elements",
2. Tambahkan gadget Link List di blog kamu (klik "Add a Gadget" - "Link List"),
   
3. Kalau sudah punya, masuk ke halaman "Edit HTML",
4. Centang "Expand Widget Templates",
5. Cari kode <li> setelah kode <b:loop values='data:links' var='link'>,
6. Ubah kode <li> jadi
   

   <li style='opacity=0.5' onmouseover='this.style.opacity="1"'
     onmouseout='this.style.opacity="0.5"'>

7. Klik "Save Template" kalau sudah selesai.

Kamu bisa mengubah nilai 0.5 di atas untuk mengatur transparansi link kamu. Turunkan nilainya jika kamu ingin lebih transparan, dan naikkan nilainya jika kamu ingin sebaliknya.
Semoga bermanfaat! :D
[+] selengkapnya...