Cara Membuat Menu Navigasi Blogpsot

Meski sudah menyatakan aktif diblogdetik tapi aku juga kadang masih main-main diblogspot. Terakir kemarin bikin blog baru, terus ditambah-tambah menu navigasi gitu. Untuk kode html-nya dikasih sama teman pesbuk sih. Kebetulan aku minta kode templatenya eh dikasih juga kode untuk nambahin menu navigasinya. Kalo untuk blogku yang ini kan sementara pakai template bawaan dari blogspot dan itu menu home sama infonya pasang dari page dari fasilitasnya blogger. Terus bagaimana cara membuat menu navigasi blogspot seperti pada gambar diatas? Contoh untuk membuat menu navigasi seperti gambar diatas adalah tinggal menambahkan kode digadget baru.


Kode yang ditambahkan adalah seperti dibawah ini:

<style>
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:none; height:35px;}
/* category navigation */
.nav { background:#f5f5f5;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover{ background:#333; color:#fff; text-decoration:underline;}</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href='/'>Home</a></li>
<li><a href='#'> Menu 1</a></li>
<li><a href='#'> Menu 2</a></li>
<li><a href='#'> Menu 3</a></li>
<li><a href='#'> Menu 4</a></li>
<li><a href='#'> Menu 5</a></li>
</ul>
</div>

Taruh kode diatas digadget posisi atas bawah judul blog. Gampang kan?

salam hormat dariku,

@mbak_widha

Tampilan Dasbor Lama Blogger akan Dihapus



Ah lagi mencoba aktif lagi diblogger eh akan tetapi tampilan antar muka atau aku biasa menyebutnya tampilan dasbor itu akan diganti dengan yang baru semua karena Tampilan Dasbor Lama Blogger akan Dihapus. Padahal aku lebih suka tampilan yang lama, lebih simple dan mudah, selain itu lodingnya juga lebih ringan. Tapi ya apa boleh dikata, perubahan tampilan itu sudah kehendaknya google. Jadi nantinya aku ya ngikut aja.


Kalo teman-teman sendiri merasa lebih enak yang mana sih? yang baru ya pastinya, mungkin nantinya aku perlu membiasakan diri pakek tampilan dasbor yang baru. Dulu pernah nyoba yang baru tapi ya berasa ribet dan lamban terus aku balikin lagi ke versi lama.

salam hormat dariku,

@mbak_widha

Convert Kode script HTML

Convert Kode script HTML itu sangat dibutuhkan ketika kita mau memposting kode html atau memasang iklan kedalam html template. Kalo dulu sebelum aku tau cara instannya, ketika mau posting sesuatu yang ada kode html-nya itu digantinya satu-satu secara manual. Tapi kini kan sudah tau cara cepatnya yaitu dengan meng Convert Kode script HTML. Caranya mudah saja, tinggal masukan kode html yang mau diconvert terus klik tombol convertnya dan silakan dikopi hasilnya:







Begitu mudahnya bukan? kalo misal mau posting kode html gak di convert ya pasati gak bisa muncul kodenya dipostinganya gitu.

salam hormat dariku,

@mbak_widha

Cara Membuat Read More Blogspot

Posting ah, tempatnya hari ini tanggal 20 Juli 2012 dimana hari ini aku ikut puasa ramadhan 2012. Entah mengapa mendadak aku buka blogku yang sudah lama aku tinggalkan ini. Begitu masuk aku lihat tampilan blogku, ah benar-benar membosankan, udah gitu baca-baca postingannya, wuh bahasanya bikin malu sendiri gitu. Tanpa pikir panjang, aku pun ganti template biar terlihat sederhana gitu tampilannya. Begitu ganti template: ini readmorenya gimana??? blogspot lama kan biasanya harus pasang readmore manual, kalo wordpress biasa otomatis tinggal klik aja. Aku ingat-ingat, aku pernah bikin postingan cara membuat read more di blog ini, aku baca-baca, sungguh aku gak mudeng tentang tutorial buat readmore yang aku bikin sendiri. Aku pun googling dan kemudian postingan lamaku aku hapus, untuk itu aku bikin lagi nih Cara Membuat Read More Blogspot yang baru aku praktekan ditemplet yang simple ini. Cara bikin read more itu mudah loh:

1. Login ke dasbor blogspot
2. Masuk ke menu rancangan, edit html, klik atau centang kotak: "expand widget template"
3. Cari kode

<p><data:post.body/></p>

4. Jika sudah ketemu, ganti kode tersebut dengan:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

5. Silakan simpan

6. Masuklah ke setelan, pilih menu format, Pada kotak Post Template isikan kode berikut:

<span class="fullpost">


</span>

7. Kemudian simpan

8. Ketika posting, taruh potongan paragraf yang dipostong itu sebelum kode <span class="fullpost"> dan lanjutannya setelah kode tersebut.

Kurang lebih begitulah, hanya dalah waktu sekejab sudah jadi gitu....
Selamat mencoba...

salam hormat dariku,

@mbak_widha

Postingan Lainnya:

Blogroll