Tips Membuat Loading Blog Ringan

Disadari atau tidak, loading blog ikut mempengaruhi banyak tidaknya pengunjung masuk ke blog anda. Anda tentu masih ingat ketika anda kesal ketika sebuah blog yang anda kunjungi sangat lambat terbuka dengan sempurna. Dan sejak saat itu mungkin anda bertekad untuk tidak berkunjung lagi ke blog tersebut. Nah, sebelum itu terjadi pada blog anda, curigailah loading blog anda dari sekarang.

Dalam kondisi koneksi internet yang normal, pada intinya cepat lambatnya sebuah blog dibuka dipengaruhi oleh ukuran atau beban halamannya. Nah, untuk mengatasi hal ini anda bisa cermati beberapa point berikut:

Pertama:

Gunakanlah template yang minimalis, baik template bawaan maupun yang anda download dari pihak ketiga. Anda jangan mudah tergoda hanya karena kecanggihan sebuah template. Biasanya, semakin banyak variasai sebuah template maka akan semakin besarlah ukuranya. Untuk membuktikannya, cobalah anda copy seluruh kode HTML template yang anda gunakan sekarang ke file notepad atau wordpad. Kemudian lihatlah ukurannya. Jika ukurannya lebih dari 60 kb, maka lebih baik anda pertimbangkan untuk tetap menggunaknnya.

Tapi saya ingin tampilan blog yang menarik mas?
Anda sama dengan saya. Tapi jalan terbaik menurut saya adalah, silahkan anda cari template apa saja yang ringan kemudian modifikasi bagian tertentu sesuai keinginan anda. Itu lebih baik dari pada anda menggunakan template yang langsung meriah dan siap pakai.

Kedua:

Hindari menggunakan terlalu banyak widget. Karena semakin banyak jumlah widget maka semakin berat pula beban blog anda. Memang tidak bisa dipungkiri kita juga membutuhkan beberapa widget tambahan. Tapi pastikan bahwa setiap widget yang anda pasang benar-benar dibutuhkan pada blog anda.

Ketiga:

Hindari menggunakan warna-warna kontras. Biasanya warna-warna kontras agak lambat dibuka. Termasuk warna gelap. Cobalah anda perhatikan situs-situs terkenal, misalnya google, yahoo, facebook, dan sebagainya, rata-rata tampilannya sangat minimalis dengan warna dominan adalah putih. Saya juga maklum sebagian anda sangat favorit dengan warna-warna keras. Tapi pilihan tentu ada ditangan anda, apakah anda lebih mementingkan kepuasan atau loading blog anda.

Keempat:

Gunakan ukuran gambar (image) yang ringan. Ini termasuk salah satu sumber utama yang membuat blog menjadi berat. Apalagi jika blog anda adalah blog tutorial yang membutuhkan sangat banyak gambar kerja. Untuk mengatasinya, anda bisa kompres dulu setiap gambar yang akan anda gunakan. Anda bisa gunakan sebuah software pengompress file gambar yang sangat praktis seperti Advance JPEG Compressor. 

Kelima:

Hematlah menggunakan Animasi.

Gambar bergerak memang terlihat sangat menarik dari pada gambar diam. Tapi jangan lupa, file animasi termasuk jenis file yang jauh lebih berat dari file gambar. Karena itu pastikanlah bahwa anda benar-benar membutuhkannya. Jika hanya sekedar agar blog anda tampil lebih gagah, sebaiknya urungkanlah niat anda. Jangan hanya karena ulah beberapa animasi, blog anda akan ditinggalkan pengunjung. Dan ketahuilah, pada akhirnya yang dicari pengunjung bukanlah asesorries blog anda, tetapi adalah isinya.

Kenam:

Jangan memasan Video jika tidak benar-benar diperlukan. Inilah jenis fele yang paling besar. Sudah bisa dipastikan jika blog anda banyak memuat video, blog anda akan langsung macet dibuka. Mungkin anda akan membanggakan setiap video yang anda pasang. Tapi biasanya pengunjung sudah duluan minggat sebelum sempat menontonnya. Karena mereka tidak pernah berhasil menunggu blog anda terbuka dengan sempurna.

Ketujuh:

Hematlah menggunkan kode HTML dan Javascript.

Dan hindarilah menggunkan javascript jika benar-benar tidak diperlukan. Blog yang cepat diakses adalah blog yang bahasa kodenya ramping. Tidak bertele-tele. Salah satu cara yang bisa anda lalukan untuk hal ini adalah dengan mengompress halaman HTML anda dengan menggunkan software CSS Compressor.

Nah, lebih kurang itulah yang bisa anda waspadai agar loading blog anda tetap cepat dibuka.

Cara Membuat Underline (Garis Bawah) Hilang Ketika Link Disorot

