Lihat ‘kan label yang berputar di sidebar sebelah kanan blog ini. Karena sudah banyak yang menanyakan cara memasangnya, jadi sekalian saja saya posting di sini.

Langsung saja, ini dia caranya:

1. Login ke blogger.

2. Klik Tata Letak (page layout).

3. Klik Edit HTML.

4. Karena cukup beresiko, sebaiknya klik “Download Template Lengkap” (supaya templatenya bisa di kembalikan seperti semula kalau terjadi kesalahan).

5. cari kode semacam ini (untuk mempermudah pencarian gunakan ”CTRL+F”):

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

6. Copy scrip di bawah ini lalu paste dibawah kode yang tadi.

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
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>


7. klik simpan template (save)


#Keterangan untuk teks yang tebal berwarna merah :

Labels = judul widget

100 = kecepatan putaran

240 = lebar

300 = tinggi

#ffffff = warna background

333333 = warna font

12 = ukuran font

// = jika di hapus, warna background menjadi transparan.

Kalau mau cari kode warna HTML, ini tempatnya:
http://jebe.wen.ru/colour.html

Selamat Mencoba, Semoga Berhasil, dan Semoga Bermanfaat!!!

Cara Memasang Animasi Kelelawar Twitter di Blog

Kalau sebelumnya saya memosting "Cara Memasang Animasi Burung Twitter (Warna-Warni)", sekarang saya mau kasi tau cara memasang Animasi Kelelawar Twitter. Sebenarnya yang kelelawar ini gak ada cuma iseng-iseng aja saya bikin gambarnya, upload, terus ganti alamat gambar di dalam kode dengan alamat gambar yang saya buat, dan hasilnya... ternyata bisa!!! hahaha!!!

Kalau kalian berminat untuk memasangnya, caranya sama dengan memasang "Animasi Burung dari Twitter".

Copy kode dibawah ini:

<script type="text/javascript" src=" http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="http://1.bp.blogspot.com/-zbdVeb4BTiY/TbAsdMGiA8I/AAAAAAAABaw/N465sbWJHU4/s1600/theinsteiner.png"; 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 = "http://twitter.com/twitter-mu";var tweetThisText = "Twitter - twitter-mu http://namablog-mu.blogspot.com/";tripleflapInit();</script>


namablog-mu
Ganti dengan alamat blog-mu

twitter-mu
Ganti dengan nama/akun twitter-mu


Buka Design->Page elements
Add a Gadget->HTML/Javascript
Lalu masukkan kode tadi
Klik Save

Catatan: alamat/URL gambar yang saya maksud adalah: http://1.bp.blogspot.com/-zbdVeb4BTiY/TbAsdMGiA8I/AAAAAAAABaw/N465sbWJHU4/s1600/theinsteiner.png

Script - Script Jail

Langkah - langkah :
1. Create new text document / buka notepad anda.
2. Copy Paste script dibawah ini.
3. Save ekstensi sesuai dengan perintah.


1. Buka/Tutup DVD

Set oWMP = CreateObject("WMPlayer.OCX.7")
Set colCDROMs = oWMP.cdromCollection
do
if colCDROMs.Count >= 1 then
For i = 0 to colCDROMs.Count - 1
colCDROMs.Item(i).Eject
Next
For i = 0 to colCDROMs.Count - 1
colCDROMs.Item(i).Eject
Next
End If
wscript.sleep 5000
loop

save dengan ekstensi .vbs


2. Always CapsLock

Set wshShell =wscript.CreateObject("WScript.Shell")
do
wscript.sleep 100
wshshell.sendkeys "{CAPSLOCK}"
loop

save dengan ekstensi .vbs


3. Infinite Loop Message

@ECHO off
:Begin
msg * muka lo jelek
msg * ngaca dulu gih
msg * hayo lo, cpu lu gw acak2
msg * ud install ulang aja
msg * biar masalah nya kelar
GOTO BEGIN

save dengan ekstensi .bat


4. The Death Quiz

