MENU DROP DOWN

Sabtu, 30 November 2013

Cara membuat Daftar Isi Halaman Blog



CARA MEMBUAT DAFTAR ISI HALAMAN BLOG






Bila Blog kita sudah penuh dengan kumpulan artikel-artikel yang kita buat, tentunya dibutuhkan sebuah daftar isi sehingga memudahkan para pembaca blog kita untuk mencari file-file yang dibutuhkan.Ada beberapa teknik membuat Daftar isi dengan bahasa HTML. Salah satunya adalah sebagai berikut :


Berikut ini beberapa kelebihan yang ditawarkan  :  :
1. Dapat menampilkan hingga 500 judul artikel.
2. Ditampilkan dalam bentuk tabel dengan 3 kolom dan memiliki opsi sorting pada ke tiga kolom tersebut.
3. Contoh hasil dari halaman daftar isi ini, dapat anda lihat diatas .


Langkah 1. Buka akun Blogger anda, kemudian klik Laman (Page)

             2. Klik dropdown Laman baru, kemudian pilih Laman Kosong. Beri Judul laman, misalnya: Daftar Isi


             3. Jangan lupa untuk mengklik HTML. Jangan menggunakan Compose.(lihat gambar diatas)

             4. Copy Paste Kode HTML  dan diletakkan di kotak kosong Page (Laman)



            5. Kemudian Publish halaman tersebut. Halaman ini sudah dapat memuat daftar isi blog anda, hanya saja tampilan                             tabelnya belum tersusun baik. Agar tabel tersebut tersusun baik, anda harus membuat pengaturan CSS bagi tabel ini. 
                Silahkan ikuti tahapan-tahapan tersebut dibawah ini.


            6. Selanjutnya adalah merubah Parameter CSS Template anda. Klik Template / Rancangan
                Klik Sesuaikan. Akan keluar tampilan seperti dibawah ini :

                7. Kemudian klik Tingkat lanjut (Advanced), cari Tambahkan CSS lalu klik.

                8. Copy Paste kode HTML dibawah ini ke kotak CSS


#bp_toc {
border: 0px solid #000000;
background: #ffffff;
padding: 5px;
width:500px;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #ffd595;
color: #000000;
padding-left: 5px;
width:250px;
}
.toc-header-col2 {
width:75px;
}
.toc-header-col3 {
width:125px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:80%;
text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:80%;
text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
font-size:70%;
}


Bagaimana? Bisa Khan?? Selamat mencoba...


Related TagsMembuat sitemap di blog berdasarkan html








Jumat, 29 November 2013

Memperbaiki Crash di Mozilla Firefox


MEMPERBAIKI CRASH DI MOZILLA FIREFOX

Mozilla Firefox merupakan salah satu web browser yang sangat populer. Dengan fitur-fitur tambahan yang cukup lengkap menyebabkan mozilla banyak digemari dikalangan pemakai internet. Sayangnya pengalaman yang sering saya dapatkan web browser yang satu ini sering mengalami kegagalan, dalam artian baik karena crash dengan web browser lainnya seperti google, ataupun mungkin web browser Mozilla ini gampang diserang virus web sehingga ditengarai membawa virus oleh program antivirus yang saya punya seperti Avira, maupun MES (Microsoft Essential Security), sehingga begitu kita panggil program ini tidak kelihatan alias menghilang begitu saja. Selain itu aplikasi ini juga pernah crash dengan program S-Protector yang tidak tahu dari mana asalnya menyebabkan Mozilla, Google, dan IE tidak dapat dipanggil. Download dan Instal ulang kembali; sama saja ternyata, setelah laptop dimatikan mozilla tidak dapat digunakan.kembali.
Dibawah ini ada settingan untuk mencegah terjadinya crash di Mozilla Firefox :
1. kanan pada shortcut Mozilla Firefox yang ada di desktop. Dan Pilih Properties


2. Setelah terbuka jendela seperti diatas klik Find Target


3. Klik application.ini. Buka dengan Notepad


4. Cari kata Enabled=1. Ganti angka 1 menjadi 0. Kemudian simpan file.


5. Selanjutnya  buka Mozilla Firefox.lalu di address bar, ketikkan about:config. 
    Tekan Enter. Akan keluar peringatan "The might void your warranty. Klik I'll be careful, I Promised!




6.Kemudian di kotak filter ketikkan browser.sessionstore.max_resumed_crashes 


7. Klik kanan di angka value, pilih Modify dan ubah value jadi 0. Klik OK.




