Rully Blogger


Dalam mendesain sebuah website atau blog, hampir tidak bisa dilepaskan dari apa yang namanya warna, walau memang kadang kita jumpai sebuah blog / website hanya berupa putih dan hitam saja, meski dalam bahasa website HTML putih dan hitam pun juga disebut warna.
Dalam bahasa HTML warna-warna mempunyai kode sendiri sendiri misal #FFFFFF untuk warna putih, #000000 untuk warna hitam dan masih banyak lagi lainnnya. Namun sepertinya kita mustahil untuk mengingat satu persatu kode warna HTML tersebut. Nah untuk mempermudah anda dalam mengingat kode warna, berikut saya berikan beberapa kode warna html yang sering dipakai dalam membuat website dan atau blog.

Kode warna HTML
Read More …




Tanya setiap penggemar komputer dan dia akan mengatakan pada kalian bahwa ada satu aplikasi komputer yang sangat berguna, aman dan teruji untuk mempercepat komputer kalian. Simple System Tweaker adalah salah satunya.

Ukuran: 2, 64 MB
Lisensi: Software untuk komputer gratis
OS: Win7/Vista/XP
Download Simple System Tweaker
Read More …



X-Setup adalah sebuah program komputer yang cukup berguna, tapi berhenti dikembangkan di tahun 2002. Untungnya pengembang memberikan izin untuk mengembangkan program untuk mempercepat komputer ini pada Majorgeeks. Jika kalian menggunakan sistem operasi komputer seperti Windows XP, kalian akan menyukai software ini.

Ukuran: 4.7 MB
Lisensi: Aplikasi komputer gratis
OS: 98/ME/NT4/2000/XP/2003
Download X-Setup
Read More …


1. CCleaner Slim


CCleaner telah dikembangkan dan dipakai selama bertahun-tahun dan dirating tinggi. Alat inilah yang kalian inginkan untuk membersihkan hard disk. Software untuk komputer ini juga memiliki sebuah start up manager, registry cleaner, dan shortcut untuk menghapus program-program. Aplikasi komputer ini mudah digunakan dan pembersih yang cukup konservatif.

Ukuran: 2, 57 MB
Lisensi: Aplikasi komputer gratis
OS: Win7/Vista/2K/XP
Download CCleaner Slim
Read More …

JetClean


JetClean secara umum didesain untuk menghapus file-file sampah dan melindungi privasi kalian, akan tetapi aplikasi komputer ini juga bisa membersihkan registry, RAM dan juga sebagai alat untuk menguninstall, registry defrag, mempercepat koneksi Internet dan banyak lagi. JetClean bukan lagi sekedar pembersih hard disk tapi mulai mirip paket software komplit untuk mempercepat komputer.

Ukuran: 3, 44 MB
Lisensi: Aplikasi komputer gratis
OS: Win7/Vista/XP
Download JetClean
Read More …

PC De-Crapifier


Baru saja membeli komputer baru? Dan komputer itu berjalan lambat karena banyak aplikasi komputer terinstall? Untuk itulah PC-Decrapifier hadir. Software untuk komputer ini bukanlah pembersih hard disk yang komplet seperti CCleaner, tapi merupakan aplikasi komputer yang cocok digunakan untuk komputer baru kalian.

Ukuran: 1,29 MB
Lisensi: Aplikasi komputer gratis
OS: Win7/Vista/XP
Download PC De-Crapifier 
Read More …

Tidak ingin mendownload, mengatur dan menjalankan berbagai macam program komputer berbeda untuk mempercepat komputer Anda? Tidak masalah. Berikut kumpulan beberapa aplikasi komputer yang menyediakan berbagai macam fitur dalam satu paket:


1. Advanced System Care


Advanced System Care telah dibuat dan dikembangkan selama bertahun-tahun dan kami menggunakan setiap versi. Software komputer ini benar-benar sebuah all in one suite yang mampu untuk menyingkirkan malware, membersihkan history, menghapus file-file sampah. memperbaiki error di komputer dan banyak lagi.

