Cara Membuat Text Alert Masukin Nama di Blog

Sobat Informasi maya sebelumnya saya telah 2 kali membahas text alert yaitu Text Alert Ucapan Selamat Datang, yaitu kata sambutan muncul saat pengunjung datang ke blog kita. Lalu yang ke dua adalah Text Alert Ucapan Terima Kasih atau Kata Penutup "Say Good Bye", yaitu kata-kata penutup saat pengunjung meninggalkan blog kita, dan sekarang berhubung ada yang bertanya "cara bikin alert text masukin nama" kang salman sekalian buat aja ke dalam sebuah artikel untuk melengkapi koleksi yang tadi.

Text Alert adalah sebuah perintah yang diberikan kepada komputer untuk memberi peringatan. namun seiring berjalanya waktu text alert kita banyak dimanfaatkan oleh kalangan blogger sebagai pemanis blog kesayangannya. Yah awalnya sih emang kang salman akui saat pertama ngeblog dulu hal ini sangat keren dan butuh 1 minggu bagi saya dulu untuk mempelajari text alert ini. Hm so, text alert ini harus digunkan sesuai dengan kebutuhan jangan sampai terlalu berlebihan tar pengunjung pada minggat. hehe sewajarnya saja Oke ^_^

Sekedar Review saja ini adalah kode dasar, Text Alert Kata Sambutan

1. Login ke account blogger masing-masing

2. Klik Layout >> Edit Html

3. Cari kode </head> (untuk mempermudah pencarian gunakan tombol F3 pada keyboard)

4. Copy script dibawah ini tepat diatas kode </head>

<SCRIPT language='JavaScript'>alert("Selamat datang diBlog ini)");</SCRIPT>

NB : Pada tulisan yang berwana merah silahkan ganti dengan tulisan yang kamu mau...

5. Simpan template dan lihat hasilnya

Text Alert Berupa Pertanyaan Untuk Visitor

Cara membutnya tidak terlalu berbeda dengan script di atas, hanya sedikit modifikasi saja. 

1.  Cari kode </head> Copy script dibawah ini tepat diatas kode </head>

<script type="text/javascript">var yourName = prompt("Selamat Datang ", "Tulis Nama Kamu?");</script>

NB :  Pada Kata TULIS NAMA KAMU bisa diganti sesuai dengan keinginan masing masing..misalnay Namamu siapa?

Simpan dulu template lalu liat hasilnya. sebagai gambaran, anda barusan sudah melihat Demonya saat masuk ke halaman ini.


Oke Sobat Informasi maya semoga tips alert text name ini bermanfaat and selamat beraktifitas. ^_^Assalamualaikum :)

Membuat Text Alert Saat Meninggalkan Ke Blog

Hallo sobat informasi maya hari ini kang salman mau bahas bagaimana cara membuat text skripmuncul di akhir blog. singkatnya saat orang meninggalkan blog kita maka akan muncul pesan di blog kita.
Kata penutup di Blog (Text Alert Saat Meninggalkan Blog) merupakan salah satu trik dari pemilik blog atau admin untuk menyampaikan suatu pesan terima kasih kepada para pengunjungnya karena telah membuka blognya. Anda pasti sudah pahamkan maksud saya mengenai penutup blog itu. Script ini saya coba di Blogspot.

Cara buatnya :

1. Login ke  Blogger.
2. Klik Layout --> Edit HTML.
3. Cari kode </head> di dalam template anda.
4. Copy pastekan script di bawah ini tepat dibawah kode </head> :

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert('Bagaimana Pendapat Anda Tentang Blog Saya ? Silahkan Kembali dan Beri Komentar Anda! Terimah Kasih !!');
}
parent.window.onunload=goodbye;

</script>

5. Klik Simpan Template.

Selamat mencoba ...

Membuat Text Alert Saat Masuk Ke Blog

Mungkin anda pernah mengunjungi suatu blog yang ketika di buka tidak langsung terlihat isi blognya, namun muncul pesan. Saya sendiri termasuk yang sukai, makanya saat anda membuka blog atau halaman di blog ini, anda selalu disapa text skrip alert secara silmutan. namun ada juga yang tidak menyukai hal ini dikarenakan mengurangi kenyamanan para pengunjung di sebabkan setiap buka halaman baru pesan ini akan selalu muncul dan harus selalu di klik oleh pengunjung blog.

Jika anda ingin memasang script ini, saya sarankan agar tidak memasang terlalu banyak.bayangkan diri anda yang menjadi pengunjung  suatu blog dengan alert yang banyak sehingga terasa kurang nyaman. dan menganggu.