8. Tutup program Mozilla Firefox trus buka lagi, semoga program Mozillanya kembali seperti sedia kala..

Note : Hapus Add-Ons yang jarang digunakan, karena terlalu banyak Add Ons dapat menyebabkan Mozilla                                             menjadi mudah hang







Bagaimana cara menampilkan widget di halaman tertentu

Bagaimana cara menampilkan widget di halaman tertentu


Kita ingin menampilkan widget di halaman posting saja atau di homepage? Pertanyaan ini sering menggelitik di benak kita. Bagaimana ya caranya? Mengapa harus di tampilkan di homepage atau di halaman posting saja? Selain untuk merapihkan letak-letak widget kita agar enak di lihat oleh pengunjung, trik ini juga termasuk salah satu trik menjadikanblog SEO Friendly yg mana widget yg tidak perlu di tampilkan pada halaman posting kita tempatkan pada homepage blog kita, atau di halaman lain yg kita inginkan seperti widget penggemar,shoutbox dll.


1. Login ke dashboard blogger 
2. pilih Rancangan »» edit HTML
3. Beri tanda centang pada tulisan Expand Template Widget
4. Lalu cari kode widget yg akan di tampilkan pada halaman tertentu.

Caranya cari nama judul pada widget tersebut menggunakan tombol F3.
untuk mempermudah pencarian kode widget, sebaiknya widget yg akan di edit di beri judul dulu.
Untuk contohnya Blogtegal akan mengedit dan menampilkan widget iklan Adsense hanya pada halaman posting saja dengan judul widget bernama iklan adsense.contohnya

<b:widget id='HTML1' locked='false' title='iklan adsense' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'> <data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


Kode di atas akan menampilkan widget di semua halaman. Nah. bila anda  ingin menampilkan widget tersebut di halaman posting saja maka harus di tambahi kode berikut »»

<b:if cond='data:blog.pageType == &quot;item&quot;'>
................,.........................................,...............................
</b:if>




Dan nantinya akan menjadi seperti ini.

<b:widget id='HTML1' locked='false' title='iklan adsense' type='HTML'> <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2> 
</b:if> 
<div class='widget-content'> <data:content/> 
</div>
</b:if> 
<b:include name='quickedit'/> 
</b:includable>
</b:widget>  


Dari kode diatas yg sudah di edit, hanya akan muncul di halaman posting saja dan tidak akan muncul di homepage. 

Nah untuk menampilkan widget pada halaman-halaman yg di inginkan, misal pada homepage saja, pada staticpage saja, pada halaman archive saja dan pada halaman index saja berikut kode-kode yg bisa anda pakai, tinggal ganti kode yg berwarna ungu dg salah satu kode di bawah ini. 

A. Menampilkan widget hanya pada halaman depan saja (homepage). 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
...................................................... 
</b:if>  


B. Menampilkan di semua halaman kecuali homepage (bisa di arsip, hasil pencarian  ataupun label) 

<b:if cond='data:blog.url != data:blog.homepageUrl'>
...................................................... 
</b:if>


C. Menampilkan widget hanya pada halaman Archive saja. 

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

...................................................... 
</b:if> 


D. Menampilkan widget di semua halaman kecuali halaman archive

<b:if cond='data:blog.pageType != &quot;archive&quot;'>

......................................................
</b:if> 



E. Menampilkan widget hanya di halaman item (posting). 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
...................................................... 
</b:if> 


F. Menampilkan widget di semua halaman, kecuali halaman posting

<b:if cond='data:blog.pageType != &quot;item&quot;'>

...................................................... 
</b:if> 


G. Menampilkan widget hanya pada halaman staticpages

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
...................................................... 
</b:if> 

H. Menampilkan widget di semua halaman,kecuali halaman staticpages

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

...................................................... 
</b:if> 

I. Menampilkan widget hanya pada postingan tertentu saja

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>

......................................................
</b:if>


J. Menampilkan widget selain di postingan tertentu

 <b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>

......................................................
</b:if>


Bagaimana rekan-rekan? Jangan lupa cadangkan template terlebih dulu ya... Bila ada kesalahan bisa dengan mudah kita kembali ke template awal.

Semoga bermanfaat....

Selasa, 26 November 2013

Mempercepat akses Download melalui MOZILLA FIREFOX

Mempercepat akses Download melalui MOZILLA FIREFOX