Ukuran: 30, 3 MB
Lisensi: Software untuk komputer gratis
OS: Win 8\ Win 7\ Vista\ XP
Download Advanced System Care

2. Glary Utilities


Glary Utilities kurang dikenal dibandingkan Advanced System Care dan kurang lebih sama bagusnya dengan Advanced System Care. Fitur-fitur yang tersedia antara lain: disk cleaner, registry cleaner, start up manager, file shredder, process manager, shortcut-shortcut ke tool-tool Windows, memory optimizer dan banyak lagi.

Ukuran: 7,08 MB
Lisensi: Software untuk komputer gratis
OS: Win XP/2003/Vista/Windows7
Download Glary Utilities

3. Simple System Tweaker


Tanya setiap penggemar komputer dan dia akan mengatakan pada kalian bahwa ada satu aplikasi komputer yang sangat berguna, aman dan teruji untuk mempercepat komputer kalian. Simple System Tweaker adalah salah satunya.

Ukuran: 2, 64 MB
Lisensi: Software untuk komputer gratis
OS: Win7/Vista/XP
Download Simple System Tweaker

4. X-Setup


X-Setup adalah sebuah program komputer yang cukup berguna, tapi berhenti dikembangkan di tahun 2002. Untungnya pengembang memberikan izin untuk mengembangkan program untuk mempercepat komputer ini pada Majorgeeks. Jika kalian menggunakan sistem operasi komputer seperti Windows XP, kalian akan menyukai software ini.

Ukuran: 4.7 MB
Lisensi: Aplikasi komputer gratis
OS: 98/ME/NT4/2000/XP/2003
Download X-Setup

Pembersih Hard disk


Hard disk di komputer memiliki dua masalah: perangkat keras ini cenderung merupakan bagian terlambat di komputer kita dan juga cenderung gagal menjalankan tugas lebih dari perangkat keras lainnya di komputer kita. Karena itu pentingnya untuk tetap menjaga hard disk kita bersih dengan melakukan defragment, membackup data dan menghapus file-file sampah.

1. CCleaner Slim


CCleaner telah dikembangkan dan dipakai selama bertahun-tahun dan dirating tinggi. Alat inilah yang kalian inginkan untuk membersihkan hard disk. Software untuk komputer ini juga memiliki sebuah start up manager, registry cleaner, dan shortcut untuk menghapus program-program. Aplikasi komputer ini mudah digunakan dan pembersih yang cukup konservatif.

Ukuran: 2, 57 MB
Lisensi: Aplikasi komputer gratis
OS: Win7/Vista/2K/XP
Download CCleaner Slim

2. JetClean


JetClean secara umum didesain untuk menghapus file-file sampah dan melindungi privasi kalian, akan tetapi aplikasi komputer ini juga bisa membersihkan registry, RAM dan juga sebagai alat untuk menguninstall, registry defrag, mempercepat koneksi Internet dan banyak lagi. JetClean bukan lagi sekedar pembersih hard disk tapi mulai mirip paket software komplit untuk mempercepat komputer.

Ukuran: 3, 44 MB
Lisensi: Aplikasi komputer gratis
OS: Win7/Vista/XP
Download JetClean

3. PC De-Crapifier


Baru saja membeli komputer baru? Dan komputer itu berjalan lambat karena banyak aplikasi komputer terinstall? Untuk itulah PC-Decrapifier hadir. Software untuk komputer ini bukanlah pembersih hard disk yang komplet seperti CCleaner, tapi merupakan aplikasi komputer yang cocok digunakan untuk komputer baru kalian.

Ukuran: 1,29 MB
Lisensi: Aplikasi komputer gratis
OS: Win7/Vista/XP
Download PC De-Crapifier 

Daftar ini akan terus diupdate. Bagaimana menurut teman-teman? Adakah software untuk komputer gratis lain yang terlewat?
Read More …