Secara default Blogspot memberikan garis bawah pada setiap link yang terdapat pada blog. Garis bawah itu muncul saat kursor menyentuh link tersebut, seperti terlihat pada gambar ini.

Tetapi jika anda lebih senang link itu dibedakan hanya dengan warna, maka garis bawah itu bisa dihilangkan. Berikut langkah-langkahnya:

1. Masuklah ke halaman Dasbor anda kemudian klik Tata Letak


2. Klik Edit HTML.

3. Kemudian cari kode: a:hover{. Agar mudah mencarinya tekan (ctrl + f) pada keyboard. Lalu ketik kode tersebut pada kotak pencarian dan tekan enter.



4. Kemudian ganti tulisan underline-nya dengan none, seperti gambar di bawah ini. Terakhir jangan lupa mengklik tombol SIMPAN TEMPLATE. Tunggu hingga proses selesai.

5. Jika porses selesai lihatlah blog anda. Sekarang garis bawah pada link sudah tidak ada.


Mohon beritahu saya jika anda menemukan link yang erorr pada blog ini 
Terima kasih

Mobil Konsep Tata Nano Untuk Expo 2012

GENEVA (DP) — Tata MegaPixel Concept diharapkan sebagai andalan mobil Tata Nano di masa mendatang Hadir di Geneva Motor Show 2012 dengan tawaran teknologi hybrid terkini dan desain yang futuristik.

MegaPixel digerakkan dengan motor listrik pada keempat rodanya. Setiap roda terpasang baterai lithium-ion fosfat 13 kWh. MegaPixel hinga kecepatan 86 kpj menggunakan full motor listrik.Jika baterai habis bisa diisi ulang dengan sistem induksi. Bila daya listrik habis, mesin bensin 325cc 30 hp bisa memperluas jangkauan sampai dengan 900 km. Kecepatan maksimum bisa mencapai 110 kpj.

Desainnya unik dengan menanggalkan pilar B dengan pintu geser untuk depan dan belakang. Mampu menampung empat penumpang. Uniknya smartphone bisa terpasang di kabin dan terintegrasi dengan layar sentuh untuk memfungsikannya.

Sumber : dapurpacu.com

Cara Membuat Gadget/Widget ZODIAK

Kali ini Saya akan membahas cara memasang gadget/widget zodiak di blog.

Saya tidak perlu memberitahu apa itu zodiak, pastinya Anda pun sudah tahu. 

Tanpa berlama lama berikut Cara Memasangnya :

• Login ke blogger.com, jika sudah,  
• Pilih Tata Letak → Tambah Gadget → pilih HTML/JavaScript
• Masukkan script di bawah ini ke dalam kolom

<script language="javascript">//// function signs() { var start = 1901, birthyear = document.zodiac.year.value, date=document.zodiac.date.value, month=document.zodiac.month.selectedIndex; with (document.zodiac.sign){ if (month == 1 && date >=20 || month == 2 && date <=18) {value = "Aquarius";} if (month == 1 && date > 31) {value = "Huh?";} if (month == 2 && date >=19 || month == 3 && date <=20) {value = "Pisces";} if (month == 2 && date > 29) {value = "Say what?";} if (month == 3 && date >=21 || month == 4 && date <=19) {value = "Aries";} if (month == 3 && date > 31) {value = "OK. Whatever.";} if (month == 4 && date >=20 || month == 5 && date <=20) {value = "Taurus";} if (month == 4 && date > 30) {value = "I'm soooo sorry!";} if (month == 5 && date >=21 || month == 6 && date <=21) {value = "Gemini";} if (month == 5 && date > 31) {value = "Umm ... no.";} if (month == 6 && date >=22 || month == 7 && date <=22) {value = "Cancer";} if (month == 6 && date > 30) {value = "Sorry.";} if (month == 7 && date >=23 || month == 8 && date <=22) {value = "Leo";} if (month == 7 && date > 31) {value = "Excuse me?";} if (month == 8 && date >=23 || month == 9 && date <=22) {value = "Virgo";} if (month == 8 && date > 31) {value = "Yeah. Right.";} if (month == 9 && date >=23 || month == 10 && date <=22) {value = "Libra";} if (month == 9 && date > 30) {value = "Try Again.";} if (month == 10 && date >=23 || month == 11 && date <=21) {value = "Scorpio";} if (month == 10 && date > 31) {value = "Forget it!";} if (month == 11 && date >=22 || month == 12 && date <=21) {value = "Sagittarius";} if (month == 11 && date > 30) {value = "Invalid Date";} if (month == 12 && date >=22 || month == 1 && date <=19) {value = "Capricorn";} if (month == 12 && date > 31) {value = "No way!";} } x = (start - birthyear) % 12 with (document.zodiac.csign){ if (x == 1 || x == -11) {value = "Tikus";} if (x == 0) {value = "Ox";} if (x == 11 || x == -1) {value = "Macan";} if (x == 10 || x == -2) {value = "Kelinci";} if (x == 9 || x == -3) {value = "Naga";} if (x == 8 || x == -4) {value = "Ular";} if (x == 7 || x == -5) {value = "Kuda";} if (x == 6 || x == -6) {value = "Kambing";} if (x == 5 || x == -7) {value = "Monyet";} if (x == 4 || x == -8) {value = "Ayam";} if (x == 3 || x == -9) {value = "Anjing";} if (x == 2 || x == -10) {value = "Babi";} } } </script><form name="zodiac"> <center> <table bgcolor="#9DACBF" border="2" bordercolor="#000000" rules="none" cellspacing="2" cellpadding="4"><tr><td width="55"><b>Tahun</b></td><td width="155"><input type="text" size="10" name="year" onclick="value=""" /></td><tr><td><b>Bulan</b></td><td><select name="month"><option value="x" />Pilih Bulan <option value="1" />Januari <option value="2" />February <option value="3" />Maret <option value="4" />April <option value="5" />Mei <option value="6" />Juni <option value="7" />Juli <option value="8" />Augustus <option value="9" />September <option value="10" />Oktober <option value="11" />November <option value="12" />Desember </select></td></tr><tr><td><b>Tanggal</b></td><td><input type="text" name="date" size="3" onclick="value=""" /></td></tr><tr><td colspan="2" bgcolor="#9DACBF"><div align="center"> <input type="button" value="Klik Untuk Melihat Hasilnya" onclick="signs()" /></div></td></tr><tr><td><b>Zodiak: </b></td><td bgcolor="#9DACBF"><div align="right"> <input type="text" name="sign" size="12" value="" align="right" /></div></td></tr><td></td></tr><tr><td><b>Shio:</b></td><td bgcolor="#9DACBF"><div align="right"> <input type="text" name="csign" size="12" /></div></td></tr></table></center></form><p align="center">This script by

• Simpan dan lihat hasilnya

Selamat Mencoba !

Cara Membuat Artikel Terkait (Related Post)

Kali ini Saya akan membahas tentang Cara Membuat Related Post Di Bawah Postingan Dengan Fungsi Scroll.


Contoh Related Post Di Bawah Postingan Dengan Fungsi Scroll :

Untuk cara membuatnya sobat bisa ikuti langakah-langkah berikut :

• Login ke blogger.com, jika sudah,
• Pilih Template → Edit HTML → Expand Template Widget
• Cari kode <data:post.body/> atau <p><data:post.body/></p>
• Jika sudah ketemu selanjutnya sobat copy script berikut dan pastekan di bawah kode tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

Perhatian :

• Jika sobat sudah memasang readmore dan ada dua atau tiga kode <data:post.body/> atau <p><data:post.body/></p> pilih yang kedua
• Untuk merubah judul Related Post dengan Articles Terkait atau lainnya, sobat cukup rubah kode pertama yang bewarna merah Related Post dengan kata-kata sobat sendiri.
• Jangan disimpan dulu sob, masih di Edit Template, sekarang kita akan memasukkan kode modifikasinya, untuk itu sobat cari kode ]]></b:skin> jika sudah ketemu copy kode berikut dan pastekan di atas kode ]]></b:skin>

