Cara Membuat Blockquote

Blockquote biasanya untuk menandai bagian postingan yang dianggap penting. Cara membuat blockquote cukup mudah. Tapi sebelum menginjak ke tutorialnya, seperti di bawah ini contoh blockquote:


Gimana membuatnya? Masuk Tata Letak, Edit HTML, kemudian centang Expand Template Widget. Jangan lupa back up dulu HTML anda buat jaga-jaga kalau gagal. Kemudian masukkan script berikut ini di atas kode ]]></b:skin>

.alert { background: #DDE4FF;
text-align: left;
padding: 10px 10px 10px 10px;
border-top: 2px solid #848484;border-bottom: 2px solid #848484;border-left: 2px solid #848484;border-right: 2px solid #848484;}

Jika sudah, simpan.
Catatan: variasi kode warna untuk background dan garis tepi (border) silakan berkreasi sendiri. Pilihan warna bisa dilihat di sini.

Untuk memunculkan blockquote, saat posting tambahkan kode <p class="alert"> sebelum kalimat (poin-poin) yang akan ditaruh di dalam kotak, dan di belakangnya beri kode </p>

Selamat mencoba.

Read More..

Membuat Highlight Author Comment

Highlight author comment adalah komentar pemilik blog yang disetting dalam kotak warna tertentu, untuk membedakan dengan komentar pengunjung. Contohnya seperti komentar di blog ini.

Cara membuat highlight author comment seperti itu sangat mudah. Ikuti step-step berikut ini:

1. Masuk menu Layout trus Edit HTML
2. Centang kotak Expand Widget Templates untuk jaga-jaga jika modifikasi gagal.
3. Cari kode ]]></b:skin>
4. Masukkan script berikut ini di atas kode ]]></b:skin> tersebut.

.comment-body-author {
background: #kode warna;
border-top: 1px solid #kode warna;border-bottom: 1px solid #kode warna;border-left: 1px solid #kode warna;border-right: 1px solid #kode warna;
margin:0;
padding:0 0 0 20px;
}

Contoh: higlight author comment pada blog ndeso ini kodenya sbb:
.comment-body-author {
background: #CCCCFF;
border-top: 1px solid #CCCCFF;border-bottom: 1px solid #CCCCFF;border-left: 1px solid #CCCCFF;border-right: 1px solid #CCCCFF;
margin:0;
padding:0 0 0 20px;
}

Perhatikan pada sript itu saya menggunakan kode warna sama. Itu karena saya ingin kotak comment tanpa stroke (bingkai). Kalau kamu pengen pakai garis tepi warna beda, tinggal sesuaikan kode warna bordernya.

Satu lagi, di script itu terdapat kata 'solid'. Itu artinya bingkai berupa garis. Jika menginginkan bingkai berupa titik-titik ganti dengan 'dotted'. Berbagai kode warna sesuai pilihan kamu bisa dilihat di sini.
Gampang kan. Selamat mencoba.

Read More..

Rekayasa Foto dengan Photofunia, Hasilkan Efek-Efek Keren

Sekarang banyak software maupun situs rekayasa foto yang bisa membuat foto-foto digital jadi lebih menarik. Seperti Dumpr, MagMyPic, FACEinHOLE, dll. Layanan lain pengolah foto instan dengan efek-efek khusus adalah PhotoFunia. Di situ terdapat puluhan template dengan efek-efek keren yang dapat diterapkan pada foto yang akan kita upload.
Misalnya foto ini yang akan kita rekayasa dengan PhotoFunia.


Caranya?
1. Buka photofunia.com
2. Pilih salah satu effect foto.
3. Akan muncul tampilan seperti di bawah ini, lalu klik 'Çhoose files'

4. Arahkan ke file tempat kamu menyimpan foto, lantas klik ópen' untuk diupload.
5. Tunggu proses upload selesai, kemudian simpan.

Hasilnya seperti ini:

Kamu bisa pasang sebagai profile di Friendster, Facebook, blog, dll. Selamat mencoba.

Read More..

Membuat Tulisan Di-stabilo / Diblok dengan Warna Tertentu