Halo teman-teman kemarin sempat kita bahas tentang install XP melalui Flashdisk, nah pada kesempatan ini saya mau berbagi cara menginstall ulang windows 7 melalui falshdisk. Cara ini telah saya praktekan, dan yang menarik tanpa Software.

Yang perlu teman-teman siapkan :
1. flashdisk dgn kapasitas 4 giga ato lebih (tergantung bawaan master win 7 nya berapa ukurannya)
2. master windows 7 boleh berupa dvd ato image (iso,etc)
3. pc ato lepto


LANGKAH PERTAMA


(pastikan flashdisk udah kecolok dan ke detect)
1. buka CMD / command prompt, caranya : start, dibagian search tulis cmd, trus enter
2. tulis “Diskpart”, enter
-ntar ada tulisan yes apa no, pilih yes buat njalanin.
3. tulis di diskpart yang udah dijalanin (bentuk nya kaya cmd juga tapi ada tulisannya diskpart) teman-teman tulis “List disk”, enter
-buat liat index hard drive yang ente punya ni
4. tulis “Select disk 1″, enter
-ato nomer berapa yang di list itu yang ukurannya 4 giga -sesuaikan ama flashdisk kalian-
-nah, sampai di select disk, ni buat milih disk mana yang mau dikerjain.

5. tulis “Clean”, enter
-kaya namanya, buat bersihin flashdisk kalian ni, kalo ada partisi partisi lagi di flashdisk, jadi bersih ama command ini
6. tulis “Create partition primary”, enter
-buat jadiin partisi flashdisk ente jadi partisi primary
7. tulis “Format recommended”, enter
-nah, ni buat format, sejauh pengalaman saya, pernah flashdisk saya mau di format cara biasa (klik kanan, format) ga bisa, malah tulisannya “windows unable to format bla bla bla” trus keluar tulisan “please apa gitu, yang intinya flashdisk saya tidak kepasang.
8. tulis “active”, enter
biar flashdisk nya bisa aktip, dan bisa buat boot segala ni
9. trus terakhir tulis “Exit”, enter


Untuk lebih Jelasnya Perhatikan Gambar di bawah :
LANGKAH KEDUA
1. siapkan master windows 7 (bisa berupa dvd, bisa berupa image (iso,etc))
2. copy kan semua file master windows 7 ke flash disk
3. selesai Part 2.

LANGKAH KETIGA
1. lepas colokan flashdisk
2. colokin ke notebook, atau komupter, atau laptop yang mau di install windows 7
3. Boot nya diganti ke flashdisk (pada beberapa laptop, ada yang minta tekan f11, ada yang f12, kalo komputer rata-rata tekan Delete pada saat boot nya buat setting primary boot disk nya jadi usb flashdisk)
4. install windows 7 nya
5. selesai.
 
Read More …

Kalo yang doyan ama kompier pasti punya yang namanya flash disk, cuman gmana rasanya kalo ternyata file yang ada dalam flash disk tersebut ternyata corrupt alias rusak? pastilah sangat menyebalkan, saya pernah merasakan gimana sebalnya pas ternyata file yang ada dalam flash disk corrupt. Tapi, para pembaca gak usah patah arang arang karena saya akan share gimana ngatasi masalah file yang corrupt dalam flash disk dengan menggunakan TestDisk.
TestDisk adalah Aplikasi gratis yang dapat membantu memulihkan data dari usb flashdisk yang korup. Biasanya Flash Disk yang rusak akan diminta diformat tapi sering terjadi kesalahan yaitu tidak berhasil diformat.

DengaN Aplikasi TestDisk dapat memulihkan partisi FAT32 yang hilang.

Image



Fitur TestDisk
Memperbaiki dan memulihkan tabel partisi hilang / dihapus partisi
Membangun kembali / Recover FAT32 boot sektor
Memperbaiki Tabel FAT
Membangun kembali / Recover NTFS boot sector
Tidak Menghapus file dari Fat, ntfs dan ext2 filesystem
Menyalin file dari partisi yang dihapus
Sistem operasi yang didukung: DOS Windows 2000, XP, Windows Vista, Windows 7, Linux, MacOS X .
Cara Recover File menggunakan TestDisk

