Tips Trik Blogger @KHOLIS

Showing posts with label tips lain-lain. Show all posts

Home » Posts filed under tips lain-lain

Membuat Tulisan Terbalik Dengan Flip Text Generator

Posted by Unknown on Thursday, December 31, 2009

Membuat Tulisan Terbalik Dengan Flip Text Generator. Sebenarnya, Tips dan Trik Blog telah mengetengahkan postingan serupa yaitu di sini. Namun demikian perkenankanlah Tips dan Trik Blog untuk mengetengahkan kembali, hanya saja dengan menggunakan situs layanan yang berbeda, yaitu Upside Down Writing yang beralamat di http://www.sherv.net. Dengan layanan tersebut, kita dapat membuat tulisan terbalik dengan mudah dan cepat dan tulisan terbalik yang dihasilkan tersebut dapat langsung kita copy paste pada Live Messenger, email, blog, situs, forum, maupun facebook. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Langkah-langkahnya sebagai berikut.

Pertama, masuk ke halaman http://www.sherv.net hingga muncul halaman seperti screenshot di bawah ini.

Kedua, pada kotak yang bertanda panah, ketikkan kalimat atau paragraph yang dikehendaki.

Ketiga, pada saat itu juga, kita akan mendapatkan hasilnya yang dibagi menjadi dua bagian yang berbeda, pada bagian (kotak) pertama, hasilnya ditujukan untuk penggunaan pada Messenger (seperti MSN atau Live Messenger). Pada kotak kedua, hasilnya ditujukan untuk penggunaan pada email, website, blog, forum, komentar dan lain-lain.

Keempat, kemudian copy dan pastekan hasilnya pada messenger, email, blog, maupun pada forum.

Kelima, selesai dan selamat mencoba.

Contoh hasilnya, seperti di bawah ini.

˙˙˙`ıƃuɐʎɐs ɐʇıʞ ƃuɐʎ ƃuɐɹo-ƃuɐɹo ɐɯɐsɹǝq uıʇɐq uɐp ɹıɥɐl uɐɐıƃɐɥɐqǝʞ uɐʞʇɐdɐpuǝɯ ɐʇıʞ `ıuı unɥɐʇ ɐpɐd ɐƃoɯǝs `0⇂0ᄅ ıɹɐnuɐɾ ⇂ `nɹɐq unɥɐʇ uɐp lɐʇɐu ıɹɐɥ ʇɐɯɐlǝs

Description: Membuat Tulisan Terbalik Dengan Flip Text Generator Rating: 4.5 Reviewer: Unknown - ItemReviewed: Membuat Tulisan Terbalik Dengan Flip Text Generator

More about → Membuat Tulisan Terbalik Dengan Flip Text Generator

Menampilkan Pesan Secara Random

Posted by Unknown on Thursday, November 12, 2009

Menampilkan Pesan Secara Random Pada Blog. Tips ini hampir sama dengan tips yang pernah Tips dan Trik Blog posting sebelumnya yaitu postingan tentang membuat rotasi image pada background. Perbedaannya, jika pada tips yang terdahulu yang dibuat random adalah image-nya maka pada tips yang ini yang dibuat random adalah teks atau tulisannya. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Dengan tips ini, kita dapat menampilkan pesan apa pun secara random pada blog. Pesan tersebut akan berganti secara random setiap pengunjung melakukan loading halaman blog tersebut. Selain pesan, kita dapat menampilkan informasi singkat atau juga dapat berupa tips-tips yang bermanfaat bagi pengunjung yang singgah pada blog kita.

Berikut cara membuatnya.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript

Kedua, copy paste kode berikut ini.

<font color: rgb(0, 153, 0);">#0101DF"><b>Pesan Hari Ini... </b><p>
<script language="JavaScript">
//store the quotations in arrays
tips = new Array(6);
tips[0] = "<i>Jangan lupa sholat pada kesempatan apa pun!!</i>";
tips[1] = "<i>Ingat, hidup hanya sebentar!!</i>";
tips[2] = "<i>Selalu lihat ke bawah, sesekali boleh lihat ke atas</i>";
tips[3] = "<i>pesan keempat,………….</i>";
tips[4] = "<i>pesan kelima,,……………</i>";
tips[5] = "<i>pesan keena,……..………</i>";
//calculate a random index
index = Math.floor(Math.random() * tips.length);
//display the quotation
document.write("\n");
document.write(tips[index]);
//done
</script>
</font>

Keterangan

Jika menginginkan warna yang berbeda, silakan ganti kode warna (berwarna hijau spt di atas) dengan kode warna yang lain, untuk melihat kode warna, dapat dilihat di sini.
Tulisan “pesan hari ini,…” dapat diganti dengan tulisan yang lain.
Contoh pesan-pesan yang ingin ditampilkan adalah seperti tulisan yang berwarna ungu.
Jika ingin menambahkan pesan lakukan dengan menambahkan kode “tips[6]”, “tips[7]” dst,..diikuti dengan pesan-pesan yang ingin ditambahkan.
Angka 6 pada array harus diganti sesuai dengan jumlah pesan yang ingin ditampilkan. Jika pesannya ada 10 maka kita harus ganti dengan angka 10.

Ketiga, simpan perubahan

Keempat, selesai.

Sekarang, refresh blog dan pastikan pesannya sudah muncul pada bagian side bar blog kita.

Selamat Mencoba!!

(sumber : o-om.com)
Description: Menampilkan Pesan Secara Random Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menampilkan Pesan Secara Random

More about → Menampilkan Pesan Secara Random

Memasang Yahoo! Messenger Pingbox Pada Blog

Posted by Unknown on Thursday, October 8, 2009

Memasang Yahoo! Messenger Pingbox Pada Blog. Yahoo! Messenger Pingbox merupakan media chat (percakapan) secara privat (pribadi) yang memungkinkan kita melakukan chat dengan pengunjung blog, penguniung profil jaringan social, atau pun pengunjung website melalui Yahoo! Messenger. Kelebihan chat dengan Pingbox ini adalah ketika kita melakukan percakapan dengan salah satu individu / pengunjung maka orang / pengunjung lain tidak akan melihat percakapan kita tersebut.

Untuk memasang Yahoo! Messenger Pingbox pada blog, langkah-langkahnya adalah sebagai berikut.

Pertama, buka halaman http://messenger.yahoo.com/pingbox/ kemudian klik button “Create a Pingbox”, seperti di bawah ini.

