Cara Mengganti Favicon di Blogger (Untuk Semua Browser)

Dear Sobat Blogger!

Teringat dulu saya pernah posting tentang bagaimana cara membuat Favicon di Blogger dan menggantinya pada addres bar. Lupa ya? Klik link ini untuk membaca. Nah, ada kelemahannya sobat. Yaitu script tersebut tidak akan berlaku untuk browser tertentu seperti google chrome atau chromium (mungkin pada browser lain juga). Karena saya hanya mencobanya pada firefox saja. Namun sobat jangan khawatir, karena malam ini kita telah menemukan solusinya.

Bagaimana cara membuat favicon di blog untuk semua browser?

Sebelumnya pastikan anda sudah mempunyai gambar yang telah di upload. Karena kita akan membutuhkan URL gambar tersebut untuk di masukkan dalam script yang akan saya berikan. Kalau belum di upload, silahkan upload pada situs ini: Photobucket. Jika sudah selesai upload maka lanjut ke langkah dibawah ini.

1. Login Blog
2. Klik Rancangan - Edit HTML
3. Cari script </head>
4. Paste Script ini diatas </head> tersebut:

<link href='URL GAMBAR ICON ANDA' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

5. Klik Save dan selesai.

Sekarang Favicon blog anda akan muncul di browser apa saja.

Selamat mencoba dan semoga berhasil.

Sumber: Agung Indraguna

Tutorial Blog: Membuat Text Area Pada Blog

Dear All!

Malam yang sepi untuk sharing informasi. Sumber yang saya ambil pada postingan kali ini adalah dari situs: http://allaboutalgoritma.blogspot.com/. Beliau adalah teman baru saya dalam blogwalking. Nah kebetulan lagi cari-cari cara pengen ngebuat teks area eh nemunya di blog beliau.

Apa sih Tex Area?

Ini yang disebut dengan Text Area. Jadi kalo teman2 punya postingan yang pengen dimasukin kesini ikuti terus langkah-langkahnya ya....

Bagus kan ^_^

Ternyata cara buatnya sangat gampang. Yaitu cukup copy dan paste code berikut pada area Postingan blog anda dan ingat dalam Mode Edit HTML:

<div style="background-color: rgb(221, 229, 209); line-height: 1.5em; padding: 5px; border: 4px dotted rgb(255, 255, 255); -moz-border-radius: 10px 10px 10px 10px; color: rgb(204, 0, 0);">KOMENTAR</div>

Selanjutnya tinggal di terbitkan aja postingannya sob! Mudah Kan?

Selamat Mencoba Ya!

Tutorial Blog: Membuat Scroll Box Untuk Gadget

Dear Gan!

Terkadang kita mempunyai gadget dengan list yang sangat panjang. Misalnya saja gadget friends list, gadget iklan, gadget categories, komentar dan berbagai gadget lainnya. Gadget yang terlalu panjang akan membuat blog tidak bagus, karena memakan space yang terlalu besar daaaann mubazir gitu lah. Hahahahaha.

Nah bagaimana solusinya?

Solusinya sangat mudah gan! Yaitu dengan menambahkan scroll box pada gadget tersebut. Dengan scroll box, memungkinkan user untuk mempersingkat list yang ada pada blog. Gimana sih scroll box itu? Gini Screenshotnya:

SS Scroll Box

Untuk membuat scroll box seperti itu simak tutorialnya:

1. Login Blog

2. Klik Rancangan - Elemen Laman - Tambah Gadget

3. Pilih HTML/script

4. Masukkan script berikut ini pada gadget:

<div style="width:426px;height:100px;overflow:auto; ">

Disini berisi kode untuk gadget anda....silahkan diubah....

</div>

Note: Widht dan height dapat diubah sesuai ukuran yang anda kehendaki

5. Bila selesai, SIMPAN dan lihat hasilnya.

Selamat mencoba dan semoga berhasil!. Sumber: www.tutorialuntukblog.blogspot.com

Tutorial Blog: Cara Membuat Link Terbuka di Tab Baru

Dear Sobat!

Siang yang indah untuk berbagi. Pada kesempatan ini (alamak kaya pidato) ijinkan saya menyampaikan tutorial singkat dan mungkin sudah biasa, tapi mungkin juga ada yang belum tau, jadi buat teman ingin tau sila lanjut ke TKP gan:

Nah, mungkin teman-teman ada yang belum tau cara membuat link tulisan alias tautan pada blog terbuka pada tab baru (pada browser). Jadi kan kalo teman2 pada naruh link biasanya kan ada yang terbuka di tab tersebut (pada browser), ada juga model yang lain yaitu link tersebut terbuka pada tab yang baru. Nah, kenapa link terbuka pada tab baru itu bagus? Karena tidak mengganggu halaman yang sedang terbuka. Karena ada kalanya halaman tersebut masih diperlukan. Jadi kalo sobat buat linknya TIDAK terbuka pada tab baru kan lumayan mengganggu juga tuh soalnya halaman yang lagi terbuka jadi hilang karena tertimpa sama halaman link tersebut. (Bahasanya mutar-mutar kaya obat nyamuk ya?)

Bagaimana cara membuat link terbuka pada tab baru?

1. Pastikan anda sedang berada pada Area Posting.
2. Pastikan mode yang anda pilih itu adalah Compose bukan Edit HTML
2. Untuk Masukkan link seperti biasa, klik link pada menu posting, isi text to display dan isi web addres
3. Kalau sudah klik Edit HTML dan tambah script berikut.

Langsung aja ke contoh ya...

Rizukinote Link  (Ini adalah link www.rizukinote.co.cc)

Kalau kita klik Edit HTML maka script HTML nya adalah sebagai berikut:

<a href="http://www.rizukinote.co.cc/">Rizukinote Link</a>

nah tambahkan script target="blank"  atau target="new" atau target="up" sehingga script berubah menjadi:

<a target="blank" href="http://www.rizukinote.co.cc/">Rizukinote Link</a> atau
<a target="new" href="http://www.rizukinote.co.cc/">Rizukinote Link</a> atau
<a target="up" href="http://www.rizukinote.co.cc/">Rizukinote Link</a>

4. Selesai dan siap untuk diterbitkan!

 Link tersebut akhirnya akan terbuka pada tab yang baru dan tidak akan mengganggu halaman web yang sedang terbuka.

Note:
Ada terdapat perbedaan antara ketiga code berikut (blank, new, dan up). Jika menggunakan blank maka setiap link di klik akan terbuka pada tab yang baru. Namun jika menggunakan new atau up maka hanya 1 kali link akan terbuka pada tab baru, untuk klik selanjutnya tab tersebut hanya me-refresh link yang sudah terbuka. Jadi kesimpulannya lebih efektif jika sobat menggunakan blank saja.

Selamat Mencoba Semoga Sukses!

Tutorial Blog: Cara Pasang Save Energy Screen

Postingan ini merujuk ke salah satu permintaan sobat saya www.jejakspring.blogspot.com untuk memposting cara pasang Save Energy Screen di Blog! Sip Komandan! Akhirnya nemu juga setelah browsing ga beberapa lama. Langsung aja deh:

What? Save Energy Screen memungkinkan si empunya blog menampilkan screen untuk menghemat energy PC or Laptop si pengunjung, untuk beberapa saat ketika tak digunakan maka screen blog akan berubah dalam mode Save Screen (biasanya berwarna hitam) yang konon diyakini dapat menghemat Energy yang dikeluarkan oleh PC or Lapie.... Bener ga seh? Tanya aja ma nenek moyang. Hahahaha....

How? This is the steps:

• Login Blogger
• Masuk ke Menu Rancangan > Edit HTML
• Klik centang Expand Template Widget
• Copy code dibawah dan paste diatas kode </head> (cari aja kode nya dengan Ctrl+F)

The Code:

=============================

<!-- save your energy -->
<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'></script>
<!-- save your energy end -->

=============================

Kalau udah tinggal di Simpan aja templatenya.

Untuk mencoba, buka blog anda dan tunggu beberapa saat. Black Screen menandakan blog dalam keadaan Save Energy

Semoga Berhasil!

Cara Membuat Scroll Box untuk Widget Blogger

Dear Friends!


Tutorial kali ini saya akan bahas mengenai blog lagi. Semoga tidak bosan. Hehehe....

Mungkin anda semua pernah liat blog teman anda yang digadgetnya itu ada scrollnya. Nah buat yang belum tau cara buatnya, kebetulan kita akan bahas pada postingan kali ini. Scroll box itu bagi sebagian blogger adalah hal yang penting karena untuk membuat blog kelihatan lebih manis dan rapi. Dengan menggunakan scroll box, postingan yang ada dalam widget tidak akan terlalu melebar kebawah sehingga space untuk blog menjadi lebih irit. Buat yang udah penasaran berikut langkah-langkahnya.

