Cara Berkomentar Yang Baik dan Benar

Imajinasi | Informasi | Selamat siang sobat, bagaimana kabarnya di siang hari ini? Semoga semua sobat dalam keadaan baik dan sehat atas lindungan-Nya. Tanpa banyak basa-basi "Cara Berkomentar Yang Baik dan Benar", ya itulah posting saya kali ini. Dalam memberikan komentar, sebaiknya harus dilakukan dengan baik dan benar. Sebagai seorang blogger, kita tahu bahwa berkomentar di blog yang kita kunjungi adalah salah satu cara untuk melakukan Blogwalking. Dengan kita berkomentar yang baik, tentu kita juga akan mendapatkan balasan dari Admin blog tersebut. 

Berikut beberapa cara berkomentar yang baik dan benar :

1. Baca terlebih dahulu artikel atau postingan yang dibahas sebelum berkomentar

Sering saya temukan komentar-komentar yang terdapat di blog sahabat, seperti berkomentar dengan singkat, tidak berhubungan dengan topok, misalnya seperti ini :

 "Good info sob!, pertamaxxx!,  ijin download gan!, thanks gan infonya!" dan lain sebagainya.

 Menurut saya komentar seperti ini bermaksud untuk mendapatkan backlink. Hal seperti ini tidak patut ditiru.

2. Tidak berkomentar menggunakan Anonim (Anonymous)

Kita sebagai seorang blogger yang baik, sebaiknya berkomentar menggunakan Akun Google atau setidaknya menggunakan fitur Name/URL dan tidak berkomentar dengan menggunakan fitur Anonim. Dengan berkomentar dengan Anonim, si Admin blog juga tidak akan tahu siapa yang berkomentar. Di sisi lain, bila kita berkomentar menggunakan Nama kita, Admin blog tersebut juga akan tahu siapa yang berkomentar di blognya.

3. Tidak berkomentar dengan tujuan Promosi

Pernahkah Anda berkomentar seperti ini : 

"Makasih gan infonya, jangan lupa kunjungi blog saya ya.. http://xxx.blogspot.com"

Nah, jika si pemilik blog yang Anda komentari tidak suka dengan komentar Anda, mereka bisa melaporkan komentar anda sebagai komentar spam. Kemudian, memungkinkan bisa jadi bahan mesin spam otomatis google untuk banned blog Anda.

4. Tidak meninggalkan link hidup saat berkomentar (NO LIVE LINK!!)

Tidak sedikit para blogger yang berkomentar malah meninggalkan link hidup di kotak komentar, tentunya ini bisa dianggap spam oleh Google.

5. Tidak berkomentar yang mengandung unsur SARA

Jika tidak suka dengan artikel atau postingan yang Anda baca, janganlah berkomentar dengan maksud untuk menyinggung Admin Blog. Apalagi sampai menghina, dsb. Jika Anda punya kritik maupun saran, berkomentarlah dengan baik dan sopan di kolom komentar.

Demikian informasi beberapa cara berkomentar yang baik dan benar yang keluar dari imajinasi setelah puluhan kali blogwalking di blog para sahabat blogger!

Jika ada para sobat blogger yang mau menambahkan, silahkan tambahkan 'cara berkomentar yang baik dan benar' di kolom komentar!

Semoga artikel ini bermanfaat, salam blogger!

Kode Warna HTML Lengkap

Kode Warna HTML Lengkap

Inspirasi | Imajinasi | Selamat sore sobat,...Posting sore ini mengenai kode warna HTML. Warna adalah sebuah elemen yang amat penting pada suatu website maupun blog.  Warna juga memiliki nilai plus untuk menarik minat pengunjung agar betah berlama-lama dalam blog atau website kita. Untuk keperluan merubah warna background, dan juga warna widget dan elemen-elemen penting yang terdapat dalam suatu blog maupun pada halaman postingan tentu kita membutuhkan sebuah kode warna baik dalam Hexa RGB maupun Decimal RGB. 

Berikut adalah kumpulan kode warna lengkap yang dapat anda manfaatkan.