Ada rahasia kecil yang mungkin banyak orang yang belum tahu cara untuk mempercepat akses download, terutama di Warnet dengan kapasitas terbatas dan terbagi tiap masing-masing komputer. Cara ini cukup ampuh untuk mengelabui pemilik Warnet tanpa si pemiliknya tahu bahwa kecepatan download kita cukup luar biasa untuk yang standar warnet bisa mencapai 300-400 kbps tanpa menggunakan IDM. Karena untuk mendownload file-file besar dengan kecepatan dibawah 50 kbps, akses download bisa terputus di tengah jalan, sehingga kita harus mendownload lagi dari awal dan ini cukup membuang-buang waktu secara percuma. Cara ini selain bisa dipergunakan di warnet juga bisa digunakan di komputer/ laptop kita sendiri.
Selain itu bila kita menggunakan IDM (Internet Download Manager) di warnet dijamin kita pasti segera disuruh mematikan IDM kita, karena akan mengganggu kuota pemakai internet lainnya.

Adapun langkah-langkahnya adalah sebagai berikut :
1. Pertama-tama bila kita menggunakan komputer sendiri dan merencanakan untuk memakai web browser Mozilla Firefox, kita harus mendownload file tersebut. Untuk download disini.
2. Instal Mozilla Firefox. Untuk menginstalnnya harus menggunakan koneksi internet


3, Klik Tab Tools, cari Pengaya (Add-ons)
4. Ketikkan DownThemAll, klik Searching


5. Klik download/ pasang
6. klik Restart/ Mulai pasangkan?
Setelah di restart maka otomatis bila kita akan mendownload sebuah file akan terdapat pilihan Save File as (standar windows) dan Downthem all. Pilih yang kedua. Pilih rencana folder tempat untuk mendownload
maka otomatis file tersebut akan diletakkan di folder yang kita pilih.

Semoga tips ini bermanfaat. Cuma jangan digunakan sembarangan, karena ada beberapa penjaga warnet yang mungkin akan marah karena kita bisa mendownload file apa saja sebanyak 1 Gb selama kurang lebih satu jam. Program tambahan ini tidak akan terdeteksi di layar monitor server. Paling-paling penjaganya bingung orang ini kok gak pakai IDM kok kuota nya dah dipakai sebanyak 1 Gb? he..he..

Selamat Mencoba....GBU










Sabtu, 23 November 2013

Mengganti Cursor Blog dengan Animasi Cursor



MENGGANTI CURSOR BLOG dgn ANIMASI CURSOR


Untuk mempercantik tampilan blog kita seperti gambar cewek cakep disamping ini maka dibutuhkan suatu bentuk "makeup"...he..he.. tapi kayak nya cewek ini tanpa makeup sudah cakep.. memang dasarnya cakep??
ada sesuatu hal yang sepele tapi cukup membuat pembaca tidak jenuh, yaitu tampilan cursor tanda panah (standar) dengan cursor bergambar lainnya.
Gadget ini tidak akan memberatkan blog kita bila dibuka, karena
isi teks HTML nya tidak besar. Bila anda berminat bisa  anda
coba-coba dengan terlebih dahulu membackup template kita.


Caranya mudah saja, ikuti langkah berikut ini  :
1. Buka akun blogger anda
2. Masuk ke Tata Letak (Lay Out)
3. Klik Tambahkan Gadget
4. Pilih HTML/ jAVA SCRIPT, klik Tambahkan (+)
5. Tulis Judul bila dibutuhkan, kemudian copy paste kode HTML

a. 
<link href="http://dl.dropboxusercontent.com/s/iw9icqfq23zqibw/24work.blogspot.com-7.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

b       
<link href="http://dl.dropboxusercontent.com/s/vh8bx4oval5wao0/24work.blogspot.com-11.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

c.     
<link href="http://dl.dropboxusercontent.com/s/xig6zrgq2qqp3v8/24work.blogspot.com-5.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

d.     
<link href="http://dl.dropboxusercontent.com/s/bn67gsf14z0jt2e/24work.blogspot.com-4.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

e.    
<link href="http://dl.dropboxusercontent.com/s/a4tfqwe6flkqnqa/24work.blogspot.com-6.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

f.    
<link href="http://dl.dropboxusercontent.com/s/o7mng7lv8j9rqmr/24work.blogspot.com-12.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

g.     
<link href="http://dl.dropboxusercontent.com/s/jnifur8ykwv4l8h/24work.blogspot.com-34.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