Kedua, kemudian kita akan mendapati jendela untuk membuat Pingbox baru, seperti di bawah ini.

Ketiga, kemudian kita dapat melakukan pengaturan seperlunya, misalnya pengaturan untuk background yang dapat dipilih sesuai selera kita, opsi background dapat dipilih bawah menu “background theme”

Keempat, kita juga dapat melakukan pengaturan untuk ukuran dan warna huruf. Pengaturan ini dapat dilakukan melalui menu “Text size & color”.

Kelima, kemudian isikan nama kita pada “Display Name”. Nama ini akan ditampilkan pada chat Pingbox. Disarankan untuk menggunakan nama yang berbeda dengan account Yahoo! ID Kita.

Keenam, kita dapat memilih pesan default ketika kita sedang online maupun offline. Jika menginginkan, kita juga dapat menuliskan kustomasi pesan baik ketika sedang online maupun offline.

Ketujuh, centangi “Require visitors to enter Nickname to send IM” agar pengunjung yang ingin melakukan chat dengan kita harus menuliskan nickname-nya.

Kedelapan, berikan nama untuk Pingbox yang baru saja kita buat tersebut. Sebaiknya namai Pingbox tersebut yang ada hubungannya dengan blog / situs di mana kita akan meletakkan Pingbox tersebut, sebagai contoh, Tips Blog.

Kesembilan, klik “save”. Sebelum menekan button “save”, kita dapat melihat preview Pingbox tersebut di sebelah kanan, jika masih kurang cocok, kita dapat melakukan pengaturan ulang.

Kesepuluh, kemudian akan terbuka halaman login. Silakan login dengan menggunakan account ID kita.

Kesebelas, setelah berhasil login, kemudian kita akan mendapatkan kode HTML yang harus kita tempatkan pada situs atau blog milik kita. Pilih sesuai dengan tipe situs yang kita miliki. Karena saya ingin menempatkan Pingbox ini pada blog (blogger) maka saya pilih blogger.

Keduabelas, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Tambahkan Gadget >> Tambahkan HTML/Javascript.

Ketigabelas, copy dan pastekan kode HTML yang telah kita dapatkan tersebut.

Keempatbelas, simpan perubahan

Kelimabelas, selesai

Sekarang kita sudah memiliki privat chat, Pingbox yang kita tempatkan pada blog.

Selamat Mencoba!!

Description: Memasang Yahoo! Messenger Pingbox Pada Blog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memasang Yahoo! Messenger Pingbox Pada Blog

More about → Memasang Yahoo! Messenger Pingbox Pada Blog

Memanfaatkan Blogger Sebagai Image Hosting Gratis

Posted by Unknown on Wednesday, August 12, 2009

Memanfaatkan Blogger Sebagai Image Hosting. Sebagai ilustrasi suatu artikel / postingan, biasanya kita menambahkan image pada artikel / postingan tersebut. Menambahkan image tersebut dapat dilakukan dengan cara meng-upload langsung dari komputer melalui menu “unggah (upload)” maupun dengan cara mengupload image pada image hosting lain (pihak ketiga) dan kemudian menyalin kode html-nya. Jika cara pertama yang kita lakukan maka semakin lama “jatah” yang disediakan blogger akan semakin berkurang dari jatah maksimum 1.024 MB (1 GB) yang ada untuk setiap blog-nya. Oleh karena itu, untuk menghemat “jatah” maksimum dari blogger tersebut, “wajib hukumnya” untuk menggunakan image hosting lain. Atau daripada pusing-pusing mencari image hosting, kita manfaatkan saja blogger untuk tujuan ini.

Jika kita mengupload image langsung dari computer melalui menu “unggah (upload)” maka kita akan dibatasi hingga 1.024 MB (kira2 1 GB) untuk setiap blognya, perhatikan screenshot di bawah ini.

Oleh karena itu, seperti yang telah saya sebutkan pada paragraph pertama, dalam rangka penghematan “jatah” tersebut, kita dapat menggunakan image hosting lain. Pada kesempatan kali ini, dari pada susah-susah mencari image hosting, kita akan memanfaatkan blogger sebagai image hosting dan kelebihan menggunakan blogger ini adalah unlimited bandwidth.

Cara memanfaatkan blogger sebagai image hosting adalah sebagai berikut.

Pertama, buatlah blog sederhana di mana blog ini akan kita gunakan khusus untuk mengupload image-image milik kita.

Kedua, buatlah entri (postingan) baru dan kemudian upload-lah image-image yang akan kita gunakan dan kemudian “terbitkan (publish)” postingan tersebut.

Ketiga, bukalah blog yang baru saja kita buat tersebut dan bukalah postingan yang berisi image-image tersebut.

Keempat, mengambil alamat URL dari image yang kita maksud tersebut dengan cara, seperti di bawah ini.

Klik kanan pada image yang dimaksud dan pilih “Salin lokasi gambar” jika menggunakan firefox berbahasa Indonesia atau “Copy image location” jika menggunakan firefox berbahasa Inggris.

Tempatkan (pastekan) kode URL image tersebut pada postingan pada blog yang ingin kita beri ilustrasi dengan image tersebut. Contoh kode alamat URL-nya seperti di bawah ini.

http://2.bp.blogspot.com/_dATSF_iv-iw/SoF0PqEwM_I/AAAAAAAADOs/DTbZsISZFeI/s200/yono.jpg

Untuk menempatkan kode image tersebut pada blog / postingan, kita tambahkan kode “img src” sehingga menjadi seperti di bawah ini.

Kelima, selesai dan selamat mencoba!!

(sumber inspirasi : Kolom Tutorial)

Description: Memanfaatkan Blogger Sebagai Image Hosting Gratis Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memanfaatkan Blogger Sebagai Image Hosting Gratis

More about → Memanfaatkan Blogger Sebagai Image Hosting Gratis

Membuat Postingan Selalu Berada Paling Atas

Posted by Unknown on Monday, July 13, 2009

Tips Membuat Postingan Selalu Berada Paling Atas : Pernahkah kita berangan-berangan atau berpikiran ingin menjadikan postingan tertentu selalu berada di atas? Jika, ya, jangan kuatir, karena kita dapat “mengakalinya” dengan trik yang akan kita bahas berikut ini. Dengan trik tersebut, kita dapat menempatkan postingan tertentu (yang kita anggap sangat penting) akan selalu berada di atas dari postingan-postingan yang lain yang kita terbitkan sesudahnya. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Langkah-langkahnya, seperti di bawah ini.