Gejala umum atau yang terlihat ketika flash disk rusak adalah, Windows Explorer menampilkan pesan belum diformat.

"Drive tidak diformat, apakah Anda ingin format sekarang?"

Untuk memulihkan partisi atau memperbaiki sistem file, Anda harus menjalankan TestDisk dengan hak administrator penuh. Dalam Windows Vista, klik kanan Testdisk.exe dan pilih "run as administrator" .
Image


Untuk memulihkan citra partisi dari media atau memperbaiki citra filesystem, jalankan
TestDisk image.dd untuk membuat disk image mentah
TestDisk image.E01 untuk memulihkan file dari gambar EWF membungkus
Testdisk 'image.*' Jika gambar dibagi menjadi beberapa file.
Jika partisi tersebut diformat ulang dalam sistem file lain gunakan langkah-langkah yang diberikan di bawah ini.
Image


Jalankan TestDisk
Pilih hard disk dan tipe partisi
Pilih Advanced
Pilih Partisi
Pilih Jenis
Masukkan nilai yang sesuai dengan filesystem sebelumnya
Pilih Boot
Pilih RebuildBS
Daftar
Jika Anda bisa melihat file Anda, pilih Tulis dan Confirm
Dalam Analisis, Pilih untuk menulis kembali partisi dengan tipe partisi yang benar.

Download TestDisk
Read More …

kali ini saya akan memposting bagaimana cara agar efek gambar dapat membesar di blog anda ketika disorot mouse. Langsung saja tidak usah basa-basi. Ikuti langkah di bawah ini:
  1. Login Akun Blogger kalian
  2. Klik Rancangan lalu pilih Edit HTML.
  3. Kemudian cari kode ]]></b:skin>
  4. Kalau sudah ketemu, letakkan kode berikut tepat di atasnya lalu simpan templatenya.
