Cara Menghilangkan Navbar pada Blogspot

Cara Menghilangkan Navbar pada Blogspot Kalo sobat lihat, untuk template-template modifikasi atau template buatan pihak ketiga kebanyakan navbar di bagian atas halaman blog biasanya disembunyikan atau dihilangkan. Sehingga blog terlihat lebih menarik dan tampak professional. Berbeda dengan template bawaan blogger, navbar masih tersematkan pada bagian atas halaman blog. Namun jangan khawatir, karena navbar ini bisa sobat setting agar bisa disembunyikan ataupun dihilangkan.

Berikut langkah-langkahnya :
1. Login dulu sobat ke akun bloggernya
2. Klik Tata Letak
3. Pilih dan klik Edit yang ada pada widget Navbar

4. Kemudian pilih yang off
5. Terakhir klik Simpan

Coba silahkan sobat cek.. apakah navbar nya sudah hilang.. ? harusnya sih sudah hilang...haha..  dan digantikan ruang kosong. Apabila sobat ingin merapatkan ruang kosong tersebut, bisa ikuti langkah-langkah tambahan berikut ini..

1. Klik Template
2. Pilih Edit Template
3. Kemudian cari (ctrl+F) kode ]]></b:skin>
4. Sisipkan kode berikut tepat diatas kode ]]></b:skin>

#navbar {display:none}

5. Terakhir klik Simpan dan coba lihat hasilnya.. jeng .. jeng.. jeng..

Continue reading →

Cara Membuat Auto Refresh Otomatis pada Halaman Blog

Hola sobat Oplosanblog.. Lama gak bikin postingan lagi nih.. haha.. Untuk kali ini Oplosanblog akan membagikan trik cara membuat auto refresh otomatis pada halaman blog. Dengan adanya auto refresh ini membuat traffik blog kita jadi naik. Karena tiap beberapa waktu (sesuai settingan waktunya), blog akan otomatis refresh sendiri. Oke langsung saja ya, berikut tutorialnya semoga bermanfaat :

1. Login akun blogger sobat
2. Pilih tab menu Template > Edit HTML
3. Search (ctrl+f) kode </head> pada Edit HTML
4. Kemudian letakkan kode berikut, di atas kode </head>

<meta content='200' http-equiv='refresh'/>

Catatan : angka 200 menunjukkan detik, atau settingan waktu otomatis refresh, sobat bisa menggantinya sesuai keinginan
5. Terakhir klik Simpan.

WARNING!!
Untuk detik waktunya auto refresh jangan terlalu cepat, karena mesin pencari google bisa aja menganggap blog sobat sedang melakukan manipulasi trafik. Selain itu juga untuk kenyamanan pengunjung. Oleh karena itu setting lah waktu seefektif mungkin.

Continue reading →

Cara Mempercepat Loading Mozilla Firefox

Kebanyakan para peselancar di dunia maya kalo tidak menggunakan browser Google Chrome ya Mozilla Firefox. Dan hal-hal yang bikin males saat berselancar di dunia maya adalah soal loading browser yang lemot. Apakah sobat pengguna Mozilla Firefox yang lemot loadingnya? Kalo iya, maka sobat beruntung karena kali ini Oplosanblog akan coba share tips dan trik bagaimana cara optimasi untuk mempercepat loading pada browser.

Tips dan triknya mudah sekali, tidak ada 15 menit sudah bisa dilihat hasilnya. Oke langsung saja ya, ikutin langkah-langkah berikut 
1. Buka terlebih dahulu browser Firefox sobat
2. Kemudian ketikkan about:config di address bar, klik enter, apabila muncul tulisan “Saya berjanji akan berhati-hati” atau “I’ll be careful, I promise!”, klik di tombol yang ada tulisannya tadi.

3. Search key code pada kotak pencarian seperti gambar di bawah ini

4. Berikut key code yang perlu sobat rubah supaya loading mozilla firefoxnya tidak lemot :

