Cara Membuat ChatBox Tersembunyi Di Kanan

Caranya nih

Login Blog Kalian dulu
Pergi Ke Rancangan
terus kamu pilih element laman
nah cari tambah gadget.. terus cari HTML/JAVASCRIPT
Nih Code ChatBox nya

<style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:300px; width:30px; float:left; cursor:pointer; background:url('http://i757.photobucket.com/albums/xx213/VioNexA/iky.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #000000; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#fe760a; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 5);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent">

Simpan Disini ChatBox Anda

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

Simpan>Buka Tampilan Blog Anda

sumber

Cara membuat tombol Like Facebook di Blog

Facebook , adalah jejaring sosial yang sangat populer saat ini , nah sekarang kita bisa memanfaatkan facebook untuk promosi blog kita lho,dengan menyediakan tombol like button ini kita bisa mempromosikan blog kita , lho bagaimana bisa? kan itu cuma like facebook biasa.. Jangan salah , tombol ini berguna sekali  nih saya kasih tahu kegunaanya menurut pengalaman saya .


Tombol ini berfungsi untuk promosi blog , caranya , ketika ada salah satu pengunjung blog kita yang menyukai postingan kita dan si pengunjug tadi menekan tombol like nya maka postingan kita akan muncul di dinding si pengunjung yang mengklik tmbol like tadi . Paham kan , yaaa,,, kurang lebih begitu lah fungsinya 


Cara membuat tombol like facebook di blog .


1.Login dulu ke blogger
2.Ketika di halaman dasbor , klik rancagan .
3.Kemudian pilih Edit Html + centang kotak Expand Template Widget.


Nah sekarang ada 2 pilihan apakah anda hendak menaruh tombol like ini di atas posting , atau di bawah posting.


1.Untuk memasang tombol like ini di atas posting , sobat cari kode   <div class='post-header-line-1'/> , bisa menggunakan control F , kalau sudah ketemu masukkan kode tombol like facebook ini di bawah kode   <div class='post-header-line-1'/> yang sobat temukan .

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

2.Kemudian simpan deh .


1.Untuk meletakkan kode tombol like button facebooknya di bawah posting , maka sobat cari kode <data:post.body/> , bisa menggunakan control F , kalau sudah ketemu masukan kode tombol like facebook ini tepat dibawah kode <data:post.body/> yang pertama.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>
</b:if>

2.Kemudian simpan . 


Keterangan .
tombol di atas tampilannya yang seperti yang ada di blog saya , sobat bisa menemukannya di atas postingan saya . Kalau sobat ingin merubah tampilannya menjadi seperti gambar disamping .


Sobat ganti kode   button_count dengan kode standard .
Dan jika sobat ingin merubah warnanya menjadi agak gelap ganti kode light dengan kode dark .
Selamat mencoba dan semoga berhasil ..!
sumber

Cara Membuat Energy Saving Mode

Waktu saya lagi berkunjung ke blog sobat-sobat, saya menemukan hal yang belum saya ketahui, yaitu "Energy Saving Mode" atau juga bisa disebut "Screen Saver". Sebelum sobat mencobanya, coba tinggalkan blog saya ini (tapi jangan di close, cukup pindah ke tab lain) kira-kira 1 menit, dan lihat kembali blog saya..
Maka sewaktu sobat kembali ke blog saya, akan seperti screenshot seperti di atas itu... (layar hitam)

Kita langsung saja ke cara-caranya..
Login terlebih dahulu ke Blogger ID Anda.
Masuk ke Tata Letak/Rancangan.
Pilih tab Edit HTML
Klik Download Full Template, untuk membackup template sobat, jika terjadi kesalahan.
Beri tanda centang pada Expand Template Widget.
Cari kode <head>
Copy paste kode di bawah ini persis di atas kode <head>

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

Lalu klik tombol Save Template, dan tunggu beberapa saat sampai Template tersimpan. Dan silakan melihat hasilnya. Semoga bermanfaat, terima kasih... 


sumber

Membuat Label Menjadi Animasi Flash

Ini berawal dari saya melihat flash animasi yaitu di dalam kotak da tulisan-tulisan yang bergerak-gerak, lalu dengan sengaja saya cari cari cara membuatnya, Label yang di fitur blogger standart menjadi tidak standart.

Kalau biasanya seperti ini:
Kucing (12)
Bunga (45)
Buku (8)
Maka dengan fitur widget yang baru ini maka label akan berubah menjadi bentuk flash animasi, seperti punya saya tu! :) Tahu gak?

Caranya Gimana?

Pertama, pilih Tata Letak > Edit HTML
Kedua, centang Expand Template Widget
Ketiga, cari kode di bawah ini


<b:section class='sidebar' id='sidebar' preferred='yes'>

Keeempat, Kalau sudah ketemu taruh script berikut ini di bawahnya.


<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/ruangsc/enes/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://twitter.com/kurniasepta'>@kurniasepta</a> Distributed by <a href='http://kurniasepta.blogspot.com'>Belajar Ngeblog di Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "245", "180", "7", "#333333");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xffffff");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Nah sekarang yang bisa kamu ubah adalah:

"245", "180"

245 adalah lebar flash animasi
180 adalah tinggi flash animasi

sumber

Template Blog Keren ~

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ

Hmm hmm hmm ..
Langsung aja yah , disini my bedroom akan posting cara menggunakan/mengubah template blog teman" blogger semua jadi lebih keren *__*
Oke , tanpa basa-basi yah :3


1. Klik , atau search aja di google , free blogger template :D
Nah kan ada banyak tuh , tinggal pilih aja sesuka hati =="
Kalo my bedroom pribadi sih lebih suka template yg "auto read more" , karna lebih rapih (in my opinion)
Tapi ya pendapat orang kan beda" yah , jadi .....
Ikuti hatimu ._.
Disitu bisa juga diliat priviewnya , klik aja priview , kalo dah yakin monggo didownload aja ^.^

2.Trusnya file yang udah di download tadi di "giniin" (maaf ga tau namanya diapain ==")

Nanti kita akan dapatkan folder hasil "giniin" dengan nama folder yang sama .

3.Lalu login ke akun blogger kita , klik rancangan .

4.Next step , klik edit html .

5.Selanjutnya , ceklis "expand template widget"

Oh iya , disitu kita bisa download template kita yg sekarang , jadi kalo ada kesalahan atau misalnya ternyata ga sesuai dengan perkiraan kita , tinggal di upload lagi aja templatenya :D

Yap , cara uploadnya klik pilih berkas .

6.Hampir selesai nih ._.

Pilih ke folder hasil extract yang tadi , lalu pilih yang berformat "xml document"

Klik open , lalu klik unggah .

7.Last step , pertahankan widget , and then simpan template \^.^/

Kurang lebih gitu , maaf kalau ada yang kurang jelas :)

Kalo ada yg masih belum ngerti juga , bisa ditanyakan lewat fesbuk , atau bawa aja laptop sama modem ke sekolah biar langsung diajarin praktek ._.

Tapi sebenernya gampang ko , intinya jangan takut mencoba ;D

Good luck ^.^

Kalo mau share jangan lupa sertakan sumber yah :)

Kritik dan saran dapat disampaikan lewat fesbuk (like this yo ==")
Terima kasih telah berkunjung :D

وَسَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