Untuk memasang fasilitas alert di blog tidak lah sulit, karena script yang di pasang tidaklah banyak. Contoh script yang di pasang seperti ini :

<SCRIPT language='JavaScript'>alert("Selamat datang di Veiro-7 Blog");</SCRIPT>

Tulisan yang berwarna merah adalah tulisan yang hendak anda tuliskan, tentunya ini sesuai dengan keinginan anda. Satu script adalah untuk satu alert, jika ingin menambahnya berarti tinggal menambahkan script tambahkan sesuai dengan keinginan. Misal ingin memasang dua buah alert, maka misalkan scriptnya jadi seperti ini :

<SCRIPT language='JavaScript'>alert("Selamat datang di Veiro-7 Blog");</SCRIPT>

<SCRIPT language='JavaScript'>alert("Jangan Lupa tingalkan komentar anda");</SCRIPT>

Sangat sederhana bukan? selain dengan memakai script di atas, tentu saja masih banyak cara untuk membuat alert, misal dengan memakai script ini :

<SCRIPT language='JavaScript'>window.alert("Tutorial Blogging");</SCRIPT>

Hasilnya akan sama, jadi silahkan mau pilih yang mana.

Masih bingung cara memasangnya di blog? berikut adalah langkah-langkahnya :

1. Login ke blogger.
2. Klik Tata Letak.
3. Klik tab Edit HTML 
4. Jangan lupa membuat salinan java script nya, agar apabila terjadi  kesalahan dalam penempatan,       Anda mempunyai cadangannya
5. Cari kode </head>.
6. Copy paste kode berikut di atas kode </head> (ganti tulisan yang berwarna hijau dengan yang anda inginkan).
7. Klik tombol SIMPAN TEMPLATE.

<SCRIPT language='JavaScript'>alert("Do not forget the content of comments your after visite here, thank you");</SCRIPT>

Selamat Mencoba. semoga bermanfaat

Membuat Gambar Pojok Pada Blog

OK, Langsung saja...

Inilah langkah-langkah Membuat Gambar Pojok Pada Blog :

1. Pilih Layout
2. klik Edit HTML
3. Cari kode seperti ini >>> ]]></b:skin>

4. Sesudah itu tepat diatas kode ]]></b:skin> , masukkan kode berikut ini:

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expresion(dosument.dosumentElement scrollleft+
document.documentElement.clientWidth - offseteidth)}; }

Untuk letak silahkan disesuaikan keinginan
Ket: Bottom=bawah
Right=kanan

5. Kemudian cari </body>

6. Letakan kode berikut persis diatas kode </body>

<div id='trik_pojok'>
<a href='http://alamat LINK yang dituju/'>
<img border='0' src='http://URL-IMAGE-yang mau dipajang'/></a>
</div>

7. Jangan lupa disimpan

Selamat Mencoba

Menghilangkan Judul dan Deskripsi Blog

Menghilangkan judul dan deskripsi blog perlu dilakukan apabila Anda ingin mengganti header blog Anda dengan gambar (baik logo ataupun cuma sebatas gambar). Ini dimaksudkan agar judul dan deskripsi blog tersebut tidak menggangu header utama yang berbentuk gambar tadi. Bagaimana cara menghilangkannya? berikut tipsnya.

Tips Menghilangkan Judul Blog

1. Login ke akun blogger Anda

2. Masuk ke tata letak => edit HTML

3. Jangan lupa backup terlebih dahulu template Anda untuk menghindari kesalahan.

4. Cari kode berikut

#header h1 {
………..
………..
………..
………..
………..
}

5. Kemudian Copy Paste kode berikut tepat sebelum kode penutup }

visibility:hidden;

atau

display:none;

Pilih salah satu kode (hasilnya sama).

6. Simpan Template

Tips Menghilangkan Deskripsi Blog

1. Login ke akun blogger Anda

2. Masuk ke tata letak => edit HTML

3. Jangan lupa backup terlebih dahulu template Anda untuk menghindari kesalahan.

4. Cari kode berikut

#header .description {
………..
………..
………..
………..
………..
}

5. Kemudian Copy Paste kode berikut tepat sebelum kode penutup }

visibility:hidden;

atau

display:none;

Pilih salah satu kode (hasilnya sama).

6. Simpan Template

Semoga Bermanfaat :))

Tabel Kode Warna

Berikut ini adalah tabel daftar nama warna (color name) dan nilai hexadesimal (or a hex value) yang sering digunakan dalam melakukan modifikasi blog.Kode warna html ini bisa dijadikan pedoman untuk memilih warna yang diinginkan.

