Mewarnai Text Pada Postingan

Dalam menulis sebuah postingan dalam blog, ada saatnya kita perlu memberikan warna pada text-text tertentu sebagai suatu bentuk penekanan atau untuk memperjelas maksud dan tujuan. Mewarnai text juga dapat memperindah tampilan posting suatu blog. Lantas bagaimana cara membuatnya?

Cara mewarnai text pada postingan sangatlah mudah, hanya perlu memasukan kode berikut ini <font color="kode warna">TEXT YANG AKAN DIWARNAI</font>

Pada kode warna silahkan masukkan kode warna html
Misal untuk warna merah #ff0000 untukwarna hijau #008000 untuk warna coklat #990000 untuk kode warna yang lain silahkan cari saja di goggle dengan key word "Kode Warna HTML". Cukup mudah bukan?

Selamat Mencoba...!!!

Cara Membuat Kotak Scrollbox part II

Kotak scrollbar adalah kotak yang bisa digeser kekanan dan kekiri sehingga bisa menghemat ruangan pada sidebar blog. Dipostingan sebelumnya Cara Membuat Kotak Scrollbar sudah saya berikan salah satu scriptnya namun dsini akan saya bagikan lagi salah satu scriptnya, sebenarnya sama fungsinya sama saja silahkan menggunakan yang mana.

Script 1 :

Ini adalah kotak scrollbar yang bisa digeser ke atas ke bawah dan juga bisa digeser ke kanan ke atas silahkan mencobanya.Ganti dengan teks atau kode html/javascript anda sendiri. Silahkan atur widht dan height sesuai ukuran yang anda inginkan. Silahkan bereksperimen sendiri dengan merubah nilai dari variabel variabel angka diatas. Terimakasih


<div style="overflow:auto; padding:5px; width:120px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Ganti dengan teks atau kode html/javascript anda sendiri</div>

Script 2 :

Ini adalah kotak scrollbar yang bisa digeser ke atas ke bawah dan juga bisa digeser ke kanan ke atas silahkan mencobanya.Ganti dengan teks atau kode html/javascript anda sendiri. Silahkan atur widht dan height sesuai ukuran yang anda inginkan. Silahkan bereksperimen sendiri dengan merubah nilai dari variabel variabel angka diatas. Terimakasih

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 250px; height: 120px; background-color: rgb(255, 255, 255);">
Ini adalah kotak scrollbar yang bisa digeser ke atas ke bawah dan juga bisa digeser ke kanan ke atas silahkan mencobanya. Terimakasih</div>

Bagi yang masih kurang jelas mengenai cara membuat kotak scrollbar silahkan lihat dipostingan saya sebelumnya Cara Membuat Kotak Scrollbar

Menampilkan Kode HTML Pada Postingan

Beberapa waktu yang lalu seorang teman menanyakan bagaimana cara menampilkan kode HTML pada postingan diblog. Sebagai blog yang memberikan informasi mengenai tips blogging seperti blog ini, maka sudah pasti harus menampilkan kode HTML/Javascript pada postingan. Bagaimana caranya?

Caranya sangat mudah siapkan kode HTML yang akan anda tampilkan lalu PARSE dahulu. Ada banyak situs yang menyediakan parse HTML salah satunya favorit saya adalah Blogcrowds langsung saja klik disini.

Copy kode HTML anda lalu pastekan ke kotak Parse HTML pada Blogcrowds lalu klik tombol Parse. Maka kode HTML anda akan terparse. Copy kode HTML yang telah terparse tadi dan pastekan ke posting blog anda.Bagaimana mudahkan?

Selamat Mencoba...!!!

Cara Setting Domain Co.Cc Pada Blogspot

Pada awal saya membuat blog ini adalah sekedar untuk coba-coba dan iseng saja, sebenarnya nama domain blog ini adalah corat-coret-blog.blogspot.com, namun diluar dugaan blog ini ternyata lumayan dikunjungi visitor. Sejak saat itu saya mulai lebih serius untuk belajar blogging, pertama karena merasa domain blogspot terlalu panjang dan sulit diingat maka saya mencari alternatif domain baru dan tentu saja yang gratisan.

Sebenarnya ada banyak situs yang menyediakan domain gratis, namun salah satu yang paling saya sukai adalah domain co.cc ini. Untuk setting domain co.cc ini adalah sebagai berikut:

1. Daftar ke situs co.cc klik disini


2. Klik "Getting A New Domain",isi nama domain co.cc yang anda inginkan dan pastikan nama domain tersebut gratis yang dapat dilihat dari harga yang tertera, pastikan harganya $0, jika tidak coba ganti nama domain yang lain