Color Name Hexa Code RGB Decimal Code RGB Reds IndianRed #CD5C5C 2059292 LightCoral #F08080 240128128 Salmon #FA8072 250128114 DarkSalmon #E9967A 233150122 LightSalmon #FFA07A 255160122 Crimson #DC143C 2202060 Red #FF0000 25500 FireBrick #B22222 1783434 DarkRed #8B0000 13900 Pinks Pink #FFC0CB 255192203 LightPink #FFB6C1 255182193 HotPink #FF69B4 255105180 DeepPink #FF1493 25520147 MediumVioletRed #C71585 19921133 PaleVioletRed #DB7093 219112147 Oranges LightSalmon #FFA07A 255160122 Coral #FF7F50 25512780 Tomato #FF6347 2559971 OrangeRed #FF4500 255690 DarkOrange #FF8C00 2551400 Orange #FFA500 2551650 Yellows Gold #FFD700 2552150 Yellow #FFFF00 2552550 LightYellow #FFFFE0 255255224 LemonChiffon #FFFACD 255250205 LightGoldenrodYellow #FAFAD2 250250210 PapayaWhip #FFEFD5 255239213 Moccasin #FFE4B5 255228181 PeachPuff #FFDAB9 255218185 PaleGoldenrod #EEE8AA 238232170 Khaki #F0E68C 240230140 DarkKhaki #BDB76B 189183107 Purples Lavender #E6E6FA 230230250 Thistle #D8BFD8 216191216 Plum #DDA0DD 221160221 Violet #EE82EE 238130238 Orchid #DA70D6 218112214 Fuchsia #FF00FF 2550255 Magenta #FF00FF 2550255 MediumOrchid #BA55D3 18685211 MediumPurple #9370DB 147112219 Amethyst #9966CC 153102204 BlueViolet #8A2BE2 13843226 DarkViolet #9400D3 1480211 DarkOrchid #9932CC 15350204 DarkMagenta #8B008B 1390139 Purple #800080 1280128 Indigo #4B0082 750130 SlateBlue #6A5ACD 10690205 DarkSlateBlue #483D8B 7261139 MediumSlateBlue #7B68EE 123104238 Greens GreenYellow #ADFF2F 17325547 Chartreuse #7FFF00 1272550 LawnGreen #7CFC00 1242520 Lime #00FF00 02550 LimeGreen #32CD32 5020550 PaleGreen #98FB98 152251152 LightGreen #90EE90 144238144 MediumSpringGreen #00FA9A 0250154 SpringGreen #00FF7F 0255127 MediumSeaGreen #3CB371 60179113 SeaGreen #2E8B57 4613987 ForestGreen #228B22 3413934 Green #008000 01280 DarkGreen #006400 01000 YellowGreen #9ACD32 15420550 OliveDrab #6B8E23 10714235 Olive #808000 1281280 DarkOliveGreen #556B2F 8510747 MediumAquamarine #66CDAA 102205170 DarkSeaGreen #8FBC8F 143188143 LightSeaGreen #20B2AA 32178170 DarkCyan #008B8B 0139139 Teal #008080 0128128 Blues/Cyans Aqua #00FFFF 0255255 Cyan #00FFFF 0255255 LightCyan #E0FFFF 224255255 PaleTurquoise #AFEEEE 175238238 Aquamarine #7FFFD4 127255212 Turquoise #40E0D0 64224208 MediumTurquoise #48D1CC 72209204 DarkTurquoise #00CED1 0206209 CadetBlue #5F9EA0 95158160 SteelBlue #4682B4 70130180 LightSteelBlue #B0C4DE 176196222 PowderBlue #B0E0E6 176224230 LightBlue #ADD8E6 173216230 SkyBlue #87CEEB 135206235 LightSkyBlue #87CEFA 135206250 DeepSkyBlue #00BFFF 0191255 DodgerBlue #1E90FF 30144255 CornflowerBlue #6495ED 100149237 MediumSlateBlue #7B68EE 123104238 RoyalBlue #4169E1 65105225 Blue #0000FF 00255 MediumBlue #0000CD 00205 DarkBlue #00008B 00139 Navy #000080 00128 MidnightBlue #191970 2525112 Browns Cornsilk #FFF8DC 255248220 BlanchedAlmond #FFEBCD 255235205 Bisque #FFE4C4 255228196 NavajoWhite #FFDEAD 255222173 Wheat #F5DEB3 245222179 BurlyWood #DEB887 222184135 Tan #D2B48C 210180140 RosyBrown #BC8F8F 188143143 SandyBrown #F4A460 24416496 Goldenrod #DAA520 21816532 DarkGoldenrod #B8860B 18413411 Peru #CD853F 20513363 Chocolate #D2691E 21010530 SaddleBrown #8B4513 1396919 Sienna #A0522D 1608245 Brown #A52A2A 1654242 Maroon #800000 12800 Whites White #FFFFFF 255255255 Snow #FFFAFA 255250250 Honeydew #F0FFF0 240255240 MintCream #F5FFFA 245255250 Azure #F0FFFF 240255255 AliceBlue #F0F8FF 240248255 GhostWhite #F8F8FF 248248255 WhiteSmoke #F5F5F5 245245245 Seashell #FFF5EE 255245238 Beige #F5F5DC 245245220 OldLace #FDF5E6 253245230 FloralWhite #FFFAF0 255250240 Ivory #FFFFF0 255255240 AntiqueWhite #FAEBD7 250235215 Linen #FAF0E6 250240230 LavenderBlush #FFF0F5 255240245 MistyRose FFE4E1 255228225 Greys Gainsboro #DCDCDC 220220220 LightGrey #D3D3D3 211211211 Silver #C0C0C0 192192192 DarkGray #A9A9A9 169169169 Gray #808080 128128128 DimGray #696969 105105105 LightSlateGray #778899 119136153 SlateGray #708090 112128144 DarkSlateGray #2F4F4F 477979 Black #000000 00