h.
<link href="http://dl.dropboxusercontent.com/s/nptkududhihy646/24work.blogspot.com-15.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

i.
<link href="http://dl.dropboxusercontent.com/s/fqbskv02b49mugr/24work.blogspot.com-16.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

j.
<link href="http://dl.dropboxusercontent.com/s/779fr5y4r6n4m5f/24work.blogspot.com-46.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>


k.    
<link href="http://dl.dropboxusercontent.com/s/bbzt24h7opsv1jk/24work.blogspot.com-35.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

l.  
<link href="http://dl.dropboxusercontent.com/s/kasad4udo8llbjd/24work.blogspot.com-31.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

m.
<link href="http://dl.dropboxusercontent.com/s/rwn3dxr6y3a625s/24work.blogspot.com-76.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>

n. 
<link href="http://dl.dropboxusercontent.com/s/lwkrle1smqjp537/24work.blogspot.com-365.css" rel="stylesheet" type="text/css" /><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a>










6. Klik Simpan, kemudian klik Simpan Setelan



Cara Menambahkan Daftar Nomer Halaman

CARA MENAMBAHKAN DAFTAR NOMER HALAMAN


Untuk memudahkan pengorganisasian blog yang kita buat dan juga memudahkan para pembaca untuk mencari halaman yang di butuhkan, dibawah ini saya akan menjelaskan cara membuat daftar nomer halaman.
1. Buka akun blogger anda
2. Buka Tata Letak ( Layout) , kemudian pilih Tambahkan Gadget 



3. Cari HTML/ Java Script, klik +

4. Beri judul bila diperlukan, kemudian copy paste HTML berikut ini :

<style type="text/css">#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum a{padding:2px 8px;margin:0 4px;text-decoration:none;border-bottom:2px solid #5fb404;border-top:2px solid #5fb404;background:#effbf5}.showpageNum a:hover{border-bottom:2px solid #df01d7;background:#a9f5f2;border-top:2px solid #df01d7}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:2px 8px;margin:2px;font-weight:700;border-bottom:2px solid #5e610b;border-top:2px solid #5e610b;background:#5e610b;text-decoration:none} </style> <a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script style='text/javascript'>
var postperpage=4;
var numshowpage=2;
var upPageWord="Sebelumnya";
var downPageWord="Berikutnya";
var home_page="/";
var urlactivepage=location.href;
</script>

<script style='text/javascript' src='http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js'></script>

5. Klik Simpan
6. Klik Simpan Setelan
7. Klik Pratinjau, kemudian Publikasikan



Sesuaikan Label (jika Anda sudah menggunakan Navi Halaman sebelumnya tidak menggunakan langkah ini)
Pergi ke halaman Edit HTML dan "Expand Template Widget"
Cari ini (semua teks ini dalam xml atau template)
'Data: label.url'

dan Ganti dengan ini
'Data: label.url + "? & max-results = 5"'


Ubah 5 dasar pada berapa banyak posting setiap halaman


Kamis, 21 November 2013

Game House Download



GAME HOUSE DOWNLOAD

Di dalam permainan Game House ini banyak terdapat jenis-jenis permainan, baik yang bersifat hiburan semata, yang membutuhkan ketangkasan, maupun jenis yang mengandalkan strategi.
Didalam Game House.rar diperkirakan ada sekitar 150 jenis permainan. Bisa dimainkan di waktu-waktu senggang dan tidak terlalu memakan memory komputer/laptop terlalu banyak.

Langsung aja, silahkan kalau anda berminat bisa download disini


Game ANGRY BIRDS Download

GAME ANGRY BIRDS DOWNLOAD

Games yang satu ini cukup populer di Indonesia saat ini. Permainannya tidak membutuhkan kemampuan main game yang tinggi dan mengasyikkan. Saking populernya pernik-pernik aksesoris berwujud angry bird (burung pemarah) banyak dijual di toko-toko dan supermarket.
Kesulitannya mendownload file ini, dikarenakan banyak di web blog yang mengunggah game ini ternyata ditengarai sebagai virus oleh program antivirus, seperti Avira, Smadav, maupun Microsoft Essential Security. 

Beberapa tipe Game Angry Birds yang bisa didownload :
1. Angry Bird Space (yang umum dipakai)
2. Angry Bird Bad Piggies
3. Angry Bird Seasons
4. Angry Bird Star Wars

Download AB Space     Disini







Download AB Bad Piggies    Disini







Download AB Seasons   Disini







Download AB Star Wars   Disini