Pertama, login ke account blogger >> Dasbor >> Entri Baru

Kedua, buatlah postingan yang ingin kita tempatkan di posisi paling atas.

Ketiga, kemudian terbitkan postingan tersebut seperti biasa.

Keempat, kemudian lakukan edit entri atas postingan yang baru saja kita terbitkan tersebut.

Kelima, setelah terbuka post editor kemudian menujulah ke bagian kiri bawah, klik “opsi entri” (post option) hingga akan muncul beberapa opsi, yaitu “komentar pembaca”, “Link balik”, dan “tanggal dan jam entri”, seperti screenshot di bawah ini.

Keenam, kemudian pada opsi “tanggal dan jam entri”, gantilah tahunnya menjadi tahun yang akan datang, misalkan saja menjadi tahun 2020.

Ketujuh, kemudian terbitkan lagi postingan tersebut.

Kedelapan, selesai

Sekarang, cobalah untuk membuat dua atau beberapa postingan lagi dan pastikan postingan yang telah kita ubah tahunnya menjadi 2020 tersebut selalu berada di posisi paling atas.

Catatan

Misalkan sudah sampai tahun yang kita isikan (yaitu tahun 2020), maka kita harus mengubah nya lagi menjadi tahun yang akan datang, misalnya 2030 atau 2040.

Selamat Mencoba!!

Description: Membuat Postingan Selalu Berada Paling Atas Rating: 4.5 Reviewer: Unknown - ItemReviewed: Membuat Postingan Selalu Berada Paling Atas

More about → Membuat Postingan Selalu Berada Paling Atas

Tips Mempercepat Loading Halaman Blog

Posted by Unknown on Tuesday, June 16, 2009

Tips Mempercepat Loading Halaman Blog : Jika berbicara masalah kecepatan loading suatu blog, kita dapat memfonis hanya pada satu sisi saja, namun banyak factor yang mempengaruhinya. Nah, berikut ini adalah salah tips yang mungkin dapat mempercepat loading suatu blog, yaitu dengan mengkompress (memampatkan) kode css yang mungkin sudah terlalu gemuk karena sering kita menambahkannya atau mengubahnya. Dengan pengkompresan ini, diharapkan menjadikan kode css-nya lebih simple dan akhirnya dapat menjadikan proses loading menjadi lebih cepat. Jika tertarik, silakan ikuti tipsnya berikut ini.

Adalah CSS Drive yang memberikan layanan pengkompresan kode css secara online sehingga kita akan dapat langsung mendapatkan hasil kompresannya dan dapat langsung kita pastekan ke template blog kita. “Kompressor online” tersebut dapat kita temukan di http://www.cssdrive.com/index.php/main/csscompressor/.

Lebih lanjut langkah-langkahnya adalah sebagai berikut.

Pertama, login ke account blogger hingga masuk Dasbor >> Tata Letak >> Edit HTML.

Kedua, untuk menghindari hal-hal yang tidak kita inginkan, lakukan backup template blog kita terlebih dahulu.

Ketiga, buka halaman http://www.cssdrive.com/index.php/main/csscompressor/ hingga kita akan mendapati halaman

Ketiga, sorot (blok) kode css mulai <b:skin> hingga </b:skin> kemudian salin dan pastekan pada kotak di bawah tulisan “Insert CSS Code”.

Keempat, klik “Compress it” dan tunggu beberapa saat hingga kita akan mendapati hasil kompresan tersebut dengan “Compression results”, seperti di bawah ini.

Kelima, klik “Hightlight Code” dan pastekan ke template blog kita tersebut.

Keenam, simpan template

Ketujuh, selesai

Sekarang, cobalah refresh blog dan lihatlah perbedaannya, jika pun tidak ada perbedaannya, setidaknya dapat kita jadikan sebagai ilmu pengetahuan.(ha ha ha sama juga bohong, ya)

(referensi : Kang Noval)

Description: Tips Mempercepat Loading Halaman Blog Rating: 4.5 Reviewer: Unknown - ItemReviewed: Tips Mempercepat Loading Halaman Blog

More about → Tips Mempercepat Loading Halaman Blog

Memposting Kode HTML Dengan Mudah

Posted by Unknown on Wednesday, June 10, 2009

Memposting Kode HTML Dengan Mudah : Dahulu, untuk mempublikasikan (posting) suatu kode pemrograman HTML tertentu ke dalam postingan, kita harus merubahnya menjadi notasi tertentu. Sebagai contoh, untuk mempublikasikan sebuah kode < kita harus menuliskannya dengan < seperti yang pernah Tips dan Trik Blog posting sebelumnya, di sini. Namun sekarang hal itu tidak terjadi lagi karena pihak blogspot telah menambahkan fitur baru sehubungan dengan pempublikasian kode HTML tersebut. Jika tertarik, silakan ikuti tipsnya berikut ini.

Sebenarnya, fitur baru tersebut masih dalam konsep (draft) namun demikian kita sudah dapat menggunakannya. Langsung saja, untuk mempublikasikan suatu kode HTML dengan menggunakan fitur baru yang masih dalam konsep tersebut adalah dengan langkah-langkah sebagai berikut.

Pertama, login ke account blogger di http://draft.blogger.com hingga masuk Dasbor >> Entri Baru hingga kita mendapati jendela pengetikan (post editor).

Kedua, kemudian menuju ke bagian kiri bawah, klik pada “Post Options” sehingga akan muncul beberapa opsi, seperti Komentar Pembaca, Link Balik, Post Tanggal dan Waktu, Edit Setelan HTML, dan Setelan Tulis.

Ketiga, kemudian pada opsi Setelan Tulis, pilih (centangi) pada “Tunjukkan HTML apa adanya”

Keempat, kemudian lakukan pengetikan (penulisan) kode HTML pada area pengetikan (post editor) apa adanya.

Kelima, klik “Terbitkan Entri”

Keenam, selesai

Sekarang, pastikan kode HTML yang telah kita terbitkan (posting) seperti apa yang telah kita ketikkan sebelumnya. Dengan fitur baru tersebut, penulisan kode HTML tertentu menjadi lebih mudah dan praktis, bukan!!

Selamat Mencoba!!

Membuat Tulisan Terbalik

Posted by Unknown on Saturday, May 30, 2009