• network.http.pipelining ubah false menjadi true
• network.http.proxy.pipelining ubah false menjadi true
• network.dns.disableIPv6 ubah false menjadi true
• network.http.max-connections ubah nilai nya jadi ‘64’
• network.http.max-connections-per-server ubah nilai nya jadi ‘21’
• network.http.max-persistent-connections-per-server ubah nilai nya jadi ‘8’
• network.http.pipelining.maxrequests ubah nilai nya jadi ‘100’

 5. Selain key code di atas yang dirubah, sobat juga perlu menambahkan key code berikut ini, dengan klik kanan pada area kosong :

• Klik kanan - Pilih new - integer - Ketik "content.max.tokenizing.time" - Masukan dengan nilai "1000000"
• Klik kanan - Pilih new - integer - Ketik "content.notify.interval" - Masukan dengan nilai "500000"
• Klik kanan - Pilih new - integer - Ketik "content.notify.backoffcount" - Masukan dengan nilai "5"
• Klik kanan - Pilih new - integer - Ketik "content.switch.threshold" - Masukan dengan nilai "500000"
• Klik kanan - Pilih new -integer - Ketik "nglayout.initialpaint.delay" – Masukan dengan nilai "0"
• Klik kanan - Pilih new - boolean - Ketik "content.interrupt.parsing" - Pilih "true" - Klik Oke
• Klik kanan - Pilih new - boolean - Ketik "content.notify.ontimer" - Pilih "true" - Klik Oke

6. Terakhir restart browser sobat.
Demikian tips dan trik cara mempercepat loading mozilla firefox, semoga bisa bermanfaat. Apabila ada tips dan trik lainnya bisa sobat share di komentar di bawah.

Continue reading →

Cara Mengubah Winrar Menjadi Full Version Tanpa Crack dan Keygen

Setelah lama tidak posting artikel karena kesibukan penulis, kali ini Oplosanblog kembali hadir untuk menyajikan postingan-postingan yang bermanfaat bagi pengunjung sekalian. Hehehe.., Dan pada kesempatan ini Oplosanblog akan share mengenai cara mengubah winrar menjadi full version tanpa menggunakan crack maupun keygen.

Pasti bikin bete kan, kalau pengen buka file winrar tiba-tiba ada notifikasi untuk beli lisensi setelah 40 hari pemakaian. Nah, untuk mengakalinnya supaya winrar nya jadi full dan tidak ada notifikasi lagi di bawah ini Oplosanblog akan jelaskan step by stepnya. Mudah kok, tinggal modal copypaste doang. Cekibroot...

Tutorial Cara Mengubah Winrar menjadi Full Version :
1. Buka Notepad
2. Copypaste kode script dibawah ini :

RAR registration data GoDesain Unlimited Company License UID=85809e6a0fde94d8fa95 6412212250fa95dc80957d3b78af9245c62d98787c33099debe20a 4d39faf3beaeaf7ba62060fce6cb5ffde62890079861be57638717 7131ced835ed65cc743d9777f2ea71a8e32c7e593cf66794343565 b41bcf56929486b8bcdac33d50ecf77399600ffeefe7a2041d7fe7 9f06594bd79c285c2c19d7d9a786d95f8a05e6141248ddb9d9830f 6977c3aab5c4e4e651e4813323e9eb20ac3fd8b7173262fc601959 515d0a89683aae2654bfd31328af3e331535ea2d85dc1402723610      

atau copypaste script yang ini

RAR registration data Federal Agency for Education 1000000 PC usage license UID=b621cca9a84bc5deffbf 6412612250ffbf533df6db2dfe8ccc3aae5362c06d54762105357d 5e3b1489e751c76bf6e0640001014be50a52303fed29664b074145 7e567d04159ad8defc3fb6edf32831fd1966f72c21c0c53c02fbbb 2f91cfca671d9c482b11b8ac3281cb21378e85606494da349941fa e9ee328f12dc73e90b6356b921fbfb8522d6562a6a4b97e8ef6c9f fb866be1e3826b5aa126a4d2bfe9336ad63003fc0e71c307fc2c60 64416495d4c55a0cc82d402110498da970812063934815d81470829275      
3. Kemudian Save As Notepad
4. Isi dengan nama rarreg.key 
5. Pada kolom Save as type pilih All files
6. Klik Save
7. Terakhir copypaste rarreg.key tadi ke folder dimana Winrar diinstall
My Computer --> C:\Program Files\WinRAR
8. Selesai. Coba buka winrar sobat, dah jadi full version belum. Hehe..
Semoga postingan kali ini bermanfaat yah, selamat mencoba.