/*-- modifikasi related posts by http://suryachandragobel.blogspot.com--*/
.rbbox{border: 1px solid #000000;padding: 5px;
background-color: #000000;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: #EFFBEF;}

Perhatian :

• Untuk merubah warna background dan lainnya sobat bisa merubahnya dengan merubah kode warana pada kode modifikasi. Untuk melihat/mengetahui kode warna sobat bisa lihat disini
• Jika sobat ingin mengganti background related post seperti gambar di atas sobat cukup rubah background-color: #E0F8E0 mejadi background:url(http://letakkan Url gambar sobat disini)
• Simpan dan lihat hasilnya

Selamat Mencoba !

Cara Membuat Permalink Di blog

Kali ini saya akan mempostingan tentang cara membuat permalink di blog sama persis dengan permanen link di blog ini
Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya yaitu untuk meningkatkan seo on page blog sobat. Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya adalah permanen link.

Permalink kali ini, saya sudah lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat tepat di bawah artikel.

Berikut Cara Membuat Permanen Link di Blog :

• Login ke blogger.com, jika sudah, 
• Pilih Template → Edit HTML → Centang Expand Template Widget
• Cari kode ]]></b:skin> agar mudah mencari tekan f3
• Letakkan kode berikut di atas kode ]]></b:skin>

