Tabel Nama dan KODE Warna: Tutorial BloGGeR Font

Posting dalam Tutorial BloGGeR kali ini aku sengaja membuat sebuah tabel nama dan kode warna dengan tujuan supaya sobat blogger tidak kesulitan ketika harus menggantikan sebuah kode warna dengan nama warna. Penggunaan nama warna sering kali digunakan dijavascript, sehingga perbendaharaan nama warna yang mencukupi akan sangat menolong kita untuk menggunakan warna lebih lengkap dan variatif. Ya ..., meskipun tidak selengkap yang diharapkan, tetapi setidak-tidaknya sudah cukup banyak nama warna yang berhasil aku sediakan. Terus terang saja membuatnya njelimet sekali, sehingga hanya seperti inilah yang bisa aku sediakan. Semoga cukup menolong dan memberi banyak manfaat.

Daftar Nama Warna dan Kode Warna :

Warna/Color	Nama Warna	Hexadecimal	Desimal
	01. aliceblue	#f0f8ff	240,248,255
	02. antiquewhite	#faebd7	250,235,215
	03 aqua	#00ffff	0,255,255
	04. aquamarine	#7fffd4	127,255,212
	05. azure	#f0ffff	240,255,255
	06. beige	#f5f5dc	245,245,220
	07. bisque	#ffe4c4	255,228,196
	08. black	#000000	0,0,0
	09. blanchedalmond	#ffebcd	255,235,205
	10. blue	#0000ff	0,0,255
	11. blueviolet	#8a2be2	138,43,226
	12. brown	#a52a2a	165,42,42
	13. burlywood	#deb887	222,184,135
	14. cadetblue	#5f9ea0	95,158,160
	15. chartreuse	#7fff00	127,255,0
	16. chocolate	#d2691e	210,105,30
	17. coral	#ff7f50	255,127,80
	18. cornflowerblue	#6495ed	100,149,237
	19. cornsilk	#fff8dc	255,248,220
	20. crimson	#dc143c	220,20,60
	21. cyan	#00ffff	0,255,255
	22. darkblue	#00008b	0,0,139
	23. darkcyan	#008b8b	0,139,139
	24. darkgoldenrod	#b8860b	184,134,11
	25. darkgray	#a9a9a9	169,169,169
	26. darkgreen	#006400	0,100,0
	27. darkgrey	#a9a9a9	169,169,169
	28. darkkhaki	#bdb76b	189,183,107
	29. darkmagenta	#8b008b	139,0,139
	30. darkolivegreen	#556b2f	85,107,47
	31. darkorange	#ff8c00	255,140,0
	32. darkorchid	#9932cc	153,50,204
	33. darkred	#8b0000	139,0,0
	34. darksalmon	#e9967a	233,150,122
	35. darkseagreen	#8fbc8f	143,188,143
	36. darkslateblue	#483d8b	72,61,139
	37. darkslategray	#2f4f4f	47,79,79
	38. darkslategrey	#2f4f4f	47,79,79
	39. darkturquoise	#00ced1	0,206,209
	40. darkviolet	#9400d3	148,0,211
	41. deeppink	#ff1493	255,20,147
	42. deepskyblue	#00bfff	0,191,255
	43. dimgray	#696969	105,105,105
	44. dimgrey	#696969	105,105,105
	45. dodgerblue	#1e90ff	30,144,255
	46. firebrick	#b22222	178,34,34
	47. floralwhite	#fffaf0	255,250,240
	48. forestgreen	#228b22	34,139,34
	49. fuchsia	#ff00ff	255,0,255
	50. gainsboro	#dcdcdc	220,220,220
	51. ghostwhite	#f8f8ff	248,248,255
	52. gold	#ffd700	255,215,0
	53. goldenrod	#daa520	218,165,32
	54. gray	#808080	128,128,128
	55. green	#008000	0,128,0
	56. greenyellow	#adff2f	173,255,47
	57. grey	#808080	128,128,128
	58. honeydew	#f0fff0	240,255,240
	59. hotpink	#ff69b4	255,105,180
	60. indianred	#cd5c5c	205,92,92
	61. indigo	#4b0082	75,0,130
	62. ivory	#fffff0	255,255,240
	63. khaki	#f0e68c	240,230,140
	64. lavender	#e6e6fa	230,230,250
	65. lavenderblush	#fff0f5	255,240,245
	66. lawngreen	#7cfc00	124,252,0
	67. lemonchiffon	#fffacd	255,250,205
	68. lightblue	#add8e6	173,216,230
	69. lightcoral	#f08080	240,128,128
	70. lightcyan	#e0ffff	224,255,255
	71. lightgoldenrodyellow	#fafad2	250,250,210
	72. lightgray	#d3d3d3	211,211,211
	73. lightgreen	#90ee90	144,238,144
	74. lightgrey	#d3d3d3	211,211,211
	75. lightpink	#ffb6c1	255,182,193
	76. lightsalmon	#ffa07a	255,160,122
	77. lightseagreen	#20b2aa	32,178,170
	78. lightskyblue	#87cefa	135,206,250
	79. lightslategray	#778899	119,136,153
	80. lightslategrey	#778899	119,136,153
	81. lightsteelblue	#b0c4de	176,196,222
	82. lightyellow	#ffffe0	255,255,224
	83. lime	#00ff00	0,255,0
	84. limegreen	#32cd32	50,205,50
	85. linen	#faf0e6	250,240,230
	86. magenta	#ff00ff	255,0,255
	87. maroon	#800000	128,0,0
	88. mediumaquamarine	#66cdaa	102,205,170
	89. mediumblue	#0000cd	0,0,205
	90. mediumorchid	#ba55d3	186,85,211
	91. mediumpurple	#9370db	147,112,219
	92. mediumseagreen	#3cb371	60,179,113
	93. mediumslateblue	#7b68ee	123,104,238
	94. mediumspringgreen	#00fa9a	0,250,154
	95. mediumturquoise	#48d1cc	72,209,204
	96. mediumvioletred	#c71585	199,21,133
	97. midnightblue	#191970	25,25,112
	98. mintcream	#f5fffa	245,255,250
	99. mistyrose	#ffe4e1	255,228,225
	100. moccasin	#ffe4b5	255,228,181
	101. navajowhite	#ffdead	255,222,173
	102. navy	#000080	0,0,128
	103. oldlace	#fdf5e6	253,245,230
	104. olive	#808000	128,128,0
	105. olivedrab	#6b8e23	107,142,35
	106. orange	#ffa500	255,165,0
	107. orangered	#ff4500	255,69,0
	108. orchid	#da70d6	218,112,214
	109. palegoldenrod	#eee8aa	238,232,170
	110. palegreen	#98fb98	152,251,152
	111. paleturquoise	#afeeee	175,238,238
	112. palevioletred	#db7093	219,112,147
	113. papayawhip	#ffefd5	255,239,213
	114. peachpuff	#ffdab9	255,218,185
	115. peru	#cd853f	205,133,63
	116. pink	#ffc0cb	255,192,203
	117. plum	#dda0dd	221,160,221
	118. powderblue	#b0e0e6	176,224,230
	119. purple	#800080	128,0,128
	120. red	#ff0000	255,0,0
	121. rosybrown	#bc8f8f	188,143,143
	122. royalblue	#4169e1	65,105,225
	123. saddlebrown	#8b4513	139,69,19
	124. salmon	#fa8072	250,128,114
	125. sandybrown	#f4a460	244,164,96
	126. seagreen	#2e8b57	46,139,87
	127. seashell	#fff5ee	255,245,238
	128. sienna	#a0522d	160,82,45
	129. transparent	#c0c0c0	192,192,192
	130. skyblue	#87ceeb	135,206,235
	131. slateblue	#6a5acd	106,90,205
	132. slategray	#708090	112,128,144
	133. slategrey	#708090	112,128,144
	134. snow	#fffafa	255,250,250
	135. springgreen	#00ff7f	0,255,127
	136. steelblue	#4682b4	70,130,180
	137. tan	#d2b48c	210,180,140
	138. teal	#008080	0,128,128
	139. thistle	#d8bfd8	216,191,216
	140. tomato	#ff6347	255,99,71
	141. turquoise	#40e0d0	64,224,208
	142. violet	#ee82ee	238,130,238
	143. wheat	#f5deb3	245,222,179
	144.white	#ffffff	255,255,255
	145. whitesmoke	#f5f5f5	245,245,245
	146. yellow	#ffff00	255,255,0
	147. yellowgreen	#9acd32	154,205,50