.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
Hasilnya akan seperti gambar di bawah ini, silahkan disorot dengan mouse.
Read More …


  Mau aksesoris-aksesoris blog lainnya..,  ini agak berbeda, biasanya kan efek ini langsung dengan sendirinya, tapi disini efek ini akan muncul jika mouse digerakkan.., efeknya itu seperti salju yang berjatuhan.., mau lihat seperti apa efeknya ?? bekicott... hehe,pisss

  1. Copy kode berikut :
  2. <script>
       // <![CDATA[
                var colour="white";
                var sparkles=100;
         
                var x=ox=400;
                var y=oy=300;
                var swide=800;
                var shigh=600;
                var sleft=sdown=0;
                var tiny=new Array();
                var star=new Array();
                var starv=new Array();
                var starx=new Array();
                var stary=new Array();
                var tinyx=new Array();
                var tinyy=new Array();
                var tinyv=new Array();
                window.onload=function() { if (document.getElementById) {
                  var i, rats, rlef, rdow;
                  for (var i=0; i<sparkles; i++) {
                    var rats=createDiv(3, 3);
                    rats.style.visibility="hidden";
                    document.body.appendChild(tiny[i]=rats);
                    starv[i]=0;
                    tinyv[i]=0;
                    var rats=createDiv(5, 5);
                    rats.style.backgroundColor="transparent";
                    rats.style.visibility="hidden";
                    var rlef=createDiv(1, 5);
                    var rdow=createDiv(5, 1);
                    rats.appendChild(rlef);
                    rats.appendChild(rdow);
                    rlef.style.top="3px";
                    rlef.style.left="0px";
                    rdow.style.top="0px";
                    rdow.style.left="3px";
                    document.body.appendChild(star[i]=rats);
                  }
                  set_width();
                  sparkle();
                }}
                function sparkle() {
                  var c;
                  if (x!=ox || y!=oy) {
                    ox=x;
                    oy=y;
                    for (c=0; c<sparkles; c++) if (!starv[c]) {
                      star[c].style.left=(starx[c]=x)+"px";
                      star[c].style.top=(stary[c]=y)+"px";
                      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
                      star[c].style.visibility="visible";
                      starv[c]=50;
                      break;
                    }
                  }
                  for (c=0; c<sparkles; c++) {
                    if (starv[c]) update_star(c);
                    if (tinyv[c]) update_tiny(c);
                  }
                  setTimeout("sparkle()", 40);
                }
                function update_star(i) {
                  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
                  if (starv[i]) {
                    stary[i]+=1+Math.random()*3;
                    if (stary[i]<shigh+sdown) {
                      star[i].style.top=stary[i]+"px";
                      starx[i]+=(i%5-2)/5;
                      star[i].style.left=starx[i]+"px";
                    }
                    else {
                      star[i].style.visibility="hidden";
                      starv[i]=0;
                      return;
                    }
                  }
                  else {
                    tinyv[i]=50;
                    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
                    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
                    tiny[i].style.width="2px";
                    tiny[i].style.height="2px";
                    star[i].style.visibility="hidden";
                    tiny[i].style.visibility="visible"
                  }
                }
                function update_tiny(i) {
                  if (--tinyv[i]==25) {
                    tiny[i].style.width="1px";
                    tiny[i].style.height="1px";
                  }
                  if (tinyv[i]) {
                    tinyy[i]+=1+Math.random()*3;
                    if (tinyy[i]<shigh+sdown) {
                      tiny[i].style.top=tinyy[i]+"px";
                      tinyx[i]+=(i%5-2)/5;
                      tiny[i].style.left=tinyx[i]+"px";
                    }
                    else {
                      tiny[i].style.visibility="hidden";
                      tinyv[i]=0;
                      return;
                    }
                  }
                  else tiny[i].style.visibility="hidden";
                }
                document.onmousemove=mouse;
                function mouse(e) {
                  set_scroll();
                  y=(e)?e.pageY:event.y+sdown;
                  x=(e)?e.pageX:event.x+sleft;
                }
                function set_scroll() {
                  if (typeof(self.pageYOffset)=="number") {
                    sdown=self.pageYOffset;
                    sleft=self.pageXOffset;
                  }
                  else if (document.body.scrollTop || document.body.scrollLeft) {
                    sdown=document.body.scrollTop;
                    sleft=document.body.scrollLeft;
                  }
                  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
                    sleft=document.documentElement.scrollLeft;
                 sdown=document.documentElement.scrollTop;
                  }
                  else {
                    sdown=0;
                    sleft=0;
                  }
                }
                window.onresize=set_width;
                function set_width() {
                  if (typeof(self.innerWidth)=="number") {
                    swide=self.innerWidth;
                    shigh=self.innerHeight;
                  }
                  else if (document.documentElement && document.documentElement.clientWidth) {
                    swide=document.documentElement.clientWidth;
                    shigh=document.documentElement.clientHeight;
                  }
                  else if (document.body.clientWidth) {
                    swide=document.body.clientWidth;
                    shigh=document.body.clientHeight;
                  }
                }
                function createDiv(height, width) {
                  var div=document.createElement("div");
                  div.style.position="absolute";
                  div.style.height=height+"px";
                  div.style.width=width+"px";
                  div.style.overflow="hidden";
                  div.style.backgroundColor=colour;
                  return (div);
                }
                // ]]></script>
  1. Agak banyak ya ?? hehehe.., lalu copy kode diatas dikotak HTML/ Java Script di Rancangan..,
  2. Sudah deh.., lalu liat blog kamu, gerak-gerakan mousenya sesukamu.., efek tersebut tidak akan pernah habis.
     Begitulah akhir dari cara Menambahkan Efek Saat Mouse di Gerakkan.., jangan lupa komentarnya., semoga bermanfaat saja bagi kalian ya !!
Read More …

Cara Menghilangkan Tanda Obeng dan Tang di Blog