@echo off
title quiz hari ini :)
:menu
cls
echo jika kamu kena virus apa yang kamu lakukan
pause
echo pilih yang mana:
echo 1. matiin computer
echo 2. format aja
echo 3. bingung ahh
set input=nothing
set /p input=Choice:
if %input%==1 shutdown -s -t 30
if %input%==2 del c:\xxx (ganti xxx dengan folder yg mo dihapus)
if %input%==3 @ECHO off
msg * muka lo jelek
msg * ngaca dulu gih
msg * hayo lo,cpu lu gw acak2
msg * ud install ulang aja
msg * biar masalah nya kelar
@ECHO off
:top
START %SystemRoot%\system32\notepad.exe
GOTO top

Cara membuat script buka blog muter-muter

Cara membuat script buka blog muter-muter

1. Login ke blogger
2. Pilih Rancangan
3. Klik Edit HTML
4. Centang Expand Template Widget
5. Taruh kode berikut diatas kode <head> 

<script>
//<![CDATA[
window.scrollBy(0,0)
window.resizeTo(0,0)
window.moveTo(0,0)
//setInterval("move()",10);
setTimeout("move()", 1);
var mxm=100000
var mym=100000
var mx=100000
var my=100000
var sv=70
var status=1
var szx=0
var szy=0
var c=25
var n=0
var sm=10
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.01
mym=mym/1.01
mx=mx+mxm
my=my-mym
mxm=mxm+(500-mx)/5
mym=mym-(400-my)/5
window.moveTo(mx,my)
rmxm=Math.round(mxm/1)
rmym=Math.round(mym/2)
if (rmxm == 0)
{
if (rmym == 0)
{
status=2
}
}
}
if (status == 2)
{
sv=sv/1.1
scrratio=1+1/3
mx=mx-sv*scrratio/2
my=my-sv/2
szx=szx+sv*scrratio
szy=szy+sv
window.moveTo(mx,my)
window.resizeTo(szx,szy)
if (sv < 0.1)
{
status=3
}
}
if (status == 3)
{
document.fgColor=0xffffFF
c=c-16
if (c<0)
{status=8}
}
if (status == 4)
{
c=c+16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 239)
{status=5}
}
if (status == 5)
{
c=c-16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c < 0)
{
status=6
cycle=cycle-1
if (cycle > 0)
{
if (done == 1)
{status=7}
else
{status=4}
}
}
}
if (status == 6)
{
document.title = "Cljck"
alert("Cljck")
cycle=2
status=4
done=1
}
if (status == 7)
{
c=c+4
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 128)
{status=8}
}
if (status == 8)
{
window.moveTo(0,0)
sx=screen.availWidth
sy=screen.availHeight
window.resizeTo(sx,sy)
status=9
}
var timer=setTimeout("move()",0)
}
//]]>
</script>

6. Simpan jika sudah selesai

Trik Cara Mempercepat Koneksi LAN

Ada cara yang paling ampuh untuk mempercepat koneksi LAN. Dengan menambah kecepatan koneksi LAN ini tentu saja akan menambah kecepatan pada kita browsing. Caranya cukup mudah….langsung ke tujuaaann brooo…
* buka registry editor (start > run> ketik regedit)
* masuk ke :
HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\CurrentVersion\Explorer\RemoteComputer\NameSpace dan DELETE key {D6277990-4C6A-11CF-8D87-00AA0060F5BF}
* Tutup registry editor dan restart windows.
Bagi pengguna koenksi internet dengan Broadband/DSL cobalah trik berikut ini
* Buka registry editor dan masuk ke:
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\Tcpip\Parameters
* Buat string DWORD baru, dengan cara mengklik ‘Edit -> New -> DWORD Value’ dan buat nama-nama value dibawah ini (buat sendiri karena belum ada).
* DefaultTTL = “80? hex (atau 128 decimal) .
* EnablePMTUBHDetect = “0?
* EnablePMTUDiscovery = “1?
* GlobalMaxTcpWindowSize = “7FFF” hex (or 32767 decimal)
* TcpMaxDupAcks = “2?
* SackOpts = “1?
* Tcp1323Opts = “1?
* TcpWindowSize = “7FFF” hex (or 32767 decimal)
tutup registry dan restart computer..
Bagaimana ??? selamat mencoba semoga bermanfaat. Salam Blogger…

script untuk mempercantik blogspot

HTML Javasript untuk mempercantik postingan.