Langkah 1:
Login blog seperti biasa > Rancangan > Tambah widget > HTML mode

Langkah 2:
Masukkan kode berikut kedalam text area nya:

<div style="width:426px;height:100px;overflow:auto; ">

Letakkan kod widget anda disini

</div>


Langkah 3:
Simpan hasil kerja anda, dan saksikan blog anda telah memiliki scrollnya sekarang ^__^

Tips:
- Tulisan warna merah diganti dengan kode widget yang ingin anda buat menjadi scroll.
- Width da height dapat diganti sesuai selera anda serapi mungkin ^_^

Tutorial Membuat Language Bar Versi Sendiri di Blogger

Dear All!

Selamat pagi semua, belakangan ini saya sudah jarang posting ni, maklum bulan 1 adalah rutinitas setiap kampus mengadakan event besar yang disebut dengan "Ujian Akhir Semester" hehehe... dan saya adalah salah satu pesertanya. Tapi sekarang sudah bisa bernapas sedikit lebih lega deh, makanya saya bisa ngurusin lagi nih junk note.

Okeh tutorial kali ini masih seputaran blog, sebenarnya gampang aja sih karena saya mau ngebahas cara membuat blog kesayangan kita dapat menerjemahkan ke ragam bahasa yang kita inginkan. Bedanya kita tidak mengambil gadget yang tersedia di pasaran (hehehe). Saya akan menjelaskan cara membuat gadget bar versi sendiri.

Buat apa sih translator bahasa? Penting loo...siapa tau ada turis kaya yang masuk ke blog kita, dia ingin mencari partner kerja dengan melihat kemampuan menulis diblog. Nah kalo dia tidak ngerti dengan apa yang kita tulis gimana bisa kita direkrut untuk bekerja sama dengan turis tersebut, ya ga? Hehehe...

Nah itu dia gan, keren kan? Kalo blog lain language bar nya punya request dari gadget yang ada di google, kita jangan gitu donk??? Kalo bisa versi diri sendiri (hehehe).

Oke deh, sebelum kita masuk ke script, agan harus tau dulu ni cara membuat menu dan submenu, serta cara menambah menu. Tutorialnya pernah saya uda pernah saya posting, tapi kalo mau baca lagi silahkan klik link dibawah ini:

1. Perkenalan cara membuat menu
2. Cara membuat menu pada blog

Nah, kalo sudah baca ikuti langkah dibawah:

Langkah 1:
Buat menu baru untuk blog anda misalnya Language, dan paste link berikut:

<li><a href='#'>Language</a>
<ul>

<li><a href='http://translate.google.com/translate?
client=tmpg&amp;hl=en&amp;u=http://rizukinote.blogspot.com/
&amp;langpair=id|en' target='_blank'>English</a></li>

<li><a href='http://translate.google.com/translate?
client=tmpg&amp;hl=en&amp;u=http://rizukinote.blogspot.com/
&amp;langpair=id|de' target='_blank'>Deutsch</a></li>

<li><a href='http://translate.google.com/translate?
client=tmpg&amp;hl=en&amp;u=http://rizukinote.blogspot.com/
&amp;langpair=id|fr' target='_blank'>France</a></li>

<li><a href='http://translate.google.com/translate?
client=tmpg&amp;hl=en&amp;u=http://rizukinote.blogspot.com/
&amp;langpair=id|zh-CN' target='_blank'>Chinese</a></li>

<li><a href='http://translate.google.com/translate?
client=tmpg&amp;hl=en&amp;u=http://rizukinote.blogspot.com/
&amp;langpair=id|ja' target='_blank'>Japanese</a></li>

<li><a href='http://translate.google.com/translate?
client=tmpg&amp;hl=en&amp;u=http://rizukinote.blogspot.com/
&amp;langpair=id|ar' target='_blank'>Arabic</a></li>

</ul>
</li>

Langkah 2:
Save hasil kerja. dan selesai.

Keterangan:
Tulisan berwarna biru dapat diganti dengan nama Menu dan Submenu sesuai keinginan anda.
Tulisan berwarna merah merupakan alamat blog anda. Jadi cukup ganti aja link nya dengan link blog agan-agan semua.