Demikian kode warna HTML lengkap yang dapat dipakai sebagai inspirasi dan imajinasi dalam pembuatan sebuah blog atau website agar dapat sebisa mungkin untuk menarik pengunjung agar lebih betah berlama-lama di blog kita. 

Silahkan dicoba...semoga bermanfaat,...salam blogger...:::

Cara Memasang Widget Kamera Pengintai atau CCTV di Blog

Imajinasi | Kreasi | Selamat siang sobat,...Cara memasang widget kamera pengintai atau CCTV  di blog merupakan kreasi yang tumbuh dari imajinasi dari seorang blogger  yang dapat kita tambahkan ke dalam blog yang Anda miliki. Mungkin anda pernah melihatnya ketika Anda berkunjung atau blogwalking ke blog para blogger yang memasang kamera pengintai atau cctv. Agak unik dan memiliki daya tarik tersendiri terhadap blog yang telah memasangnya. Saya sendiri ketika melihat blog yang memasang kamera pengintai atau cctv pada blog nya terkagum dan tersenyum sembari mengatakan "ada-ada saja, tidak hanya di mall dan di bank yang bisa di pasang kamera pengintai atau cctv, tetapi di blog pun juga bisa".

Nah, jika Anda juga tertarik memasangnya kedalam blog yang Anda miliki agar kelihatan unik dan menarik, disini saya akan memaparkan bagaimana cara memasang kamera pengintai atau cctv di blog. Caranya tidak sulit, mari kita ikuti cara dibawah ini :

1. Login ke accunt blogger Anda
2. Pilih rancangan atau tatak letak 

3. Klik tambah gadget
4. Pilih opsi HTML/Javascript
5. Lalu copy-pastekan kode dibawah ini.

<script language="JavaScript" src="http://super-bee-kamera-pengintai.googlecode.com/files/kamera.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiifZ20YLgClTPct6Tcjw1jRQGZeQg38k7AZQONro9zpVxYOSvX77-RCwR2BtZpqZuJ97GVoeQYRq3gLx9_pbbtMeg7DFSqETiGQSVK3aJyIe6vFW4s45xqEzB8B7DtoKIyNfpZ1FP4dVk/s1600/cctv.gif")</script><span style="font-size: 50%">Widget edited by <a href="http://super-bee.blogspot.com/" target="_blank" rel="follow">super-bee</a></span>

Contohnya seperti ini:

6. Klik Simpan lalu lihat hasilnya, maka terpasanglah kamera pengintai di blog Anda, semoga bermanfaat.

Salam blogger


Baca juga artikel lainnya :