http://www.kaskus.us/showthread.php?t=8052878

Continue reading →

Cara Membuat Recent Post Blog Warna - Warni

Oke sobat blogger semuanya, kembali lagi nih saya akan bagikan tutorial blog update terbaru pastinya. Kali ini akan saya share tentang cara membuar recent post warna-warni. Cara buatnya sangat mudah kok, mirip-mirip dengan tutorial membuat popular post warna-warni. Dan keuntungannya memasang widget ini tentunya untuk mempromosikan postingan terbaru kita lewat sidebar di samping blog. Sekaligus juga dengan tampilannya yang warna-warni bisa menambah keindahan blog sobat.

Bagi yang ingin memasangnya di blog sobat, segera ikuti tutorial berikut :
Tahap Pertama
1. Login akun blogger sobat
2. Masuk ke tab menu Tata Letak > Tambahkan Gadget > HTML/Javascript
3. Copypastekan kode berikut ini ke dalamnya

<div id='entrinewdjb'>
<script src="http://djangkarubumi.googlecode.com/files/SerpihanWaktuEntriNew.js"></script>
<script>var numposts = 5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://NamaBlog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
</div>

Keterangan
Ganti kode warna merah dengan alamat blog sobat
Untuk warna biru menandakan jumlah post yang ingin ditampilkan, sesuaikan dengan selera saja
4. Klik Simpan

Tahap Kedua
1. Masuk tab menu Template > Edit HTML
2. Search kode ]]></b:skin> kemudian copypastekan kode berikut di atasnya :

#entrinewdjb ul li a:hover{color:#fff;text-decoration:none} #entrinewdjb ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;} #entrinewdjb ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px} #entrinewdjb ul li:first-child:after,#entrinewdjb ul li:first-child + li:after,#entrinewdjb ul li:first-child + li + li:after,#entrinewdjb ul li:first-child + li + li + li:after,#entrinewdjb ul li:first-child + li + li + li + li:after,#entrinewdjb ul li:first-child + li + li + li + li + li:after,#entrinewdjb ul li:first-child + li + li + li + li + li + li:after,#entrinewdjb ul li:first-child + li + li + li + li + li + li + li:after,#entrinewdjb ul li:first-child + li + li + li + li + li + li + li + li:after,#entrinewdjb ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}#entrinewdjb ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%} #entrinewdjb ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #entrinewdjb ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%} #entrinewdjb ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #entrinewdjb ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%} #entrinewdjb ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} #entrinewdjb ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} #entrinewdjb ul li:first-child + li + li + li + li + li:after{content:"6"} #entrinewdjb ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%} #entrinewdjb ul li:first-child + li + li + li + li + li + li:after{content:"7"} #entrinewdjb ul li:first-child + li + li + li + li{background:#33c9f7;width:90%} #entrinewdjb ul li:first-child + li + li + li + li:after{content:"5"} #entrinewdjb ul li:first-child + li + li + li{background:#c7f25f;width:90%} #entrinewdjb ul li:first-child + li + li + li:after{content:"4"} #entrinewdjb ul li:first-child + li + li{background:#ffde4c;width:90%} #entrinewdjb ul li:first-child + li + li:after{content:"3"} #entrinewdjb ul li:first-child + li{background:#ff764c; width:90%} #entrinewdjb ul li:first-child + li:after{content:"2"} #entrinewdjb ul li:first-child{background:#ff4c54 ;width:90%} #entrinewdjb ul li:first-child:after{content:"1"} #entrinewdjb ul{margin:0;padding:0px 0;list-style-type:none} #entrinewdjb ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}      

