Cara melihat script di suatu website/blog

         

          Baiklah dari pada penasaran mari kita simak caranya, dan kebetulan web browsing yang saya gunakan adalah mozila firefox, simak caranya di bawah ini :
          Hai sahabat blogger semuanya, kali ini saya akan berbagi sedikit tentang cara melihat script website orang lain, cara ini saya gunakan untuk mempelajari script karena saya sangat penasaran dengan beberapa tampilan website.

Trik Pertama :

1. Langkah pertama, silahkan kunjungi website yang akan dijadikan experimen.sebagai contoh widget facebook di blog saya.
2. Langkah selanjutnya, click kanan widget yang di pilih dan pilih Inspect Element (Q) 
3. kemudian atur lokasi/block widget yang ingin di eksekusi. (menu akan muncul setelah langkah no 2 dan terdapat di bagian bawah).
4. Langkah berikutnya click tanda arah bawah seperti "V" , dan pilih Copy Inner HTML (yang saya pilih).
5. Kemudian untuk melihat hasilnya paste di widget blog anda masing-masing.
6. dan lihat hasilnya.

Trik kedua :

1. Langkah pertama, silahkan kunjungi website yang akan dijadikan experimen.sebagai contoh widget facebook di blog saya.
2. Langkah selanjutnya, click kanan mouse dan pilih view page source.
3. kemudian lihat scripnya (bisa di lihat contoh gambar di bawah ini).

[selamat mencoba dan semoga bermanfaat]

*from my blog 

Cara membuat menu drop down dengan mudah di blogger

     

          Selamat bertemu kembali sahabat, kali ini saya akan berbagi cara membuat menu dropdown di blogger dengan mudah, sebelumnya trik ini saya posting di blog saya yang lama dan sudah di blokir oleh google/blogger. baikalah mari kita simak langkah-langkahnya

1. Login dulu ke aku blogger anda.
2. Masuk ke menu Template, dan kemudian pilih Edit HTML 
3. Jangan lupa Centang pada bagian [ Expand Template Widget]
4. kemudian letakan script di bawah ini di atas ]]></b:skin>
   
   
       menu{
       border:none;
       border:0px;
       margin:0px;
       padding:0px;
       font: 67.5% "Arial", Arial;
       font-size:14px;
       font-weight:bold;
       }
       .menu ul{
       background:#333333;
       height:35px;
       list-style:none;
       margin:0;
       padding:0;
       font-size:14px;
       font-weight:bold;
       }
       .menu li{
       float:left;
       padding:0px;
       }
       .menu li a{
       background:#333333 url("http://i47.tinypic.com/qp53sw.jpg") bottom right no-repeat;
       color:#cccccc;
       display:block;
       font-weight:normal;
       line-height:35px;
       margin:0px;
       padding:0px 25px;
       text-align:center;
       text-decoration:none;
       }
       .menu li a:hover, .menu ul li:hover a{
       background: #2580a2 url("http://i49.tinypic.com/13zbc53.jpg") bottom center no-repeat;
       color:#FFFFFF;
       text-decoration:none;
       }
       .menu li ul{
       background:#333333;
       display:none;
       height:auto;
       padding:0px;
       margin:0px;
       border:0px;
       position:absolute;
       width:225px;
       z-index:200;
       /*top:1em;
       /*left:0;*/
       }
       .menu li:hover ul{
       display:block;
       }
       .menu li li {
       background:url('http://i45.tinypic.com/nvxxqg.jpg') bottom left no-repeat;
       display:block;
       float:none;
       margin:0px;
       padding:0px;
       width:225px;
       }
       .menu li:hover li a{
       background:none;
       }
       .menu li ul a{
       display:block;
       height:35px;
       font-size:12px;
       font-style:normal;
       margin:0px;
       padding:0px 10px 0px 15px;
       text-align:left;
       }
       .menu li ul a:hover, .menu li ul li:hover a{
       background:#2580a2 url('http://i50.tinypic.com/66elwh.jpg') center left no-repeat;
       border:0px;
       color:#ffffff;
       text-decoration:none;
       }
       .menu p{
       clear:left;
       }
   
   
   [Download Script]
5. Kemudian Save Template,
6. Langkah selanjutnya silahkan anda masuk ke menu Tata Letak dan buat Widget baru, caranya click Tambah Widget >> pilih HTML/Java script.
7. Copy script di bawah ini.
   
   <div class="menu"><ul>
   <li><a href="http://achmadfc-eng.blogspot.com"> Home</a></li>
   
   <li><a href="http://achmadfc-eng.blogspot.com/search/label/Tips%20and%20Trick">Tips and Trick</a><ul>
   <li>
   </li>
   </ul></li>
   
   <li><a href='#'>Downloads</a>
   <ul class='children'>
   <li><a href='#'>Movie</a>
   </li>
   <li><a href='#'>Music</a>
   </li>
   </ul></li>
   
   <li><a href='#'>Tutorials</a>
   <ul class='children'>
   <li><a href='#'> Microsoft Office</a>
   </li>
   <li><a href='#'> CorelDraw</a>
   </li>
   <li><a href='#'> Photoshop</a>
   </li>
   <li><a href='http://achmadfc-eng.blogspot.com/search/label/Blogger'> BLogger</a>
   </li>
   </ul></li>
   
   <li><a href='#'>My Blog</a>
   <ul class='children'>
   <li><a href='http://achmadfc-bisnis.blogspot.com' target="blank" > Bisnis Online</a>
   </li>
   <li><a href='http://achmadfc-sch.blogspot.com' target="blank" > Archive Study</a>
   </li>
   <li><a href='#' target="blank" > Download Soft</a>
   </li>
   </ul></li>
   
   <li><a href='#'>Blog my Friend's</a>
   <ul class='children'>
   <li><a href='#' target="blank" > Nama teman 1</a>
   </li>
   <li><a href='#' target="blank" > Nama Teman 2</a>
   </li>
   <li><a href='#' target="blank" > Nama Teman 3</a>
   </li>
   </ul></li>
   </ul>
   </div>
   
   Silahkan Edit :
   > yang berwarna MERAH Silahkan masukan Url/Link anda.
   > yang berwarna HIJAU Biarkan "#"
   
   NB :
   > Block berwarna Hijau untuk membuat menu horizontal
   > Block berwarna Biru untuk membuat menu dropdown
