Mengubah Warna Mouse Selection

Sudah lama Kelpo ga ngepost mengenai tips blogger ... Kali ini, tentang cara mengubah warna blok tulisan. Biasanya jika kita mengeblok tulisan hitam, warna yang akan muncul adalah background tulisan biru dan tulisan berubah jadi putih, kan ? Nah, kalau di KelpoLova tidak ada background dan tulisan berubah jadi merah. Mau ? Hanya di THREE !!!

Cara mengubah warna mouse selection (blocked text) :
1. Login pada blogger kamu. (Basa-basi nih!)
2. Langsung ke Design (Tata Letak) > Edit HTML.
3. Cari kode ]]></b:skin> dengan CTRL+F.
4. Langsung paste kode ini tepat di atas kode di atas :
::-Moz-selection {
background: #000000;
color: #ffffff;
}
Kode yang berwarna merah diganti sesukamu. Jika kamu ingin background mouse selectionmu bening, ganti kode warna background dengan none.

Selamat mencoba dan semoga berhasil !
 

Cara membuat Read More

Request from : Andre Christian


Read more sudah banyak digunakan oleh para blogger. Sekarang Kelpo akan beri tahu cara membuat read more di postingan kamu.

CARA MEMBUAT READ MORE
1. Login ke blogger kamu > Settings > Pilih UPDATED EDITOR pada SELECT POST EDITOR
2. Coba buat posting baru
3. Di sebelah PREVIEW (pratinjau) ada EDIT HTML dan COMPOSE, pilihlah COMPOSE

4. Jika ingin membuat batas READ MORE, klik pada gambar kertas terpotong (sebelah gambar)
5. Akan mucul sebuah batas untuk read more !


Ada tambahan cara merubah tulisan read more, bisa menjadi baca selengkapnya, lanjut atau sebagainya.


1. Klik Layout>Page Element (Elemen Laman) pada Dashboard blog kamu
2. Pada blog posts, klik EDIT pada ujung bawah kotak Blog Posts
3. Ganti tulisan Read More sesuka kamu

Membuat Related Post dengan Gambar

Request from : Andre Christian

Kelpo akan kasi tau cara membuat related post (artikel terkait) dengan gambar seperti di bawah posting ini. Silahkan klik READ MORE.


Cara membuat Related Post dengan gambar
1. Silahkan masuk ke LinkWithin.
2. Masukkan data blog kamu yaitu email, link blog, platform (tempatmu membuat blog, misal : blogger), dan width (panjang).
3. Klik GET WIDGET.
4. Lalu, klik INSTALL WIDGET.
5. Widget LinkWithin sudah tersedia di sidebar/footer kamu. Secara otomatis related post akan muncul.


HAPPY TRYING :)

Membuat Simple Search Box

Coba lihat Search Box Kelpo di atas MENU (sidebar kanan), search box itu dibuat secara manual. Sebenarnya beberapa template sudah menyediakan search box, juga ada gadget search box dari Google, namun lebih mudah dimodifikasikan dengan manual.

CARA MEMBUAT SEARCH BOX SEDERHANA

 Ini code untuk membuat Search Box.

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="20" type="text" style="background: #ffA500; border: 4px solid #000000" />
<input id="search-btn" value="Search" type="image" src="URL Gambar Tombol Search" style=" margin-left: 5px; margin: 3px 0 0 5px;" />
</form>

Yang berwarna ungu adalah ukuran search box.

Yang berwarna kuning merupakan warna background search box kamu. Misalkan warna putih #ffffff.


Yang berwarna hijau merupakan warna border search box kamu. Misalkan warna merah #ff0000.

Yang berwarna merah merupakan URL gambar tombol search kamu. Misalkan tombol search kamu gambar kaca pembesar.

Selamat mencoba, jika ada pertanyaan silahkan isi chatbox Kelpo. 

Membuat Marquee Sederhana

Marquee adalah tulisan bergerak. Kalau mau lihat contohnya, ada di bawah linkbar (menu) di bawah header KelpoLova. Tertarik buat seperti itu ? Nah, ini cara membuat Marquee sederhana.

Ini contoh Marquee :

Isi Marquee

Kodenya :

<marquee behavior="scroll" direction="left">ISI MARQUEE</marquee>

Kalau yang ini memantul (bouncing) :



ISI MARQUEE

Ini kode untuk Marquee memantul :

<marquee behavior="alternate">ISI MARQUEE</marquee>

Nah, sudah dulu ya ...

Escape/Convert Kode HTML

Request From : Andre Christian

Aduh, kok jadi ngepost tips blogger terus yah ? 

Kali ini, Kelpo mau kasi tau cara menghilangkan efek kode HTML. Maksudnya ? Kalau pasang kode banner, pasti langsung berubah jadi bannernya itu kan ? Jadi, kalau mau tampilkan kode banner kamu di blog, ga bisa dong ! Masih ga ngerti ? Udah ikutin aja ! Udah tau ? Pura-pura aja udah tau. Banyakan basa-basi, oke, nih caranya [Read More] ...

Sebenarnya ada website yang menyediakan alat HTML converter. Klik di sini.


Tapi, kalau ga mau ribet, di KelpoLova juga bisa kok ! Masukkan kode yang mau di escape/convert di bawah ini ...



Nah, mudah kan ??? Jadi ga perlu pusing ngurusin kode HTML.

Cool Wibiya Toolbar

Coba perhatikan pada bagian bawah KelpoLova, pasti ada semacam toolbar kan ??? Mau toolbar seperti itu ??? Mudah kok !

Klik SUPPORT BY WIBIYA pada toolbar Wibiya KelpoLova atau klik di sini. Lalu, klik get it now dan modifikasi sesuka hatimu !!! Keren, lho ! 

Ini previewnya,