Cara membuat tabel Nama dan KODE Warna :

xHTML Tabel Nama & Kode Warna :

<table cellpadding="5" style="border:10px ridge #996633;">
<tbody style="font-size:16px; font-family:cursive; font-weight:bolder;">
<tr>
<th style=background:#242020>Warna/Color</th>
<th>Nama Warna</th>
<th>Hex</th>
<th>Desimal</th>
<tr>
<td style=background:aliceblue>
<td>01. aliceblue
<td style=background:transparent>#f0f8ff
<td style=background:transparent>240,248,255
<tr>
<td style=background:antiquewhite>
<td>02. antiquewhite
<td style=background:transparent>#faebd7
<td style=background:transparent>250,235,215<tr>
<td style=background:aqua>
<td>03  aqua
<td style=background:transparent>#00ffff
<td style=background:transparent>0,255,255
<tr>
<td style=background:aquamarine>
<td>04. aquamarine
<td style=background:transparent>#7fffd4
<td style=background:transparent>127,255,212
<tr>
<td style=background:azure>
<td>05. azure
<td style=background:transparent>#f0ffff
<td style=background:transparent>240,255,255 
</tbody>
</table>

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini:

Update »Setu PAHING, Maret, 24, 2012

» Happy Blogging - mitrabaraya «