Terus terang saya bingung bikin judul. Intinya, tutorial kali ini tentang cara membuat tulisan seperti diblok dengan Stabilo. Contohnya seperti di bawah ini:

Caranya: selipkan kata/kalimat yang akan diblok di antara kode ini:

Kuning
<span style="background-color: rgb(255, 255, 0);">kata/kalimat yang di-stabilo</span>

Biru
<span style="background-color: rgb(51, 204, 255);"> kata/kalimat yang di-stabilo </span>

Hijau
<span style="background-color: rgb(51, 204, 0);"> kata/kalimat yang di-stabilo </span>

Contoh: Cinta Itu Buta. Kata 'Buta' mau diblok dengan waran kuning. Maka penulisannya:
Cinta Itu <span style="background-color: rgb(255, 255, 0);">Buta</span>

Dan, hasilnya:
Cinta Itu Buta

Selamat mencoba.

Read More..

Memasang Status Profile/Badge Facebook di Blog

Siapa tak kenal Facebook, jaringan pertemanan yang lagi booming. Mulai dari pelajar, mahasiswa, pengusaha, artis, hingga caleg, memanfaatkan Facebook untuk bersosialisasi, juga promosi. Bagi anda yang sudah daftar Facebook dan ingin menampilkan badge atau status profile di blog, caranya gampang. Ikuti saja step-step berikut ini:
1. Login ke akun Facebook Anda
2. Masuk ke tab Profil
3. Arahkan kursor ke kiri bawah. Klik 'Buat Lencana'
4. Klik 'Buat Lencana'
5. Setting badge/lencana sesuai keinginan.
-Tata letak bisa mendatar atau tegak
- Format pilih 'Gambar' jika blog tidak mendukung java script seperti WordPress.
- Isi pilih sesuai selera.
- Simpan
6. Kopi kode HTML dan paste di blog.

Untuk blogspot:
- Login ke blog anda
- Klik 'Tata Letak'
- Klik 'Tambah Gadget'
- Pilih HTML/Javascript
- Masukkan kode HTML dari Facebook tadi
- Simpan

Untuk blog WordPress:

- Masuk ke dashboard
- Klik Appereance – Widget
- Masukkan widget Text
- Pastekan kode Facebook tadi
- Simpan

Selamat mencoba.

Read More..

Membuat Statistik Jumlah Postingan dan Komentar

Ada yang baru lagi di blog ini. Yaitu widget statistik jumlah postingan dan komentar yang masuk. Letaknya di sidebar, sebelah atas kotak search engine. Yang ini:

Bagaimana cara membuat widget seperti itu?
Caranya gampang. Login ke blog anda, klik layout/tata letak, tambah gadget, pilih HTML/javascript, lantas masukkan script di bawah ini,lalu save.

Blog ini ada <script style=""> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><script src="/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=showpostcount"></script> postingan <br/>
dan total <script src="/feeds/comments/summary?max-results=0&amp;alt=json-in-script&amp;callback=showpostcount"></script> komentar

Kata yang tercetak merah bisa anda ganti sesuai selera. Selamat mencoba!

Seputar tutorial blog juga bisa anda baca di blog ini. Pilih label 'tutorial'.

Read More..

Cara Praktis Mendaftarkan Blog ke Puluhan Search Engine

Salah satu cara mempopulerkan blog adalah mendaftarkan blog ke search engine. Saat ini banyak tersedia search engine, tidak hanya Google dan Yahoo. Nah, ada cara praktis mendaftarkan blog ke puluhan search engine hanya dengan sekali klik. Yaitu lewat freewebsubmission.
Caranya:

1. Buka situs freewebsubmision.
2. Arahkan kursor ke bagian bawah. Di situ ada kotak isian. Ketikkan URL blog anda, misalnya: http://blogspotcorner.blogspot.com.
3. Ketikkan alamat email anda di bawahnya.
4. Beri centang pada kotak kecil dekat tulisan ‘yes’ di sebelah kanan.
5. Klik ‘Submit Your Site’

Read More..