Membuat Tulisan Terbalik dengan Flip Text Generator : Setelah melakukan kegiatan “ronda malam” di “rumah mewahnya” Kang Rohman, saya menemukan postingan yang baru yang mungkin sahabat blogger membutuhkannya atau jika pun tidak membutuhkannya, anggaplah sebagai tambahan pengetahuan, yaitu tips membuat tulisan terbalik. Dengan bantuan tool online, Flip Text Generator, hal tersebut sangat mudah dan praktis dilakukan. Jika tertarik, silakan ikuti tipsnya berikut ini bersama Tips dan Trik Blog.

Contoh hasilnya adalah seperti ini.

˙˙˙`ǝɥ˙˙`ǝɥ ɥǝu ƃuısnd ıpɐɾ ɐlɐdǝʞ ɹɐʇu˙˙`ɐʎ`ɐɔɐqıp nlɹǝd ʞɐpıʇ ƃuɐʎ ʞılɐqɹǝʇ uɐsılnʇ ɥoʇuoɔ ɥɐlɐpɐ ıuı

Cara membuatnya??

Pertama, kunjungi situs http://www.fliptextgenerator.com/

Kedua, tuliskan kata-kata atau tulisan yang ingin dibuat terbalik pada kotak “Original Text (type here)”. Sayangnya tool ini tidak mengenal huruf kapital, artinya apa pun yang kita ketikkan baik dengan huruf kapital atau kecil "outputnya' tetap huruf kecil.

Ketiga, seketika itu juga, tulisan yang kita ketikkan akan ditampilkan pada kotak “Flipped text (point your mouse over)”

Keempat, arahkan mouse ke teks yang terbalik dan secara otomatis teksnya akan menjadi terseleksi.

Kelima, kemudian kita dapat men-copy teksnya untuk dipastekan ke email, postingan blog, facebook, dan lain-lain sesuai kebutuhan.

Keenam, selesai.

¡¡¡ɐqoɔuǝɯ ʇɐɯɐlǝs
Description: Membuat Tulisan Terbalik Rating: 4.5 Reviewer: Unknown - ItemReviewed: Membuat Tulisan Terbalik

More about → Membuat Tulisan Terbalik

Memberi Highlight Pada Teks Tertentu

Posted by Unknown on Friday, May 29, 2009

Menonjolkan Teks Tertentu Dalam Postingan : Sebenarnya Tips dan Trik Blog pernah mengetengahkan tips serupa di sini. Pada tips yang kedua ini, walaupun cara penggunaannya tidak sepraktis yang terdahulu namun kita dapat memperoleh efek/tampilan yang lebih fleksible. Dengan cara mengganti warna background, atau jenis/warna border, jika menginginkan, kita akan mendapatkan hasil tampilan/warna yang berbeda-beda antara satu dengan yang lainnya sesuka kita.

Fleksible??!!! Maksud saya begini,…

Kita dapat memberi efek/tonjolan yang berbeda antara suatu teks tertentu dengan teks lainnya atau bahkan kita dapat memberi background berupa image.

Contohnya begini.

Pada teks yang pertama, saya menginginkan warna backgroundnya hijau dan pada teks yang kedua saya ingin memberikan warna background biru, dan kemudian pada teks yang ketiga, saya ingin memberikan background image, masing-masing seperti di bawah ini.

Tampilan Pertama

NAMAMU

Namamu adalah manis terngiang di telingaku selalu
dalam malam berbisik dalam siang berteriak
namamu adalah sayap kupu-kupu
namamu terbang dalam kalbu
mengigau tidurku
menggumam lamunku

http://yosepnugroho.tripod.com/

Tampilan Kedua

Tampilan Ketiga

Bagaimana cara untuk membuatnya?? Berikut caranya.

Untuk membuat seperti Tampilan Pertama dan Tampilan Kedua, adalah dengan menggunakan kode html dengan format seperti di bawah ini.

<div style="background:#9AFE2E; border:1px dotted #0B3B0B; padding:10px;">
TEKS YANG INGIN DIBERI HIGHLIGHT
</div>

Keterangan

background: #9AFE2E
Adalah kode untuk warna background yang kita dapat ganti dengan warna lainnya sesuai selera masing, untuk kode warna dapat dilihat di sini.

border:1px dotted #0B3B0B
Adalah kode untuk border, di mana kita dapat merubahnya sesuai selera dan kebutuhan masing-masing,
1px menunjukkan ukuran border yaitu sebesar 1 pixel,
dotted menunjukkan style border,
dan #0B3B0B adalah kode warna border.

Padding:10px
Adalah kode yang digunakan untuk memberi jarak atau space dari antara garis dan content (isi), di mana kita juga dapat merubahnya sesuai kebutuhan.

Untuk membuat tampilan yang ketiga adalah dengan kode html dengan format seperti berikut ini.

<div style="background:url(URL_Image); width:400px; height:300px; padding:10px;">

TEKS YANG INGIN DIBERI HIGHLIGHT

</div>

Keterangan

background:url(URL_Image)
Adalah kode image untuk background, kita dapat mengganti URL_image masing-masing

width:400px; height:300px
Adalah kode lebar dan tinggi area yang dapat kita sesuaikan dengan kebutuhan masing-masing.

Selamat Mencoba

Baca juga yang ini.

Highlight Pada Postingan Bagian Pertama
Description: Memberi Highlight Pada Teks Tertentu Rating: 4.5 Reviewer: Unknown - ItemReviewed: Memberi Highlight Pada Teks Tertentu

More about → Memberi Highlight Pada Teks Tertentu

Membuat Format Spasi Teks Tidak Berubah

Posted by Unknown

Membuat Format Spasi Teks Tidak Berubah : Pernahkah kita mengetikkan teks yang telah kita format spasinya sedemikian rupa namun setelah mem-publish-nya format spasinya menjadi rata atau tidak seperti yang kita ketikkan? Begini, kadang-kadang untuk memberi variasi tampilan atas suatu teks/tulisan, kita perlu memberikan spasi sedemikian rupa sehingga tulisan menjadi menjorok ke kanan. Namun apa yang terjadi, setelah capek-capek membuatnya, setelah kita mem-publish-nya, format spasinya (menjorok tidaknya) tidak seperti yang kita format sebelumnya.

Masih bingung?!! Sama, dong, he,.. he,… Begini saja, coba kita ketikkan tulisan dengan format seperti di bawah ini pada halaman pengetikan (post editor). Gunakan space bar untuk memberikan spasi sehingga tulisan menjadi menjorok ke dalam (ke kanan).