8. Save dan lihat hasilnya.

[Selamat mencoba dan semoga bermanfaat]

*from my blog 

Cara membuat widget menjadi rata tengah

          Halo sahabat, kali ini saya akan berbagi cara membuat widget di blog menjadi rata tengah, menjadikan widget terasa enak di pandang dan terasa rapi di blog, seperti tampak gambar di samping, caranya sangatlah mudah hanya saja perlu ikuti langkah-langkah berikut :

1. Langkah pertama login dulu di akun blog masing-masing.
2. Kemudian anda masuk ke Tata letak dan Silahkan anda memilih widget yang ingin di jadikan exsperimen/ bahan percobaan.
3. click Edit widget kemudian, langkah selanjutnya ketik script seperti di bawah ini
   ---------------------------------
   <Center>
   
   Script anda
   
   </Center></Div>
   
   ---------------------------------
4. Intinya hanya memberikan kata <center> pada bagian paling atas dan di akhiri kata </center></div>.
5. Lihat hasilnya.

[Selamat mencoba dan semoga bermanfaat]

*from my blog 

Cara Uninstal Program yang tidak terdaftar di control panel

          Hai sahabat blogger semuanya kali ini saya akan berbagi cara tentang Cara Uninstal Program yang tidak terdaftar di program and features di control panel, trik ini berawal dari program yang selalu aktif ketika setiap menghidupkan komputer, dan tandanya terdapat icon tray yang aktif pada icon taskbar. cara ini juga bisa di aplikasikan pada file sistem yang aktiv seperti virus-virus nakal.

          Baiklah mari kita langsung saja simak langkah-langkahnya di bawah ini:

1. Langkah pertama buka Windows Task Manager,caranya
   Pertama, Click kanan Toolbar >> pilih start task manager
   Kedua, tekan tombol Ctrl + Alt + Del >> pilih start task manager
2. Langkah selanjutnya pilih menu Processes,
3. Kemudian cari nama program yang hendak anda instal, kemudian 
4. Setelah di temukan, click kanan dan pilih Open file Location,
5. dan cari dan click uninsstal/unins000/dll.
6. Selesai

          Untuk menghilangkan program sejenis Virus atau autorun sistem,

1. Langkah pertama buka Windows Task Manager,caranya
   Pertama, Click kanan Toolbar >> pilih start task manager
   Kedua, tekan tombol Ctrl + Alt + Del >> pilih start task manager
2. Langkah selanjutnya pilih menu Processes,
3. Kemudian cari nama program yang hendak anda instal, kemudian 
4. Setelah di temukan, click kanan dan pilih Open file Location,
5. kemudian pada Windows task manager  click End Process pada nama program yang di pilih.
6. langkah selanjutnya deleted file yang sudah di temukan.
7. Selesai.

[Silahkan mencoba dan semoga bermanfaat]

*from my blog 

Cara mengatur posisi judul blog ke tengah

          Hai sahabat blogger semuanya kali ini saya akan berbagi sedikit cara bagaimana cara mengatur posisi judul blogger yang berada di bagian samping kiri dan katanya tidak memanjang (menjadi ke bawah) seperti contoh pada gambar di bawah ini.

          Dari kasus di atas yang awalnya saya instal template baru ke blog saya, kemudian judul blog dan lainnya otomatis tidak bisa di rubah melalui fitur yang sudah di sediakan oleh blogger. mau tidak mau kita harus mengedit template tersebut langsung dari HTML/ scrip yang berada pada Template >> Edit HTML .

Baiklah mari kita praktekan cara di bawah ini, dan simak baik-baik :

1. Langkah pertama anda harus login terlebih dahulu ke akun blogger anda.
2. Langkah selanjutnya, pergi ke Template >> Edit HTML.
3. Jangan lupa Centang pada bagian [ Expand Template Widget]
4. Setelah itu cari script yang mirip seperti di bawah ini
   
   header-wrapper{width:980px;color:#333;min-height:80px;overflow:hidden;position:relative;z-index:999;margin:0 auto}
   #header{max-width:260px;float:left;width:auto;overflow:hidden;z-index:999;min-width:260px;margin:0;padding:0}
5. yang harus anda cari script yang warna merah .
6. Jika sudah anda temukan Script yang mirip di atas, langkah selanjutnya, ganti max-width untuk (#header) menjadi 980 px.
   sebagai contoh seperti di bawah ini.
   
   
   Sebelum
   #header{max-width:260px;float:left;width:auto;overflow:hidden;z-index:999;min-width:260px;margin:0;padding:0}
   
   Sesudah
   #header{max-width:980px;float:left;width:auto;overflow:hidden;z-index:999;min-width:260px;margin:0;padding:0}
7. kemudian simpan template. dan hasilnya akan tampak seperti gambar di bawah ini.

[Selamat mencoba dan semoga bermanfaat]

*from my blog