Tips:
Untuk menambah bahasa tinggal perbanyak aja kode diatas gan, tapi bagian submenu nya doank. Trus ganti aja URL terjemahannya yang dapat diperoleh dari google translate. (Perhatikan tulisan warna hijau, itu adalah kode untuk bahasanya)

Membuat Fitur Search di Blogger

Dear gan...setelah vakum beberapa hari karena kesibukan kuliah akhirnya sempat juga nih ane posting tutorial di blog yang masih newbie ini wehehehehe....Sama seperti sebelumnya, ane mau share ilmu tentang blog nih. Kali ini kita akan kupas tuntas cara buat fitur search di blogger. Ini penting lo...untuk apa? Pastinya untuk membuat pengunjung gampang cari artikel yang ada diblog kita. Efek samping lainnya adalah membuat blog lebih keren dan sedap dipandang wehehehe...Simak tutorialnya.

1. Seperti biasa, login blog > rancangan > elemen laman > tambah gadget.
2. Nah kalo udah pilih tipenya: HTML/Javascript
3. Tentukan judulnya dibagian judul, dan di bagian konten paste kode berikut:
4. <div id='topsearch'>
   <form action='/search' id='searchform' method='get'>
   <input id='s' name='q' onfocus='this.value=&apos;&apos;;' type='text' value='your search here...'/>
   <input id='searchsubmit' type='submit' value='search'/> </form> </div> <div style='clear:both;'/></div>
5. Nah selanjutnya tinggal save aja deh.... dan selesai ^_^

Gimana? Gampang kan? (kalo susah buat pesawat namanya), kalo ngikutin langkahnya secara bertahap pasti berhasil dan kalo ada masalah tinggal komen dibawah postingan ini aja ya gan?

Tips: Kalo posisi kurang rapi (tidak berada ditengah, atau sesuai kemauan lainnya) baca aja postingan sebelumnya tentang mengatur posisi gadget atau klik link ini.

Membuat Menu, Sub Menu Pada Blogger Tingkat Lanjut

Oke cuy seperti yang tertera pada judul, kita akan buat menu, sub menu, bahkan sub dari submenu didalam blog kita. Ini penting Lho...karena akan membuat blog kita lebih rapi, lebih terstruktur dan pastinya pengunjung lebih mudah dalam mencari kategori sesuai kebutuhannya. Simak tutorialnya.

Langkah 1#:

1. Download template blog anda yang baru dan sesuai keinginan, bagusnya sih yang udah ada menu bawaannya minimal Home, Post RSS, Comment RSS (ini untuk memudahkan kita dalam mengedit label menu sesuai keinginan kita). Link yang saya tawarkan disini adalah: http://www.premiumbloggertemplates.com/
2. Login ke blogger seperti biasa, terus pilih Rancangan > Edit HTML > Pilih Berkas > Unggah > Save
3. Setelah Langkah 1 selesai, lanjut langkah 2

Langkah 2#:

1. Masih pada Edit HTML, klik expand template widget
2. Carilah sintaks berikut:
3. expr:href='data:blog.homepageUrl' ...... >Label yang ada pada template yang anda download tadi</a></li>. Tugas anda adalah mencari kata yang bertulisan merah, pasti akan ada kesulitan dalam mencari kata tersebut karena jumlahnya yang lumayan banyak. Tapi secara umum kata yang berwarna merah tersebut selalu diiringi oleh label yang ada pada template yang telah anda download tadi. Label tersebut ditulis dengan format tulisan yang berwarna biru diatas.
4. Sebagai contoh lihatlah sintaks berikut:

          <li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>

    

     5.  Tulisan yang berwarna biru diatas dapat diganti sesuka hati misalnya Beranda dan sebagainya.

     6.  Biasanya ada menu-menu lain yang ada dibawah template dan itu juga bisa diganti, secara umum formatnya adalah sebagai berikut:

<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li>        

<li><a href='#'>Post RSS</a></li>

<li><a href='#'>Comment RSS</a></li>

Nah, Kita modifikasi menjadi seperti ini:

<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Beranda</a></li>        

<li><a href='#'>Tutorial</a>

      <ul>

             <li><a href=''>Pemograman</a></li>

                   <ul>

                          <li><a href='http://rizukinote.blogspot.com/search/label/java'>Java</a></li>

                          <li><a href='http://rizukinote.blogspot.com/search/label/basic'>Basic</a></li>

                   </ul>

             <li><a href='http://rizukinote.blogspot.com/search/label/photoshop'>Desain</a></li>

     </ul>

