Cara Membuat Menu Drop Down Horisontal

Cara Membuat Menu Drop Down Horisontal

Apa itu menu mega drop down? menu yang bisa menampung link dengan jumlah yang sangat besar yang terbagi dalam beberapa kolom, menu mega drop down ini tidak hanya unggul dalam quota link akan tetapi menu super dahsyat ini juga super speed (load page cepat dan ringan) karena menggunakan kode css dengan kombinasi kode html,menu mega drop down tidak diragukan lagi untuk dapat mempercantik blog dengan kapasitas posting yang sangat banyak dan sangat tepat untuk seorang blogger profesional yang mempunyai disiplin dan kemauan besar untuk membuat blog dengan sempurna.

Mega Drop Down Browser Support

Menu mega drop down horizontal sudah teruji dibeberapa peramban diantaranya yaitu Opera, Safari, Mozilla, Google Chrome, dan internet explore jadi anda tidak perlu khawatir untuk melengkapi blog anda dengan menu mega drop down horizontal bila anda berminat untuk mempercantik blog.

Bagaimana cara membuat Menu mega Drop Down?

Untuk membuat menu mega drop down di blog sangat mudah bahkan anda tidak perlu menjadi seorang blogger profesional untuk dapat membuatnya, karena pada dasarnya anda hanya perlu melakukan copy code, paste code, mengganti link tujuan, save dan selesai. Dibawah ini nanti akan saya jelaskan dengan sangat detail untuk membuat menu mega drop down dengan bagian bagian kode yang ada pada menu mega drop down. 

Cara membuat menu mega Drop Down Horisontal

1.Copy kode mega drop down dibawah ini :

Menu Mega Drop Down

Cara Membuat Detail Zoom pada Gambar Blog

Detail Zoom ini cocok digunakan untuk melihat koleksi-koleksi gambar atau foto. Dengan sekali klik gambar/ foto akan terlihat di bagian lain dengan ukuran besar dan merupakan rangkaian gambar/ foto. Untuk lebih jelasnya bisa anda lihat jika anda telah membuatnya pada blog anda.
Sekarang mari kita lihat langkah-langkahnya, kita mulai dengan :
1. Login ke blog
2. Pilih Template
3. Edit HTML
4. Tekan Ctrl F, ketikkan ]]></b:skin>
5. Letakkan kode berikut ini diatas ]]></bskin>

/* Zoom Efek */
.thumbnail{position:relative;z-index:0}
.thumbnail:hover{background-color:transparent;z-index:50}
.thumbnail span{position:absolute;left:-1000px;visibility:hidden;color: black;text-decoration: none}
.thumbnail span img{border-width:0;padding:2px}
.thumbnail:hover span {visibility: visible; top: 0; left: 60px}

6. Simpan Template 

Apabila sobat ingin menggunakan efek zoom pada gambar ini, silahkan gunakan kode script ini:

<a class="thumbnail" href="#thumb"><img src="http://i.com/#.jpg" border="0" alt="Photobucket"><span><img src="http://i.com/#.jpg" width ="400px"height="472px";/></span></a>

Untuk text, gunakan kode script seperti ini:

<a class="thumbnail" href="#thumb">Lihat Gambar<span><img src= http://i.com/#.jpg /></span></a>

Sobat tinggal merubah ukuran gambar yang sobat inginkan, tinggal mengganti angka di width dan height sesuai dengan selera.
Catatan:
Untuk mengatur letak tinggi dan rendah gambar hasil zoom, sobat bisa merubah ukuran pada kode skrip yang berwarna Biru.

PETA KABUPATEN JEMBER

Halaman ini mencoba memberikan data berupa Peta Digital berdasarkan Kecamatan yang ada di Kabupaten Jember. Kabupaten Jember yang berada di sebelah timur Pulau Jawa bagian paling selatan diapit oleh Kab. Lumajang di sebelah barat, Kab. Bondowoso dan Kab. Banyuwangi di sebelah Utara dan Timur. Kabupaten Jember terdiri dari 31 Kecamatan.

A. KECAMATAN KOTA
1. Kecamatan Patrang

2. Kecamatan Kaliwates

3. Kecamatan Sumbersari

B. KECAMATAN LAIN

4. Kecamatan Arjasa

5. Kecamatan Jelbuk

6. Kecamatan Pakusari

7. Kecamatan Mayang