Tanda tersebut sebenarnya bukan merupakan suatu masalah, karena tanda tersebut hanya muncul jika pemilik blog sedang login di account blognya dan hanya muncul di komputer orang tersebut. Jadi orang lain tidak bisa melihatnya. Dan kalau pemilik blog tersebut sudah "sign out" maka tanda tersebut tidak akan muncul lagi.

Cara menghilangkan seperti dibawah ini:
1. login ke akun blogger kamu
2. masuk ke rancangan--> edit html --> centang kolom expand widget template
3. cari kode ini
]]></b:skin>

4. copy dan paste kode dibawah ini tepat diatas kode nomer 3 tersebut

.quickedit{
display:none;
}

 
5. Klik tombol Simpan Template dan lihat hasilnya .
6. Selesai.
Read More …

Read More …



Template default bawaan blogger biasanya minim sekali dengan widget-widget termasuk menu navigasi. Terkecuali jika kita mendownload sendiri template dari blog lain. Menu navigasi penting artinya untuk meningkatkan kunjungan ke blog kita, walaupun masih ada cara lain seperti menambahkan label, recent posts, related posts ataupun popular posts di blog kita. Menu navigasi biasanya terdiri dua macam; vertikal dan horisontal. Menu navigasi Vertikal atau menu navigasi lurus ke atas biasanya diletakkan di sidebar, sedangkan menu navigasi horisontal kita letakkan di atas judul posting atau di bawah header/judul blog.

memasang menu navigasi horizontal
menu navigasi horizontal bercabang

Membuat menu navigasi bisa dilakukan dengan berbagai cara, bisa memasukkan kode css ke dalam template, ini permanen tentunya, dan cara yang kedua cukup menambahkan widget dengan memasukkan kode tertentu ke dalam widget/gadget tersebut. Pada tutorial ini saya akan membuat menu navigasi horizontal dengan cara yang cukup mudah yang letaknya di bawah header.

Oke langsung saja bagaimana cara membuat menu navigasi horisontal bercabang,
Masuk ke akun blogger> Dasbor > tata letak > Tambahkan gadget > pilih HTML/Javascript, kemudian masukkan kode berikut ini. (Jangan lupa saat menambahkan gadget, pilih gadget yang di bawah header.)

cara menambahkan menu navigasi drop down bercabang
add menu navigasi


    <style>
    #menunavigasihorisontal {
        background: #848484;
        width: 100%;
   
        color: #FFF;
            margin: 10px 0;
            padding: 0;
            position: relative;
            border-top:0px solid #960100;
            height:35px; }

    #bb2nav {
        margin: 0;
        padding: 0;}
    #bb2nav ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;}
    #bb2navli {
        list-style: none;
        margin: 0;
        padding: 0;}
    #bb2nav li a, #bb2nav li a:link, #bb2nav li a:visited {
        color: #FFF;
        display: block;
       font:bold 12px Helvetica, sans-serif;
       margin: 0;
        padding: 9px 12px 11px 12px;
            text-decoration: none;
            border-right:0px solid #627AAD;}
    #bb2nav li a:hover, #bb2nav li a:active {
        background: #2E9AFE;
        color: #FFF;
        display: block;
        text-decoration: none;
            margin: 0;
        padding: 9px 12px 11px 12px;}

    #bb2nav li {
        float: left;
        padding: 0;}
    #bb2nav li ul {
        z-index: 9999;
        position: absolute;
        left: -999em;
        height: auto;
        width: 160px;
        margin: 0;
        padding: 0;}
    #bb2nav li ul a {
        width: 140px;}
    #bb2nav li ul ul {
        margin: -25px 0 0 161px;}

    #bb2nav li:hover ul ul, #bb2nav li:hover ul ul ul, #bb2nav

li.sfhover ul ul, #bb2nav li.sfhover ul ul ul {
        left: -999em;}
    #bb2nav li:hover ul, #bb2nav li li:hover ul, #bb2nav li li