Indonesia tanah airku
Tanah tumpah darahku
Disanalah aku berdiri
Jadi pandu ibuku
Indonesia kebangsaanku
Bangsa dan Tanah Airku
Marilah kita berseru
Indonesia bersatu

 Hiduplah tanahku
 Hiduplah negriku
 Bangsaku Rakyatku semuanya
 Bangunlah jiwanya
 Bangunlah badannya
 Untuk Indonesia Raya

     Indonesia Raya
     Merdeka Merdeka
     Tanahku negriku yang kucinta

         Indonesia Raya
         Merdeka Merdeka
         Hiduplah Indonesia Raya

             Indonesia Raya
             Merdeka Merdeka
             Tanahku negriku yang kucinta
             Bla,… bla,…
             Bla,… bla,…
             Bla,… bla,…

Coba sekarang terbitkan (publish) dan kemudian bukalah halaman postingan yang baru saja kita terbitkan tersebut. Kemudian perhatikan apakah yang terjadi dengan yang telah ketikkan tersebut? Pastinya spasi yang telah kita format sedemikian rupa akan menjadi hilang atau rata, seperti di bawah ini.

Indonesia tanah airku
Tanah tumpah darahku
Disanalah aku berdiri
Jadi pandu ibuku
Indonesia kebangsaanku
Bangsa dan Tanah Airku
Marilah kita berseru
Indonesia bersatu

Hiduplah tanahku
Hiduplah negriku
Bangsaku Rakyatku semuanya
Bangunlah jiwanya
Bangunlah badannya
Untuk Indonesia Raya

Indonesia Raya
Merdeka Merdeka
Tanahku negriku yang kucinta

Indonesia Raya
Merdeka Merdeka
Hiduplah Indonesia Raya

Indonesia Raya
Merdeka Merdeka
Tanahku negriku yang kucinta
Bla,… bla,…
Bla,… bla,…
Bla,… bla,…

Untuk mengatasinya, apitlah teks yang tidak ingin format spasinya berubah dengan kode <pre> dan </pre>. Contohnya, ketikkan seperti di bawah ini.

<pre>Indonesia tanah airku
Tanah tumpah darahku
Disanalah aku berdiri
Jadi pandu ibuku
Indonesia kebangsaanku
Bangsa dan Tanah Airku
Marilah kita berseru
Indonesia bersatu

 Hiduplah tanahku
 Hiduplah negriku
 Bangsaku Rakyatku semuanya
 Bangunlah jiwanya
 Bangunlah badannya
 Untuk Indonesia Raya

     Indonesia Raya
     Merdeka Merdeka
     Tanahku negriku yang kucinta

         Indonesia Raya
         Merdeka Merdeka
         Hiduplah Indonesia Raya

             Indonesia Raya
             Merdeka Merdeka
             Tanahku negriku yang kucinta
             Bla,… bla,…
             Bla,… bla,…
             Bla,… bla,…</pre>

Setelah itu, terbitkan postingan tersebut. Kemudian coba liatlah hasilnya dan pastikan format spasinya tidak berubah, persis seperti yang kita ketikkan sebelumnya.

Hasilnya seperti di bawah ini.

Indonesia tanah airku
Tanah tumpah darahku
Disanalah aku berdiri
Jadi pandu ibuku
Indonesia kebangsaanku
Bangsa dan Tanah Airku
Marilah kita berseru
Indonesia bersatu

 Hiduplah tanahku
 Hiduplah negriku
 Bangsaku Rakyatku semuanya
 Bangunlah jiwanya
 Bangunlah badannya
 Untuk Indonesia Raya

     Indonesia Raya
     Merdeka Merdeka
     Tanahku negriku yang kucinta

         Indonesia Raya
         Merdeka Merdeka
         Hiduplah Indonesia Raya

             Indonesia Raya
             Merdeka Merdeka
             Tanahku negriku yang kucinta
             Bla,… bla,…
             Bla,… bla,…
             Bla,… bla,…

APLIKASI UNTUK PEMPOSTINGAN KODE HTML
(KODE PEMROGRAMAN)

Bagi yang sering memposting kode html (kode pemrograman) ke dalam halaman postingan mungkin membutuhkan kode tersebut untuk menjaga agar format spasi sama persis dengan format aslinya.

Bingung, ya!! Sama donk,…

Begini saja,………..

Coba sekarang ketikkan kode html seperti di bawah ini. Buatlah dua postingan dengan cara yang berbeda.
Untuk postingan yang pertama, cobalah mempostingnya tanpa memberi kode <pre> dan </pre>. Kemudian perhatikan hasilnya.

Sedangkan untuk yang kedua, buatlah postingan dengan menggunakan <pre> dan </pre> kemudian lihat perbedaannya dengan cara yang pertama.

<div class='post-body'>
     <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'>Readmore,..</a>
     </b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
 </div>

Dengan cara yang pertama hasilnya menjadi seperti di bawah ini.

<div class='post-body'>
<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'>Readmore,..</a>
</b:if>
<div style='clear: both;'/> 
</div>

Sedangkan cara yang kedua, hasilnya seperti di bawah ini.

<div class='post-body'>
     <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'>Readmore,..</a>
     </b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
 </div>

Tentunya, kita lebih suka dengan hasil yang kedua kan di mana format kode html-nya persis seperti kode aslinya sehingga para pengunjung lebih mudah dalam memahaminya.

Selamat Mencoba!!!
Description: Membuat Format Spasi Teks Tidak Berubah Rating: 4.5 Reviewer: Unknown - ItemReviewed: Membuat Format Spasi Teks Tidak Berubah

More about → Membuat Format Spasi Teks Tidak Berubah

Membuat Postingan Dalam Dua Kolom

Posted by Unknown on Tuesday, April 14, 2009

Tips Membuat Postingan Dalam Dua Kolom : Ingin selalu “tampil beda” dalam segala hal adalah keinginan dari setiap blogger tidak terkecuali dalam variasi kolom dalam postingan. Yang selama ini hanya dapat membuat postingan dalam satu kolom maka dengan tips ini kita dapat membuat sedikit variasi menjadi tiga kolom. Dengan tips ini, kita dapat mengaplikasikan untuk berbagai tujuan, misalnya postingan yang berisi daftar atau list. Jika tertarik, ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Untuk membuat postingan menjadi dua kolom, kita gunakan kode berikut ini dalam halaman pengetikan (post editor) dengan format sebagai berikut.

