Cara Membuat Energy Saving Mode Pada Blog

Tanpa panjang lebar dan basa basi, mari perhatikan dan ikuti cara berikut ini.
1. Pastinya login dahulu ke blogger
2. Pilih Template > Edit HTML > Lanjutkan > Centang Expand Template Widget3. Cari kode </head> , dalam melakukan pencarian gunakan CTRL + F ( lalu ketikkan </head> )4. Copy kode berikut ini sebelum tag </head>  

<script language='javascript'    src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

5. Kemudian simpan template.

Setelah proses / langkah diatas dilakukan, lakukan lagi langkah dibawah ini :

1. Pilih tata letak > Tambah gadget > HTML / Javascript  dan tambahkan kode ini 



<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>

Maksud dari 120 diatas, merupakan hitungan mundur setelah kita mengunjungi blog untuk mengaktifkan mode energy save pada blog.

Silahkan Dicoba :-)

Cara Membuat Icon Burung Twitter Berterbangan di Blog

Twitter ?
Burung ?
Siapa sih yang ga tau dengan dua kata di atas, kedua kata tersebut memiliki hubungan yang sangat erat.
Twitter adalah jejaring sosial yang sedang trend saat ini, berita - berita yang up to date cepat tersebar luas melalui twitter, tak asing lagi bila jejaring sosial ini dijadikan berbagai sarana bagi penggunanya. Burung disini, dimaksudkan yakni burung merupakan icon dari twitter, twitter sendiri mengandung makna yang artinya yaitu kicau, jelas bahwa kedua kata itu memiliki hubungan.

Disini saya akan menjelaskan gambaran dari burung yang seperti apa yang dimaksud, disaat kita telah memakai HTML code bird ini, burung dari twitter yang berwarna biru itu akan terbang mengikuti pandangan kita dimonitor pada saat berada di blog kita. Mungkin para pembaca sekalian pernah melihatnya di blog orang-orang sebelumnya. Disini saya akan memberitahukan gimana sih caranya punya burung yang berterbangan di twitter.
Berikut langkah-langkahnya :

1. Pilih tata letak
2. Kemudian pilih tambah gadget
3. Pilih HTML/JavaScript
4. Masukkan Kode HTML dibawah ini

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtw3G51FCkbb_erFxIN0yOfooo4jn0Q26m7qzV7TA6vIxVua1NIyuvRhcncNmuPZAOvLF74a3aGlyRJ22Y6cQNhtVrTJl2gStJDbZxnSpqT5q1DYjAZTVJATyNSaP7vhc3glckMpbCLHo//"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "https://twitter.com/iTzmeBidZ";var tweetThisText = "Twitter - AbidRusidi http://dontbeshy-itzme.blogspot.com/";tripleflapInit();</script>

Simpan jika selesai paste kode HTML diatas. Tetapi apabila anda ingin mengubah URL dari kode diatas, ubah saja sesuai dengan akun twitter kalian dan url blog kalian sendiri.

Follow me ya teman dan saya juga follback kalian ~
@iTzMeBidZ

Cara Membuat Spoiler di Blog

Spoiler sendiri pastinya kalian semua pada tau kan ?
ya, spoiler biasanya sering kita jumpai pada forum-forum. kegunaan dari spoiler ini adalah untuk menyembunyikan suatu teks,gambar dan video. Spoiler ini sendiri berguna untuk mempersingkat atau menghemat ruang kita saat posting atau saat menulis artikel.

Terlebih lagi spoiler ini membuat pembaca penasaran dengan apa yang kita sembunyikan pada spoiler.
Tetapi kebanyakan blogger ataupun orang yang posting dengan menggunakan spoiler memasa jebakan didalam spoiler, haha bisa juga dibuat untuk jahilin temen.
Okedeh dari pada panjang lebar, berikut cara untuk membuat spoiler di blog :

1. New post / entry, seperti biasa saat anda sedang ingin membuat artikel
2. Pilihlah pada mode edit HTML saat membuat postingan
3. Gunakan kode script berikut untuk membuat spoiler

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini
 <br>
</div>
</div>
</div> 

Kemudian klik publikasikan bila anda selesai membuat artikel.

Kata yang saya beri warna pada kode diatas bisa kalian ganti sesuai dengan kehendak kalian, karena script di atas hanyalah sebuah contoh.

Contoh Spoiler :

MyLovely:

Cara Menambahkan Share atau Floating Artikel Pada Blog

Sebuah blog akan dilihat atau dikunjungi oleh orang apabila orang tersebut melihat link dari blog kita, baik orang itu melihat di jejaring sosial dan sebagainya. Pastinya kalian para blogger ingin sekali berbagi link atau artikel kalian kepada orang lain dengan maksud meningkatkan jumlah pengunjung. Share button ini sangat simple sekali dan sangat efektif, karena buttonnya melayang disebelah kiri monitor kita, sehingga bisa dilihat dan kita tidak kebingungan atau rumit mencari tombol share seperti jenis code share button lainnya, yang menampilkan share button tetapi diam disatu tempat. Sedangkan share button ini, tombolnya tetap ada di kiri layar monitor kita. Seperti yang anda lihat pada blog saya saat ini.

Cukup mudah kok untuk memakai feature ini, ikuti perintah dibawah ini.

1. Pilih tata letak, kemudian pilih tambah gadget
2. pilih HTML/JavaScript
3. Kemudian copy code HTML  dibawah ini 

<div class="addthis_bar addthis_bar_vertical addthis_bar_large" style="top:150px;left:20px;">
<div class="addthis_toolbox addthis_default_style">
<span><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></span>
<span><a class="addthis_button_google_plusone" g:plusone:size="tall"></a></span>
<span><a class="addthis_button_tweet" tw:count="vertical"></a></span>
</div>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

Setelah selesai di paste code tersebut, klik simpan.
Cukup mudah kan ? kalo cara diatas tidak berfungsi monggo coret-coret dibawah ~ siapa tau saya bisa membantu.
Sangkyu ^^ ~

Cara Membuat Link Pada Blog Menjadi Bergerak

Pasti kalian bertanya - tanya, maksud dari pada link yang bergerak itu apa ?
Maksudnya yaitu dimana saat cursor kalian digerakkan pada sebuah link, maka link tersebut akan bergerak setelah cursor menyentuh link. Seperti yang anda lihat saat ini, pada blog saya ini telah saya gunakan fitur itu.

Pastinya kalian ingin mencoba juga kan ?
Okedeh saya akan membuat tutorialnya ~
Cara Membuat Link Bergerak :

1. Pilih Template
2. Pilih Edit HTML
3. Centang pada '' Expand Template Widget "
4. Letakkan link berikut diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

Setelah selesai anda paste kode diatas, klik simpan template. Dan kemudian cobalah anda check apa yang terjadi.

Share ya teman ... Berhasil atau engga :D

Ntar ane bantu ngasih solusi.

Ditunggu coret-coret nya ia ...