.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

• Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya. 

<!-- Permalink Surya -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4><b>Ditulis Oleh : <b><data:post.author/></b> - Informasi Dan Tutorial Blog</b></h4>
<div class='kontainer'>
<img alt='Surya.C.G' src='url gambar / foto sobat'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya &#8595;
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://suryachandragobel.blogspot.com/2012/06/cara-membuat-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Surya -->

Perhatian :

• Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
• Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )
• Ganti tulisan berwarna hijau dengan border / garis pembatas lain disini

• Simpan dan lihat hasilnya.

Selamat Mencoba !

Cara Membuat Tabel Menggunakan Script

Tabel jenis 1

Nama tabel

satu kolom

<table width="200" border="1"><tr><td scope="col"><div align="center">Nama tabel</div></td></tr></span></div> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr><td><div align="center">satu kolom</div></td></tr></span></div> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></table>




Tabel jenis 2

keras

watak

<table width="200" border="1"><tr><td scope="col"><div align="center">keras</div></td><td scope="col"><div align="center">watak</div></td></tr> </table>

Tabel jenis 3

qqq	wwww
aaaaa Goggle	zzzzz

<table width="500" border="1"><tr> <td scope="col"><div align="center">qqq</div></td><td scope="col"><div</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">align="center">wwww</div</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">align="center"></td> </tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr> <td scope="col"><div align="center">aaaaa<br /></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">Goggle</div></td><td scope="col"><div align="center">zzzzz</div></td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></table>

Tabel jenis 4

qqqqqqqqqqqqqqqqqqqqqqqqqq
qq	aa	zz
xxxxx	vvvvv	wwwww
rrrrr	ffffff	hhhhh

Keterangan : colspan="3"
Artinya baris pertama lebarnya 3 kolom

<table border="1" style="margin-left: auto; margin-right: auto; text-align:left; width:200px;"><tbody></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr><th colspan="3" scope="col"><div</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">align="center">qqqqqqqqqqqqqqqqqqqqqqqqqq</div</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">align="center"></th></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr><td><div align="center"><strong>qq</strong></div></td><td><div align="center"><strong>aa</strong></div></td><td><divalign="center"><strong>zz</strong></divalign="center"></td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr><td><div align="center">xxxxx</div></td><td><div align="center">vvvvv</div></td><td><divalign="center">wwwww</divalign="center"></td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr><td><div align="center">rrrrr</div></td><td><div align="center">ffffff</div><td><div align="center">hhhhh</div></td></td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></tbody></table>

Tabel jenis 5

haking	facebook	zynga
poker	hacking	email

<table width="0" border="5"><tr><td>haking</td> <td>facebook</td> <td>zynga</td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr><td>poker</td> <td>hacking</td> <td>email</td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></table>

Tabel jenis 6

warna	warna	warna
warna	warna	warna

<table width="0" border="1"</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">bordercolor="#00FF00"><tr> <td>warna</td> <td>warna</td> <td>warna</td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"><tr> <td>warna</td> <td>warna</td> <td>warna</td></tr></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></table>

Tabel jenis 7

background berwana

background berwana

background berwana

<table width="0" border="1"><tr><td bgcolor="#00FF00"><div align="center">background berwana</div align="center"></td><td bgcolor="#FF0000"><div align="center">background berwana</div align="center"></td> <td bgcolor="#00FFFF"><div align="center">background berwana</div align="center"></td></tr> </table>

Perhatian :

• Copas script yang ada di dalam kotak untuk melihat hasilnya

Semoga Bermanfaat !

Cara Membuat Border pada Blog dan Jenis-jenis Border

Kali ini Saya akan membahas "Cara Membuat Border pada Blog dan Memberitahu Jenis-jenis Border"

Sebenernya Saya mengetahui dari teman.

Jadi daripada saya sendiri juga lupa, maka langsung deh saya posting disini. ma'lum tukang copas. wkwk.



Cara Membuat Border pada Blog :


Contoh :

Teks Atau Sesuatu yang Ingin Diberi Border 

Dibawah ini adalah kode CSS untuk membuat pada blog :

<div style="border: 3px solid rgb(0, 0, 0); padding: 4px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;">

Teks Atau Sesuatu yang Ingin Diberi Border

</div>

• Ganti Tulisan yang berwarna merah dengan Jenis Border dibwah yang sobat inginkan.
• Letakkan Teks Atau Kode yang ingin di Beri Border pada Tulisan warna biru
• Untuk penempatannya terserah sobat.

Jenis-jenis Border :

Solid

Double

Ridge

Dotted

Dashed

Groove

Inset

Outset

Border dengan scroll, lebar dan tinggi :

<div style="border: 2px #006400 solid; padding: 10px; background-color: #82CAFA; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>