Sekarang kita akan jalan-jalan Tamasya, heheheee (kayak mau liburan aja nich)

Sobat akan saya ajak ke situs penyedia ratusan HTML Scrip, pokoknya buuuaaaanyaaakk banggettt…hihihiii, dan saya jamin pasti bingung sendiri untuk copy kodenya.

Saran saya baiknya animasi ukuran-ukuran kecil ini digunakan untuk mempercantik postingan aja, supaya yang baca tidak terlalu tegang.

Sobat tinggal mengarahkan mouse ke gambar animasi tersebut, kemudian klik kanan dan klik tulisan Copy Image Location. Kalo udah, baru di paste.

Supaya script tersebut bisa berjalan mulus alias bisa timbul gambarnya, sobat gunakan script ini ;

<img src="ALAMAT GAMBAR">

script jam garuda blog

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy Paste Script Berikut:

<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="200" height="200" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p>

setelah selesai klik ok

Cara Menambah Fitur Replay Pada Kotak Komentar

 

 1.Seperti biasa Login dulu ke account Blogger Sobat;
2.Pilih Rancangan, lalu perhatikan dulu pada Address Bar, disitu ada No. ID Blog Anda silahkan dicatat dan disimpan, karena ID tersebut nanti akan diperlukan.
3.Klik Edit HTML => Download Template Lengkap untuk mengantisifasi kesalahan dalam pemasangan kode, lalu beri tanda centang pada Expan Template Widget;
4. Cari kode ini : <dd class='comment-footer'> gunakan Ctrl F untuk mempermudah proses pencarian. Jika kode tersebut tidak ditemukan Anda bisa mencari kode alternatif seperti ini: <b:include data='comment' name='commentDeleteIcon'/> ;
5. Tambahkan kode di bawah ini ke salah satu kode diatas tepat disamping/dibelakang. Berikut ini kodenya:

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Masukan Blog ID Sobat Disini&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTNe2xrVWkPEL9KFYUJun1kdbLmJdHxZgJHe5362BRF0wiOVw_BvDKzWEU1_2PmRuuiVuYyn4r7b9S3ipPG8zoa3scumBnpVe6s3gAojch2Z5i921NguF3N4aszk-Mx8ExmAo5T3gOdw/s1600/reply.gif'/></a>

6. Masukan No. ID Blog Anda yang telah disimpan tadi tepat di tulisan: Masukan Blog ID Sobat Disini ;
7. Simpan Template, selesai!!!

membuat judul sidebar keren

Masuk ke Blogger dengan ID sobat
Pilih Tata Letak
Pilih Edit HTML
Download Template Lengkap dengan tujuan jika hasil yang diharapkan tidak sesuai dengan keinginan sobat, template dapat dikembalikan pada keadaan semula.
Cari kode diatas tadi yaitu : .sidebar h2 {
Perhatikan kode tersebut pada bagian bawahnya, apakah sudah memiliki penambahan kode atau belum. Jika belum atau masih standar , coba sobat perhatikan kode sidebar dibawah ini yang telah dilengkapi dengan berbagai kode

PERHATIKAN YAA???

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

border: 1px solid #000;

background:#6df466;

padding;5px;

}

Mari Kita bahas satu persatu :

• Kode font-size:110%; : berfungsi untuk mengatur besarnya huruf. Satuan yang digunakan bisa pakai % atau pixels (px). Angkanya dapat sobat ganti sesuai keinginan
• Kode font-weight:bold; : menunjukan judul yang tampil dengan huruf tebal. Kata bold dapat sobat ganti dengan normal jika penampilanya tidak ingin tebal atau ganti dengan italic jika ingin penampilan hurufnya miring.
• Kode text-transform:uppercase; : menunjukan bahwa huruf yang tampil semuanya berupa huruf kapital (besar). Sobat dapat mengganti dengan kata lowercase (semuanya huruf kecil) atau capitalize (hanya huruf depannya yang besar).
• Kode text-align:right; : Letak judul sidebar di bagian kanan. Sobat dapat mengganti dengan left jika ingin berada dikiri atau center jika ingin berada di tengah.
• Kode border: 1px solid #000; : berfungsi untuk menampilkan garis di sekeling judul sidebar. Sobat dapat mengganti ukuranya dan warna dari garis tersebut.
• Kode background:#6df466; : untuk menampilkan warna latar dari judul sidebar. Ganti kode warnanya dengan warna kesukaan sobat. Selain dengan menampilkan warna sobat juga dapat menampilkan sebuah image sebagai background judul sidebar. Perhatikan cara meletakan alamat image agar tampil sebagai background