3. Klik Pratinjau untuk lihat hasil sementaranya.

4. Jika sudah sukses berhasil tinggal klik Simpan.

http://www.djangkarubumi.com/2013/05/widget-entri-populer-berwarna.html

Continue reading →

Cara Membuat Popular Post Warna-Warni

Pernahkah sobat lihat ada blog yang di bagian sidebarnya ada widget popular post warna-warni. Tertarik bikin yang seperti di blog sobat tidak??. Kalo sobat tertarik maka praktekin aja tutorial dari Oplosanblog kali ini.

Cara Membuat Popular Post Warna-warni
1. Login blogger
2. Masuk ke tab menu Template > Edit HTML
3. Search kode ]]></b:skin> , kemudian copypastekan kode berikut di atasnya :

/* Rainbow Popular Post Style Start */ #PopularPosts1 ul li a:hover{color:#fff;text-decoration:none} #PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;} #PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px} #PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#d1ffff;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#f59095;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#ff00ff;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li{background:#5faff2;width:90%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li{background:#a9ed04;width:90%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li{background:#ffde4c; width:90%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px} /* Rainbow Popular Post Style End */        

4. Klik Simpan.
Tutorial di atas adalah untuk Popular Post yang warna-warni. Bagi yang ingin Recent Post yang ditampilkan, coba sobat ikuti tutorial yang terbaru ini. Semoga bermanfaat.

Continue reading →

Cara Mudah Membuat Menu Accordion di Sidebar Blog

Sore sobat Oplosanblog semuanya. Kali ini saya akan memberikan tutorial cara membuat menu accordion yang simple dan mudah tanpa harus Edit HTML. Untuk sumbernya saya dapat dari blognya maskolis. Untuk tampilannya sendiri bagus menurut saya karena bisa memperingkas tampilan blog sobat. Jadi lebih rapi juga. Bagi yang tertarik buat silahkan ikutin tutorial saya di bawah ya.

Cara Mudah Membuat Menu Accordion di Sidebar Blog
1. Login ke akun blogger sobat
2. Masuk ke tab menu Tata Letak > Tambahkan Gadget > HTML/Javascript
3. Kemudian tinggal sobat copypaste saja kode berikut ke dalamnya
Kode untuk template background terang

<style type="text/css"> #accordion{width:100%;margin:auto;border:0px solid white} #accordion h2{padding:5px 10px;background-color:#ccc;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_DvGlBOffl10g6erIfRl1UqMTZsFcT5N8pZlr9HTeMDnyEqTtHgZP-vzllSieayXwDf8Uq7RJrM6c6h0XGYuSrqDwOEm65mv87XWB-u5fG1qpiy4UHoPdbJOk2KsjnN2hN0CFA3zZ3BQ/s1600/arrow_right.gif);background-repeat: no-repeat;background-position: right center;color:#000;font:normal 11px Tahoma;border-bottom:1px solid #FFF;cursor:pointer;} #accordion .content{font:normal 11px Arial;padding:5px 10px;background:#eee;} #accordion .content ul {list-style:none;margin:0 0 0;padding:0 0 0;} #accordion .content li {background-image: url(); background-repeat: no-repeat;background-position: left center;margin:0;padding:2px 0 3px 0;text-indent:0px;border-bottom:1px dotted #ccc;line-height:1.3em;} #accordion .content li a:hover {text-decoration:none;color:#000;} #accordion h2.active{background-color:#bbb;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3_QkDWqQFwJBDRB-9222CjkbhD-UTNcDn5y7PYJwIAWLl6dItdekj32Cim7du95MmwiI4e1sFP7zvRiu8OeX5Nj1OuFl7fx3dHJh1MOVqBhoS7TbqvT3SvtBgrics3jjLCCsCCpzsShM/s1600/arrow_down.gif);background-repeat: no-repeat;background-position: right center;font-weight:bold;} </style> <script type="text/javascript" src="https://googledrive.com/host/0B9SBWEZ6FHqYOHc2dnI4bDBGSjg/accordion-menu.js"></script> <script type='text/javascript'> $(function() { $('#accordion .content').hide(); $('#accordion h2:first').addClass('active').next().slideDown('slow'); $('#accordion h2').click(function() { if($(this).next().is(':hidden')) { $('#accordion h2').removeClass('active').next().slideUp('slow'); $(this).toggleClass('active').next().slideDown('slow'); } }); }); </script> <div id="accordion"> <h2> Title 1</h2> <div class="content"> Isi konten 1 </div> <div id="accordion"> <h2> Title 2</h2> <div class="content"> Isi konten 2 </div> <div id="accordion"> <h2> Title 3</h2> <div class="content"> Isi konten 3 </div> <div id="accordion"> <h2> Title 4</h2> <div class="content"> Isi konten 4 </div> <div id="accordion"> <h2> Title 5</h2> <div class="content"> Isi konten 5 </div> </div> </div> </div> </div> </div>        

