Cara Membuat Daftar Isi

Sekarang giliran membuat blog kita seperti majalah. Salah satunya adalah membuat daftar isi. Nah, tutorial kali ini adalah membuat daftar isi selain dengan JavaScript, karena kalo pake JavaScript, loadingnya bakal lama jadi itu mebuat calon pengunjung bakal ngebatalin berkunjung dan itu jadi ngak bagus..

Jadi, kalo mau dapetin ini cara, mendingan lanjutin deh bacanya sampe episode terakhir (emang sinetron!!!).Caranya adalah sebagai berikut...

1. Sign In ke IDmu seperti biasa
2. Masuk ke Layout>>>Edit HTML
3. Beri tanda centang pada "Expand Widget Template"
4. Cari kode berikut (biar gampang pencet ctrl+f trus copy-paste di kotak yang ada)

<b:include data='post' name='post'/>

Setelah itu hapus kode yang di atas, lalu copy paste nih kode

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5. Jangan lupa Di SAVE TEMPLATE!!!
6. Klik Page Element>>>Add a Gadget>>>HTML/JavaScript
7. Masukkan kode berikut

<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>

8. Ganti "NamaBlogAnda" dengan blog anda, lalu angka 200 adalah postingan maksimum yang akan muncul, bisa diganti
9. Klik Save

Jadi deh, daftar isinya...

Sumber: Kolom Tutorial

Selengkapnya....

Membuat Tulisan Bergaya Koran

Nah, sekarang terusin tentang tutorial ah... udah terlanjur terjerumus (HAH, terjerumus ke mana???). Sekarang saya mau bikin tutorial Magazine Drop Caps. Apaan tuh Magazine Drop Caps??? Itu tuh, gaya tulisan yang biasanya ada si koran-koran, yang awalnya tulisannya tuh BIG, contohnya seperti awalan postingan saya yang tulisannya suka gede-gede. Nah, pingin tau caranya???Ikuti cara-cara berikut sampai akhir...

1. Masuk ke Blogger dengan ID anda
2. Klik Layout>>>Edit HTML
3. Klik ctrl+f dan copy-paste kode ini di tempat yang sudah disediakan ]]></b:skin>
4. Masukkan kode di bawah ini tepat di atas ]]></b:skin>

/* kode untuk hurup awal
----------------------------------------------- */
.awal {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:80px;
}

5. SELESAI!!! (jangan lupa save dulu ya...)

Eeeiiittt, tunggu dulu... sebelum pergi saya mau kasih tau caranya biar tulisan BIGnya keluar dalam postingan. Caranya taruh kode <span class="awal"> dan kode </span> di antara huruf yang mau jadi BIG. Contoh
<span class="awal">S</span>ebenarnya bangsa Indonesia bisa keluar dari kemiskinan.
Catatan: Harus dilakukan di mode HTML

Sumber: Kolom Tutorial

Selengkapnya....

Pasang Widget Alexa Di Blog

Nah, pada postingan ini saya akan membahas tentang tutorial (wah, katanya iseng kok keterusan ya???) pasang widget Alexa. Apa sih Alexa itu??? Alexa adalah semacam page rank atau sebagainya lah (duh, kagak tau detilnya sich, hehe...). Nah itu sama aja kayak pasang recent visitors/recent readers tapi pokoknya mah lebih bagus lah...

Nah, ingin download Alexa Rank??? Klikdi sini

Ingin lebih detil???Caranya adalah sebagai berikut...

1. Isi nama alamat situs atau blog anda di kolom "Alexa Traffic Rank Button"
2. Pilih ukuran yang cocok untuk blog anda
3. Copy kodenya, lalu masuk ke Blogger dengan ID anda
4. Paste kodenya di element yang anda inginkan
5. SELESAI!!!


Eeeiiittt... tunggu dulu, sebelumnya saya ingin menawarkan Alexa Toolbar kepada para pembaca sekalian. Jika mau, klik di sini

Sumber: Kolom Tutorial

Selengkapnya....

Menghilangkan Icon Obeng dan Tang

Nah para pembaca yang berbahagia (alah kayak di ceramah aja) sekarang lonoe mo ngasih ilmu yang sudah didapatkan susah-susah kepada para pembaca sekalian. Nah, ilmunya adalah... menghilangkan icon obeng and tang!!! apa icon obeng dan tang itu??? itu adalah icon quick edit yang biasanya suka ada di pojok kanan bawah pada elemen halaman. Nah apakah menurut para pembaca icon itu mengganggu? jika menurut para pembaca sekalian itu menggangu??? kalau mengganggu saya punya tips untuk menghilangkan icon tersebut.

Caranya adalah sebagai berikut...


1. Masuk ke blogger dengan ID anda
2. Pilih layout>>>edit HTML
3. Masukkan kode berikut tepat di atas kode ]]></b:skin>

.quickedit{
display:none;

4. SELESAI!!! (di save dulu ya...)

Sumber: Kolom Tutorial

Selengkapnya....

Pulang Mudik

Ah... rasanya badan pegel-pegel. Abis mudik sich. Udah mah duduk terus nungguin mobil jalan, stres lagi pengen cepet-cepet deteng ke rumah. Yah biarin deh yang penting udah silaturahmi sama keluarga besar. Dateng-dateng harus udah beres-beres sebel nih tapi biarin deh biar dapet pahala dari ortu. Abis beres-beres langsung melejit deh ke depan komputer. Nyalain komputer ama modemnya dan langsung ke blog kang Rohman biar liat ada posting baru gak, eh ternyata ada tapi aku gak terlalu suka ama postingan kang Rohman. Kenapa alasannya, pikir sendiri dech. Yo wis gitu aja dech. Terakhir, terima kasih atas semua ilmu yang diberikan kang Rohman kepada aku. Sukses terus ya...

Selengkapnya....

Selamat Idul Fitri

Wah, nggak kerasa ya... sebentar lagi Idul Fitri atau biasanya kita menyebutnya lebaran. Sekarang bakal nganggur deh... nggak bisa OL untuk sementara T_T. Ah ntar juga OL lagi kok! tenang aja. Eh... sekalian saya mau ngucapin salam buat temen-temen yang udah mampir (itu juga kalo ada... soalnya belum terkenal sich). O ya, saya juga mau ngucapin terima kasih kepada kk Agus Ramdhani, O-Om, ama kakang web(maaf ya... nggak tau nama aslinya).Uda ya... segitu dulu. Mohon maaf bila ada kesalahan, Minal Aidzin Wal Faidzin.

Selengkapnya....

Cara Ngebagusin Blog Kalian

Wah... ketemu lagi deh ama teman-teman sekalian di blog milikku. Sekarang aku cuma mau kasi tau doang informasi bagus buat para pengunjung blog ini. Blog ini sebenarnya jadi kayak gini berkat ada blog tutorial yang blog itu sendiri pastinya keren. Nah, biar blog punya para pengunjung sekalian bisa kayak blogku ini maka cobalah kunjungi di sini. Ato coba ke blog yang satu ini!. Cobain deh, pasti blognya jadi bagus kayak gini!!!

Selengkapnya....