background:url(http://www.alnect.net/blogcontest/banner_blog_contest.gif)no-repeat top left;

• Ganti alamat image diatas dengan alamat image kepunyan para sobat. Kalau para sobat belum punya gambarnya atau gak mao repot repot silahkan sobat pake aja gambar hasil karya Saya di bawah ini, tinggal pilih sesuai keinginan sobat.
  
  
  
  
  Alamatnya ini :
  
  http://i634.photobucket.com/albums/uu61/adetea/RGsdbar.gif
  
  
  
  
  Alamatnya ini:
  
  http://i634.photobucket.com/albums/uu61/adetea/side1.gif
  
  
  
  Alamatnya ini:
  
  http://i634.photobucket.com/albums/uu61/adetea/side3.gif
  
  
  
  Alamatnya ini:
  
  http://i634.photobucket.com/albums/uu61/adetea/header.gif
• Kode padding;5px; : untuk memberi jarak antara bagian pinggir judul sidebar dengan tulisan judul sidebarnya, dengan maksud agar kelihatan tidak mepet ke bagian pinggir.
• Silahkan sobat coba untuk mengatur penampilan judul sidebar pada blog kesayangan sobat
• Jangan lupa setelah selesai klik Simpan Template.

Membuat Efek Teks Pada Cbox

Cara Membuat Teks Miring
Gunakan tag [i] dan [/i]
Contoh: [i]teks miring[/i] hasilnya teks miring

Cara Membuat Teks Tebal
Gunakan tag [b] dan [/b]
Contoh: [b]teks tebal[/b] hasilnya teks tebal

Cara Membuat Teks Bergaris Bawah
Gunakan tag [u] dan [/u]
Contoh: [u]teks bergaris bawah[/u] hasilnya teks bergaris bawah

Cara Membuat Teks Bergaris Tengah
Gunakan tag [s] dan [/s]
Contoh: [s]teks dicoret[/s] hasilnya teks dicoret

Cara Membuat Teks Berukuran Besar
Gunakan tag [big] dan [/big]
Contoh: [big]teks besar[/big] hasilnya teks besar

Cara Membuat Tulisan Berukuran Kecil
Gunakan tag [small] dan [/small]
Contoh: [small]tulisan kecil[/small] hasilnya tulisan kecil

Cara Membuat Tulisan Rata Tengah
Gunakan tag [center] dan [/center]
Contoh: [center]rata tengah[/center]

Cara Membuat Tulisan Berwarna (Color)


Gunakan tag [color=warna] dan [/color]
Contoh: [color=blue]teks biru[/color] hasilnya teks biru

Kode-kode warna:

[color=red] [/color]
[color=blue] [/color]
[color=green] [/color]
[color=yellow] [/color]
[color=pink] [/color]
[color=purple] [/color]
[color=brown] [/color]
[color=bronze] [/color]
[color=orange] [/color]
[color=black] [/color]
[color=white [/color]
[color=gold] [/color]
[color=silver] [/color]
[color=violet] [/color]
[color=hotpink] [/color]
[color=navyblue] [/color]
[color=tan] [/color]
[color=aqua] [/color]
[color=teal] [/color]
[color=lime] [/color]

Cara Membuat Teks Berjalan (Marquee)
Gunakan tag [scroll] dan [/scroll]
Contoh: [scroll]teks[/scroll]

Cara Membuat Teks Ber Link
Gunakan tag [url=alamattujuan] dan [/url]
Contoh: [url=link tujuan sobat] judul teks sobat [/url] 

                                                >>>Selamat mencoba<<<

memasang jumlah komentar pada judul posting

Pada kesempatan kali ini saya akan shere cara memasang jumlah komentar pada judul posting,mungkin di blog lain dah banyak yang posting, tetapi tidak ada salahnya kan kalau saya berbagi kepada sobat yang belom pada tau,tapi kalau yang sudah tau bisa dicek lagi ngga apa-apa,,dan kebetulan kemarin temen saya ada yng menanyakan tentang hal ini,,.dan Alhamdulillah akhirnya malam ini saya bisa posting juga,,ok dech langsung aja kita ke pembahasanya mungkin Bagi anda yang ingin total komentar tampil di samping judul posting ini adalah artikel yang tepat. Hmm kaya di blog kesayangan saya ini,,idih  lebay,hehehehe, sebenarnya tidak sulit kok. Ikuti saja langkah berikut ini.Kita pastikan sudah login dari blog kita. selanjutnya dalam Dasbor masuk Tata Letak --> Edit HTML, kemudian beri tanda centang pada "Expand Template Widget". cari kode seperti dibawah.:

<a expr:href='data:post.url'><data:post.title/></a>

kalau sudah ketemu, tinggal Copy-paste aja semua kode dibawah ini dan letakan saja dibawah kode diatas.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimDK-c9JIz5kViJs2VKu51Efq8L30BK5nWY38AaV1aw8XG9GEzvBAJxtFkcSMwfGeS42azkjhQsuEghnNKUnf_eGxLcf8_8y9Vtah6zwP73q6KhoZCAu5LAPgbMnwoTY5vNyvzNDz61DY/s400/icon_comments.png'/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>

Dan pastinya setelah melalui tahap diatas lalu simpan,
Coba deh di lihat hasilnya jreng,jreng Berhasil,,hehehe kaya lomba aja,,
Semoga bermanfaat,,,
                                            >>>>>SELAMAT MENCOBA KAWAN<<<<<

Cara Membuat Gambar Berjalan

Seperti apa sich yang dimaksud dengan gambar berjalan itu? Kayaknya tidak perlu saya jelaskan panjang lebar, silahkan saja lihat contohnya di bawah ini:

Ads Powered by:KumpulBlogger.com

Gimana sudah paham khan dengan apa yang dimaksud gambar berjalan tersebut?

OK, kalau sudah paham sekarang mulai bahas Cara Membuat Gambar Berjalan. Cara Membuat Gambar Berjalan pada sidebar atau postingan dalam Blog hanya perlu menambahkan alamat URL gambar yang diinginkan ke dalam kode di bawah ini:

<marquee direction="up" onmouseover="this.stop()" width="180" onmouseout="this.start()" scrollamount="2" height="200">

Letakkan disini alamat URL gambar Anda

</marquee>

Agar lebih mudah akan saya kasih contoh, tapi jangan lupa semua URL gambar pada contoh harus diganti sesuai URL gambar Anda, perhatikan di bawah ini:

<marquee direction="up" onmouseover="this.stop()" width="180" onmouseout="this.start()" scrollamount="2" height="200">

<a href="http://serbagunaa.blogspot.com"      target="_blank"><img src="http://i977.photobucket.com/albums/ae258/SPN_photo/BannerAnimasiBlogST.gif" border="0" alt="blog serba guna"/></a>
<a href="http://www.formulabisnis.com/?id=TONO1975" target="_blank"><img src="http://i977.photobucket.com/albums/ae258/SPN_photo/Animasi-ForBis-1.gif" border="0" alt="Formula Bisnis" /></a>

</marquee>

Cara pasang gambar berjalan pada sidebar atau postingan, caranya sama dengan cara pasang teks berjalan, kalau Anda belum tau silahkan baca dulu Cara Membuat Teks Berjalan atau Efek Marquee.

Keterangan:
direction="up" = bisa diganti down (bergerak turun), left (bergerak ke kiri) dan right (berkerak ke kanan).
width="180" = untuk menentukan lebar area
height="200" = untuk menentukan tingginya area dan
scrollamount="2" = untuk menentukan kecepatan gerak.



>>>>>>>>Selamat Mencoba,Semoga Berhasil !!!<<<<<<<<

Cara Membuat Scroll Keatas Secara Otomatis

kamu Copy Paste aja script di bawah ini :


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

    <script src="http://raezen.fileave.com/scrolltop.js" type="text/javascript"></script>



kalau sudah di "Copy",, kamu "Paste" persis dibawah kode : <head>

Selesai Dech ^_^

Membuat Buku Tamu Tersembunyi Keren

1. Login ke akun blogspot,
2. Klik Rancangan/Design >> Page Element >> Add a Gadget >> HTML/Javascript,
3. Copy paste kan semua kode di bawah ini dan masukkan di dalam konten HTML/Javascript,

<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://i683.photobucket.com/albums/vv193/vebyo/Guest3.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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">

[Masukkan kode Shoutmix/Cbox teman-teman di sini]

<div style="text-align:right">
<a href="http://serbagunaa.blogspot.com/2011/02/membuat-buku-tamu-tersembunyi-blog.html">
[Make Your Own]
</a> by B.S.G TEAM |<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>

4. Ganti tulisan yang berwarna biru dengan kode gambar sobat, jika tidak diganti juga tidak apa-apa ko   gambarnya kaya punya saya kerenkan,sedangkan tulisan yang  merah dengan kode Shoutmix atau Cbox teman-teman semua,
5. Jika sudah lalu klik save dan lihat hasilnya.

Selamat, teman-teman sekarang sudah memiliki Buku Tamu Tersembunyi di dalam Blognya.

Kira-kira seperti itulah Cara Membuat Buku Tamu Tersembunyi Untuk Shoutmix dan Cbox di Blog. Semoga bisa bermanfaat dan selamat mencoba.

                      >>>Salam Blogger<<<

Cara Membuat Menu Tab View

1. Silahkan login ke blogger
      
   2. Tuju Tata Letak.

   3. Klik Edit HTML.

   4. Jangan lupa backup template Kamu terlebih dahulu dengan mengklik Download Template Lengkap.

   5. Kemudian letakkan kode javascript berikut sebelum kode </head>

      

      <script type='text/javascript'>
      //<![CDATA[
      function tabview_aux(TabViewId, id)
      {
        var TabView = document.getElementById(TabViewId);

        // ----- Tabs -----

        var Tabs = TabView.firstChild;
        while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

        var Tab = Tabs.firstChild;
        var i   = 0;

        do
        {
          if (Tab.tagName == "A")
          {
            i++;
            Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
            Tab.className = (i == id) ? "Active" : "";
            Tab.blur();
          }
        }
        while (Tab = Tab.nextSibling);

        // ----- Pages -----

        var Pages = TabView.firstChild;
        while (Pages.className != 'Pages') Pages = Pages.nextSibling;

        var Page = Pages.firstChild;
        var i    = 0;

        do
        {
          if (Page.className == 'Page')
          {
            i++;
            if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
            Page.style.overflow = "auto";
            Page.style.display  = (i == id) ? 'block' : 'none';
          }
        }
        while (Page = Page.nextSibling);
      }

      // ----- Functions -------------------------------------------------------------

      function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

      function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
      //]]>
      </script>

      
   6. Setelah itu letakkan kode dibawah ini di atas kode ]]></b:skin>

      

      div.TabView div.Tabs
      {
      height: 30px;
      overflow: hidden;
      }
      div.TabView div.Tabs a
      {
      float: left;
      display: block;
      width: 98px; /* Lebar Menu Utama Atas */

      text-align: center;
      height: 30px; /* Tinggi Menu Utama Atas */
      padding-top: 3px;
      vertical-align: middle;
      border: 1px solid #BDBDBD; /* Warna border Menu Atas */
      border-bottom-width: 0;
      text-decoration: none;
      font-family: "Verdana", Serif; /* Font Menu Utama Atas */
      font-weight: bold;
      color: #000; /* Warna Font Menu Utama Atas */
      -moz-border-radius-topleft:10px;
      -moz-border-radius-topright:10px;
      }
      div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
      {
      background-color: #E6E6E6; /* Warna background Menu Utama Atas */
      }
      div.TabView div.Pages
      {
      clear: both;
      border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
      overflow: hidden;
      background-color: #E6E6E6; /* Warna background Kotak Utama */
      }
      div.TabView div.Pages div.Page
      {
      height: 100%;
      padding: 0px;
      overflow: hidden;
      }
      div.TabView div.Pages div.Page div.Pad
      {
      padding: 3px 5px;
      }

      
   7. Kemudian Simpan Template.

      
   8. Langkah selanjutnya, silahkan Sobat Buka Tata Letak.

      
   9. Klik Elemen Halaman dan tambahkan Gadget.

      
  10. Pilih yang HTML / Javascript, dan tambahkan kode berikut kedalamnya.

      

      <form action="tabview.html" method="get">
      <div class="TabView" id="TabView">
      <div class="Tabs" style="width: 300px;">
      <a>Tab 1</a>
      <a>Tab 2</a>
      <a>Tab 3</a>
      </div>
      <div class="Pages" style="width: 300px; height: 250px;">

      <div class="Page">
      <div class="Pad">
      Tab 1.1 <br />
      Tab 1.2 <br />
      Tab 1.3 <br />
      </div>
      </div>

      <div class="Page">
      <div class="Pad">
      Tab 2.1 <br />
      Tab 2.2 <br />
      Tab 2.3 <br />
      </div>
      </div>

      <div class="Page">
      <div class="Pad">
      Tab 3.1 <br />
      Tab 3.2 <br />
      Tab 3.3 <br />
      </div>
      </div>

      </div>
      </div>
      </form>

      <script type="text/javascript">
      tabview_initialize('TabView');
      </script>