Color Name	HEX Code	Color (Contoh warna)
Alice Blue	#F0F8FF
AntiqueWhite	#FAEBD7
Aqua	#00FFFF
Aquamarine	#7FFFD4
Azure	#F0FFFF
Beige	#F5F5DC
Bisque	#FFE4C4
Black	#000000
BlanchedAlmond	#FFEBCD
Blue	#0000FF
BlueViolet	#8A2BE2
Brown	#A52A2A
BurlyWood	#DEB887
CadetBlue	#5F9EA0
Chartreuse	#7FFF00
Chocolate	#D2691E
Coral	#FF7F50
CornflowerBlue	#6495ED
Cornsilk	#FFF8DC
Crimson	#DC143C
Cyan	#00FFFF
DarkBlue	#00008B
DarkCyan	#008B8B
DarkGoldenRod	#B8860B
DarkGray	#A9A9A9
DarkGreen	#006400
DarkKhaki	#BDB76B
DarkMagenta	#8B008B
DarkOliveGreen	#556B2F
Darkorange	#FF8C00
DarkOrchid	#9932CC
DarkRed	#8B0000
DarkSalmon	#E9967A
DarkSeaGreen	#8FBC8F
DarkSlateBlue	#483D8B
DarkSlateGray	#2F4F4F
DarkTurquoise	#00CED1
DarkViolet	#9400D3
DeepPink	#FF1493
DeepSkyBlue	#00BFFF
DimGray	#696969
DodgerBlue	#1E90FF
FireBrick	#B22222
FloralWhite	#FFFAF0
ForestGreen	#228B22
Fuchsia	#FF00FF
Gainsboro	#DCDCDC
GhostWhite	#F8F8FF
Gold	#FFD700
GoldenRod	#DAA520
Gray	#808080
Green	#008000
GreenYellow	#ADFF2F
HoneyDew	#F0FFF0
HotPink	#FF69B4
IndianRed	#CD5C5C
Indigo	#4B0082
Ivory	#FFFFF0
Khaki	#F0E68C
Lavender	#E6E6FA
LavenderBlush	#FFF0F5
LawnGreen	#7CFC00
LemonChiffon	#FFFACD
LightBlue	#ADD8E6
LightCoral	#F08080
LightCyan	#E0FFFF
LightGoldenRodYellow	#FAFAD2
LightGrey	#D3D3D3
LightGreen	#90EE90
LightPink	#FFB6C1
LightSalmon	#FFA07A
LightSeaGreen	#20B2AA
LightSkyBlue	#87CEFA
LightSlateGray	#778899
LightSteelBlue	#B0C4DE
LightYellow	#FFFFE0
Lime	#00FF00
LimeGreen	#32CD32
Linen	#FAF0E6
Magenta	#FF00FF
Maroon	#800000
MediumAquaMarine	#66CDAA
MediumBlue	#0000CD
MediumOrchid	#BA55D3
MediumPurple	#9370D8
MediumSeaGreen	#3CB371
MediumSlateBlue	#7B68EE
MediumSpringGreen	#00FA9A
MediumTurquoise	#48D1CC
MediumVioletRed	#C71585
MidnightBlue	#191970
MintCream	#F5FFFA
MistyRose	#FFE4E1
Moccasin	#FFE4B5
NavajoWhite	#FFDEAD
Navy	#000080
OldLace	#FDF5E6
Olive	#808000
OliveDrab	#6B8E23
Orange	#FFA500
OrangeRed	#FF4500
Orchid	#DA70D6
PaleGoldenRod	#EEE8AA
PaleGreen	#98FB98
PaleTurquoise	#AFEEEE
PaleVioletRed	#D87093
PapayaWhip	#FFEFD5
PeachPuff	#FFDAB9
Peru	#CD853F
Pink	#FFC0CB
Plum	#DDA0DD
PowderBlue	#B0E0E6
Purple	#800080
Red	#FF0000
RosyBrown	#BC8F8F
RoyalBlue	#4169E1
SaddleBrown	#8B4513
Salmon	#FA8072
SandyBrown	#F4A460
SeaGreen	#2E8B57
SeaShell	#FFF5EE
Sienna	#A0522D
Silver	#C0C0C0
SkyBlue	#87CEEB
SlateBlue	#6A5ACD
SlateGray	#708090
Snow	#FFFAFA
SpringGreen	#00FF7F
SteelBlue	#4682B4
Tan	#D2B48C
Teal	#008080
Thistle	#D8BFD8
Tomato	#FF6347
Turquoise	#40E0D0
Violet	#EE82EE
Wheat	#F5DEB3
White	#FFFFFF
WhiteSmoke	#F5F5F5
Yellow	#FFFF00
YellowGreen	#9ACD32