8. Kecamatan Kalisat

9. Kecamatan Sukowono

10. Kecamatan Silo

11. Kecamatan Ledokombo

12. Kecamatan Sumberjambe

13. Kecamatan Mumbulsari

14. Kecamatan Tempurejo

15. Kecamatan Sukorambi

16. Kecamatan Panti

17. Kecamatan Rambipuji

18. Kecamatan Bangsalsari

19. Kecamatan Tanggul

20. Kecamatan Sumberbaru

21. Kecamatan Semboro

22. Kecamatan Kencong

23. Kecamatan Umbulsari

24. Kecamatan Jombang

25. Kecamatan Puger

26. Kecamatan Gumukmas

27. Kecamatan Ambulu

28. Kecamatan Wuluhan

29. Kecamatan Balung

30. Kecamatan Jenggawah

31. Kecamatan Ajung

MEMBUAT REFLECTION/ PANTULAN GAMBAR ONLINE

MEMBUAT REFLECTION/ PANTULAN GAMBAR ONLINE

Kita dapat membuat gambar terpantul dan membuat gambar jpeg kita menjadi lebih atraktif dengan cara mudah dan cepat. Teknik membuat pantulan gambar bisa dibuat secara transparan sehingga terkesan seperi bayangan air

Caranya adalah sebagai berikut :
1. Ketik http://www.generateit.net/reflection/index.php

2. Step 1 : Pilih file
3. Step 2 : Pilih ukuran gambar 50%, atau 100%
4. Step 3 : Pilih warna latar belakang, kosongkan maka dipilih transparan
5. Step 4 : Klik Generate It
6. Tunggu sebentar lalu klik kanan dan Simpan

Mudah khan... Selamat Mencoba ,,,,

TIPS DAN TRIK DASAR WINDOWS

TIPS DAN TRIK DASAR WINDOWS

Setelah sekian lama mendekam di file saya, kini saya akan mengshare tips dan trik mengenai Windows, khususnya Windows lawas.
Mungkin dengan tidak berlakunya lagi Windows XP, orang akan menganggap ini trik ini tidak ada gunanya.

Saya rasa Windows untuk setiap edisinya mempunyai kesamaan, hanya cara
operasinya yang sedikit berubah atau diperbaharui, tetapi tetap intinya sama.
Kiranya Tips ini bermanfaat .....

150 Tips Dan Trik Dasar Windows

CARA MEMINDAHKAN WIDGET DENGAN JQUERY (DRAGABLE)

CARA MEMINDAHKAN WIDGET DENGAN 

JQUERY (DRAGABLE)

Dibawah ini adalah contoh kode widget pada template blogger, kalian bisa 

melihat sendiri pada template kalian. Kita ambil contoh misalnya 

<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>

<b:widget id='HTML3' locked='false' title='SAMPLE' type='HTML'/>

<b:widget id='Label1' locked='false' title='Label' type='Label'/>
<b:widget id='Profile1' locked='false' title='About' type='Profile'/>


1. Login ke blogger 
2. Pilih Template --> EDIT HTML3. Simpan kode berikut diatas kode </head> 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'/>

Catatan :Jika script diatas sudah ada dalam template kalian, tidak usah dipasang lagi / cuekin tahap No. 3 ini. 



4. sekarang pasang script berikut dibawah kode script no.3

<script type='text/javascript'> $(document).ready(function() {
$(&quot;.widget.TYPEWIDGET&quot;).draggable();
});
</script>


Keterangan :

silahkan ganti kode warna merah dengan nama Type Widget yang akan di sisipkan effect drag.


Contoh untuk Widget Followers :

$(&quot;.widget.Followers&quot;).draggable();

Jadi script lengkapnya seperti berikut ini :

<script type='text/javascript'>

$(document).ready(function() {
$(&quot;.widget.Followers&quot;).draggable();
});
</script>

Untuk Widget TYPE HTML kalian tinggal menambahkan kata HTML pada scriptnya, jadi bentuknya seperti ini :

<script type='text/javascript'>

$(document).ready(function() {

$(&quot;.widget.HTML&quot;).draggable(); });

</script>


Tambahan :

Untuk TYPE HTML, kode diatas akan memindahkan semua WIDGET TYPE HTML yang ada di blog.

Sekarang saya akan berikan contoh script lengkap meliputi HTML, Label, Followers, HTML, Profile dan Gambar:



<script type='text/javascript'>
$(document).ready(function() {
$(&quot;div.drag_gambar img&quot;).draggable();
$(&quot;.widget.Label&quot;).draggable();
$(&quot;.widget.Profile&quot;).draggable();
$(&quot;.widget.HTML&quot;).draggable();
$(&quot;.widget.Followers&quot;).draggable();
});
</script>

MENGHILANGKAN TANDA OBENG KUNCI DI BLOG

MENGHILANGKAN TANDA OBENG KUNCI DI BLOG

Kejadian yang sering dialami pada saat mengubah template blog adalah adanya gambar obeng kunci / setting yang sering terlihat pada saat kita preview blog ataupun mencoba langsung membuka alamat blog kita.

Hal ini akan menyulitkan bagi kita bila blog kita dibuka oleh seseorang dan orang tersebut mencoba mengotak-atik baik berupa menghapus, mengganti dlsbnya. Ada cara untuk membuat gambar obeng kunci tidak terlihat.     Sebagai contoh bisa dilihat gambar disamping.

Langkah-langkah adalah sbb :

 1. Buka blog kita                                                                

 2. Masuk ke Template, klik Edit HTML                             

 3. Tekan Ctrl F, tuliskan </head>                                       

 4. Masukkan kode CSS diatas </head>   

    <style type='text/css'>

      <!--
      .quickedit {display:none;}
      -->
     </style>

5. Simpan Template kemudian Preview Blog

Dan lihat hasilnya, gambar obeng kunci tidak terlihat lagi di blog kita.... Selamat mencoba

JURUS-JURUS BELADIRI

JURUS-JURUS BELADIRI

1. Jurus Tendangan Berputar menggunakan Tongkat/ Toya

URL Link : 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHHoz5x6LL102vZVXaPYXewaxbrRkQ-y6IkNzZNUsN2aaXz8Oo38i2lrYnUN1IHBTNbs8QiUI2pJY4pRUxbSwV04EhEX8PAAueKpUxoLh-KLhAU2P_2Zk_8yDWUdoIsjyy41VCjujqy1Ya/s1600/anigif+325x400.gif

PERTARUNGAN BUAYA MELAWAN IKAN HIU

PERTARUNGAN BUAYA MELAWAN IKAN HIU

Kata Kota  Surabaya yang menurut sejarahnya merupakan penggalan kata dari SURO atau Hiu dan BOYO atau Buaya menceritakan pertempuran antara Buaya dan Hiu yang akhirnya menjadi lambang dari Kota Surabaya. Pertempuran antara dua makhluk penguasa perairan ini sepertinya hanya merupakan legenda atau Mitos dari mulut ke mulut. Ternyata ada perkelahian antara dua binatang yang sempat terekam oleh Kamera. Kita dapat melihat video dibawah ini.

Cara Menghilangkan Link Langganan Entri Atom

Cara Menghilangkan Link Langganan Entri Atom 

Tulisan "Link langganan entri atom" terletak di bagian bawah postingan. Untuk saya pribadi saya ingin menghilangkan bagian ini, karena saya anggap tidak terlalu berfungsi. Buat rekan-rekan blogger yang ingin menghapus tulisan Langganan: Entri ( Atom ), dapat dicoba metode seperti berikut ini :

Cara yang pertama : Rekan dapat menghapus kode feed-links melalui menu edit HTML. 

>> Login ke akun blogger sobat. 

>> Pada Dasbor blogger klik Template > Edit HTML > Lanjutkan. 

>> Beri tanda centang pada Expand Template Widget 

>> Cari kode di bawah ini, gunakan fungsi Find (Ctrl+F) biar mudah.

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

>> Hapus semua kode diatas. 
>> Klik Simpan Templates 



Cara yang kedua : Rekan dapat menambahkan kode .feed-links{display:none;}
>> Login ke akun blogger sobat.
>> Pada Dasbor blogger klik Template > Edit HTML > Lanjutkan.
>> Beri tanda centang pada Expand Template Widget. 
>> Cari kode ]]> .feed-links{display:none;}
>> Setelah itu, klik Simpan Templates 


Sebelum menyimpan templates lebih baik diklik Pratinjau terlebih dahulu,  Coba dilihat apakah tulisan Langganan: Entri (Atom) sudah hilang. Selamat mencoba.