li:hover ul, #bb2nav li.sfhover ul, #bb2nav li li.sfhover ul, #bb2nav

li li li.sfhover ul {
        left: auto;}
    #bb2nav li:hover, #bb2nav li.sfhover {
        position: static;}
    #bb2nav li li a, #bb2nav li li a:link, #bb2nav li li a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        margin: 1px 0 0 0;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;}
    #bb2nav li li a:hover, #bb2nav li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}
    #bb2nav li li li a, #bb2nav li li li a:link, #bb2nav li li li

a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;
        margin: 1px 0 0  -14px;}
    #bb2nav li li li a:hover, #bb2nav li li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}

    </style>
    <div id='menunavigasihorisontal'>
              <ul id='bb2nav'>
                <li>
                  <a href='#'>Home</a>
                </li>
                <li>
                  <a href='#'>Tentang Saya</a>
                </li>
                <li>
                  <a href='#'>Contact</a>
                     <ul>
                        <li><a href='#'>Sub Halaman 1</a></li>
                        <li><a href='#'>Sub Halaman 2</a></li>
                        <li><a href='#'>Sub Halaman 3</a></li>
                      </ul>
                </li>
                <li>
                  <a href='#'>Daftar Isi ▼</a>                 <ul>
                    <li><a href='#'>
Sub Menu 1</a></li>
                    <li><a href='
#'>Sub Menu 2</a></li>
                    <li><a href='
#'>Sub Menu 3</a>
               
   <ul>
                    <li><a href='#'>Sub
Sub Menu 1</a></li>
                    <li><a href='#'>Sub
Sub Menu 2</a></li>
                    <li><a href='#'>Sub
Sub Menu 3</a></li>
                  </ul>

                  </li>
                  </ul>             </li>
          </ul>
        </div>
Pengaturan dan modifikasi;

1. Silahkan ubah warna background menu sesuai selera ditandai dengan kode seperti #2E9AFE