<div style="width: 45%; float: left;"> tulisan </div>
<div style="width: 45%; float: right;"> tulisan </div>

Keterangan
Tulisan yang kita ketikkan di antara kode yang atas akan berada di kolom sebelah kiri
Tulisan yang kita ketikkan di antara kode yang bawah akan berada di kolom sebelah kanan

Agar kelihatan rapi, kita dapat menambahkan atribut untuk perataan teks (text-align), misalnya perataan penuh (justify), maka menjadi selengkapnya menjadi seperti di bawah ini.

<div style="width: 45%; float: left; text-align:justify;"> tulisan </div>
<div style="width: 45%; float: right; text-align:justify;"> tulisan </div>

Ilustrasi

<div style="width: 45%; float: left;"> tulisan ini akan berada pada kolom sebelah kiri tulisan ini akan berada pada kolom sebelah kiri </div> <div style="width: 45%; float: right;"> tulisan ini akan berada pada kolom sebelah kanan tulisan ini akan berada pada kolom sebelah kanan </div>

Dengan ilustrasi di atas, maka “tulisan ini akan berada pada kolom sebelah kiri tulisan ini akan berada pada kolom sebelah kiri tulisan ini akan berada pada kolom sebelah kiri” akan menjadi tulisan yang berada di kolom sebelah kiri.

Sedangkan “tulisan ini akan berada pada kolom sebelah kanan tulisan ini akan berada pada kolom sebelah kanan” akan menjadi tulisan yang berada di kolom sebelah kanan.

Dan di bawah ini adalah screenshot dari ilustrasi di atas.

Untuk lebih jelasnya, silakan praktek sendiri-sendiri, ya!!

(referensi : Blogger Holic)

Baca juga yang ini

Memasang Status Camfrog pada Blog
Tips dan Trik Windows XP
Description: Membuat Postingan Dalam Dua Kolom Rating: 4.5 Reviewer: Unknown - ItemReviewed: Membuat Postingan Dalam Dua Kolom

More about → Membuat Postingan Dalam Dua Kolom

Cara Mengetahui Do Follow atau No Follow

Posted by Unknown on Tuesday, March 24, 2009

Cara Mengetahui Blog Do Follow atau No Follow : Pada postingan yang lalu, telah dijelaskan cara membuat blog menjadi do follow beserta keuntungan dan kerugian masing-masing. Nah, sekarang, pertanyaannya adalah bagaimana cara mengetahui apakah suatu blog menganut do follow atau no follow. Masalahnya adalah tidak semua blog yang menganut do follow memasang tulisan/banner yang intinya memberitahukan kepada pengunjung bahwa blog mereka adalah do follow. Nah, untuk mengetahuinya, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Setelah, melakukan “perjalanan” ke sana ke mari, akhirnya saya menemukan setidaknya tiga cara untuk mengetahui status blog apakah menganut paham do follow atau pun no follow.

Cara Pertama

Setelah membuka blog yang ingin kita ketahui statusnya (do follow atau no follow), langsung saja kita buka salah satu postingan (artikel) yang sudah mempunyai komentar. Kemudian langkah selanjutnya, kita lihat “source code”nya dengan cara sebagai berikut. Bagi yang menggunakan browser Firefox, klik menu Tampilan >> Kode Sumber Halaman. Sedangkan bagi pengguna Internet Explorer klik menu View >> Source.

Setelah itu akan muncul halaman baru yang berisi source code berupa kode HTML. Kemudian silakan menuju ke bagian komentar, kemudian cari salah satu dari pemberi komentar yang ada. Untuk mempermudah pencarian, kita dapat menggunakan Ctrl + F (Firefox).

Jika blog tersebut menganut “nofollow” maka kita akan mendapati kode komentar dengan format sebagai berikut.

<a href=’URL pemberi komentar/' rel='nofollow’>Nama Pemberi Komentar</a>

Contohnya dapat kita lihat pada screenshot di bawah ini.

Sebaliknya, jika blog tersebut menganut paham do follow, kita akan mendapati kode komentar dengan format sebagai berikut tanpa diikuti oleh rel=’nofollow’.

<a href=’URL pemberi komentar’> NamaPemberiKomentar </a>

Contohnya dapat kita lihat pada screenshot di bawah ini (yang bergaris bawah).

Cara Kedua

Cara yang kedua ini menurut saya merupakan cara yang paling mudah dan praktis. Kita hanya perlu membuka salah satu postingan (artikel) yang telah mempunyai komentar dari suatu blog. Gulung hingga ke bagian komentar, klik kanan pada salah satu nama pemberi komentar, kemudian pilih properties sehingga akan muncul jendela properti elemen (element properties). Jika blog tersebut menganut paham no follow, maka kita akan mendapati nilai relation “external nofollow” atau “nofollow” saja dan sedangkan pada blog do follow, kita akan mendapati relation “external” atau kosong.

Ini contoh screenshot jika blog tersebut “beraliran” nofollow.

Cara Ketiga

Cara yang ketiga adalah dengan menggunakan eksternal plugin Search Status yang dapat diinstall pada browser Firefox. Untuk mendownloadnya & menginstallnya, silakan klik Search Status ini. Setelah penginstallan selesai, biasanya kita diminta untuk melakukan restart Firefox. Jika penginstallan ini sukses maka kita akan mendapati icon Quirk Search Status yang berada di sebelah kanan bawah.

Untuk mengaktifkan fasilitas pendektesian blog no follow, lakukan klik kanan pada icon tersebut kemudian pilih “Highlight Nofollow Links”, seperti di bawah ini.

Dengan pengaktifan tersebut maka setiap kali kita membuka blog atau situs yang menganut “paham” no follow maka fasilitas Quirk Search Status ini akan memberi tanda dengan warna merah bergaris putus-putus.

Akhirnya, saya mengucapkan selamat berburu blog do follow!!

(Daftar bacaan : Zalukhu.com, hardono.melesat.com)

Mengetahui Yang Menjiplak Postingan Kita

Posted by Unknown on Tuesday, January 20, 2009

Mengetahui Yang Menjiplak (Copas) Postingan Kita : Pada postingan sebelumnya, di sini, telah TIPS DAN TRIK BLOG ketengahkan salah satu cara melindungi postingan dari COPAS (copy paste) oleh orang yang tidak bertanggung jawab. Walaupun demikian, masih ada saja kemungkinan orang lain yang dapat melakukan copy paste postingan kita.

