Lanjutan Karakteristik Golongan Darah

Pasti kamu udah baca kan tentang karakteristik tiap golongan darah..? Kalo belom baca dulu deh..

Lanjutan dari yg sebelumnya, tapi kali ini berbahasa inggris dan tentunya tetep lucu dan bisa jadi bahan pikiran.. Asal jangan sampe kepikiran aja.. hhaha

enjoy this and just for fun purpose only ;)

















Ngerasa mirip sama golongan darah kamu? Engga usah heran.. saya juga koq, walau engga semuanya sih.. hhehe

Read More »

Horizontal Link Tab Menu di Blogger

Phew.. Akhirnya bisa ngepost lagi..
Udah 2 minggu ini susah bener rasanya mao bikin post baru.. Niatnya pas abis Studi Lapangan ke Djokja tanggal F24 kemaren mao bikin, malah koneksi internet nya yg matek.. hadohh >.<

Mumpung bisa online, saya mao nge-share gimana caranya bikin Menu Horizontal Tab sederhana. Sekalian juga buat ngebantuin si Ardhin yg dari dulu kayaknya ga kelar2 bikin menu horizontal tab ini..

Sistem navigasi yang baik dalam blog sangatlah diperlukan yang jelas2 dapat mempermudah pengunjung blog saat sedang menjelajahi isi blog kamu. Sistem navigasi ini bisa berupa Menu, baik horizontal maupun vertikal, atau berupa post yg dengan sedemikian rupa diubah menjadi halaman navigasi. Lalu, apa yg menarik dari Menu Horizontal Tab ini?


Menu Horizontal bisa menjadi alternatif buat Menu Vertikal biasanya dan bisa jadi ngebuat halaman blog jadi lebih hemat. Melihat dari pentingya keberadaan nya, Menu Horizontal Tab biasanya diletakkan di tempat yg mudah dilihat pengunjung. Di bawah Header contohnya.

1. Langkah pertama, masuk ke Layout > Edit HTML.

2. Masukkan kode CSS ke dalam template, gampangnya letakkan di atas kode ]]></b:skin>

#navigation{font-size:110%;
height:2.2em;
line-height:2.2em;
margin:0 1px;
color:#999;
}
#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ccc;
white-space:nowrap;
}
#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #999;
}
* html #navigation a {width:1%;}
#navigation a:hover{
background:#ccc;
color:#fff;
text-decoration:none;
}

3. Selanjutnya cari kode ini:

<b:section class="header" id="header" maxwidgets="1" showaddelement=”no”>

Kalo engga ketemu cari section dengan class="header".
Lalu ubah menjadi:

<b:section class="header" id="header" maxwidgets="10" showaddelement="yes">

Ini dilakukan supaya kamu bisa memasukkan element di bawah bagian header blog kamu.

4. Lalu masuk ke Page Elements. Di bawah bagian Header, klik Add a Gadget. Pilih HTML/JavaScript

5. Masukkan kode2 ini ke dalamnya:

<div style="text-align: center;">
<div id="navigation">
<ul>
<li class="selected">
<a href="http://blogkamu.blogspot.com/">Home</a></li>
<li><a href="http://blogger-holic.blogspot.com/search/label/LABEL" >Link Label</a></li>
<li><a href="http://blogger-holic.blogspot.com/">Blogroll Links</a></li>
</ul>
</div>
</div>

6. Klik save.


Menu horizontal tab sebaiknya diisi dengan link yg bisa menjadi 'pintu2' bagi artikel lainnya. Contohnya dengan link menuju label tertentu. Dan jangan juga mengisi nya dengan terlalu banyak link, tentunya bakal bikin jadi penuh nantinya.

Pas lagi2 jalan ke blognya O-OM, saya nemuin ada sebuah online tools yg bisa ngedesain menu, horizontal bisa.. vertikal apalagi. Namanya MyCSSMenu. Tools ini rasanya perlu dicoba, selain prosesnya yg mudah, pilihan menunya juga banyak. Thanks infonya O-OM ^.^b


Update:
Ok, menu sudah terpasang, terus bagaimana caranya nambah isi link ke dalam menunya?
Caranya mudah aja koq..
tinggal tambahkan:

<li><a href="LINK_YANG_DIINGINKAN" >Anchor text</a></a></li>

diantara <ul> dan </ul>. Ubah LINK_YANG_DIINGINKAN dengan link yang akan dimasukkan ke dalam menu dan ubah Anchor text sesuai link yang dituju (baca juga: Apa itu Anchor Text? Teks Jangkar?).

Read More »

Export-Import Blog di Blogger

Tepat tanggal 10 Desember kemaren, Blogger melepas fitur Export - Import dari 'kandang' Blogger in Draft. Blogger tampaknya engga mau kalah nih sama Wordpress yg juga bisa export-import dari blog lain hanya dalam beberapa kali klik. Dengan fungsi yg sama, Export - Import ini berguna jika kita ingin mengexport atau mengimport konten blog kita ke blog lain. Itu sekedar contoh aja..