2. Untuk membuang cabang yang tidak dibutuhkan (mungkin terlalu banyak lihat kode berwarna biru 
                  <ul>
                    <li><a href='#'>Sub Sub Menu 1</a></li>
                    <li><a href='#'>Sub
Sub Menu 2</a></li>
                    <li><a href='#'>Sub
Sub Menu 3</a></li>
                  </ul>
bisa juga sobat tambahkan di item menu lainnya jika ingin.

3.  Masukkan alamat halaman atau postingan blog yang dikehendaki pada kode # .

4.  Perhatikan kode-kode yang sudah diberi warna saat menambah atau membuang item menu tertentu agar tidak error.


Oke saya kira sudah cukup jelas dan mudah, untuk live  demo silahkan buka di sini

Selamat mencoba.  

Update:

Buat sobat yang bermasalah saat memasang di elemen header cari kode berikut ini (warna merah):
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Sample Blog (Header)' type='Header'>
<b:includable id='main'>
ganti 1 menjadi 3 no menjadi yes sehingga menjadi seperti ini. 
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
Setelah itu pindahkan kode HTML/javascriptnya diatas atau di bawah elemen header.


Buka juga CSS 3 drop down menu navigasi yang saya pakai ini
Read More …

Mungkin anda pernah merasa kesulitan memasang halaman facebook di blog? Membuat halaman facebook sendiri sebetulnya cukup mudah, namun yang jadi kendala terkadang adalah blogger pemula kesulitan untuk memasukkan kode yang diberikan, ke template blog. Saya punya sebuah solusi buat sobat blogger yang mengalami masalah tersebut. Ya dengan memasang akun facebook milik sendiri di blog. Dengan menambahkan akun facebook kita tidak perlu repot lagi membuat facebook page. Apalagi sekarang di facebook sudah ada fitur berlangganan status atau berita pribadi pengguna. 

Nah sekarang langsung saja kita ikuti tutorial cara memasang akun profil facebook di blogger.

1. Pertama silakan login ke akun facebook dan blogger anda.

2. Kemudian masuk ke profil milik sendiri, jika anda sedang di beranda, tinggal klik nama kita.

3. Klik Log aktivitas (tanda panah ke bawah) eeh ini yang pakai facebook timeline yaa...

4. lalu klik Tambahkan lencana ke situs anda

Cara menambahkan lencana facebook di akun blogger

Buat yang tidak pake timeline klik aja Tambahkan lencana ke situs anda yang letak link nya di bawah daftar foto teman tab bagian kiri.
cara memunculkan akun facebook milik sendiri di blog
gambar 2 edit lencana profil
Sobat bisa mengedit tampilannya dengan klik sunting lencana ini. 
memasang akun pribadi facebook di blogspot
Sobat bisa memilih tampilannya mau tegak seperti contoh di atas ataupun vertikal, selain itu bisa juga sobat atur fitur apa saja yang mau ditampilkan seperti foto profil, nama kita, status terakhir, situs web dan lainnya. Tidak perlu banyak-banyak centangnya, nanti malah kepenuhan. Jika dirasa sudah cocok lalu klik Simpan.
Kembali ke gambar 2, lihat logo blogger jika sobat memakai blogspot klik aja langsung logo tersebut beda dengan typepad atau wordpress. Untuk pengguna wordpress klik lainnya, akan muncul kode yang diberikan, silakan di copy kode tersebut.
Untuk blogger sendiri akan langsung diarahkan otomatis ke add gadget blog dengan catatan sobat sedang login di akun blogger. dan akan muncul seperti gambar berikut ini:
cara menambahkan dan memasang lencana profil facebook di blog



Pilih nama blog, Judul widget, lalu klik menambah widget. Selesai. Dan profil facebook pribadi sobat sudah muncul di sidebar kanan. Langkah selanjutnya sobat bisa atur penempatannya agar lebih sedap dipandang mata, hehehe. Oke selamat Mencoba.
Read More …

Hallo Guys.... Apa kabar neeh. Ane punya koleksi jam digital kereen looh untuk blog kalian ada yang mau gak yaa? Neeh berikut tampilannya. Banyak looh... Tapi ini berformat flash jadi jam nya jangan dipasang banyak-banyak yaa entar loading blog jadi berat...


1. Jam dan kalender

Kodenya ini:
<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-1.swf"> <embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-1.swf" width="150" height="250" wmode="transparent"></object>

2. Jam silver berputar

 

Kodenya html nya;
<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-11.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-11.swf" width="150" height="150" wmode="transparent"> </embed></object>

3. Jam Analog plus digital

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-28.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-28.swf" width="150" height="150" wmode="transparent"> </embed></object> 

4. Clicking Digital Clock

Yang ini bisa bunyi lhoo kalo di klik
<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-33.swf" width="150" height="150" wmode="transparent"> </embed></object>

5. Beautiful Analog Clock with Black outline

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-24.swf" width="150" height="150" wmode="transparent"> </embed></object>

6. Wooden Clock Light Brown Outline

<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf" width="150" height="150" wmode="transparent"> </embed></object>


Cara memasangnya; Masuk akun blogger Dasbor > Tata Letak > Tambahkan Gadget > Pilih HTML/Javascript Silakan copy masukkan kode di dalam blockquote dalam kotak kuning di atas, lalau paste di form add gadget tadi. Kalo mau meletakkan gadgetnya tepat ditengah silakan tambahkan kode <div align="center"> ........ </div> contohnya;
<div align="center">
<object><param name="movie" value="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf"><embed src="http://flash-clocks.com/free-flash-clocks-for-websites/free-flash-clock-15.swf" width="150" height="150" wmode="transparent"> </embed></object> 
</div>
Kalo ada yang belum tau cara menambah gadget silakan buka halaman Cara Menambah Gadget di Blogger
Bagaimana sobat suka? Silahkan pilih salah satu deech. Happy Blogging !
Read More …


Read More …


display:scroll;position:fixed;bottom:10px;left:10px;z-