Jika penasaran siapa saja yang telah melakukan copas terhadap postingan Anda, Anda dapat menggunakan layanan yang disediakan oleh http://www.copyscape.com/. Layanan gratis yang saya temukan di “gudang tips blog”nya mas Kendhin ini mampu mendeteksi beberapa blog atau situs yang telah melakukan copy paste terhadap postingan kita. Walaupun tidak dapat mendeteksi semua blog namun cukuplah untuk sebuah layanan yang free.

Oh, iya, selain itu, kita hanya dibatasi 5 (lima) pencarian per bulan untuk setiap blog atau situs. Jika menginginkan fasilitas lebih, kita harus mendaftar terlebih dahulu untuk mendapatkan Premium Account dengan membayar sejumlah uang.

Ok, cara menggunakan copyscape ini sangat mudah dan praktis, Anda tidak perlu melakukan registrasi (pendaftaran) terlebih dahulu. Anda hanya tinggal memasukkan URL postingan yang Anda curigai sering dicopas (dijiplak) oleh orang lain yang dilanjutkan dengan menekan GO maka dalam waktu yang tidak lama, Anda akan segera mengetahui siapa saja yang melakukan copas terhadap postingan tertentu.

Langkah-langkahnya sebagai berikut.

Pertama, masuk ke http://www.copyscape.com/

Kedua, masukkan ULR postingan yang Anda curigai tersebut pada form yang disediakan, seperti di bawah ini.

Ketiga, kemudian klik “GO” dan tunggu beberapa saat untuk mengetahui hasilnya.

Keempat, jika memang ada yang melakukan copas terhadap postingan Anda, Anda akan dapat melihat daftar blog atau situs yang telah melakukan copas tersebut, seperti di bawah ini.

Kelima, jika ingin mengetahui lebih jauh tentang blog atau situs yang melakukan hal tersebut, Anda dapat melakukan klik pada salah satu atau semua blog yang telah dideteksi oleh copyscape tersebut.

Keenam, Anda akan dapat mengetahui nama dan/atau pemilik blog yang telah melakukan copas tersebut.

Ketujuh, selanjutnya terserah Anda!! (seperti iklan saja,..he,..he,..)

Anda juga dapat memasang banner peringatan copyscape pada blog Anda sehingga orang / blogger lain tidak sembarangan melakukan copas dari blog Anda karena copyscape akan selalu memantau/mencegah postingan Anda dari copas orang lain. Anda dapat memilih banner dengan berbagai ukuran sesuai yang Anda kehendaki. Contoh bannernya seperti di bawah ini.

(special thanks for Trik Tips Blogging)

Tips Membackup Blog

Posted by Unknown on Tuesday, January 13, 2009

Tips Membackup Blog : Pernahkah kita bayangkan bagaimana seandainya sebagian atau bahkan seluruh postingan blog kita tiba-tiba menjadi hilang misalkan karena sesuatu “kecelakaan”? Atau bahkan template blog menjadi berantakan karena sering menggonta-ganti template atau mengotak-atik HTML? Semua kejadian tersebut mungkin dan bisa saja menimpa pada blog kita. Tentunya akan sangat menjengkelkan dan melelahkan jika kita harus melakukan pekerjaan (pempostingan) ulang yang tentunya akan banyak menghabiskan waktu, tenaga, pikiran, dan biaya lagi yang tidak sedikit. Oleh karena itu, seperti halnya data-data penting lainnya, kita juga harus membuat backup blog kita sebagai langkah antisipasi terhadap hal-hal yang tidak kita inginkan tersebut. Ikuti tipsnya bersama Tips Trik Blog berikut ini.

Backup Template

Untuk melakukan backup template, Anda dapat melakukan langkah-langkah sebagai berikut.

Kemudian klik “Download Template Lengkap”, seperti screenshot di bawah ini.

Kemudian arahkan tempat penyimpanan ke folder yang Anda inginkan. Jika Anda menggunakan firefox maka hasil download akan disimpan di lokasi folder default atau pada folder yang Anda setting sebelumnya. Untuk melakukan setting lokasi download pada firefox, dapat Anda lihat di sini.

Jika suatu ketika Anda ingin mengembalikan kepada template semula, langkah-langkahnya adalah

Pertama, login ke blogger >> Dasbor >> Tata Letak (layout) >> Edit HTML

Kedua, klik “telusuri” untuk menemukan lokasi folder penyimpanan file back up.

Jika sudah ketemu, klik “unggah”.

Backup Blog

Untuk melakukan backup blog, selain menggunakan layanan default dari blogger, kita dapat menggunakan fasilitas atau layanan online yang disediakan oleh pihak ketiga. Untuk tujuan tersebut, kita dapat mencoba layanan http://www.blogbackuponline.com/.

Bagi yang tidak ingin membayar, Anda dapat mencoba layanan yang free. Dengan layanan free ini kita mendapat “jatah” space hingga 5 MB untuk postingan berupa tulisan tidak termasuk image dan video. Namun dengan space tersebut, saya kira lebih dari cukup untuk membackup seluruh postingan kita. Dengan asumsi setiap postingan membutuhkan rata-rata2000 karakter maka layanan tersebut dapat membackup hingga 2500 postingan. Lumayan, kan!!

Blogbackuponline ini supportable untuk layanan Blogger, Wordpress, Life Jurnal, Windows Life Spaces. Jadi untuk para pengguna keempat layanan tersebut, Anda tidak perlu kuatir dengan postingan Anda karena kita dapat menggunakan layanan tersebut untuk membackup blog kita.

Langkah-langkah untuk melakukan backup dengan menggunakan layanan http://www.blogbackuponline.com/ adalah sebagai berikut.

Pertama, lakukan registrasi dengan mengisi email dan password. Lakukan aktivasi account melalui link pada email yang dikirimkan sesaat setelah kita melakukan registrasi.

Kedua, setelah login dengan account yang sudah aktif tersebut kemudian lanjutkan dengan mendaftarkan blog Anda, dengan mengklik buton “Start Registering Your Blog” kemudian Anda harus memasukkan alamat URL_blog Anda kemudian dilanjutkan dengan menekan Register Blog.

Ketiga, tunggu beberapa saat kemudian dilanjutkan dengan menekan “Start full backup”.