Kode untuk template background gelap

<style type="text/css"> #accordion{width:100%;margin:auto;border:0px solid white} #accordion h2{background-color:#5f5e5e;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3ogv5Wv1bsd05hB_kkmetQWD_5khsu98K0upGZEHLhKwcVzXTDLqf40W0humCG_YxO5Dsizu7KHnbNTeChyphenhyphenWPH2AcGejyNShhYz_3aET2LmahZMwuVDULITVh-1TrHjRmTQgOp3myN2s/s1600/arrow_right.gif);background-repeat:no-repeat;background-position:right center;color:#d0cfce;font:normal 11px Tahoma;border-bottom:1px solid #323333;cursor:pointer;padding:5px 10px} #accordion .content{font:normal 11px Arial;background:#333;padding:5px 10px} #accordion .content li{background-image:url();background-repeat:no-repeat;background-position:left center;text-indent:0;border-bottom:1px dotted #595959;line-height:1.3em;margin:0;padding:2px 0 3px} #accordion .content li a:hover{text-decoration:none;color:#ff3c00} #accordion h2.active{background:#5f5e5e;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiExZv6tgAO7TGN1EOmGsS85mqdJaoCGYKVJf6g8pEpChVzn0EHhkLGUxYqPC2dI2LhLwL1z1WZibetRX3Ms4L1UYV5cZEi_1C1BEYEaruN-MjCzsBng_uhB2he9voevdB7vesUpOlh5-k/s1600/arrow_down.gif);background-repeat:no-repeat;background-position:right center;font-weight:700} </style> <script type="text/javascript" src="https://googledrive.com/host/0B9SBWEZ6FHqYOHc2dnI4bDBGSjg/accordion-menu.js"></script> <script type='text/javascript'> $(function() { $('#accordion .content').hide(); $('#accordion h2:first').addClass('active').next().slideDown('slow'); $('#accordion h2').click(function() { if($(this).next().is(':hidden')) { $('#accordion h2').removeClass('active').next().slideUp('slow'); $(this).toggleClass('active').next().slideDown('slow'); } }); }); </script> <div id="accordion"> <h2> Title 1</h2> <div class="content"> Isi konten 1 </div> <div id="accordion"> <h2> Title 2</h2> <div class="content"> Isi konten 2 </div> <div id="accordion"> <h2> Title 3</h2> <div class="content"> Isi konten 3 </div> <div id="accordion"> <h2> Title 4</h2> <div class="content"> Isi konten 4 </div> <div id="accordion"> <h2> Title 5</h2> <div class="content"> Isi konten 5 </div> </div> </div> </div> </div> </div>        

4. Klik Simpan
Keterangan :

• Title : Judul yang ingin sobat tampilkan di menu accordion
• Isi Konten : Silahkan Isi dengan widget sembarang atau juga bisa iklan kalo ada

Bagi yang ingin menyimpan javascript menu accordion silahkan download link dibawah :

Download Javacript Menu Accordion

http://www.maskolis.com/2012/12/membuat-menu-accordion-tanpa-edit-html.html

Continue reading →