Buat box teks di ruang posting

Box teks di ruang posting bisa dipergunakan untuk tempat meletakkan teks yang bersifat khusus sehingga terpisah dari teks lainnya. Ada berbagai style box yang bisa disesuaikan dengan seberapa besar box yang ingin digunakan. Pada beberapa posting dengan teks yang sangat panjang, box yang dilengkapi dengan scroller juga sangat bermanfaat untuk effisiensi ruang. Agar box kelihatan lebih menarik, box bisa dilengkapi dengan border style, background dan border radius serta beberapa properi css yang lain.

1. Box sederhana :

Tinggi box akan bertambah sejalan dengan bertambahnya isi/content.

Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama

xHTML :

<div style="padding:10px;border:2px solid #eee;width:300px;margin:15px auto;">Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!
</div>

2. Box dengan background dan color :

Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!

xHTML :

<div style="padding:10px;border:2px solid #eee;width:400px;margin:15px 0;background:#999;color:#000;">Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!
</div>

3. Box dengan border lengkung :

Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!

xHTML :

<div style="padding:10px;border:3px double #eee;width:400px;margin:15px 0;background:#999;color:#000;border-radius:10px;">Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!
</div>

4. Box dengan overflow (Scrollbox):

Box akan mempunyai ketinggian tertentu sekalipun konten didalamya hanya sedikit. Jika konten melebihi daya tampung maka overflow akan bekerja.

Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!

xHTML :

<div style="padding:10px;border:3px double #eee;width:350px;margin:15px auto;background:#999;color:#000;height:100px;overflow:auto;">Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!
</div>

Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!

Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!

xHTML :

<div style="padding:10px;border:3px double #eee;width:350px;margin:15px auto;background:#999;color:#000;height:100px;overflow:auto;">Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!

Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!
</div>

4. Box dengan auto max-height :

Tinggi box flexible sehingga ketika isi dalamnya sedikit maka box bertambah pendek. Overflow hanya akan terlihat setelah kontent melebihi daya tampung box.

Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!

xHTML :

<div style="padding:10px;border:3px double #eee;width:350px;margin:15px auto;background:#999;color:#000;max-height:200px;overflow:auto;">Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!
</div>

Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!

Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!