CSS3 Border Radius (Collectively) :

#CSS3 {       border: 5px solid #000000;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
}

Hasil :

CSS3 Border Radius (Individually) :

#CSS3 {
border: 5px solid #000000;       -moz-border-radius-topleft: 15px;       -moz-border-radius-topright: 0px;       -moz-border-radius-bottomright: 15px;       -moz-border-radius-bottomleft: 0px;       -webkit-border-top-left-radius: 15px;        -webkit-border-top-right-radius: 0px;       -webkit-border-bottom-left-radius: 0px;       -webkit-border-bottom-right-radius: 15px;
}

Hasil :

CSS3 Border (Multipel) :

#CSS3 {
       border-width:5px;       border-style:solid;       -moz-border-top-colors:blue red orange green purple yellow;       -moz-border-right-colors:blue red orange green purple yellow;       -moz-border-bottom-colors:blue red orange green purple yellow;       -moz-border-left-colors:blue red orange green purple yellow;
}

Hasil :

Selamat Mencoba !

Trik Membuat Layar Monitor Terbalik

Pernahkah Anda dijahili oleh teman Anda dengan layar monitor Anda menjadi terbalik,,??

Jangan khawatir itu cuma trik yang mudah untuk diatasi,,berikut di bawah ini cara membalikan layar monitor menjadi seperti semula,,cara inipun bisa Anda gunakan untuk menjahili teman Anda yang belum tau,,hehe,,


Coba pakai cara di bawah ini :


Tekan tombol (CTRL + ALT) secara bersamaan + tombol PANAH ATAS untuk kembali
keposisi default


Tekan tombol (CTRL + ALT) secara bersamaan + tombol PANAH BAWAH untuk kembali keposisi layer terbalik


Tekan tombol (CTRL + ALT) secara bersamaan + tombol PANAH KANAN untuk kembali
keposisi tampilan berputar kekanan 90 derajat


Tekan tombol (CTRL + ALT) secara bersamaan + tombol PANAH KIRI untuk kembali
keposisi tampilan berputar kekiri 90 derajat


Selamat Mencoba !

Cara Membuat Tulisan Copyright di Blog

Kali ini Saya akan membahas cara membuat tulisan copyright di blog. Salah satu cara agar blog kita tampil lebih profesional,ada baiknya kita membuat tulisan copyright di template blog kita.Tulisan copyright ini juga berfungsi untuk mengetahui siapa pemilik blog, siapa yang mendesain template blog kita dan info-info yang lainnya.

Tanpa berlama lama ikuti langkah-langkah berikut ini :

• Login ke blogger.com, jika sudah,
• Pilih Template → Edit HTML → Expand Template Widget
• Cari kode ]]></b:skin>
• Jika sudah ketemu,masukan script berikut di atas kode ]]></b:skin>

.copyright{
text-align: center;
padding-top:5px;
padding-bottom:5px;
font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;}

• Kemudian cari kode </body> agar mudah mencari tekan (ctrl+f)
• Jika sudah ketemu,masukan script di bawah ini di atas kode </body>

<div class='copyright'>Copyright © 2011 di sini kata-kata terserah Sobat<div>

Contoh : <div class='copyright'>Copyright © 2011 <a href='http://urlblogsobat.blogspot.com/'>judul blog sobat</a>powered by: <a href='http://www.blogger.com/'>Blogger</a></div>

• Simpan dan lihat hasilnya

Bagi sobat yang menggunakan antarmuka blogger yang diperbarui,silahkan ikuti langkah-langkah berikut :

• Login ke blogger.com, jika sudah,
• Pilih Template → Edit HTML → Expand Template Widget
• Cari kode ]]></b:skin>
• Jika sudah ketemu,masukan script berikut di atas kode ]]></b:skin>

.copyright{
text-align: center;
padding-top:5px;
padding-bottom:5px;
font:normal 80% Verdana,Trebuchet,Arial,Sans-serif;}

• Kemudian cari kode </body> agar mudah mencari tekan (ctrl+f)
• Jika sudah ketemu,masukan script di bawah ini di atas kode </body>

<div class='copyright'>Copyright © 2011 di sini kata-kata yang sobat inginkan</div>


Contoh : <div class='copyright'>Copyright © 2011 <a href='http://urlblogsobat.blogspot.com/'>judul blog sobat</a>powered by: <a href='http://www.blogger.com/'>Blogger</a></div>

• Simpan dan lihat hasilnya

Perhatian :

Jika sobat ingin meletakkan tulisan copyright tersebut di sebelah kiri bawah,sobat tinggal mengganti kode float dengan left, jika ingin berada di sebelah kanan, ganti kode floatnya dengan right, jika ingin terletak di tengah, hapus kode float.