~ Cara Menambahkan Jam dan Kalender di Blog
~ Cara Membuat Link Warna-Warni Seperti Pelangi di Blog
~ Menghapus Tulisan Diberdayakan oleh Blogger

Cara Membuat Tanda Tangan di Bawah Postingan Blog

Imajinasi | Kreasi | Selamat siang sobat,...kali ini saya akan membahas Cara Membuat Tanda Tangan di Bawah Postingan Blog. Sekarang membuat tanda tangan tidak usah ribet, seperti membuat tanda tangannya menggunakan kertas atau yg lainnya, karena salah satu web ada yang menyediakan pembuatan tanda tangan, yaitu MyLiveSignature. Selain di blog, sobat dapat memasangnya di tempat lain seperti forum.

Berikut caranya : 

1. Kunjungi situs http://www.mylivesignature.com

2. Lalu Pilih Menu "Start Now"

3. Klik "Using the signature creaton wizard"

4. Pada Step 1, masukkan Nama tanda tangan yg nanti akan ditampilkan

5. Kemudian pada Step 2, Pilih jenis font (huruf) yang sobat inginkan

6. Step 3, Pilih ukuran font yang sobat inginkan. Step 4, Pilih warna background dan warna font. Step 5, atur kemiringannya

7. Dibawah, ada 3 pilihan yaitu :

- Want us to animate this signature?

- Want to download this signature?

- Want to use this signature?

8. Pilih yang Want to use this signature?

9. Kemudian muncul halaman baru, pilih Generate HTML code. 

10. Copy kodenya

11. Login ke blogger kamu

12. Pilih Template, Edit HTML, Ceklis "Expand Template widget"

13. Pastekan kodenya tepat dibawah kode <data:post.body/>

14. Simpan Template, dan lihat hasilnya

Demikianlah posting ini  tentang Cara Membuat Tanda Tangan di Bawah Postingan Blog, yang ter-imajinasi kemudian menjadikan sebuah kreasi tersendiri di blog para blogger sekalian.

Selamat mencoba, semoga bermanfaat.

Baca juga artikel lainnya :

~ Cara Membuat Link Warna-Warni Seperti Pelangi di Blog
~ Cara Mudah Merubah Cursor Blog Blogger
~ Cara Membuat NetworkedBlog Follower Facebook

Cara Membuat Networked Blog Followers Facebook

Imajinasi | Selamat sore sobat,...tentunya kita mengenal follow (pengikut) blog kita. Selain bawaan dari google, ada lagi aplikasi dari facebook, namanya "Networked Blogs".

Dari segi tujuannya tidaklah berbeda, yaitu untuk mengikut (follow) blog yg kita garap.

Untuk contohnya, sahabat bisa lihat di bawah shoutmix chat, ada follow dari blogger, nah di bawahnya lagi ada follow dari networked blogs. Perbedaannya, follow yg dari blogger menggunakan ID Google, Twitter, Yahoo, AIM, Netlog, dan OpenID. Nah kalo untuk networked blogs memakai ID facebook yg sahabat miliki.

Hmmm.... apakah nanti ID dan password sahabat akan tersimpan di sana..??
Answer is very" no...
Karena keduanya hanya membutuhkan konfirmasi saja dari sahabat, sedangkan password sahabat, aman terkendali.

Nah, kita langsung ke TKP....
Gimana sih cara buat follow dari networked blogs..???
Begini nih...:

1.  Langsung buka situs Networked Blogs.

2. Lihat, ada tombol "+ Register a Blog", klik di situ.

4. Setelah di klik, akan terbuka form yg harus sahabat isi, nah isi deh formnya (nama blog, URL, topics, bahasa, n description blognya sahabat).

5. Klik Next

6. Akan terbuka "Before you continue.......", nah di bawahnya ada "Yes, I want to check out Trackle and receive daily alerts", cek list kotak kecil disamping kiri tulisannya.

7. Next

8. Ada pertanyaan "are you...." jawab yes aja deh biar gampang.

9. Terus nongol lagi pertnyaan "How do you like....." jawab aja "use our widget "

