Masrul Doni' Blog04

Tutorial ini tidak memerlukan code yang banyak dan hanya beberapa huruf dan simbol saja. Sedikit intermezo, link yang saya bahas kali ini tidak jauh berbeda dengan link-link yang lain, yang membedakan link ini adalah link ini tidak perlu di klik untuk membukanya, kita hanya perlu mengarahkan mouse ke link tersebut maka secara otomatis linknya akan terbuka sendiri.

Kelemahan dari link ini adalah link ini tidak bisa membuka pada windows baru meskipun diberikan perintah target="_blank" maupun target="_new" sehingga menyebabkan halaman blog akan tertimpa halaman yang ada dalam link tersebut.

Jika sobat pengen tahu contohnya silahkan arahkan mouse sobat Ke sini.

Nah jika sudah tahu sekarang untuk membuat link terbuka secara otomatis sobat cukup membuat code seperti di bawah ini:

<a href="http://donimasrul.co.cc/" onmouseover="window.location=this.href">Komputer dan Internet</a>

Energy Saving atau biasa juga disebut dengan Screen Saver biasanya terdapat pada ponsel pintar dan komputer. Fungsi utama dari Energi Saving adalah sesuai dengan nama dan judul postingan ini adalah saat komputer atau ponsel sedang dalam keadaan tidak digunakan maka energy akan diminimalkan sehingga bisa menghemat pemakain listrik maupun bateray.

Energy Saving sekarang ini tidak hanya terdapat pada komputer maupun ponsel saja akan tetapi pada sebuah Blog juga bisa dipasangi Energy Saving ini. Mau tau caranya? Lanjut aja bacanya yach!

Untuk pemasangan Energy Saving pada blog caranya amatlah sangat mudah dan tidak memerlukan code yang banyak maupun waktu yang lama.

Nah untuk pemasangan pada Blog copy code dibawah ini dan letakkan tepat di bawah code <:head> pada code template milik sobat, biasanya code ini terletak pada bagian paling atas dari code template.

<script language="javascript" src="http://pageprotection.googlecode.com/files/savetheenvironment.js" type="text/javascript">

kalau sudah selesai jangan lupa klik tombol Simpan Template selesai sudah. Klik link Lihat Blog biarkan sebentar dan jangan menggerakkan mouse maka layar monitor komputer anda akan tertutup dengan warna hitam tanda Energy Saving sudah berjalan.

Selamat Mencoba!

Cara membuatnya:

• Login blogger
• Rancangan, tambah gadget, pilih Html/ java script
• Simpan kode berikut:

Yang berwarna biru silahkan anda ganti sesuai kebutuhan, kemudian Simpan..

Agar widget blog anda tidak memakan tempat, anda bisa membuat scroll pada widget tersebut. Nah, previewnya seperti ini.


Nah, begini cara membuatnya:

• Login ke Blogger.
• Tuju Tata Letak > Edit HTML.
• Backup dulu templatenya.
• Cari kode seperti ini.

<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='HTML6' locked='false' title='Jam' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Kategori' type='Label'/>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='HTML7' locked='false' title='Statistik Blog Ini' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Kotak Chatting' type='HTML'/>

Nah, cari kode widget yang akan anda berikan scroll. Misalnya Arsip Blog. Apabila judul widget tersebut adalah Arsip Blog, maka kodenya kira-kira seperti ini.

<b:widget id="BlogArchive1" locked="false" title="Arsip Blog" type="BlogArchive">

Kode title adalah judul dari widget. Apabila tidak diberi judul maka kodenya adalah title=''. Yang harus anda perhatikan dengan seksama adalah kode id='BlogArchive1'. Perhatikan pada bagian BlogArchive1. itu adalah id dari widget Arsip Blog.

Nah, lalu kita cari kode ]]></b:skin>. Nah, lalu ketikkan seperti ini diatasnya.

#BlogArchive1 .widget-content{
height:200px; /* Tinggi yang diinginkan */
width:auto;
overflow:auto;
}

Ganti bagian BlogArchive1 dengan id dari widget yang diinginkan. Misalnya Label1 atau Followers1. Kalau sudah klik Simpan Template.