</li>

<li><a href='http://rizukinote.blogspot.com/search/label/About'>About Me</a></li>

Perhatikan tulisan yang berwarna ungu diatas, tulisan tersebut merupakan link yang akan membawa kita saat kita melakukan klik pada menu yang telah kita buat. Link tersebut diperoleh dengan cara memberikan label pada setiap postingan di blog. Ini mudah dilakukan karena blogger telah menyediakan fasilitas ini pada dasbor > edit entri > centang postingan > buat label baru > selesai.

Nah kalo udah selesai klik setiap label dan copy url pada address bar browser anda untuk memperoleh link yang nantinya akan menggantikan tulisan berwarna ungu yang saya sebutkan tadi. Kalo udah tinggal di SAVE aja deh gan.

Nah secara struktur sintaks diatas dapat dipresentasikan sebagai berikut:

Beranda

Tutorial

        > Pemograman

                  > Java

                  > Basic

        > Desain

About Me

Kurang lebih gitu aja gan tutorialnya. Huff, Agak ribet ya? Sebenarnya ga juga sih asal kita menggunakan logika kita saat melakukan pengeditan blog, wehehehe....jadi kalo ada masalah tinggalkan komentar agan-agan ya, biar entar ane follow up :)  Good Luck!

Membuat Link Facebook di Blog Kreasi Sendiri

Hai Sob! Jaman udah merdeka kaya gini jangan mau dikekang sama aplikasi dan tool buatan orang lain. Saatnya kreasikan imajinasi oleh sendiri, karena sendiri dan untuk diri sendiri. Hehehehe….

Itu cuma pembuka aja sih sob sebenarnya, yok kita lanjut ke topik kita yang sebenarnya. Chekidot…

Gini ni, tau blog kan? Hehehe…(pasti tau), Nah tau Fb ga? Alias Facebook? Sekarang tau ga cara masukin link Facebook anda di blog? Penting lo… Kan lumayan untuk tenar disana sini hehehe… Masalahnya sekarang sebagian besar dari blogger ituh pasti buatnya dari Facebook badge, dan situs penyedia badge lainnya, menurut ane sih kurang seru sob. Oleh karena itu ayo buat badge Facebook ala diri sendiri dan ikuti cara dibawah ini ^_^ :

1. Buka tool untuk desain grafis yang sobat-sobat pada jago makenya. Boleh Corel Draw, Photoshop, Paint, Word dan sebagainya.
2. Kreasikan sesuai selera anda, awas jangan terlalu banyak penyedap ya.
3. Atur resolusi yang sesuai dengan Side bar blog anda, biasanya itu width; 190 dan height: 52 (agar ukurannya pas dan file kecil)
4. Berikut contoh facebook kreasi anak bangsa hehehe:
5.                         
6. Simpan file tersebut kedalam format JPEG, Bitmap, PNG, dan format yang mendukung lainnya.
7. Nah sekarang nih yang paling penting! Upload file tersebut ke web. Tips nya nih, anda tidak perlu berlangganan di Imageshack, Photobucket, dan sebagainya (ribet kan harus hapal account segala). Caranya adalah buka blog anda pilih new entri. Selanjutnya upload aja foto didalam kotak postingan anda. Dan setelah upload berhasil klik kanan dan copy image location seperti contoh berikut : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipU5V-X6oGtQ-WOK31gMChp0dmifcGklYjPTi6co9xZh2IyCfJNeYTY0sb2JXrVZ_na9PdGyqvbT9zwTg7np4CdpjCI2IuOq6Ha8uSBRZCsXcLYHliAX5oqQ_SGeSRVCtdMlW9YsnZYga0/s320/fb.jpg
8. setelah selesai buka dasbor blog kemudian pilih Rancangan > Elemen Laman > pilih Tambah Gadget > Pilih Mode HTML > Kemudia Pastekan Kode berikut di Konten: <a href="http://facebook.com/rizqi.muharridha"><img border="0" height="52" width="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipU5V-X6oGtQ-WOK31gMChp0dmifcGklYjPTi6co9xZh2IyCfJNeYTY0sb2JXrVZ_na9PdGyqvbT9zwTg7np4CdpjCI2IuOq6Ha8uSBRZCsXcLYHliAX5oqQ_SGeSRVCtdMlW9YsnZYga0/s320/fb.jpg" /></a>
9. Ganti kode yang berwarna biru dengan Url Facebook sobat.
10. Ganti kode yang berwarna hijau dengan Url Gambar yang udah sobat upload tadi.
11. Selesai deh Coy. Good Luck Yah ^_^