10. Nah, muncul tahap akhir, proses verfikasi. Pasang kode HTML yg dikasih ama NB, pasang ke blog sahabat. Gimana caranya..? Lihat artikel "Langkah-langkah Tambah Gadget HTML/Javascript" di blog saya yang satunya lagi.

11. Sudah dipasang, Klik "Verify Widget"

12. Kalo berhasil ntar keluar tulisan "verification successful". Nah, terus klik NEXT

13. Horeeee..... jadi deh...kayak NetworkedBlog saya di sidebar blog ini.

Beres kan... gampang, mudah, dan oce deh...

Selamat mencoba, semoga sukses!

Mau jadi agen pulsa dengan potensi penghasilan puluhan juta rupiah?

Mau investasi hanya dengan 20 ribu hasil 400 juta? 

Cara Menambahkan Jam dan Kalender di Blog

Imajinasi | Cara Menambahkan Jam dan Kalender di Blog  Blog itu ibarat rumah kita.. Sehingga jika blog kita hanya di isi artikel2 tanpa ada pernak-pernik ibarat rumah yang tanpa hiasan.. Alias seperti rumah hantu^^.. Kalau rumah kita seperti rumah hantu tentunya hanya sedikit orang yang sudi untuk mampir ke rumah kita ( bahkan mungkin ada yang menjauhi karena takut ).

Rumah ( blog ) yang indah tentunya akan mempunyai daya tarik bagi yang mengunjunginya.. Jika rumah ( blog ) kita indah, tentunya akan membuat orang2 yang mengunjunginya betah untuk berlama2 di blog kita dan mungkin kelak akan kembali ke blog kita^^..

Salah satu cara untuk menambah keindahan blog kita adalah dengan memasang jam dan kalender.. Setiap rumah tentu pasti punya jam dan kalender, bahkan hp pun ada jam dan kalendernya.. Lalu bagaimana cara menambah jam dan kalender di Blog?? Mudah kok.. Berikut caranya:

Cara Menambahkan Jam dan Kalender di Blog

-Untuk menambah kalender:
1. Silahkan kunjungi situs ini
2. Pilih kalender yang anda suka
3. Jika sudah copy code javascript kalender
4. Login ke blogger
5. Pilih tata letak kemudian tambah gadget
6. Pilih Html/Javascript
7. Paste code kalender tadi
8. Jreng.. Jadi deh^^

-Untuk Menambah Jam :
1. Silahkan kunjungi situs ini
2. Pilih Jam yang kamu inginkan
3. Copy code javascript jam
4. Langkah selanjutnya seperti buat kalender

Nah Bagaimana sob?? Sekarang blogmu jadi indah dan keren kan dengan adanya kalender dan jam...hehehe... kayak blog saya ini juga tak pasang kalender dan jam yang keren.

Semoga Bermanfaat tentang Cara Menambahkan Jam dan Kalender di Blog..!!

Terima Kasih Anda Sudah Membaca Artikel Tentang Cara Menambahkan Jam dan Kalender di Blog

Sumber : http://jembersantri.blogspot.com/2013/01/cara-menambahkan-jam-dan-kalender-di-blog.html#ixzz2OTTkth4T

Cara Agar Gambar di Posting Blog Tidak Bisa Dicopy

Imajinasi | Dalam setiap artikel kita terkadang membuat gambar-gambar tertentu untuk menarik perhatian pengunjung. Saya sendiri memakai gambar tujuannya untuk memudahkan pengunjung dalam mengikuti tutorial yang ada. Namun apa jadinya jika gambar-gambar tersebut di copas, yaa walaupun kita juga mencari di google image, namun ada juga khan yang hasil karya cipta sendiri. (sedikit intermezzo hehehe, saya mengolah gambar dengan software PhotoScape)

Nah bagaimana caranya agar gambar postingan blog kita tidak bisa di copas, salah satu caranya adalah dengan mendisable klik kanan pada gambar. Buat sobat yang mau kode javascriptnya silakan ikuti tutorial di bawah ini :

A. Disable klik kanan gambar pada seluruh posting blog.

Caranya ialah memasukkan kode javascript ke template

1. Langkah pertama seperti biasa masuk akun blogger

2. Dasbor > Template > Edit HTML > Lanjutkan > centang expand template widget

