Showing posts with label Tips dan Trik Blogger. Show all posts
Showing posts with label Tips dan Trik Blogger. Show all posts
Tuesday, June 12, 2012
Sunday, June 10, 2012
Tabel Dan Kode Warna
<table width="100%" cellpadding="0" cellspacing="5"> <tr align="center" class="ColorRow"> <td style="background-color:#FFFFFF">#FFFFFF</td> <td style="background-color:#FFFFCC">#FFFFCC</td> <td style="background-color:#FFFF99">#FFFF99</td> <td style="background-color:#FFFF66">#FFFF66</td> <td style="background-color:#FFFF33">#FFFF33</td> <td style="background-color:#FFFF00">#FFFF00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#FFCCFF">#FFCCFF</td> <td style="background-color:#FFCCCC">#FFCCCC</td> <td style="background-color:#FFCC99">#FFCC99</td> <td style="background-color:#FFCC66">#FFCC66</td> <td style="background-color:#FFCC33">#FFCC33</td> <td style="background-color:#FFCC00">#FFCC00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#FF99FF">#FF99FF</td> <td style="background-color:#FF99CC">#FF99CC</td> <td style="background-color:#FF9999">#FF9999</td> <td style="background-color:#FF9966">#FF9966</td> <td style="background-color:#FF9933">#FF9933</td> <td style="background-color:#FF9900">#FF9900</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#FF66FF">#FF66FF</td> <td style="background-color:#FF66CC">#FF66CC</td> <td style="background-color:#FF6699">#FF6699</td> <td style="background-color:#FF6666">#FF6666</td> <td style="background-color:#FF6633">#FF6633</td> <td style="background-color:#FF6600">#FF6600</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#FF33FF">#FF33FF</td> <td style="background-color:#FF33CC">#FF33CC</td> <td style="background-color:#FF3399">#FF3399</td> <td style="background-color:#FF3366">#FF3366</td> <td style="background-color:#FF3333">#FF3333</td> <td style="background-color:#FF3300">#FF3300</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#FF00FF">#FF00FF</td> <td style="background-color:#FF00CC">#FF00CC</td> <td style="background-color:#FF0099">#FF0099</td> <td style="background-color:#FF0066">#FF0066</td> <td style="background-color:#FF0033">#FF0033</td> <td style="background-color:#FF0000">#FF0000</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#CCFFFF">#CCFFFF</td> <td style="background-color:#CCFFCC">#CCFFCC</td> <td style="background-color:#CCFF99">#CCFF99</td> <td style="background-color:#CCFF66">#CCFF66</td> <td style="background-color:#CCFF33">#CCFF33</td> <td style="background-color:#CCFF00">#CCFF00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#CCCCFF">#CCCCFF</td> <td style="background-color:#CCCCCC">#CCCCCC</td> <td style="background-color:#CCCC99">#CCCC99</td> <td style="background-color:#CCCC66">#CCCC66</td> <td style="background-color:#CCCC33">#CCCC33</td> <td style="background-color:#CCCC00">#CCCC00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#CC99FF">#CC99FF</td> <td style="background-color:#CC99CC">#CC99CC</td> <td style="background-color:#CC9999">#CC9999</td> <td style="background-color:#CC9966">#CC9966</td> <td style="background-color:#CC9933">#CC9933</td> <td style="background-color:#CC9900">#CC9900</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#CC66FF">#CC66FF</td> <td style="background-color:#CC66CC">#CC66CC</td> <td style="background-color:#CC6699">#CC6699</td> <td style="background-color:#CC6666">#CC6666</td> <td style="background-color:#CC6633">#CC6633</td> <td style="background-color:#CC6600">#CC6600</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#CC33FF">#CC33FF</td> <td style="background-color:#CC33CC">#CC33CC</td> <td style="background-color:#CC3399">#CC3399</td> <td style="background-color:#CC3366">#CC3366</td> <td style="background-color:#CC3333">#CC3333</td> <td style="background-color:#CC3300">#CC3300</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#CC00FF">#CC00FF</td> <td style="background-color:#CC00CC">#CC00CC</td> <td style="background-color:#CC0099">#CC0099</td> <td style="background-color:#CC0066">#CC0066</td> <td style="background-color:#CC0033">#CC0033</td> <td style="background-color:#CC0000">#CC0000</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#99FFFF">#99FFFF</td> <td style="background-color:#99FFCC">#99FFCC</td> <td style="background-color:#99FF99">#99FF99</td> <td style="background-color:#99FF66">#99FF66</td> <td style="background-color:#99FF33">#99FF33</td> <td style="background-color:#99FF00">#99FF00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#99CCFF">#99CCFF</td> <td style="background-color:#99CCCC">#99CCCC</td> <td style="background-color:#99CC99">#99CC99</td> <td style="background-color:#99CC66">#99CC66</td> <td style="background-color:#99CC33">#99CC33</td> <td style="background-color:#99CC00">#99CC00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#9999FF">#9999FF</td> <td style="background-color:#9999CC">#9999CC</td> <td style="background-color:#999999">#999999</td> <td style="background-color:#999966">#999966</td> <td style="background-color:#999933">#999933</td> <td style="background-color:#999900">#999900</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#9966FF">#9966FF</td> <td style="background-color:#9966CC">#9966CC</td> <td style="background-color:#996699">#996699</td> <td style="background-color:#996666">#996666</td> <td style="background-color:#996633">#996633</td> <td style="background-color:#996600">#996600</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#9933FF">#9933FF</td> <td style="background-color:#9933CC">#9933CC</td> <td style="background-color:#993399">#993399</td> <td style="background-color:#993366">#993366</td> <td style="background-color:#993333">#993333</td> <td style="background-color:#993300">#993300</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#9900FF">#9900FF</td> <td style="background-color:#9900CC">#9900CC</td> <td style="background-color:#990099">#990099</td> <td style="background-color:#990066">#990066</td> <td style="background-color:#990033">#990033</td> <td style="background-color:#990000">#990000</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#66FFFF">#66FFFF</td> <td style="background-color:#66FFCC">#66FFCC</td> <td style="background-color:#66FF99">#66FF99</td> <td style="background-color:#66FF66">#66FF66</td> <td style="background-color:#66FF33">#66FF33</td> <td style="background-color:#66FF00">#66FF00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#66CCFF">#66CCFF</td> <td style="background-color:#66CCCC">#66CCCC</td> <td style="background-color:#66CC99">#66CC99</td> <td style="background-color:#66CC66">#66CC66</td> <td style="background-color:#66CC33">#66CC33</td> <td style="background-color:#66CC00">#66CC00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#6699FF">#6699FF</td> <td style="background-color:#6699CC">#6699CC</td> <td style="background-color:#669999">#669999</td> <td style="background-color:#669966">#669966</td> <td style="background-color:#669933">#669933</td> <td style="background-color:#669900">#669900</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#6666FF;color:white;">#6666FF</td> <td style="background-color:#6666CC;color:white;">#6666CC</td> <td style="background-color:#666699;color:white;">#666699</td> <td style="background-color:#666666;color:white;">#666666</td> <td style="background-color:#666633;color:white;">#666633</td> <td style="background-color:#666000;color:white;">#666000</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#6633FF;color:white;">#6633FF</td> <td style="background-color:#6633CC;color:white;">#6633CC</td> <td style="background-color:#663399;color:white;">#663399</td> <td style="background-color:#663366;color:white;">#663366</td> <td style="background-color:#663333;color:white;">#663333</td> <td style="background-color:#663300;color:white;">#663300</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#6600FF;color:white;">#6600FF</td> <td style="background-color:#6600CC;color:white;">#6600CC</td> <td style="background-color:#660099;color:white;">#660099</td> <td style="background-color:#660066;color:white;">#660066</td> <td style="background-color:#660033;color:white;">#660033</td> <td style="background-color:#660000;color:white;">#660000</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#33FFFF">#33FFFF</td> <td style="background-color:#33FFCC">#33FFCC</td> <td style="background-color:#33FF99">#33FF99</td> <td style="background-color:#33FF66">#33FF66</td> <td style="background-color:#33FF33">#33FF33</td> <td style="background-color:#33FF00">#33FF00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#33CCFF">#33CCFF</td> <td style="background-color:#33CCCC">#33CCCC</td> <td style="background-color:#33CC99">#33CC99</td> <td style="background-color:#33CC66">#33CC66</td> <td style="background-color:#33CC33">#33CC33</td> <td style="background-color:#33CC00">#33CC00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#33CCFF">#33CCFF</td> <td style="background-color:#33CCCC">#33CCCC</td> <td style="background-color:#33CC99">#33CC99</td> <td style="background-color:#33CC66">#33CC66</td> <td style="background-color:#33CC33">#33CC33</td> <td style="background-color:#33CC00">#33CC00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#3399FF">#3399FF</td> <td style="background-color:#3399CC">#3399CC</td> <td style="background-color:#339999">#339999</td> <td style="background-color:#339966">#339966</td> <td style="background-color:#339933">#339933</td> <td style="background-color:#339900">#339900</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#3366FF;color:white;">#3366FF</td> <td style="background-color:#3366CC;color:white;">#3366CC</td> <td style="background-color:#336699;color:white;">#336699</td> <td style="background-color:#336666;color:white;">#336666</td> <td style="background-color:#336633;color:white;">#336633</td> <td style="background-color:#336600;color:white;">#336600</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#3333FF;color:white;">#3333FF</td> <td style="background-color:#3333CC;color:white;">#3333CC</td> <td style="background-color:#333399;color:white;">#333399</td> <td style="background-color:#333366;color:white;">#333366</td> <td style="background-color:#333333;color:white;">#333333</td> <td style="background-color:#333300;color:white;">#333300</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#3300FF;color:white;">#3300FF</td> <td style="background-color:#3300CC;color:white;">#3300CC</td> <td style="background-color:#330099;color:white;">#330099</td> <td style="background-color:#330066;color:white;">#330066</td> <td style="background-color:#330033;color:white;">#330033</td> <td style="background-color:#330000;color:white;">#330000</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#00FFFF">#00FFFF</td> <td style="background-color:#00FFCC">#00FFCC</td> <td style="background-color:#00FF99">#00FF99</td> <td style="background-color:#00FF66">#00FF66</td> <td style="background-color:#00FF33">#00FF33</td> <td style="background-color:#00FF00">#00FF00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#00CCFF">#00CCFF</td> <td style="background-color:#00CCCC">#00CCCC</td> <td style="background-color:#00CC99">#00CC99</td> <td style="background-color:#00CC66">#00CC66</td> <td style="background-color:#00CC33">#00CC33</td> <td style="background-color:#00CC00">#00CC00</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#0099FF">#0099FF</td> <td style="background-color:#0099CC">#0099CC</td> <td style="background-color:#009999">#009999</td> <td style="background-color:#009966">#009966</td> <td style="background-color:#009933">#009933</td> <td style="background-color:#009900">#009900</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#0066FF;color:white;">#0066FF</td> <td style="background-color:#0066CC;color:white;">#0066CC</td> <td style="background-color:#006699;color:white;">#006699</td> <td style="background-color:#006666;color:white;">#006666</td> <td style="background-color:#006633;color:white;">#006633</td> <td style="background-color:#006600;color:white;">#006600</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#0033FF;color:white;">#0033FF</td> <td style="background-color:#0033CC;color:white;">#0033CC</td> <td style="background-color:#003399;color:white;">#003399</td> <td style="background-color:#003366;color:white;">#003366</td> <td style="background-color:#003333;color:white;">#003333</td> <td style="background-color:#003300;color:white;">#003300</td> </tr> <tr align="center" class="ColorRow"> <td style="background-color:#0000FF;color:white;">#0000FF</td> <td style="background-color:#0000CC;color:white;">#0000CC</td> <td style="background-color:#000099;color:white;">#000099</td> <td style="background-color:#000066;color:white;">#000066</td> <td style="background-color:#000033;color:white;">#000033</td> <td style="background-color:#000000;color:white;">#000000</td> </tr> </table>
Labels:
free tool online,
Tips dan Trik Blogger
Thursday, June 7, 2012
Sunday, June 3, 2012
Tuesday, May 15, 2012
Back Links - The Only access to pull off browse cyberspace
The only access to pay money for the keystone hunt engines to index your web content so you may well improvement absolved commerce is by means of back links. Back links is how they establish how expensive you will rank for your web pages keywords. So in order to achieve along furthermore an browse cyberspace affair, you must elect these up reliably.
Labels:
Tips dan Trik Blogger
Sunday, May 13, 2012
Membuat Pesan Pembuka Dan Penutup Di Blog
Jumpa lagi sobat Blogger.
Kali ini kita akan membahas tentang bagaimana cara membuat pesan pembuka dan pesan penutup di blog. Tentu saja sobat blogger tau kan apa fungsi pesan pembuka dan penutup ini?
pesan pembuka biasanya di fungsikan sebagai penyambutan kepada pengunjung yang berupa tulisan selamat datang. sedangkan penutupnya biasanya adalah ucapan terima kasih kepada pengunjung yang akan meninggakan blog kita.
cara membuatnya adalah sebagai berikut:
Kali ini kita akan membahas tentang bagaimana cara membuat pesan pembuka dan pesan penutup di blog. Tentu saja sobat blogger tau kan apa fungsi pesan pembuka dan penutup ini?
pesan pembuka biasanya di fungsikan sebagai penyambutan kepada pengunjung yang berupa tulisan selamat datang. sedangkan penutupnya biasanya adalah ucapan terima kasih kepada pengunjung yang akan meninggakan blog kita.
cara membuatnya adalah sebagai berikut:
Labels:
Tips dan Trik Blogger
Wednesday, May 9, 2012
CARA MEMBUAT TEKS AREA DENGAN HIGHLIGHT ALL
CARA MEMBUAT TEKS AREA DENGAN HIGHLIGHT ALL
Sobat Punggawa Tau ken keguna'annya? Dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :
Sobat Punggawa Tau ken keguna'annya? Dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :
Labels:
Tips dan Trik Blogger
Wednesday, May 2, 2012
CARA MEMBUAT TEXT MENGIKUTI KURSOR ATAU MOUS
Pernah berkunjung ke suatu blog yang ketika kursornya kita arahkan atau gerakkan ternyata sebuah teksnya mengikuti arah kursor?
Berikut saya akan membagi tips dan cara memasang atau membuat teks mengikuti kursor atau mous.
Begini caranya:
Berikut saya akan membagi tips dan cara memasang atau membuat teks mengikuti kursor atau mous.
Begini caranya:
Labels:
Tips dan Trik Blogger
Monday, April 30, 2012
CARA MEMBUAT RAINBOW LINK
Link rainbow atau link pelangi merupakan link dimana jika mouse
pointer kita diarahkan ke link tersebut maka linknya akan berkedip
warna-warni seperti warna pelangi.
Membuat link berwarna warni atau rainbow link atau link pelangi sangat mudah, hanya menambah script tertentu dan langsung jadi.
Sobat blogger tertarik untuk mencoba membuatnya?
Membuat link berwarna warni atau rainbow link atau link pelangi sangat mudah, hanya menambah script tertentu dan langsung jadi.
Sobat blogger tertarik untuk mencoba membuatnya?
Labels:
Tips dan Trik Blogger
Monday, March 12, 2012
Cara Menambahkan Yahoo Emoticons Pada Blogger Post Editor
Bagi para blogger maupun chatter di internet pasti sudah tidak asing lagi dengan emoticons. Yaitu icon mungil yang menampilkan bentuk ekspresi wajah seperti ini
Untuk pengguna wordpress, layanan ini sudah bisa dinikmati. Namun untuk pengguna blogger, layanan ini masih belum tersedia. Tapi sekarang Anda bisa menambahkannya sendiri dengan memanfaatkan add-ons dari Firefox yaitu Grease monkey.
Grease monkey adalah add-ons dari Firefox yang memungkinkan kita untuk menambahkan java script kedalam website. Berikut adalah cara untuk menambahkannya:
Labels:
Tips dan Trik Blogger
Cara Mengubah Tampilan Kursor Blog
Secara default, tampilan cursor pada blog adalah berbentuk panah
namun bagi anda yang merasa bosan dengan tampilan tersebut atau ingin
memberi decak kagum bagi pengunjung. Anda bisa menggantinya dengan icon
gambar sehingga jika ada pengunjung yang datang ke blog anda, tampilan kursornya akan berubah sesuai dengan icon yang anda gunakan. Agar lebih jelas anda bisa lihat disini.
Untuk mengubah tampilan kursor menjadi icon gambar, caranya sangat mudah. Berikut langkah-langkahnya:
1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Cari kode </head>
3. Letakkan kode css berikut diatasnya
Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url kursor yang ingin anda gunakan.
Untuk mengubah tampilan kursor menjadi icon gambar, caranya sangat mudah. Berikut langkah-langkahnya:
1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Cari kode </head>
3. Letakkan kode css berikut diatasnya
<style type="text/css">Keterangan:
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}
</style>
Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url kursor yang ingin anda gunakan.
Labels:
Tips dan Trik Blogger
Membuat Navigasi Breadcrumb di Blogger
Postingan pertama guys....
Dapat copas aja. itung-itung ngetes tampilan. hehehe
Breadcrumb merupakan salah satu plugin milik Wordpress yang berfungsi untuk memudahkan pembaca dalam menelusuri halaman blog. Jadi ibarat peta atau sitemap dalam blog.
Plugin ini biasanya diletakkan diatas halaman posting. Contoh tampilannya seperti ini:

Selain dapat memudahkan pembaca dalam mengetahui lokasi halaman yang sedang ditelusuri, plugin ini juga dapat mengoptimasi halaman blog di search engine (SEO). Bahkan dianjurkan langsung oleh Google lho. Tidak percaya? Berikut adalah kutipan yang saya ambil dari ebook 'Google Search Engine Optimization Starter Guide'.
Dapat copas aja. itung-itung ngetes tampilan. hehehe
Breadcrumb merupakan salah satu plugin milik Wordpress yang berfungsi untuk memudahkan pembaca dalam menelusuri halaman blog. Jadi ibarat peta atau sitemap dalam blog.
Plugin ini biasanya diletakkan diatas halaman posting. Contoh tampilannya seperti ini:
Selain dapat memudahkan pembaca dalam mengetahui lokasi halaman yang sedang ditelusuri, plugin ini juga dapat mengoptimasi halaman blog di search engine (SEO). Bahkan dianjurkan langsung oleh Google lho. Tidak percaya? Berikut adalah kutipan yang saya ambil dari ebook 'Google Search Engine Optimization Starter Guide'.
Labels:
Tips dan Trik Blogger
Subscribe to:
Posts (Atom)