Selamat Mencoba !

Cara Memasang Widget Flipped Text di Blog

Kali ini Saya akan membahas cara memasang widget atau menyediakan fitur Flip text untuk para visitor.
 
 Langsung saja langkah-langkah membuat widget Flip text pada blog berikut :

 

Jika Anda ingin memasang pada sidebar widget atau main widget.

• Login ke blogger.com, jika sudah, 
• Pilih Tata Letak → Tambah Gadget → pilih HTML/JavaScript
• Lalu masukkan script berikut ini.

<style type="text/css"> #box{border:1px solid #ccc;padding:5px;margin:0;width:100%;} </style> <script language="JavaScript"> function flip() { var result = flipString(document.f.original.value.toLowerCase()); document.f.flipped.value = result; } function flipString(aString) { var last = aString.length - 1; var result = new Array(aString.length) for (var i = last; i >= 0; --i) { var c = aString.charAt(i) var r = flipTable[c] result[last - i] = r != undefined ? r : c } return result.join('') } var flipTable = { a : '\u0250', b : 'q', c : '\u0254', d : 'p', e : '\u01DD', f : '\u025F', g : '\u0183', h : '\u0265', i : '\u0131', j : '\u027E', k : '\u029E', //l : '\u0283', m : '\u026F', n : 'u', r : '\u0279', t : '\u0287', v : '\u028C', w : '\u028D', y : '\u028E', '.' : '\u02D9', '[' : ']', '(' : ')', '{' : '}', '?' : '\u00BF', '!' : '\u00A1', "\'" : ',', '<' : '>', '_' : '\u203E', '\\' : '/', ';' : '\u061B', '\u203F' : '\u2040', '\u2045' : '\u2046', '\u2234' : '\u2235' } for (i in flipTable) { flipTable[flipTable[i]] = i } </script> <h1> Membuat Tulisan Terbalik</h1> <form name="f"> <h2> Tulisan Asli</h2> <textarea rows="6" cols="50" name="original" onkeyup="flip()" id="box"></textarea> <h2> Tulisan Terbalik</h2> <textarea rows="6" cols="50" name="flipped" id="box"></textarea> </form>

• Simpan dan lihat hasilnya.

Jika Anda ingin memasang fitur ini pada posting blog, ikuti langkah berikut ini :

• Login ke blogger.com, jika sudah,
• Buat Entri Baru → Pilih HTML bukan compose
• Masukan judul dan beberapa kalimat pembuka atau penjelasan untuk lebih menarik. Dan setelah itu masukan kode berikut ini tepat di bawah judul tersebut.

<style type="text/css"> #box{border:1px solid #ccc;padding:5px;margin:0;} </style> <script language="JavaScript"> function flip() { var result = flipString(document.f.original.value.toLowerCase()); document.f.flipped.value = result; } function flipString(aString) { var last = aString.length - 1; var result = new Array(aString.length) for (var i = last; i >= 0; --i) { var c = aString.charAt(i) var r = flipTable[c] result[last - i] = r != undefined ? r : c } return result.join('') } var flipTable = { a : '\u0250', b : 'q', c : '\u0254', d : 'p', e : '\u01DD', f : '\u025F', g : '\u0183', h : '\u0265', i : '\u0131', j : '\u027E', k : '\u029E', //l : '\u0283', m : '\u026F', n : 'u', r : '\u0279', t : '\u0287', v : '\u028C', w : '\u028D', y : '\u028E', '.' : '\u02D9', '[' : ']', '(' : ')', '{' : '}', '?' : '\u00BF', '!' : '\u00A1', "\'" : ',', '<' : '>', '_' : '\u203E', '\\' : '/', ';' : '\u061B', '\u203F' : '\u2040', '\u2045' : '\u2046', '\u2234' : '\u2235' } for (i in flipTable) { flipTable[flipTable[i]] = i } </script> <h1> Membuat Tulisan Terbalik</h1> <form name="f"> <h2> Tulisan Asli</h2> <textarea rows="6" cols="50" name="original" onkeyup="flip()" id="box"></textarea> <h2> Tulisan Terbalik</h2> <textarea rows="6" cols="50" name="flipped" id="box"></textarea> </form>

• Setelah itu terbitkan laman blog Anda.

CONTOH SEPERTI DI BAWAH INI :

Membuat Tulisan Terbalik

Tulisan Asli

Tulisan Terbalik

Selamat Mencoba !

Hasil Penelitian Tentang Penggunaan "Safety Belt"

Apakah kamu selalu menggunakan sabuk pengaman pada saat mengendarai mobil? Atau, pernahkah kamu melihat atau mendengar anjuran menggunakan sabuk pengaman pada saat mengendarai mobil? Mengapa orang yang mengendarai mobil perlu menggunakan sabuk pengaman?