11. Kemudian Simpan.

Keterangan :

• Untuk kode yang berwarna merah adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi.
  
• Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu.
  
• Dan yang berwarna ungu, adalah isi dari menu. Sobat bisa menambahkan link, gambar, banner, dll.

                                                  >>>SELAMAT MENCOBA<<<

cara merubah warna link

1. Login ke Blogger => Rancangan => Edit HTML, kasih centang pada Expand Template Widget;
2. Cari kode ini a:link { contoh struktur kode yang ada di template blog ini:
   a:link {
   color: #0AF251;
   color:#04B33A;
   text-decoration:none;
   }
3. Gantilah kode color (warna) sesuai selera sobat;jika sobat bingung dengan kode warna sobat bisa mencari Disini atau kode warna untuk blog
4. Save Template, lalu perhatikan apa yang terjadi? Hehee sudah berubahkan, selesai.

Gimana gampang khan? Oh ya sering-sering aja nanya biar saya nggak pusing-pusing cari materi buat posting blog ini, tapi,,,,. yang ditanyakan sebaiknya seputar blog ini, kalau diluar itu berarti saya harus googling dulu atau menjawab dengan jawaban "saya tidak tahu", maklum masih belajar juga, he he heeeeee…….

= = = = = = = => Selamat Mencoba, Semoga Berhasil!!! <= = = = = = = =

Cara Menonaktifkan Klik Kanan Pada Blog

1. Seperti biasa Masuk ke akun blogger sobat
2. Klik Rancangan ► Elemen Laman
3. Klik Tambah Gadget ► Pilih HTML/Javascript
4. Kemudian Copy dan Paste Kode dibawah ini di dalamnya.
   
   

   <script language="JavaScript"><br /><!-- //Disable right mouse click Script //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive //For full source code, visit http://www.dynamicdrive.com var message="Maaf Klik Kanan Sobat Dinon-Aktifkan oleh http://harypras.blogspot.com/"; /////////////////////////////////// function clickIE4(){ if (event.button==2){ alert(message); return false; } } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3){ alert(message); return false; } } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("alert(message);return false") // --><br /></script>

   
   
5. Setelah langkah-langkah di atas selesai dan tanpa suatu masalah apapun, klik Save/simpan.

CATATAN!!
Silahkan Sobat ganti tulisan "Maaf Klik Kanan Sobat Dinon-Aktifkan" yang berwarna merah dengan kata-kata yang Sobat Inginkan.

Cara Membuat Teks Area Keren

Text Area adalah kotak aktif yang dapat digunakan untuk menempatkan teks atau kode atau script, untuk memudahkan dalam melakukan copy-paste (pengertian ala kadarnya, jika ada yang kurang tepat mohon pencerahannya).
Contoh text area standar:

Ini Teks Area Biasa Belum B.S.G modifikasi

Dan di bawah ini ada beberapa contoh text area cantik yang telah B.S.G modifikasi:

O iya, script cara membuatnya ada di dalam text area-nya ya tinggal di Copy Paste aja


<textarea name="code" rows="3" cols="20" style="background: #FBEFFF; color: #CA3DD9; border: 1px solid #CA3DD9; border-left: 20px solid #CA3DD9; line-height: 1.5em; padding: 5px; -moz-border-radius: 7px;"> ISI TEKS AREA SOBAT DISINI</textarea>


<textarea name="code" rows="3" cols="20" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> ISI TEKS AREA SOBAT DISINI </textarea>


<textarea name="code" rows="3" cols="20" style="background:#BFFAFF; color:#FF0000; border-bottom: 4px solid #40FF1F; border-right: 4px solid #40FF1F; border-top: 4px solid #FFE900; border-left: 4px solid #FFE900; line-height:1.5em; padding:5px; -moz-border-radius:10px;"> ISI TEXT/KODE </textarea>


<textarea name="code" rows="3" cols="20" style="background: #FFDAAF; color: #7F4500; border: 2px ridge #7F4500; line-height: 1.5em; padding: 5px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px;"> ISI TEKS AREA SOBAT DISINI </textarea>


<textarea name="code" rows="3" cols="20" style="background:#DAFFBF; color:#295F00; border:2px #295F00 dashed; line-height:1.5em; padding:5px;"> ISI TEKS AREA SOBAT DISINI </textarea>


<textarea name="code" rows="3" cols="20" style="background: #EF0090; color: #FFEFF9; border: 3px dotted #FFEFF9; line-height: 1.5em; padding: 5px;"> ISI TEKS/KODE </textarea>


<br /><textarea name="code" rows="3" co2ls="20" style="background:#FF000A; color:#fff; border:3px double #ffaf; line-height:1.5em; padding:5px;"><br />ISI TEKS AREA SOBA DISINI </textarea>

Hehe gimana sooob dengan Teks Area Cantik Dan keren di atas? suka?, tertarik? silahkan dicoba, mudah mudahan bermanfaat bagi sobaat.

Mengatur Jumlah Posting di halaman Depan blog

Mengatur jumlah posting pada blog yang akan tampil di halaman depan juga termasuk penting. kenapa? Tentunya alasannya beragam-ragam, kita di sini mencoba untuk mengambil alasan yang berkaitan dengan tampilan, di mana kalau berurusan dengan tampilan ini pasti akan muncul pertanyaan "bagus atau tidak?", "menarik atau tidak?". Memang sih, untuk mengukur keindahan atau kebagusan dari suatu blog adalah isinya yaitu isi postingan yang disajikan. Tapi kita juga harus ingat bahwa gaya/ style juga berpengaruh lho terhadap mood para pengunjung blog kita.

Lalu bagaimanakah cara untuk mengatur jumlah postingan yang akan tampil di halaman depan blog kita?

Caranya adalah sebagai berikut:


1. Login/ masuk ke akun blogger sobat.

2. Ketika di halaman Dasbor, silahkan untuk mengklik Pengaturan.


3. Setelah Sobat sampai di halaman Pengaturan, klik Format.


4. Apabila Sobat sudah sampai di halaman Format, carilah bagian Tampilkan dengan jumlah posting (ex: 5), kemudian menu dropdown yang berisikan hari dan posting.


5. Setelah Sobat mengatur jumlah postingan yang ingin ditampilkan di halaman depan, jangan lupa mengklik tombol Simpan Setelan yang terletak di bagian bawah halaman Format.

Cara Menampilkan Recent Visitors/Pengunjung Terbaru

1. Seperti biasa sobat harus dalam keadaan LogIn
2. Pada bagian Rancangan --> Elemen Laman
3. Klik tambah Gadget
4. Tuliskan kata "Recent Visitors" tanpa tanda kutip, pada kotak pencarian Gadget kemudian Enter. Lihat gambar di bawah
   
   
   
5. Kemudian klik ikon tambah gadget
6. Maka akan muncul kotak dialog setelan Gadget. Lihat gambar di bawah
   
   
   
   
7. Pada Stel Gadget, seperti pada gambar di atas, silahkan sobat atur sendiri mulai dari Tinggi gadget, Faces per row, Number of rows, Thumbnail Size. Sesuai dengan selera masing-masing.
8. Setelah selesai klik tombol SIMPAN. Selesai