Tips: Untuk merapikan letak gambar agar tepat  berada ditengah sidebar ikuti aja tutorial sebelumnya (http://rizukinote.blogspot.com/2010/12/membuat-gadget-menjadi-center-pada-side.html)

Membuat Gadget Menjadi Center Pada Side Bar

Dear Friends!

Tutorial blog berikut ini saya share berdasarkan pengalaman saya, yaitu kesulitan dalam mengatur posisi gadget agar rapih. Mungkin sobat pernah bahkan sering kali merasa bahwa gadget yang anda punya tidaklah rapi. Yang tadinya mau ditengah, Eh malah ada di kanan atau di kiri. Huff...Cape Deh! Anyway, Mulai detik anda membaca postingan ini, maka saja jamin masalah anda akan berakhir seketika (ajib dah bahasanya).

Caranya gampang banget sebenarnya, karena gadget telah diatur default oleh template maka kita bisa mengakalinya yaitu dengan membuatkan sebuat tabel dan meletakkan gadget anda kedalam tabel tersebut. Nah kalo udah dalam tabel anda bebas kan mau mentengahkan, samping kanan atau samping kiri ???
^_^ (mulai lega deh).

Eits Jangan Lega Dulu! Permasalahannya bagaimana membuat tabelnya? hehehe...tenang saudara, itu bukan masalah karena berikut script tabel yang bisa anda copaz secara gratis:

<table border="0" cellpadding="3" width="210"><tbody><tr>
<td align="center">

Script Gadget Anda Copaz Disini!

</td>
</tr>
</tbody></table>

Perhatikan Tulisan Merah Diatas! Anda tinggal mengganti script di atas dengan gadget yang anda miliki, misalnya gadget Jam, Kalender, Visitors, dan sebagainya.

Nah di bawah ini contoh gadget untuk jam saya:

<table border="0" cellpadding="3" width="210"><tbody><tr>
<td align="center">
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5012-orange.swf";obj.TimeZone="JOG";obj.width=151;obj.height=90;obj.wmode="transparent";showClock(obj);</script>
</td>
</tr>
</tbody></table>

Gimana, gimana? Selamat mencoba ya... Semoga Berhasil ^_^

Menyembunyikan (Hide) Buku Tamu / Guest Book Blogger

Lagi-lagi tutorial kali ini adalah tentang blog. Dan lagi-lagi yang menjadi objek atau narasumbernya adalah blog saya sendiri (hehehehe...)

Saya yakin sobat semua sangat menganggap buku tamu itu hal yang perlu, bahkan wajib untuk sebuah blog, hehehe. Bukan sekedar untuk gaya-gayaan sih, tapi buku tamu ini mempererat hubungan kita dengan blogger yang lain, sharing informasi, sharing kendala dan dengan guestbook ini si pemilik blog mendapatkan banyak masukan bermanfaat dari blogger-blogger lain yang bertaburan indah di dunia maya (ceilah).

Satu lagi yang saya suka dari buku tamu ini yaitu ajang maki memaki hehehe (don't try it at home). Okeh deh jangan banyak mukadimah, mending langsung aja nih saya share guest book keren saya yang bisa di hide dan unhide hehehe, Sedooootttt gaaaannn.....

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}

* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_NSa8I94a3wg/TJHDAQiJqSI/AAAAAAAAAGo/0LukH8E000Y/s800/tabs_asep.png') no-repeat;
}

.gbcontent{
float:left;
border:2px solid #cd8c3d;
background:#050505;
padding:10px;
}

</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}

function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="river2762" src="http://www.shoutmix.com/?river2762" width="100%" height="400"
frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?river2762">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com"
title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->

<br /><a href="http://rizukinote.blogspot.com/" title="">Jangan Lupa Follow/Comment Yah..!!!
</a><br />
<div style="text-align:right">
<a href="">
</a>|<a href="javascript:showHideGB()">
[close]

</a>
</div>
</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

Sip dah! Kode dah dapat, selanjutnya mau diapain ya?