Melalui berbagai eksperimen, para ilmuwan mengetahui bahwa luka parah dan kematian pada penumpang akibat kecelakaan mobil dapat dicegah. Caranya adalah dengan menggunakan sabuk pengaman yang menyilang pada bahu, dada, dan pangkuan penumpang.

Apa yang terjadi dalam sebuah tabrakan? Apabila sebuah mobil yang melaju dengan kecepatan sekitar 50 km/jam menabrak benda besar yang padat, mobiltersebut akan ringsek dan berhenti mendadak dalam waktu sekitar 0,1 s. Karenakelembamannya, penumpang yang tidak memakai sabuk pengaman akan terusbergerak maju dengan kecepatan 50 km/jam, sama dengan kecepatan mobil tersebut.

Kecepatan ini kurang lebih sama dengan kecepatan penumpang itu apabila jatuhdari lantai tiga sebuah gedung! Dalam waktu sekitar 0,02 s setelah mobil berhenti,penumpang itu akan membentur dashboard, kemudi, atau bagian belakang kursi didepannya.

Penerapan

Penumpang yang mengenakan sabuk pengaman seperti gambar di samping ini akan tetap tertahan di kursi. Penumpang itu akan melambat seiring dengan melambatnya mobil. Gaya yang diperlukan untuk mem-perlambat seseorang dari 50 km/jam menjadi nol dalam waktu 0,1 s sama dengan 14 kali beratnya. Sabuk pengaman itu “memberi” sedikit waktu tambahan untuk me-lambat bagi penumpang itu, pada saat sabuk

sedikit meregang menahan orang tersebut. Disamping itu, sabuk tersebut juga menyebarkan gaya, sehingga gaya itu tidak memusat hanya pada satu bagian tubuh orang tersebut.

Desain Eksotis Catamaran SuperCat25 Endless Summer

Craig Cunningham mendesain Catamaran berkinerja tinggi yang diberi nama   SuperCat25 Endless Summer. 

Panjang kapal 25 meter dengan lebar 11,30 meter dengan dek yang impresif dan  penataan interiornya yang menarik .

Fitur desain unik telah dilakukan untuk membedakan kapal ini dengan  katamaran besar lainnya yang telah ada.  Bentuk kinerja tinggi nampak dari  lambung kapal dengan gaya yang terinspirasi oleh Jaguar MKII tahun 1960 dengan desain garis sensual.

Bagian belakang mampu menyimpan mesin serta dudukan jet ski dan alat selam.Ketika terbuka bagian ini dapat dilipat untuk menciptakan sebuah dek pantai.

Desain ini memberikan solusi untuk meningkatkan aerodinamika dan ruang untuk penyimpanan mesin  dan peralatan menyelam.

Kokpit menonjol lebih tinggi untuk memudahkan melihat pemandangan yang sangat luas  dan mirip dengan katamaran kinerja tinggi lainnya yang memiliki alat pengaturan dek terbuka. Adanya tempat penyimpanan minuman telah menghasilkan konfigurasi kokpit nampak terangkat. Catamaran ini menjadi daya tarik sebagai Yacht Super.

Bila anda berminat untuk membeli atau meminta desain tambahan dapat menghubungi : 

Craig Cunningham. 07967 33 66 42 ( UK ) .+ 44 7967 33 66 42 ( International )

craigecunningham@yahoo.co.uk

Detail gambar selanjutnya dapat dilihat di vidseo berikut ini :

Sejarah Superman Is Dead

Superman Is Dead (disingkat SID) adalah sebuah grup musik dari Bali, bermarkas di Poppies Lane II - Kuta. Grup musik ini beranggotakan tiga pemuda asal Bali, yaitu: Bobby Kool sebagai gitaris dan vokalis, Eka Rock sebagi bassis, dan Jerinx sebagai drummer.





Pada awal mula kemunculan, sekitar akhir tahun 1995, SID terpengaruh gaya musik dari band-band asing seperti Green Day dan NOFX. Di kemudian hari, inspirasi musikal SID bergeser ke genre Punk 'n Roll à la grup musik Supersuckers, Living Enddan Social Distortion.


Penggemar Superman Is Dead disebutOutsiders bagi yang laki-laki danLady Rose bagi yang perempuan.


Superman Is Dead yang biasanya dipanggil SID terbentuk pada tahun 1995. Awal mula terbentuknya SID (Superman Is Dead) dimotori oleh anggota band heavy metal thunder bernama Ari Astina sering dipanggil Jerinxyang ingin membentuk band baru. Dan drummer band new wave punk diamond clash Budi Sartika yg biasa dipanggil Bobby Kool yang ingin menjadi gitaris dan vokalis.