3. Cari kode seperti ini (kalo mau cepat pake Ctrl F) </head>, kemudian masukkan kode berikut tepat di atasnya

<script type="text/javascript"> //<![CDATA[ /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Disable context menu on images by GreenLava (BloggerSentral.com) Version 1.0 Anda bebas mengcopy dan menyebarluaskan kode, namun harap jangan dihapus link ini ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */ function nocontext(e) { var clickedTag = (e==null) ? event.srcElement.tagName : e.target.tagName; if (clickedTag == "IMG") { alert(alertMsg); return false; } } var alertMsg = "Image context menu is disabled"; document.oncontextmenu = nocontext; //]]> </script>


4. Klik pratinjau, jika tidak error, berarti kode javascript bekerja dengan baik. Simpan template.

B. Disable klik kanan hanya pada gambar di posting tertentu

Sedangkan untuk mendisable klik kanan pada gambar pada posting yang dinginkan adalah dengan menambahkan kode di bawah di menu HTML atau saat menulis postingan masuk ke menu HTML (bukan compose)

oncontextmenu='alert("Image context menu is disabled");return false;'

Contoh penerapannya:

dibawah ini adalah image tag asli di posting blog

<img border="0" src="http://gedesitdownblog.blogspot.com/-MK7fhu_0MKA/SlWREIy96AI/AAAAAAAAAPo/d-w9hOxZkqU/s1600/2008_10260151.JPG" />

agar tidak bisa di klik kanan masukkan kode berwarna merah di atas, contoh:

<img oncontextmenu='alert("Image context menu is disabled");return false;' border="0" src="http://gedesitdownblog.blogspot.com/-MK7fhu_0MKA/SlWREIy96AI/AAAAAAAAAPo/d-w9hOxZkqU/s1600/2008_10260151.JPG" />

 
 Nah silahkan lindungi gambar-gambar posting sobat agar tidak bisa di copas, selamat mencoba.

Baca juga :
~ Cara Promosi Buat Blog Baru
~ Cara Memasang Iklan Melayang di Sebelah Kanan dan Kiri Blog
~ Cara Membuat Buku Tamu Tersembunyi di Blog

Cara Membuat Tombol Kembali ke ATAS Dengan Mudah di Blog (Button to TOP UP with jquery)

 Imajinasi | Selamat siang sobat....saya membawa oleh-oleh hasil dari jalan-jalan di Blognya Mas Jalupangna yaitu tentang Cara Membuat Tombol Kembali ke ATAS (Button to TOP UP with jquery). Simak tutorial singkat dan sederhana di bawah ini :

Tombol back to top berfungsi untuk mengembalikan posisi dari bawah kembali lagi ke atas dalam sebuah website / blog. Sehingga memudahkan pengunjung suatu website / blog untuk kembali ke atas tanpa menggunakan scroll. Saya juga menerapkannya di blog saya ini, karena simple, cantik dan keren. Lihat screen shot nya di bawah ini (ini blognya Mas Jalupangna)

Langsung saja tanpa basa basi menuju TKP :)

1. Login ke blog kamu.
2. Pilih Tata Letak > Add Gadget > HTML/JavaScript > Copy kode di bawah ini.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#noop-top").fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a id='noop-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px arial;'><span>^</span></a><style type="text/css">#noop-top span{-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s;-o-transition:all .3s;background-color:#1e5799;background:-moz-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(50%,#2989d8),color-stop(51%,#207cca),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-o-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-ms-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);border:3px solid #fff;border-radius:14px 14px 14px 14px;color:#fff;font:bold 56px cursive;height:50px;left:3px;display:block;text-align:center;text-shadow:1px 1px 0 #000;top:-56px;width:50px}#noop-top:hover span{box-shadow:0 0 49px #207cca;height:70px}#noop-top{color:#000;text-shadow:1px 1px 0 #fff;text-decoration:none}</style>

 3. Simpan dan lihat hasilnya.

Selamat mencoba, semoga bermanfa'at...

Sumber : Jalupangna

Baca juga :
~ Cara Membuat Tulisan Mengikuti Kursor di Blog
~ Cara Agar Gambar di Postingan Blog Tidak Bisa Dicopy
~ Cara Promosi Buat Blog Baru