Membuat Widget Melayang (Sliding Widget)

type='html'>

Nah, Pasti sobat sudah tau artinya Sliding Widget yaitu Membuat Widget Melayang (Sliding Widget). Sliding widget ini bisa diartikan widget yang meluncur, merosot atau apalah terserah sobat. 

Nah untuk lebih jelasnya coba tengok kaskus. Di sebelah kiri ada widget share dan login yang mengikuti kemana mouse digerakkan atau di scrool atas atau bawah. nah untuk Membuat Widget Melayang (Sliding Widget) ini cukup mudah, berikut triknya

Cari kode 

]]>

Pastekan di atasnya kode berikut ini :

#widget_fly {
position:fixed;_position:absolute;bottom:0px;
left:0px;
clip:inherit;
_top:expression
(document.documentElement.scrollTop
+
document.documentElement.clientHeight-
this.clientHeight);
_left:expression
(document.documentElement.scrollLeft
+
document.documentElement.clientWidth
- offsetWidth); }

warna merah berarti letak widget yang ingin di terbangkan. Sobat bisa ganti di dengan bottom right atau dimana saja terserah, center bottom, up left dll.

Nah untuk membuat melayang, sobat hanya harus menambah

dan diakhiri dengan

pada html sobat.

Nih contohnya, Tambah HTML sobat, 

 

Kode HTML sobat

 

  

Kode HTML sobat adalah script yang ingin dibuatnya melayang. Beri nama untuk mengosongkan nama script HTML sobat.

Mudah2an cara Membuat Widget Melayang (Sliding Widget) di atas berhasil, mudah dipahami dan membantu sobat dalam menghias blog sobat.

 Sumber

Membuat Menu Melayang Dengan Efek Fade Out

type='html'>Malam sobat, ok artikel kali ini berjudul  Membuat Menu Melayang Dengan Efek Fade Out  menu ini mungkin belum banyak di share blog-blog mudah mudahan Cyber-JM yang pertama. Amin hehe menu ini terletak di bagian atas dan tetap. jika di scroll menu ini akan ber efek Fade out ha gimana gimana, mau? oh masih penasaran bentuknya langsung aja lihat demo ya

[DEMO]

udah lihat kan ? mau ? oke ke proses langsung

Loggin blogger.com > Rancangan > Edithtml

Cari kode ]]> dan pastekan kode berikut diatasnya

/*Nav Cyber-JM Start */
#nav{
    height:35px;
    border-bottom:1px solid #ddd;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    background:#fff url() repeat-x center left;
    z-index:999999;
}
#nav ul{
    height:25px;
    list-style:none;
    margin:6px auto 0px auto;
    width:600px;
}
#nav ul li{
    display:inline;
    float:left;
    margin:0px 2px;
}
#nav a{
    font-size:11px;
    font-weight:bold;
    float:left;
    padding: 2px 4px;
    color:#999;
    text-decoration: none;
    border:1px solid #ccc;
    cursor: pointer;
    background:transparent url() repeat-x center left;
    height:16px;
    line-height:16px;
}
#nav a:hover{
    background:#D9D9DA none;
    color: #fff;
}
#nav a.top span, #nav a.bottom span{
    float:left;
    width:16px;
    height:16px;
}
#nav a.top span{
    background:transparent url(http://www.showofthemonth.com/images/top_button.gif) no-repeat center center;
}
#nav a.bottom span{
    background:transparent url(http://cdn1.iconfinder.com/data/icons/bnw/64x64/actions/bottom.png) no-repeat center center;
}
/*Nav Cyber-JM End */ 

Lalu cari kode lalu pastekan kode berikut diatasnya

 

 
• Link 1

  
• Link 2 

  
• Link  3

  
• Link  4

  
• Link  5

   

 
  
     
 

 

Kalo sudah lalu  ya

Semoga Bermanfaat

Membuat fanspage melayang dengan waktu pada blog(update)

type='html'>

Selamat siang sobat blogger, siang ini saya mau bagi cara bikin  Fanspage melayang dengan waktu di blog , kalo gak percaya ni lihat demo nya >> Disini


kalo mau ni cara bikinya

• loggin blogger
• rancangan, edit html, cari kode
• masukin script berikut

Keterangan
  Warna hijau : waktu time out nya
  warna pink : url fanspage kamu




Belom selesai lagi woiii


ni paste kan di atas

Baru simpan template mu