3. Klik "Continue to Registration" dan "Set Up"


4. Setelah itu, pilih "Zone Record"
   Isi kolomnya sebagai berikut
   
   
   
   
   • Host: isi dengan domain anda sendiri(misal : www.damainanda.co.cc)
   
   
   • TTL: isi dengan 1D
   
   
   • Type: isi dengan CNAME
   
   
   • Value: isi dengan ghs.google.com
   
   
   
   Jika sudah klik "set Up"

Setting co.cc telah berhasil sekarang tinggal setting pada blogger.

1. Login ke akun blog Anda


2. Masuk ke "Pengaturan", lalu "Publikasikan"


3. Setelah itu pilih "Berpindah Ke : Domain Kustom"


4. Lalu pilih "Beralih Ke Pengaturan Lanjut"


5. Pada kotak "Domain Anda" isi alamat domain co.cc Anda tadi


6. Simpan

Butuh waktu 48 jam untuk proses, tapi biasanya tidak selama itu mungkin hanya sekitar 1 jam atau kurang.

Catatan: Sebenarnya domain co.cc ini tidaklah benar-benar gratis. Domain ini hanya gratis selama satu tahun setelah itu untuk memperpanjangnya Anda diharuskan untuk membayar $3. Untuk itu silahkan pertimbangkan lagi untuk apa memiliki domain ini, alasan saya pribadi adalah untuk belajar, tapi terserah dengan Anda saya tidak ingin menjerumuskan Anda dengan tidak membagi informasi ini.

Happy blogging...!!!

Upload File Dapat Dollar di Ziddu.com

Ada banyak hosting file untuk mengupload file anda, tetapi sejauh ini saya masih merekomendasikan ziddu.com di bandingkan dengan host file yang lain.

Alasannya jelas karena ziddu 100% free tidak ada member atau account premium semuanya free sehingga kecepatan download/uploadnya dibagi rata, unlimited Disk space sehingga tidak ada batasan berapa anyak file yang nantinya akan anda simpan. Sekali upload anda bisa sampai 200 MB per Upload dan yang paling keren kita dibayar untuk setiap file yang didownload.

So tunggu apalagi segera daftar dengan mengikuti langkah-langkah berikut ini:

1. Masuk ke situs www.ziddu.com silahkan klik disini
2. Isi semua form di kolom register jika sudah klik Submit
3. Jika sudah silahkan login dengan ID dan Password Anda
4. Selesai, silahkan upload file anda sepuasnya

Happy Upload...!!!

Cara Membuat Recent Post pada Blog

Membuat widget recent post(artikel terbaru) pada suatu blog sangat bermanfaat, karena pengunjung blog dapat mengetahui artikel apa yang terbaru dari blog kita.

Ada beberapa cara untuk membuat recent post ini namun sepertinya cara yang saya temukan gunakan ini adalah yang paling mudah:

1. Login ke akun blog Anda


2. Copy script html berikut ini, kemudian masukkan ke gadget html/javascript di blog anda
   
<script src="http://sites.google.com/site/emefasite/file-cabinet/RecentPost.js"></script><script>var numposts = 5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><script src="http://www.emefa.co.cc/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script
   



3. Panduan menambah script ke gadget html/javascript bisa dilihat disini dipostingan saya sebelumnya



4. Ganti yang berwarna merah, nilai var numposts =5 ganti dengan banyaknya judul posting yang akan anda tampilkan. http://www.emefa.co.cc anda ubah dengan nama blog atau situs anda



5. Simpan dan lihat hasilnya

Selamat mencoba...!!!

Cara Membuat Kotak Scrollbar Pada Blog

Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga dapat menghemat ruangan pada blog. Berikut adalah contoh scrollbar:

Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog

Bagaimana cara membuatnya? Ikuti langkah-langkah berikut ini:

1. Copy kode berikut ini
   <div style="overflow:auto; padding:5px; width:120px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Ganti dengan teks atau kode html/javascript anda sendiri</div>
   


2. Paste kode tadi pada blog Anda


3. Ganti kode yang berwarna merah dengan teks atau kode html/javascript anda sendiri dan pastikan tutup dengan kode </div>


4. Atur lebar dan tinggi kotak dengan merubah nilai width dan height-nya

Untuk yang belum paham cara menempatkan (paste) kode HTML di blog Anda, silahkan anda lihat disini dipostingan saya sebelumnya Menempatkan kode HTML/Javascript pada Blog

Selamat mencoba...!!!