• Login blog anda seperti biasa sehingga anda masuk ke dasbor
• Klik Rancangan
• Edit Tata Letak
• Tambah Gadget > Html
• Tinggal Copaz (Copy & Paste) tuh kode diatas
• Simpan dan Selesai deh.

Note: Ganti tulisan warna merah diatas dengan link shoutmix atau chatbox anda sendiri.

Format Dasar Menu / Tab Pada Blog

Dear Friends!

Mungkin teman-teman semuanya bingung gimana sih cara buat menu pada blog seperti blog saya yang keren ini (hehehehe...) Menu tersebut sangat penting untuk sebuah blog, karena dengan menu tersebut memudahkan tamu (user) blog untuk mencari informasi yang ada pada blog kita (jadinya user ga nyasar deh di blog kita :)).

Bagi yang udah makin penasaran, berikut saya lampirkan format pembuatan menu blog yang sangat dasar sekali untuk dipahami, Chek It Out Guys!

<div class='clearfix' id='primary-nav'> // script disamping sebagai header dari code ini
<ul class='sf-menu' id='menu-menu-1'> // inisialisasi menu (ul pertama dibuka)

<li class='current-cat'><a expr:href='data:blog.homepageUrl'>Home</a></li> //nah ini HOME yang merupakan domain asal blog kita, misalnya http://rizukinote.blogspot.com
       
<li><a href='#'>Tutorial</a>
       <ul>
                 <li><a href='#'>Java</a></li>
                 <li><a href='#'>C/C++</a></li>
                 <li><a href='#'>Flash</a></li>
                 <li><a href='#'>Corel</a></li>
                 <li><a href='#'>Photoshop</a></li>
                 <li><a href='#'>Others</a></li>
     </ul>
</li>
<li><a href='http://rizukinote.blogspot.com/search/label/About'>About Me</a></li>

</ul> // ul yang dibuka tadi ditutup kembali
</div> //div yang dibuka tadi ditutup kembali.


Teman-teman bisa liat ndiri tuh, contoh yang saya berikan hanya Home, dan Tutorial yang merupakan bagian dari menu blog saya. Teman-teman yang mempunyai blog dengan template default dan  memiliki tab bawaannya pasti akan menemukan kode-kode seperti diatas dalam pencarian Edit HTML nya.

Nah selanjutnya tinggal teman-teman edit sendiri deh nama dan URLnya.

Sekarang coba liat kode diatas yang berisi '#' . Simbol disamping diisi dengan Url blog anda yang ingin anda sesuaikan tujuannya. Tujuan yang saya maksud adalah url Label Postingan anda. Anda cukup mengkopi url label postingan anda pada simbol # tersebut.

Nah gimana? ^_^ Gampang kan? Silahkan Dicoba...

Mengganti Icon Blogger Pada Address Bar

Langsung Saja ...

Postingan hari ini kita bahas mengenai cara mengganti icon blogger dengan gambar ataupun foto anda sendiri di addressbar seperti icon diblog saya yang cantik itu,,hehe,,sebelumnya anda harus membuat dulu image atau mengedit gambar yang sudah ada menjadi berukuran 24 x 24 pixel up to 32 x 32 pixel,kemudian silakan upload gambar tersebut di photobucket.com, kenapa harus upload kesana? karena untuk mendapatkan kode URL image kita yang akan kita copaz (copy paste) di blog kita nantinya, masih bingung ya? Ya udah ikuti langkah- langkah berikut:

1. Pilih gambar yang akan anda masukkan dengan ukuran yang saya sebutkan diatas
2. Silakan upload gambarnya diphotobucket.com, jika belum terdaftar di photobucket.com silakan register disini
3.Setelah login silakan upload gambarnya di menu Upload File & Video dengan pilih tombol choose file
4.Setelah selesai upload akan muncul gambar anda dan ambil kode URL gambar anda seperti contoh kode URL image saya

http://i1231.photobucket.com/albums/ee502/river276/header.png
5.Untuk memasukkan ke blog anda silakan kembali ke Dasboard blogger anda,silakan ke menu Layout->Edit HTML->jangan lupa klik Expand Widget kemudian temukan kode berikut

</head>

6. Setelah itu letakkan kode dibawah ini sebelum kode diatas

<link href='URL GAMBAR ANDA DISINI' rel='SHORTCUT ICON'/>

silakan ganti kode yang berwarna merah dengan URL gambar yang anda dapatkan di photobucket.com tadi

7.Kemudian Save Setting dan Selesai.