Jerinx dan Bobby bertemu di Kuta Bali. Kedua orang itu kemudian sepakat untuk membentuk sebuah band. Pada saat itu bass masih diisi oleh additional bassist bernama Ajuzt. Band mereka pada awalnya membawakan lagu-lagu dari Green Day.


Hari berganti hari datanglah personel baru yang bernama Eka Arsana panggilannya Eka Rock. Eka menjadi resmi sebagai personel SID. Dulu nama bandnya bukan Superman Is Dead tetapi Superman Is Silver Gun. Kemudian karena nama Superman Is Silver Gun kurang cocok bergantilah menjadi Superman Is Dead atau SID. Superman Is Dead mempunyai arti yaitu bahwa manusia yang sempurna hanyalah illusi belaka dan imajinasi manusia yang tidak akan pernah ada.

Nama : Eka Rock Tempat/tgl lahir : Negara, 8 Februari 1975
Pendidikan : Sastra Inggris, Faksas Unud

Nama : Bobby Kool Tempat/tgl lahir : Denpasar, 8 September 1977
Pendidikan : Sastra Inggris, Faksas Univ. Warmadewa Denpasar

Nama : Jerinx Tempat/tgl lahir : Kuta, 10 Februari 1977
Pendidikan : Fakultas Ekonomi, Undiknas Denpasar



Album
Kuta Rock City

Kuta Rock City dirilis secara resmi pada Maret 2003 dibawah label Sony Music Indonesia. Dengan single-single andalannya yaitu Punk Hari Ini dan Kuta Rock City yang kental dengan pengaruh Green Day dan NOFX langsung membuat nama SID disejajarkan dengan band-band rock.Selain beberapa lagu baru, SID juga menambahkan beberapa lagu lama dari album indie mereka tetapi dengan aransemen yang lebih baik dan baru. Album perdana SID ini langsung melambungkan nama SID sebagai band pendatang baru terbaik. Selain itu pula, ini merupakan langkah pertama SID di mayor label yang menimbulkan beberapa kontroversi di kalangan punk.
The Hangover Decade


Album yang dirilis tahun 2005 ini merupakan penanda 10 tahun SID berdiri. Di album keduanya SID masih mengambil jalur Punk seperti pada album Kuta Rock City, Di Album ini SID kembali memasukkan beberapa lagu lamanya seperti Long Way to The Bar, TV Brain, Bad bad bad, dan Beyond This Honesty.
Black Market Love


Album ketiga ini terkesan lebih dewasa[rujukan?], dengan lirik yang bercerita tentang kemarahan alam, keserakahan manusia, keadaan sosial dan politik. Dengan memasukkan unsur-unsur alat musik seperti akordion, trompet dan keyboards, seperti pada lagu Bukan Pahlawan dan Menginjak Neraka. Album ini dirilis tahun 2006.
Angels & the Outsiders


Album keempat yang dirilis tahun 2009 pada mayor label ini mengesankan bahwa semakin dewasanya SID. Masih seperti album sebelumnya, SID tetap mengandalkan lirik sosial dan perlawanan terhadap penindasaan. Album kali ini SID masih memainkan musik punkrock dengan sentuhan rock n' roll. Album SID ini menuai keberhasilan. Salah satunya adalah SID berhasil diundang ke Warped Tour Festival di Amerika Serikat dan melaksanakan tour di beberapa kota di USA. Ini merupakan keberhasilan SID karena merupakan satu-satunya band Indonesia dan band kedua di Asia yang dipanggil ke Warped Tour walaupun album mereka tidak dirilis di USA.




Award :

• Superman Is Dead "Hot & Freaky People 2003” MTV Trax Magazine January 2003
• June 2003 Superman Is Dead “MTV Exclusive Artist of the Month”
• Double Platinum Sony Music for Kuta Rock City Album
• 2003, MTV Award “Most Favorite New Artist”
• 2003, AMI Award “The Best New Artist”
• 2004, SCTV Music Awards “The Most Famous Album Nominee, Pop Rock Category” for Kuta Rock City Album
• 2006, AMI Awards “The Best Rock Album Nominee” for Black Market Love Album
• 2006, “Superman Is Dead The Best Local Band” The Beat Awards.
• 20 the best Indonesian Album 2006 for The Black Market Love Album. Rolling Stones Magazine Januari 2007
• 150 the Best Indonesian Album for Kuta Rock City Album. Rolling Stones Magazine, Special Collectors’ Edition Desember 2007.
• 50 Hype Things in Indonesian Music Industrial 2008 for Superman Is Dead.
• Trax Music & Attitude Magazine Edition Januari 2008.

Bagaimana dengan sejarah band kesukaan Anda ?