Keempat, tunggu beberapa saat karena blogbackuponline sedang melakukan back seluruh posting Anda dan ini akan memakan waktu beberapa lama tergantung ukuran (banyaknya posting) blog kita.

Dengan telah selesainya prosedur di atas, maka blog Anda akan dibackup secara otomatis setiap oleh blogbackuponline tersebut. Jadi, Anda tidak perlu melakukan apa-apa, Anda hanya perlu melakukan posting dan posting saja, untuk urusan backup serahkan kepada blogbackuponline.

Untuk mengembalikan data-data postingan kita adalah sebagai berikut.

1. Login ke http://www.blogbackuponline.com/

2. Masuk menu Dashboard kemudian klik manage kemudian pilih content. Di situ, kita akan menemukan postingan blog kita di mana kita hanya perlu melakukan copy paste atas postingan-postingan terdahulu jika memang harus melakukan pempostingan ulang.

Semoga bermanfaat!!

(Special thanks for Trik Tips Blogging)

Menuliskan Kode HTML Dalam Postingan

Posted by Unknown on Monday, December 22, 2008

Menuliskan Kode HTML Dalam Postingan : Dahulu, awal-awal mengetahui dunia blog, saya pernah mengalami kesulitan untuk menuliskan kode html tertentu di dalam postingan saya, terutama postingan yang berisi tutorial blog. Berkali-kali saya memastikan bahwa yang saya ketik tidak ada yang salah, berkali-kali juga setiap kali saya upload (posting), kode yang saya ketikkan tersebut selalu berubah tidak seperti yang saya inginkan.

Sebagai contoh di dalam tutorial blog ini, saya sering menggunakan kode “<” dan “>” dalam postingan blog saya. Sebelum menguploadnya (mempublikasikan), saya telah memastikan bahwa kode “<” atau “>” saya tulis dengan benar. Namun apa yang terjadi ketika saya menguploadnya, kode tersebut selalu berubah menjadi efek kode yang berbeda.

Setelah mentok, akhirnya saya memberanikan diri untuk mengontak (chatting) dengan si pemilik blog ADBRITE yang pada waktu itu saya jadikan sebagai bahan referensi blog saya. Dari hasil chatting tersebut, saya baru mengetahui bahwa untuk menghasilkan (sebagai contoh) “<”, kita harus menuliskannya dengan lambang/notasi <. Selengkapnya, dapat dilihat pada tabel berikut ini, karakter / kode dan lambang notasi yang mewakilinya.

Karakter	Notasi	Keterangan
<	<	Kurung runcing terbuka
>	>	Kurung runcing tutup
&	&	Tanda Dan
"	"	Tanda petik ganda
±	±	Tanda plus minus
Spasi		Tanda Spasi
©	©	Tanda hak cipta (copyright)
®	®	Tanda terdaftar (Registered)

Dengan melihat tabel tersebut, maka untuk mendapatkan karakter atau kode yang ada pada kolom sebelah kiri, kita harus menuliskannya dengan notasi yang ada di sebelah kanannya.

Demikian tips kali ini, semoga bermanfaat bagi yang membutuhkannya.

(sumber : blog Kang Rohman & Adbrite)

Description: Menuliskan Kode HTML Dalam Postingan Rating: 4.5 Reviewer: Unknown - ItemReviewed: Menuliskan Kode HTML Dalam Postingan

More about → Menuliskan Kode HTML Dalam Postingan

Highlight Tulisan Pada Postingan

Posted by Unknown on Monday, November 10, 2008

Mungkin Anda seringkali menjumpai tulisan, script, atau kode dengan highlight atau dengan tampilan background yang berbeda dari lainnya yang bertujuan untuk memperjelas atau memberi tekanan pada tulisan tersebut. Jika menginginkan, Anda dapat mengikuti tips membuat highlight tulisan, script, kode pada postingan berikut ini bersama Tips dan Trik Blogspot.

Selama ini, dalam memberikan highlight pada tulisan/script tertentu, Tips dan Trik Blog menggunakan cara manual, misalnya seperti pada postingan di sini. Sebenarnya tips yang akan saya kemukakan ini hampir sama dengan cara yang saya lakukan selama ini namun penulisannya lebih praktis.

Berikut langkah-langkahnya Tips Highlight Tulisan/Script/Kode Pada Postingan sebagai berikut.

1. Login ke http://blogger.com hingga masuk Dasbor

2. Klik Tata Letak (layout)

3. Klik Edit HTML

4. Kemudian cari dan temukan kode ]]></b:skin>

5. Kemudian letakkan script di bawah ini sebelum kode ]]></b:skin>

.alert { background: #DDE4FF;
text-align: left;
padding: 5px 5px 5px 5px;
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

Keterangan

Kode yang berwarna biru adalah kode html untuk warna background yang dapat Anda ganti sesuai dengan kehendak kita. Kode html untuk warna dapat dilihat di sini.

Satuan dalam px (pixel) dapat Anda ganti sesuai dengan kehendak kita, semakin besar nilai px-nya, semakin besar pula hasilnya (dalam contoh ini garisnya).

6. Kemudian Simpan Template

7. Ketika posting, apit tulisan/script/kode yang ingin kita diberikan highlight dengan<p class="alert"> dan </p>

8. Selesai

(sumber : Trick Tips Blogging)

Baca juga yang ini.

Description: Highlight Tulisan Pada Postingan Rating: 4.5 Reviewer: Unknown - ItemReviewed: Highlight Tulisan Pada Postingan

More about → Highlight Tulisan Pada Postingan

TIPS TRIK BLOGGER

Membuat Tulisan Terbalik Dengan Flip Text Generator

Menampilkan Pesan Secara Random

Memasang Yahoo! Messenger Pingbox Pada Blog

Memanfaatkan Blogger Sebagai Image Hosting Gratis

Membuat Postingan Selalu Berada Paling Atas

Tips Mempercepat Loading Halaman Blog

Memposting Kode HTML Dengan Mudah

Membuat Tulisan Terbalik

Memberi Highlight Pada Teks Tertentu

Membuat Format Spasi Teks Tidak Berubah

Membuat Postingan Dalam Dua Kolom

Cara Mengetahui Do Follow atau No Follow

Mengetahui Yang Menjiplak Postingan Kita

Tips Membackup Blog

Menuliskan Kode HTML Dalam Postingan

Highlight Tulisan Pada Postingan

About Me

Blog Archive

Followers

Recent Post

Search