xHTML :

<div style="padding:10px;border:3px double #eee;width:350px;margin:15px auto;background:#999;color:#000;max-height:200px;overflow:auto;">Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!

Shannen 'Mitra Baraya Online----Mampukah setiap tahun bertambah baik?----Sebuah tantangan bagi siapapun. Jadikan Hari ini sebagai moment yang indah dan tepat untuk setiap kali merubah diri menjadi pribadi yang jauh lebih baik, lebih peduli, jauh dari korupsi, jauh dari iri hati dan dengki... dan tentu saja ... jauh lebih lebih berharga dimata Allah dan dan sesama!!!!
</div>

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini:

Update » Jemuah LEGI, Maret, 23, 2012

» Happy Blogging - mitrabaraya «

Hover Link Pelangi: Cara Buat dan Pasang Rainbow Link Effects

Karena desain hover link CSS mempunyai banyak keterbatasan, maka untuk mendapatkan hover link yang lebih menarik dan atraktif banyak diciptakan hover link dalam bentuk script dengan menggunakan javascript. Kelemahan mendasar penggunaan hover link menggunakan javascript adalah dalam hal kompabilitinya, dimana tidak semua javascript yang digunakan kompatibel dengan browser yang ada. Salah satu Hover link yang begitu terkenal dilingkungan blogger adalah "Hover Link Pelangi" atau "Rainbow Hover Link" yang diciptakan oleh TAKANASHI Mizuki.

Javascript Hover Link Pelangi (Rainbow Link Effects)

Javascript Hover Pelangi

<script type="text/javascript">
///* http://mitrabarayaonline.blogspot.com */
/* Rainbow Links Script- TAKANASHI Mizuki */
var rate = 20;  // Increase amount(The degree of the transmutation)
if (document.getElementById)
window.onerror=new Function("return true")
var objActive;  // The object which event occured in
var act = 0;    // Flag during the action
var elmH = 0;   // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg;     // A color before the change
var TimerID;    // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",150);
}
}
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",150);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",150);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
if (elmS == 0) {
elmR = elmV;    elmG = elmV;    elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1;  elmB = t2;  elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1;  elmB = t2;  elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1;  elmR = t2;  elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1;  elmR = t2;  elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1;  elmG = t2;  elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1;  elmG = t2;  elmB = t1 - t3;
}
else {
elmR = 0;   elmG = 0;   elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1)    elmR = "0" + elmR;
if (elmG.length == 1)    elmG = "0" + elmG;
if (elmB.length == 1)    elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

Cara Membuat dan Memasang Javascript Hover Link Pelangi

1. Lakukan pengamanan template terlebih dahulu dengan cara :
   
   - Login ke Blogger
   - KLIK Tata letak
   - KLIK Edit HTML
   - KLIK Download Template Lengkap
   - Simpan di Folder PC
2. Tetaplah di Edit HTML.
   
   - Edit HTML
   - Cari KODE ]]></b:skin>
   - Copy Javascript :
   Letakkan persis di bawah ]]></b:skin>
   - KLIK Simpan Template
   - Lihat hasilnya di blog

Catatan/Keterangan :

• Supaya KODE lebih ringkas UPLOAD javascript di filehosting.
• Ambil URL-nya dan tempatkan URL seperti KODE di bawah ini :
  
  <script type="text/javascript" src="URL"></script>

Contoh penempatan javascript

]]></b:skin>

<script type="text/javascript" src="https://shannenpio-template.googlecode.com/svn/mitrabaraya_rainbow-hover-effect.js"></script>

Link javascript dari google code di atas bisa langsung anda gunakan. Segeralah membuat dan coba lihat hasilnya seperti apa?!

Contoh link untuk percobaan bisa gunakan yang berikut:

Contoh bentuk kode html link.

<a href="http://mitrabarayaonline.blogspot.com" target="_blank" title="Percobaan hover link pelangi.">
Hover Link Pelangi
</a>

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Senin PAHING, January, 30, 2012

» Happy Blogging - mitrabaraya «