Hal2 yg bisa kita lakukan dengan Export - Import ini, seperti yg dijelaskan Blogger pada Blogger Buzz adalah sebagai berikut:

• menggabungkan 2 blog jadi 1
• memindahkan beberapa post saja ke blog lain
• back-up konten blog kamu
• memindahkan blog kamu ke alamat lain

Hmm, menarik juga yah..
tapi seberapa gampang sih export-import ini?? Gampang banget koq sebenernya..

Pertama2 Login dulu ke Blogger.. *jelaslah masa Login ke Facebook.
Masuk ke menu Settings blog yg kontennya akan diexport.
Nah, pada tab Basic itu akan terlihat section Blog Tools

Selanjutnya klik Export blog. Kemudian download export file Blogger Atom yg berisi artikel blog kamu plus komentar2 nya. Ketika download selesai, balik ke halaman Dashboard.

Sekarang masuk ke menu Settings blog yg akan nerima artikel2 dari blog tadi.
Pada Blog Tools, klik Import blog. Browse export file Blogger Atom yg tadi baru didownload. Masukkan kode verifikasi dan klik Import Blog.

Saat proses Import selesai, kita akan diberi pilihan untuk mengatur artikel mana aja yg akan langsung di-publish. Kita juga bisa milih langsung publish semua artikel kalau mau. Abis di-publish, engga usah khawatir artikel yg sama di blog sebelumnya akan hilang. Artikel nya akan hilang kalau blog sebelumnya itu kamu delete.

Oiya.. kita juga bisa lho mengimport artikel langsung saat membuat blog baru. Saat membuat blog baru, pada Advanced Menu, klik Import Blog Tool.

Selanjutnya, sama seperti di atas, Browse export file Blogger Atom yg tadi baru didownload. Masukkan kode verifikasi dan klik Upload.

Semoga bermanfaat..

Read More »

Cara Lain Pasang Read More

Mungkin kamu2 udah pernah baca postingan tentang cara pasang Read More sebelumnya. Nah, yg udah pernah coba pasti ngerasa "ah engga asik nih, masa' 'Read More' nya muncul terus.. padahal kan gue ga masukin span='fullpost' nya!!" *ketahuan pengalaman pribadi nih :p

Nah, kali ini akan saya jabarin, bagaimana caranya masang 'Read More' yg beda. Dengan menggunakan scipt (cara yg sebelumnya engga pake), 'Read More' ini engga akan muncul kalo kamu engga masukin span='fullpost' ke postingan kamu.

begini langkah2 nya:
1. backup template kamu dulu.. jadi jangan salahkan saya kalo template kamu nantinya jadi error.
2. masuk ke sini. Ini adalah script kepunyaanya Ramani yg memang dipakai untuk hack 'Read More'. Copy semua scipt ini.
3. Paste scipt tadi sebelum </head>. save template

4. di sini bagian yg butuh sedikit ketelitian. Jangan lupa centang pada Expand Widget Templates. gunakan fitur search, biasanya menggunakan shortcut CTRL+F, cari <p><data:post.body/></p>.

5. kemudian modifikasi hingga menjadi seperti di bawah ini. Kadang2 memang tidak selalu sama. Tag DIV dgn class="post-body" biasanya terletak tidak jauh dari <p><data:post.body/></p>. Jadi tinggal disesuaikan saja.

<div class='post-body' expr:id='"post-" + data:post.id' >

<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>

<span id='showlink'>
<a expr:href='data:post.url'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

6. save template.

Nah sekarang, tiap kali kamu mau ngebuat postingan baru, kamu harus masukin <span id="fullpost"> setelah bagian pembuka artikel kamu tersebut. Dan di akhir artikel, harus diakhiri dengan </span>.

Sebagai contoh:
Bagian Pembuka. saya potong di sini <span id="fullpost"> Bagian Isi. Ini adalah bagian yg hanya muncul jika link 'Read More' diklik. </span>

Hasilnya akan terlihat seperti ini:
Bagian Pembuka. saya potong di sini
Read More..

Oiya, bagian yg berwarna cokelat itu bisa diubah kalimatnya sesuka hati lho.

Sebenernya banyak banget metode 'Read More' ini, kalo pengen tahu kayak apa yg laennya.. kunjungi aja blog nya Jacky Supit ini.

selamat mencoba dan semoga berhasil.

Read More »

Highlight - November 2008

Kita udah masuk bulan baru lagi..
Highlight buat bulan kemaren ada laah:

• Blogger Reactions: Lebih dari Sekedar Komentar
Fitur baru Blogger berupa mini-polling atau mungkin bisa disebut juga mini-rating.
• Gw Suka Warna Lo!!
Online tools buat ngeliat nilai HEX warna suatu website.
• Komentar Pake Cinta dengan CommentLuv
Third party apps buat menggantikan default sistem komentar nya Blogger. Apa bedanya ya??
• Seberapa Doyan Ngeblogkah Kamu?
Mini quiz buat ngetes seberapa doyan kamu ngeblog :)

Baca artikel2 menarik lainnya di Daftar Isi.

Read More »