Cara Membuat Border CSS Rounded Corner

Rounded Corner Adalah suatu teknik membuat garis lengkung di pojok baik di halaman web/situs atau dimana saja tanpa menggunakan gambar tapi dengan menggunakan kode CSS, jika sobat seorang designer web maka teknik ini perlu di kuasai, karena dengan teknik CSS ini situs akan terlihat menarik dan lebih stylish. oke mungkin dari penjelasan diatas sobat sudah paham dengan yang namanya Rounded Corner, jika belum mari lihat contoh di bawah.

Untuk membuat rounded Corner sangatlah mudah sobat tinggal menghapalkan beberpa code di bawah ini.

• -webkit-border-radius: ukuran;
• -moz-border-radius: ukuan;

Cara Membuat Border CSS Rounded Corner

Cara Membuat Widget Gambar Slider (Gambar Bergerak)

Untuk membuat Gambar Auto Slider/ Gambar bergerak otomatis pada blog carannya sangat mudah dan nggak butuh waktu lama untuk mengerjakannya.

Contohnya bisa sobat liat di Blog sederhana saya http://miztiz-pemudaindonesia.blogspot.com/ ,

Cekidot:

1.  Login dengan akun blogger anda.
2.  Pilih Rancangan
3.  Pilih Edit HTML
4. Cari kode ]]></b:skin> lalu copas kode CSS berikut tepat diatasnya.

/* CSS easySlider */
#containerSlider {
width:175px;
height:120px;
margin:0 0px;
padding:0;
position:relative;
}
#prevBtn, #nextBtn {
display:block;
margin:0;
overflow:hidden;
padding:0;
text-indent:-8000px;
}
#slider ul, #slider li {
list-style:none;
margin:0;
padding:0;
text-indent:0;
}
#slider, #slider li {
overflow:hidden;
width:175px;
height:120px;
margin:0 auto;
}
#slider {
margin-left:0;
background:#ccc;
border:1px solid #999;
}
#prevBtn, #nextBtn {
display:block;
height:34px;
left:-20px;
position:absolute;
top:38px;
width:31px;
}
#nextBtn {
left:200px;
}
#prevBtn a, #nextBtn a {
background:transparent url() no-repeat scroll 0 0;
display:block;
height:34px;
width:31px;
}
#nextBtn a {
background:transparent url() no-repeat scroll 0 0;
}
#slider img {
background:#ccc;
padding:0px;
width:175px;
height:120px;
}

Perhatikan untuk teks yang berwarna merah dapat anda ganti ukurannya sesuai kebutuhan anda
5. Kemudian cari kode </head> lalu copas kode berikut tepat diatasnya. 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/easySlider1.5.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;#slider&quot;).easySlider({
auto: true,
continuous: true
});
});
</script>

6. Klik SAVE
7. Selanjutnya buatlah widget baru dengan cara klik Page Element lalu Add Widget baru dan pilih
    HTML/Javascript dan masukkan  kode berikut:

<div id="contentSlider">
<div id="slider">
<ul>
<li><a href="#" target=_blank"><img alt="1" src="url gambar 1" /></a></li>
<li><a href="#" target=_blank"><img alt="1" src="url gambar 2" /></a></li>
<li><a href="#" target=_blank"><img alt="1" src="url gambar 3" /></a></li>
<li><a href="#" target=_blank"><img alt="1" src="url gambar 4" /></a></li>
<li><a href="#" target=_blank"><img alt="1" src="url gambar 5 dst" /></a></li>
</ul>
</div>
</div>

8. Untuk Url dapat ditambah sesuai keinginan.
    Selesai..
 

Cara Mengetahui Bloger Satu Kota

Mungkin dengan keinggin tahuan kita untuk mengetahui bloger satu kota atau satu daerah dengan kita. Jangan – jangan tetangga kita bloger juga,atau kita inggin tahu dengan alasan yang lain misalkan sobat pengen bikin perkumpulan bloger atau ingin memperat tali silahturahmi dengan mereka. 
Caranya yaitu dengan memasukan alamat berikut di address bar browser sobat seperti gambar dibawah ini,

 

 

Blogger seluruh Indonesia :
http://www.blogger.com/profile-find.g?t=l&loc0=ID
Blogger dalam satu provinsi :
http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Jawa+Barat
Blogger dalam satu kota/ kabupaten :
http://www.blogger.com/profile-find.g?t=l&loc0=ID&loc1=Jawa+Barat&loc2=Tasikmalaya
Keterangan : Silakan ganti hurup yang berwarna merah sesuai dengan kode negara, nama
provinsi dan nama kota yang ingin anda cari.
ID : kode untuk Indonesia.
Jawa+Barat : nama provinsi. Tanda + berfungsi sebagai spasi pada nama provinsi dengan dua
kata atau lebih. 
Tasikmalaya : nama kota/kabupaten.

Cara Membuat Gambar Berjalan (efek Marquee)

Untuk membuat gambar berjalan kita hanya perlu menambahkan alamat url gambar tesebut. Mungkin trik ini usang atau tidak berguna bagi para master dan para webmaster, tapi apa salahnya bagi pemula seperti saya yang awam ini, mungkin bagi sahabat bloger yang pengen tau caranya kita ikuti langkah - langkahnya  seperti dibawah ini:

<marquee direction="up" onmouseover="this.stop()" width="180" onmouseout="this.start()" scrollamount="2" height="200">

LETAKAN KODE GAMBAR SAHABAT DISNI

</marquee> 

Copy kode atas ,  login keblog sobat klik Layout-->Add a Gadget-->HTML/JavaScript Paste Kode dan Save.

direction="up" Bisa sobat  diganti
down ===========>>> Bergerak turun
left ===========>>> Bergerak ke kiri
right ===========>>> Bergerak ke kanan
width="180 ===========>>> Menetukan lebar area
height="200" ===========>>> Menentukan tinggi area
scrollamount="2" ===========>>> Menetukan kecepatan gerak
  

Membuat menu navigasi | Garagedoor with jQuery

Cara membuat menu navigasi Garagedoor with jQuery ini sangat simple,n keren klo menurut saya...sobat bisa lihat demo menu navigasi yang saya dapat diSINI

langsung aja,cekidot :

1. Login blogger
2. Rancangan, Edit Html, Cari kode ]]></b:skin>
3. Dan Simpan kode berikut diatasnya :

/* ---------------
Menu navigasi Garagedor with jQuery
---------------------------------- */
.garagedoor a:active, .under_header a:active, .header a:focus, .under_header a:focus {
    outline: none; -moz-outline-style: none;
}

.garagedoor img {
    border: 0px; display: block;  
}

.item .mouse {
    height: 80px;
    width: 100px;
  
    margin:0;padding:0;border:0;display:block;left:0;position:absolute;cursor:pointer;top:0;
}

.item .mouse img {
    height: 80px;
    width: 100px;
  
    margin:0;padding:0;
}

.item {
    height: 80px;
    width: 100px;
    color: black;
  
    overflow:hidden;display:block;overflow:hidden;position:relative;margin:0;padding:0;float:left;background-repeat:no-repeat;text-decoration: none;
}

.item .underlay {
    padding: 10px;
    padding-top: 30px;
    color: #000;
    background: #fff;
        height: 80px;
    position:absolute;left:0px;top:0px;
}

.item .overlay {
    height: 80px;
    width: 100px;
  
    margin:0;padding:0;border:0;left:0;position:absolute;top:0;
}

Selanjutnya simpan script berikut diatas kode </head>:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://kangdadang.googlecode.com/files/garagedoorjQuery.js" type="text/javascript"></script>

dan simpan juga script ini diatas kode </body> :

<script type='text/javascript'>
GarageDoor.scrollY = -55;
GarageDoor.setBindings(&#39;garagedoor&#39;);
</script>

Cara pemanggilannya pada HTML:

<div class="garagedoor" id="garagedoor">
<div style="text-align: center;">

</div>
<div class="item" style="text-align: center;" title="#">
<div class="underlay">
Read my blog entries</div>
<img alt="" class="overlay" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjEZTleB42NEujMCWZep2kOwKuImtbOTCQ6nfQGFHTYvMn0-ysjZuDzTjGfsRc-aXABc7Xy2GYmaxPMlEQeS8EMJqC9VDXz_4z9tSafpI6eqjQjOv4m3OLJ5PqccwOEbJnwvJ6fhkxzq8/s1600/garage5.jpg" />
<div class="mouse">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzrZOeirWxQHP486Vqhd1ezc130mHkPcJPzJevVzLFvVJjRC0s_RlNUzOG-s2y7qaTKBpR4OWUmTgxzYJQGzBUq0boNHwwSsLRIr-GTpq5WkKoy8iVD8mWv_CucRvwqWMG1WTzfVAn4Pw/s1600/nothing.gif" /></div>
</div>
<div class="item" style="text-align: center;" title="#">

<div class="underlay">
information about me</div>
<img alt="" class="overlay" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDphQibEP0QfN2hSve0pYoRdIiHz9dwplj12XL85025JXscBbacaRJ3KwGzTOX9LaVzw9ywZfn9jhOgcjB81GGoAvVFd2M4lfZaw851FKs4qWAKmEDAra2dx_0DP75ct4wiAFce-eNoxc/s1600/garage2.jpg" />
<div class="mouse">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzrZOeirWxQHP486Vqhd1ezc130mHkPcJPzJevVzLFvVJjRC0s_RlNUzOG-s2y7qaTKBpR4OWUmTgxzYJQGzBUq0boNHwwSsLRIr-GTpq5WkKoy8iVD8mWv_CucRvwqWMG1WTzfVAn4Pw/s1600/nothing.gif" /></div>
</div>
<div class="item" style="text-align: center;" title="#">
<div class="underlay">
People that rock</div>
<img alt="" class="overlay" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRJbRGbk5BWlglP4mLJ_G12pM7bKdykZVToh050NecjJ74YwRR3yXjuCCenaXxqAzQiab3PxczhCkOe25JoFkposdJBrx7FiaCVjPfnV4Adirwd6ciGpWm7pgvFQ1M2dFo-p1N-WQePFQ/s1600/garage3.jpg" />
<div class="mouse">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzrZOeirWxQHP486Vqhd1ezc130mHkPcJPzJevVzLFvVJjRC0s_RlNUzOG-s2y7qaTKBpR4OWUmTgxzYJQGzBUq0boNHwwSsLRIr-GTpq5WkKoy8iVD8mWv_CucRvwqWMG1WTzfVAn4Pw/s1600/nothing.gif" /></div>
</div>
<div class="item" title="#">
<div class="underlay" style="text-align: center;">
Send me a message.</div>
<div style="text-align: center;">
<img alt="" class="overlay" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd0tor3LsPQNNIeaM9Wz6K57OvaBIr4YeTfqsQxfeBnStyMIHq4OxZ4YBysrv1AZhkcx2CeTYqTO3p3TPTeOZLJlT7wT7oF0kFRja48JXncfwo5xjvVG-qdUcD6gje-HCPlpLn_jH1Q-I/s1600/garage4.jpg" /></div>
<div class="mouse" style="text-align: center;">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzrZOeirWxQHP486Vqhd1ezc130mHkPcJPzJevVzLFvVJjRC0s_RlNUzOG-s2y7qaTKBpR4OWUmTgxzYJQGzBUq0boNHwwSsLRIr-GTpq5WkKoy8iVD8mWv_CucRvwqWMG1WTzfVAn4Pw/s1600/nothing.gif" /></div>

</div>
</div>

Cara Membuat HTML Parse Kode Box

HTML Tool Parse box Ini sangat berguna untuk para blogger dalam melakukan instalasi kode, apalagi untuk blog yang bergerak di bidang blog tutorial. maka memasang tool parse merupakan suatu kewajiban.

Cara Pemasangan:

•        Sobat dapat memasangnya di dalam postingan dengan menaruh kode di atas di Edit HTML (bukan di compose) nya.

•        Sobat dapat memasangnya sebagai widget dengan menaruhnya di sidebar, caranya saya rasa sudah tau, pilih Rancangan » add widget » HTML/Javascript (paste kode dan simpan).

Ini Kode Untuk Membuat HTML Parser Box :

<script type="text/javascript">function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}</script><table border="0" cellpadding="0" cellspacing="0" style="width: 400px;"><tbody><tr> <td valign="top" width="400"><textarea cols="50"id="somewhere" rows="15" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204);"></textarea><input onclick="convert();" type="button" value="Parse Script" /></td> </tr></tbody></table><br/></span></span><span class="Apple-style-span" style="font-family: 'trebuchet ms'; font-size: x-small; line-height: 20px;"> © Kucoba.com Webmaster Tools |&nbsp;<a href="http://www.kucoba.com" style="color: #0b5394; text-decoration: none;">Blogger Tool</a>

• Nama Parse Script boleh diubah mengikut kehendak masing-masing.

• Ukuran Box boleh diubah dengan menukar angka-angka di bagian ini:

      a)  width: 400px

      b)  "top" width="400"

      c)  textarea cols="50"

• Cara Pengunaan: Copy-paste kode HTML yang hendak diparse kedalam kotak dan klik parse kode SEKALI saja.

Selamat mencoba_

Cara Membuat Widget Recent Post dengan Slider

Masuk ke blogger
Pilih Rancangan
Pilih Edit HTML
Centang pada Expand Widget Template
Cari kode ]]></b:skin> (Gunakan Ctrl+F)

Masukkan kode di bawah ini di atas kode 

]]></b:skin>

<script>
function split_date(d){var da = d.split(' ');
day = "<strong class='day'>"+da[0]+"</strong>";
month = "<strong class='month'>"+da[1].slice(0,3)+"</strong>";
document.write(day+month);
}
</script>
<link href='http://www.blogger.com/static/v1/widgets/119427095-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<!-- Jquery library -->
<script src='http://www.google.com/jsapi?autoload=%7B%22modules%22+%3A+%5B%7B%22name%22+%3A+%22jquery%22%2C%22version%22+%3A+%221.4.2%22%7D%5D%7D' type='text/javascript'></script>
<!-- End Jquery library -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

Lalu Simpan

Selamat Mencoba.

Tips SEO blogger | mengatasi meta content | deskripsi

Cara Mengatasi Duplikat Meta Deskripsi Di Blogger - Nah ada satu hal yang mungkin para sobat blogger lupakan atau belum tahu khususnya buat sobat yang masih newbie dalam hal SEO seperti saya,yaitu kemungkinan terjadinya Duplikat Meta Deskripsi yang akan menyebabkan turunnya Peringkat blog kita, bahkan ada kabar blog kita bisa-bisa di banned oleh google...bagaimana solusinya..? Nah, sekarang saya akan membeberkan caranya Seperti dibawah ini :

1. Login ke blogger.com,
2. Pilih Tata Letak dan Edit HTML
3. Cari kode seperti dibawah ini :

255, 0); border-left: 17px solid rgb(7, 7, 25); color: black; margin-bottom: 2px; padding: 6px 0pt 6px 5px;">

<meta content="DESKRIPSI BLOG ANDA" name="description"/>

4. Sekarang tinggal menempatkan tag yang dalam kondisi "if", sehingga akan ditampilkan hanya di Homepage aja, sehingga akan menjadi seperti dibawah ini..perhatikan kode yang berwarna biru :

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<meta content="DESKRIPSI BLOG ANDA" name="description"/>

</b:if>

5. Terakhir, Simpan template

Semoga Bermanfaat__ 

Cara Membuat Widget Followers | Valid W3C

Kali ini saya akan sharing bagaimana Cara Membuat Widget Followers agar Valid W3C validator,saya akan menerangkan sedikit kenapa Widget Followers Error di W3C?itu karena penempatan bahasa type dari Java/Script.

Sebenarnya cara ini saya dapatkan dari banyak sumber dan berbagai blog yang telah saya temui saat blogwalking di om google,hanya saja mungkin di karenakan perbedaan pada template bawaan dari pihak ke3 maka cara yang umum di gunakan masih membuat saya bingung.

Akhirnya saya otak atik cara yang telah ada agar sesuai dengan template saya,dan semoga dapat membantu sobat blogger yang mempunyai kesulitan yang sama saat mencoba memasang widget followers valid w3 ini.cekidot:

1. Masuk dulu ke Google Friend Connect.
2. Lihat gambar

• Pilih blog sobat yang akan dipasang widget follownya (klo blog sobat belum tercantum,klik Tambahkan situs baru.

• Klik "Tambahkan gadget anggota".

• Silahkan diatur ukuran, warna dll nya.

• Klik "Buat kode"

• Silahkan Copy kodenya, dan ikuti langkah selanjutnya
  

     3.  Paste code followers yang udah sobat copy tadi ke dalam "notepad" (cara ini agar sobat,apalagi yg newbie kayak saya ga bingung...xixixi,ikuti aja ya)

     4.  Lihat code yang telah sobat copy ke dalam notepad tadi,kira2 seperti di bawah ini:

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id=" div id yang anda miliki " style="width:276px;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = '#e0ecff';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = '#ffffff';
skin['CONTENT_BG_COLOR'] = '#ffffff';
skin['CONTENT_LINK_COLOR'] = '#0000cc';
skin['CONTENT_TEXT_COLOR'] = '#333333';
skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
skin['CONTENT_HEADLINE_COLOR'] = '#333333';
skin['NUMBER_ROWS'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-div id yang anda miliki',
   site: 'ID dari blog anda' },
  skin);
</script>

•  Hapus code yang berwarna merah 

     5.  Setelah kode berwarna merah di hapus,lalu tambahkan kode yang berwarna Biru pada bagian atas dan bawah hingga keseluruhan terlihat seperti code di bawah ini:

<div class="widget-content">
<script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript">
</script>
<div id=" div id yang anda miliki " style="width:276px;border:1px solid #cccccc;"></div>

<script type="text/javascript">

var skin = {};

skin['BORDER_COLOR'] = '#cccccc';

skin['ENDCAP_BG_COLOR'] = '#e0ecff';

skin['ENDCAP_TEXT_COLOR'] = '#333333';

skin['ENDCAP_LINK_COLOR'] = '#0000cc';

skin['ALTERNATE_BG_COLOR'] = '#ffffff';

skin['CONTENT_BG_COLOR'] = '#ffffff';

skin['CONTENT_LINK_COLOR'] = '#0000cc';

skin['CONTENT_TEXT_COLOR'] = '#333333';

skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';

skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';

skin['CONTENT_HEADLINE_COLOR'] = '#333333';

skin['NUMBER_ROWS'] = '4';

google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);

google.friendconnect.container.renderMembersGadget(

 { id: 'div-div id yang anda miliki',

   site: 'ID dari blog anda' },

  skin);
</script>

</div>

     6. Nah,selanjutnya tinggal masuk ke blog>>Rancangan>>Elemen laman>>Tambah Gadget>>Pilih HTML/JavaScript, lalu copy paste code yang udah sobat oprek di notepad tadi ke dalamnya.

     7. Lalu,Simpan.

Selanjutnya dan terakhir agar widgetnya valid di W3C,pilih Rancangan>>Edit HTML>>centang Expand Template Widget lalu cari code di bawah :

<b:include name='quickedit'/> [biar gampang tekan Ctrl+F]

Lalu hapus,kemudian Simpan Template. 

Selesai.

Semoga bermanfaat_ 

Pasang Widget Google Search di Blog

Cara Pasang Widget Google Search di Blog,Cekidot :

1. Masuk ke blogger
2. Pilih Rancangan
3. Pilih Tambah Gadget
4. Pilih HTML/JavaScript

Selanjutnya, silahkan copy paste kode dibawah dan ganti text yang berwarna merah sesuai dengan keterangan blog sobat :

<form action="http://www.google.com/search" method="get">

<input onfocus="this.style.background='#fff';" maxlength="255" value=""
type="text"onblur="if(this.value=='')this.style.background='#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat'" style="height:18px;border: solid 1px black; background:#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat; position:relative;" size="25" name="q"/>

<input id="btn_undefined" style="position:absolute;padding-left:5px;"
value="Search" src="http://bloggerplugins.googlepages.com/yahoo-search-widget-button.png"
type="image"/><br/>

<div style="margin-top:5px;">

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="" name="sitesearch" type="checkbox"/> Web</li>

<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="http://bloganda.blogspot.com" name="sitesearch"
type="checkbox"/>Nama Blog</li>

</div>
</form>

Jangan lupa ganti tulisan yang berwarna Merah dengan alamat/url Blog sobat.

Semoga bermanfaat_

Style Menulis Pesan di Cbox

Berikut adalah berbagai macam style yang bisa diaplikasikan di CBOX dan cara penulisannya. Ini akan membuat pesan Anda lebih menarik dan orang lebih tertarik untuk kunjungi Anda.

Cara Membuat Teks Miring (Italic Style) di CBOX
Apit kata-kata yang ingin dicetak miring dengan [i] dan [/i]
Contoh: [i]teks miring[/i] hasilnya teks miring

Cara Membuat Teks Tebal (Bold Style) di CBOX
Apit kata-kata yang ingin dicetak tebal dengan [b] dan [/b]
Contoh: [b]teks tebal[/b] hasilnya teks tebal

Cara Membuat Teks Bergaris Bawah (Underline Style) di CBOX
Apit kata-kata yang ingin digaris bawah dengan [u] dan [/u]
Contoh: [u]teks bergaris bawah[/u] hasilnya teks bergaris bawah

Cara Membuat Teks Bergaris Tengah (Strike Style) di CBOX
Apit kata-kata yang ingin di garis tengah atau dicoret dengan [s] dan [/s]
Contoh: [s]teks dicoret[/s] hasilnya teks dicoret

Cara Membuat Teks Berukuran Besar (Big) di CBOX
Apit kata-kata yang ingin dicetak besar dengan [big] dan [/big]
Contoh: [big]tulisan besar[/big] hasilnya tulisan besar

Cara Membuat Tulisan Berukuran Kecil (Small) di CBOX
Apit kata-kata yang ingin dicetak kecil dengan [small] dan [/small]
Contoh: [small]tulisan kecil[/small] hasilnya tulisan kecil

Cara Membuat Tulisan Rata Tengah (Center) di CBOX
Apit kata-kata yang ingin dibuat rata tengah dengan [center] dan [/center]
Contoh: [center]rata tengah[/center]

Cara Membuat Tulisan Berwarna (Color) di CBOX
Apit kata-kata yang ingin diberi warna dengan [color=warna] dan [/color]
Contoh: [color=blue]teks biru[/color] hasilnya teks biru

Kode-kode warna:
Dengan menggunakan kode ini tulisan kita akan berbeda dari punya orang lain, sehingga mendapat perhatian penuh baik dari admin ataupun para peblogwalking lainnya berikut kodenya:[color=red] tulis pesan anda [/color]
[color=blue] tulis pesan anda [/color]
[color=green] tulis pesan anda [/color]
[color=yellow] tulis pesan anda [/color]
[color=pink] tulis pesan anda [/color]
[color=purple] tulis pesan anda [/color]
[color=brown] tulis pesan anda [/color]
[color=bronze] tulis pesan anda [/color]
[color=orange] tulis pesan anda [/color]
[color=black] tulis pesan anda [/color]
[color=white] tulis pesan anda [/color]
[color=gold] tulis pesan anda [/color]
[color=silver] tulis pesan anda [/color] 
[color=violet] tulis pesan anda [/color]
[color=hotpink] tulis pesan anda [/color]
[color=navyblue] tulis pesan anda [/color]
[color=tan] tulis pesan anda [/color]
[color=aqua] tulis pesan anda [/color]
[color=teal] tulis pesan anda [/color]
[color=lime] tulis pesan anda [/color]

Cara Membuat Teks Berjalan (Marquee) di CBOX
Apit kata-kata yang ingin dibuat bergerak dengan [scroll] dan [/scroll]
Contoh: [scroll]teks berjalan[/scroll]

Cara Membuat Teks Ber Link di CBOX
Apit kata-kata yang ingin diberi link dengan [url=alamattujuan] dan [/url]
Contoh: [url=http://patimeh.blogspot.com]aneh tapi nyata[/url]
hasilnya adalah aneh tapi nyata

Penggunaan Beberapa Macam Kode Sekaligus
Selalu letakkan teks paling tengah. Kode yang dibuka terlebih dahulu, ditutup paling akhir. Misalkan kita akan aplikasikan teks tebal dan berwarna, maka kodenya:
[b][color=red]teks merah tebal[/color][/b] hasilnya teks merah tebal
- teks merah tebal letakkan paling tengah
- kode pembuka terlebih dahulu [b] maka penutup [/b] letakkan paling akhir. contoh => [b]saya[/b] hasilnya  saya

Definisi Pagerank

Pagerank Blog merupakan standar algoritma yang berguna untuk menilai kepopuleran suatu blog. PageRank merupakan salah satu fitur utama mesin pencari Google yang dihitung dengan skala 1-10 (wikipedia.org). Blog kamu akan semakin populer jika semakin banyak web/blog lain yang meletakan link dan mengarah ke blog kamu tersebut, dengan kata lain postingan di blog kamu lebih populer dibandingkan dengan blog lain.

Untuk apa?

Yang pertama adalah untuk gengsi. Semakin tinggi pagerank, maka semakin ramai pula permintaan para blogger mania untuk meninggalkan backlink dalam blog kamu. Walaupun itu hanya sekedar untuk bertukar link.

Keduanya adalah menarik advertiser untuk beriklan dalam blog kamu. Tidak jarang advertiser sangat memperhatikan masalah yang satu ini, karena dapat menjadi bahan rujukan bahwa blog kamu pasti paten di search engine google. Artinya dengan mengetikkan keyword tertentu dalam search engine, sangat besar peluang blog kamu akan masuk dalam daftar pencarian “”. Tanda kutip merupakan kalimat tersembunyi yang bunyinya kira-kira seperti ini, “belum tentu masuk dalam daftar pencarian di halaman utama”.

Bagaimana cara mendapatkan pagerank?

1. Usahakan blog kamu SEO friendly. Artinya apabila blog kamu muncul dalam daftar utama pencarian search engine, maka besar peluang blog kamu akan dikunjungi oleh banyak orang. Hasil akhirnya diharapkan dari sekian banyak pengunjung blog tersebut, mudah-mudahan terdapat 2-3 orang yang mem-backlink ke posting atau blog kamu.

2. Bangun link, baik inbound maupun outbound. inbound link merupakan link web/blog lain yang mengarah ke blog kamu (ex: link antar posting), sedangkan outbound link merupakan link kamu yang mengarah ke web/blog lain (ex: tukaran link).

3. Link yang kamu buat harus berkualitas, dengan kata lain mempunyai kesesuaian dengan tema atau pokok bahasan yang kamu angkat.

4. Jangan lupa untuk memaksimalkan link antar posting kamu, terutama untuk kata atau frase kata yang berkaitan dengan posting tertentu dalam blog kamu sendiri.

   

5. Gunakan meta tag secara optimal.

6. Usahakan isi konten (posting) bersifat unik, menarik dan orisinil.

7. Berikan penekanan terhadap kata atau frase kata yang berhubungan dengan keyword.

8. Update posting blog kamu, untuk menjaga kelestarian ranking yang telah diperoleh.

9. Sering-sering mempromosikan blog kamu baik lewat mendaftar di search engine, blog walking dan sebagainya, serta pastikan jejak blog kamu tertinggal di blog yang kamu kunjungi (rajin berkomentar).

Catatan :

Cara yang ekstrim tapi legal di mata search engine adalah blog kamu mendapatkan backlink dari web/blog lain yang memiliki pagerank tinggi. Namun jangan sekali-kali mencoba membeli link web/blog yang berpagerank tinggi. Cari saja yang free karena lebih Hemat, cermat dan bersahaja (tepuk pramuka he..he..).

Intinya, pendekatan yang digunakan adalah sebuah halaman akan dianggap penting jika halaman lain memiliki link ke halaman tersebut. Sebuah halaman juga akan menjadi semakin penting jika halaman lain yang memiliki rangking (pagerank) tinggi mengacu ke halaman tersebut (wikipedia.org).

Ingat...!!! Pagerank bukan segala-galanya (masih ada alexa ranking). Ups…, maksudnya untuk apa pagerank kamu tinggi jika dalam search engine blog kamu tidak masuk dalam halaman utama. Kalau tidak masuk halaman utama berarti harus sering berpromosi dong. Beda kalau blog kamu masuk dalam halaman utama search engine ketika orang mengetikkan keyword tertentu. Ngga perlu susah promosi, ntar orang akan cari sendiri.

SEO Tools

List Tool Penunjang SEO - Dalam proses melakukan Optimasi blog atau web (SEO ) tidak cukup hanya dengan mengandalkan intelegensi atau perkiraan saja, namun diperlukan SEO tool atau aplikasi penunjang agar proses optimasi bisa efektif dan maksimal.

Ada banyak variant dari SEO Tool, mulai dari analisa keyword, meta tag, backlink, load speed, dan lain-lain. SEO tool ini ada yang berupa tool online yakni dipasang pada web-web tertentu yang menyediakan layanan SEO, ada aplikasi yang di install pada komputer, browser add ons dan lain sebagainya.

Daftar Tool SEO

 

Berikut daftar atau list SEO tool yang mungkin sobat tertarik untuk menggunakannya.

Firefox add-ons SEO Tool

Bagi sobat pengguna browser firefox, terdapat begitu banyak add ons yang bisa anda install pada broser anda, diantaranya adalah :

 

SeoQuake SEO extension

SeoQuake adalah add ons firefox yang sangat populer dan banyak digunakan oleh para pecinta SEO karena fungsinya yang sangat lengkap dan efektif.

Install Add ons SeoQuake

SEO Doctor

SEO Doctor dapat menganalisa berbagai faktor SEO pada blog anda secara langsung dan memberikan score sebagai penilaian atas faktor SEO yang anda terapkan di blog sobat, mulai dari penilaian inbound backlink, Page Rank Flow, Headings dan lain sebagainya.

Install Add Ons SEO Doctor

SearchStatus

SearchStatus adalah Add-Ons Firefox yang bisa menampilkan Google Page Rank, Alexa Rank, Compete Rank, SeoMoz Rank, nofollow link highting, check metatag, google index dan lain sebagainya hanya dengan sekali klik.

Install Add Ons Search Status

Page Speed

Add-ons yang dibuat oleh tim Google untuk menganalisa kecepatan website dan memberikan solusinya. Seperti yang kita tahu bahwa berat loading suatu blog atau website sangat berpengaruh terhadap SEO. Namun, add-ons page speed harus digandengkan dengan add-onsFirebug.

Install Add-Ons Firebug - Install Add-Ons Page Speed

Dan tentu masih banyak lagi Add-Ons Firefox yang lain untuk menunjang proses optimasi blog sobat.

Online SEO Tool

Terdapat begitu banyak website penyedia SEO Tool yang bisa sobat gunakan secara gratis, mulai dari cek backlink, analisa meta tag, cek posisi keyword sobat di search engine dan lain sebagainya.

Iwebtool

Iwebtool adalah website yang menyediakan begiru banyak SEO Tool yang bisa digunakan secara gratis, diantaranya adalah PageRank Checker, Backlink Checker, Website Speed Test, Link Popularity, Search engine Position dan lain sebagainya.

Iwebtool

SEO Centro

Website serupa seperti iwebtool yang menyediakan banyak SEO tool yang bisa digunakan secara gratis seperti Meta Tag Analizer, Rank Checker, Keyword Analizer, LInk Popularity, Keyword suggestion dan lain sebagainya.

SEO Centro

Backlink Watch

Backlink adalah faktor yang sangat dominan dalam SEO , khususnya untuk Google. Sebagus apapun website anda tidak akan mempunyai posisi yang bagus di Search Google apabila tidak mempunyai backlink dari website lain. Backlink Watch adalah penyedia Backlink Checker populer untuk mengecek backlink blog kita termasuk backlink website lain yang menjadi kompetitor anda, sehingga anda dapat mengetahui seberapa kuat kompetitor anda untuk dikalahkan.

Backlink Watch

Masih banyak SEO tool lain bisa anda pergunakan, baik yang berbayar atau gratis seperti IBP, SEnuke, Scrapbox, XRumer, Market Samurai dan lain sebagainya.

note: Terima kasih telah berkunjung :)

Membuat Sitemap opsional | Jenis site

Untuk mendapatkan mendapat indeks di mesin pencari Google kita perlu menambahkan Sitemap blog kita ke direktori Google. Tapi, karena blogger tidak memungkinkan untuk membuat file teks atau hal lain, kita perlu menambahkan blog kita feed / feed situs (ATOM xml / xml RSS) file sebagai peta situs.

Sebelum kita bicara untuk metode lebih lanjut, pastikan bahwa Anda telah menambahkan tag meta Google di blog Anda. Anda bisa mendapatkannya di akun Google Webmaster Tools. Jika Anda telah mengatur blog Anda ke Google Webmaster account dengan mengatur terlebih dahulu menambahkan situs Anda ke dalam kotak "Tambahkan Situs" dan diverifikasi dengan menambahkan meta tag ke template blogger Anda. Anda dapat membaca informasi detail tentang menambahkan script meta tag dan penempatan dari akun Google Webmaster.

Langkah berikutnya setelah Anda memverifikasi tag meta, waktu untuk menambahkan peta situs blog Anda. Cukup klik blog Anda di "Dashboard" dari akun Google Webmaster, pilih "Sitemap" di sebelah kiri. Tambahkan sitemap blogger anda dengan jenis peta situs berikut:

atom.xml

rss.xml

atom.xml?redirect=false

atom.xml?redirect=false&start-index=1&max-results=100

atom.xml?redirect=false&start-index=101&max-results=100

atom.xml?redirect=false&start-index=201&max-results=100

feeds/posts/default

feeds/posts/default?max-results=1000

feeds/posts/full

Contoh :

http://YOURBLOG.BLOGSPOT.COM/atom.xml
http://YOURBLOG.BLOGSPOT.COM/rss.xml
http://YOURBLOG.BLOGSPOT.COM/atom.xml?redirect=false
http://YOURBLOG.BLOGSPOT.COM/atom.xml?redirect=false&start-index=1&max-results=100
http://YOURBLOG.BLOGSPOT.COM/atom.xml?redirect=false&start-index=101&max-results=100
http://YOURBLOG.BLOGSPOT.COM/atom.xml?redirect=false&start-index=201&max-results=100
http://YOURBLOG.BLOGSPOT.COM/feeds/posts/default
http://YOURBLOG.BLOGSPOT.COM/feeds/posts/default?max-results=1000
http://YOURBLOG.BLOGSPOT.COM/feeds/posts/full

Temukan Fosil Tertua Di Bumi | Buka Harapan Di Mars

PARIS - Harapan manusia untuk bisa hidup di Planet Mars belum memudar. Itu terjadi setelah sebuah mikrofosil yang ditemukan di Australia menunjukkan bahwa bumi pun awalnya tak beroksigen. Dalam temuan yang dirilis Minggu lalu (21/8) tersebut, umur mikrofosil itu ditaksir lebih dari 3,4 miliar tahun.

Para peneliti dari University of Western Australia dan Oxford University menegaskan bahwa fosil yang mereka temukan itu merupakan bagian dari mikroba yang hidup di area tanpa oksigen. "Mikrofosil itu kami temukan pada lapisan batu sedimen. Ini merupakan fosil paling tua yang ditemukan manusia," papar jubir tim peneliti yang tidak disebutkan namanya itu.

Batu sedimen berisi mikrofosil tersebut berasal dari situs Strelley Pool, Pilbara Region, Australia Barat. Konon, mikroba yang terbentuk menjadi fosil itu terjebak di antara butiran pasir kuarsa ketika ia berada dalam kondisi sekarat. Selanjutnya, mikroba itu terabadikan sebagai mikrofosil. Temuan serupa, konon, juga pernah muncul pada 2002.

Sejak lama, para ilmuwan meyakini bahwa formasi batu sedimen di Pilbara merupakan yang paling tua di dunia. Sebelum dikenal sebagai Pilbara, kawasan tersebut berjuluk Archean Eon. Konon, di sanalah pusat simpanan air tanah saat bumi masih berupa planet sangat muda. Di kawasan itu juga terdapat lautan dan kolam air panas.

Pada 2002, tim peneliti juga menemukan mikrofosil sejenis di Pilbara. Kali ini, penemuan terjadi pada lokasi berjarak sekitar 35 km dari lokasi penemuan pertama. Namun, saat itu penemuan mikrofosil itu dimentahkan oleh analisis sejumlah pakar. Menurut para pakar kala itu, benda yang ditemukan dalam batuan sedimen tersebut bukanlah mikrofosil tapi mineral.

Kali ini, tim peneliti dari dua kampus tersohor itu bisa memastikan bahwa penemuan dalam batu sedimen tersebut adalah mikrofosil. "Mikroba purba ini bergantung pada sulfur untuk bertahan hidup. Mereka tak butuh oksigen," ungkap David Wacey, ketua tim dari University of Western Australia. Temuan itu lantas didokumentasikan pada jurnal Nature Geoscience.

Mobil Terbang

Mobil Terbang Buatan Amerika Serikat — Bicara mengenai mobil terbang, pastinya kita akan teringat dengan kendaraan canggih yang muncul di film-film yang mengangkat tema masa depan. Atau seperti serial animasi yang dimana dunia sudah semakin modern.

Kini negara maju Amerika Serikat berhasil menciptakan sebuah mobil yang dapat beroperasi dua alam, yaitu darat dan udara.

Amerika Serikat kini punya transition roadable aircraft(TRA), kendaraan yang bisa jalan di dua alam, darat dan udara, ciptaan Terrafugia Transition. Mobil terbang ini sudah ada sejak 2006, tetapi pihak pembuat butuh waktu bertahun-tahun untuk meyakinkan pihak berwenang akan kelaikan dan keselamatan untuk mendapatkan izin.

Pada 2009, TRA mendapat lampu hijau melakukan terbang perdana. Sementara izin berkendara di jalanan (on the road) baru dikantongi sekarang yang dikeluarkan oleh Lembaga Keselamatan Jalan Raya dan Lalu Lintas Nasional AS (National Highway Traffic Safety Administration/NHTSA).

Dalam izin itu disebutkan, Terrafugia mendapat beberapa keringanan khusus dengan berbagai pertimbangan. Misalnya, TRA boleh menggunakan jenis ban yang lebih berat dari bobot normal. Lalu, khusus kaca harus dilapisi untuk keselamatan kala terjadi tabrakan atau ditabrak burung. Namun, pada TRA menggunakan bahan polikarbonat (plastik).
 

Adanya pengecualian, menurut NHTSA kepada insidelane, karena mobil terbang itu masih dalam lingkup kepentingan umum dan konsistensi menjaga keselamatan lalu lintas.
Sekalipun bisa terbang, TRA harus mengikuti prosedur layaknya pesawat terbang, yakni jika ingin tinggal landas harus dari bandara.

Dari segi performa, TRA diklaim bisa terbang sejauh 700 kilometer dengan kecepatan 175 km/jam. Saat di jalanan, mobil ini bisa dipacu dengan kecepatan 110 km/jam. Ia bisa parkir layaknya mobil biasa. Selain itu, TRA memiliki kemampuan melipat sayap hanya dalam waktu 30 detik, ibarat sebuah mobil konvertibel.

Dengan dikantonginya izin ini, maka membuka jalan TRA untuk mulai pengiriman 100 unit yang sudah terpesan konsumen. Satu mobil terbang dibanderol 250.000 dollar AS (Rp 2,1 miliar).Amerika Serikat kini punya transition roadable aircraft(TRA), kendaraan yang bisa jalan di dua alam, darat dan udara, ciptaan Terrafugia Transition. Mobil terbang ini sudah ada sejak 2006, tetapi pihak pembuat butuh waktu bertahun-tahun untuk meyakinkan pihak berwenang akan kelaikan dan keselamatan untuk mendapatkan izin.

Pada 2009, TRA mendapat lampu hijau melakukan terbang perdana. Sementara izin berkendara di jalanan (on the road) baru dikantongi sekarang yang dikeluarkan oleh Lembaga Keselamatan Jalan Raya dan Lalu Lintas Nasional AS (National Highway Traffic Safety Administration/NHTSA).

Dalam izin itu disebutkan, Terrafugia mendapat beberapa keringanan khusus dengan berbagai pertimbangan. Misalnya, TRA boleh menggunakan jenis ban yang lebih berat dari bobot normal. Lalu, khusus kaca harus dilapisi untuk keselamatan kala terjadi tabrakan atau ditabrak burung. Namun, pada TRA menggunakan bahan polikarbonat (plastik).

Adanya pengecualian, menurut NHTSA kepada insidelane, karena mobil terbang itu masih dalam lingkup kepentingan umum dan konsistensi menjaga keselamatan lalu lintas.
Sekalipun bisa terbang, TRA harus mengikuti prosedur layaknya pesawat terbang, yakni jika ingin tinggal landas harus dari bandara.

Dari segi performa, TRA diklaim bisa terbang sejauh 700 kilometer dengan kecepatan 175 km/jam. Saat di jalanan, mobil ini bisa dipacu dengan kecepatan 110 km/jam. Ia bisa parkir layaknya mobil biasa. Selain itu, TRA memiliki kemampuan melipat sayap hanya dalam waktu 30 detik, ibarat sebuah mobil konvertibel.

Dengan dikantonginya izin ini, maka membuka jalan TRA untuk mulai pengiriman 100 unit yang sudah terpesan konsumen. Satu mobil terbang dibanderol 250.000 dollar AS (Rp 2,1 miliar).

Senjata Masa Depan

•  Kendaraan Perang Tanpa Awak

Ini adalah kendaraan robot, dalam pengembangannya di tujukan untuk mencari dan menghancurkan pasukan musuh serta merusak peralatan perang di darat atau di udara, tanpa risiko adanya korban manusia - secara teoritis.

Kemampuan komputer Onboard menginterpretasikan data sensor untuk mengidentifikasi dan menargetkan pasukan musuh dengan senjata terintegrasi. Robot dapat menerima perintah manusia melalui situs remote untuk maju ke garis depan, dan pasukan sekutu dapat membawa transponder yang mengidentifikasi mereka sebagai "teman"kepada robot.Namun kendaraan sejenis ini kesulitan membedakan dengan cepat antara pasukan musuh dan pihak netral atau sekutu dan objek, seperti warga sipil, binatang, pohon, dan mesin. Sistem yang di kendalikan dengan pengendali manusia rentan terhadap kegagalan komunikasi.

• Laser Energi Tinggi

Laser adalah sinar energi yang kuat yang berjalan melalui udara atau ruang di garis lurus. Laser melakukan perjalanan dengan kecepatan cahaya dan bisa menyerang target yang berjarak ribuan kilometer.

Sebuah cermin besar memfokuskan sinar laser yang kuat ke sebuah spot kecil target. Panas yang dihasilkan dapat membakar permukaan target, mengganggu aktifitas penerbangan, menonaktifkan hulu ledak, atau menyalakan bahan bakar atau bahan peledak.

Kelemahannya perlu lebih banyak energi untukmemberikan dampak kerusakan yang sama dengan kerusakan yang di timbulkan sebuah peluru, yang menghancurkan target dengan momentum mereka. Laser yang sangat kuat juga membutuhkan bahan bakar atau tenaga listrik sangat besar (Mengisi Laser  AS Airborne sama dengan mengisi sebuah Boeing 747). Perjalanan sinar melalui udara dan turbulensi dapat memencarkan energi sina higga tidak terfokus.

• Pangkalan Senjata Luar Angkasa

Ruang angkasa adalah tempat yang paling tinggi, sehingga senjata di orbit akan memiliki kemampuan untuk melihat dan menembak sesuatu di tanah,udara, atau yang berada di ruang angkasa.

Misi utama dari senjata luar angkasa adalah mencegah/melawan serangan rudal balistik di Bumi. Armada pencegat atau stasiun pertempuran akan ditempatkan di orbit, siap untuk menembak setiap rudal musuh menyerang. Pendekatan utama sekarang adalah proyektil padat - seperti batang tungsten - yang akan menabrak rudal. Tapi stasiun pertempuran laser  juga sedang dipertimbangkan.

Keterbatasan: Teknologi ini belum matang karna waktu reaksi yang lambat. Pencegat harus meluncurkan hulu ledak untuk menghancurkan mereka, yang juga membutuhkan bahan bakar kimia atau daya listrik yang tidak tersedia di ruang angkasa.

• Pesawat Hypersonik

Mesin jet yang memungkinkan penumpang dapat bepergian dengan kecepatan 10.000 mph akan segera terealisasi. Hypersonic screamjets telah dikerjakan selama bertahun-tahun, tapi sebenarnya scramjet ini bukanlah suatu pesawat, melainkan sebuah misil yang dinamakan Boeing X-51A. X-51A dibuat untuk membuktikan bahwa scramjet benar-benar bisa bekerja. Dan peluncuran pertamanya dijadwalkan pada bulan Desember nanti.

Jika penelitian ini dapat membuat scramjets lebih praktis, maka dia dapat menggantikan mesin jet dan roket. Jet dapat mencapai 1.6 Mach, sementara itu sekarang pesawat mata-mata SR-71 Blackbird dapat mencapai 3.3 Mach. Sedangkan roket dapat mencapai 25 Mach, tapi untuk mencapai kecepatan seperti itu roket membutuhkan ribuan ton oksigen cair.

Scramjet tidak bisa secepat pesawat ruang angkasa, tapi dia dapat mengalahkan kecepatan jet. Secara teori dia dapat berakselerasi sampai 15 Mach. Tapi jangan berharap bepergian dari New York ke L.A. dalam 45 menit, itu belum saatnya karena tehnologi hypersonic masih membutuhkan banyak waktu agar benar-benar dapat dijadikan pesawat terbang penumpang.



Sebenarnya masih banyak jenis kendaraan atau senjata masa depan lainnya,walaupun masih dalam tahap pengembangan  namun bukan suatu hal yang mustahil semua akan tercipta suatu hari nanti...sebenarnya saya tidak suka kekerasan apalagi yang namanya perang.tapi selama  senjata di gunakan untuk melindungi manusia atau suatu negara yang berdaulat itu sah2 saja,namun kalau sudah menjadi lahan bisnis para pengembang yang tidak bertanggung jawab tanpa memikirkan kelangsungan hidup umat manusia kedepannya maka saya percaya suatu saat manusia akan musnah oleh ciptaannya sendiri.

beuh,amit2 lah...hahaha

Dari Berbagai Sumber,

Membuat Multi Kolom

Tutorial kali ini membahas tentang design template, multi kolom, pasti sudah banyak yang tau apa itu multi kolom, tapi saya yakin masih sedikit yang mengetahui cara membuatnya. Kali ini kita akan membuat muliti kolom tepat dibawah halaman blog kita atau biasanya letaknya dibawah kolom postingan, ambil contohnya saja yang ada di blog ini dimana saya membuat 3 kolom pada bagian bawah template. Banyak variasi yang bisa sobat buat untuk mempercantik kolom – kolom ini.

Dan disini saya akan mencoba tambahkan kode UL LI pada kolom, sehingga jika sobat menggunakan kode ini, maka akan secara otomatis membentuk tulisan yang disertai garis putus – putus dibawah tulisan dan icon cantik yang mengawali tulisan.

Kali ini saya akan gunakan template yang lebarnya 1000px sehingga saya menggunakan lebar kolom 990px. Baiklah, langsung praktek aja ya biar tau.

1.  Seperti biasa login dulu ke blogger.

2.  Klik Tata Letak.

3.  Pilih Edit HTML dan centang Expand Template Widget.

4. Tambahkan kode berikut tepat diatas kode ]]></b:skin> :

#bottom {yhrh

width: 990px;

position: relative;

clear:both;

margin: 0 auto;

color:#000;

float: center;

background:transparent;

padding: 15px 0 15px 0; }

#bottom h2 {

padding-left: 5px;

margin: 0 0 10px 0;

background:#0B3B0B;

color:#fff;

font-size: 18px;

letter-spacing: 1px;

border-bottom: 1px solid #000; }

#bottom ul{padding:0; margin:0; color:#333}

#bottom ul li{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbs3Q453Lr5xteZUaG3IVvSaWngFGuWQe-EMklcFxmBAfABK5MluFE05k8A8Xnhk2u3piKQTquw1sXmtX4Dk4Hy5c4kx-t_nJB9cQSkcK_reSwNfLISfE8F86auH1VQSXwyTSPTRCA2RRE/s320/d3.gif') no-repeat; list-style-type:none; margin:0 0 10px; padding:0 0 10px 20px; border-bottom:1px dashed #CCCCCC; }

#bottom li{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbs3Q453Lr5xteZUaG3IVvSaWngFGuWQe-EMklcFxmBAfABK5MluFE05k8A8Xnhk2u3piKQTquw1sXmtX4Dk4Hy5c4kx-t_nJB9cQSkcK_reSwNfLISfE8F86auH1VQSXwyTSPTRCA2RRE/s320/d3.gif') no-repeat; list-style-type: none; margin: 0 0 10px; padding-left: 20px; }

#bottom ul li a:hover {

background: #B1ACB1;}

#left-bottom { /* kolom kiri */

background:#ffffff; width: 300px;

float: left;

margin-left:10px;

padding:5px; /* Jarak antara text dengan garis pinggir */

Border-top: 2px solid #1B2A0A; /* warna garis  pinggir atas */

Border-bottom: 2px solid #1B2A0A; /* warna garis  pinggir bawah */

Border-left: 2px solid #1B2A0A; /* warna garis pinggir kiri */

Border-right: 2px solid #1B2A0A; /* warna garis pinggir kanan */

Margin-bottom: 30px; /* jarak antara kolom dengan garis bawah template */

-moz-border-radius-bottomleft:5px;

-moz-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;

-moz-border-radius-topright:5px; }

#center-bottom { /* kolom tengah */

background:#ffffff; width: 300px;

float: left;

margin-left:10px;

padding:5px; /* Jarak antara text dengan garis pinggir */

Border-top: 2px solid #1B2A0A; /* warna garis  pinggir atas */

Border-bottom: 2px solid #1B2A0A; /* warna garis  pinggir bawah */

Border-left: 2px solid #1B2A0A; /* warna garis pinggir kiri */

Border-right: 2px solid #1B2A0A; /* warna garis pinggir kanan */

Margin-bottom: 30px; /* jarak antara kolom dengan garis bawah template */

-moz-border-radius-bottomleft:5px;

-moz-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;

-moz-border-radius-topright:5px; }

#right-bottom { /* kolom kanan */

background:#ffffff; width: 300px;

float: left;

margin: 0 5px 0 10px;

padding:5px; /* Jarak antara text dengan garis pinggir */

Border-top: 2px solid #1B2A0A; /* warna garis  pinggir atas */

Border-bottom: 2px solid #1B2A0A; /* warna garis  pinggir bawah */

Border-left: 2px solid #1B2A0A; /* warna garis pinggir kiri */

Border-right: 2px solid #1B2A0A; /* warna garis pinggir kanan */

Margin-bottom: 30px; /* jarak antara kolom dengan garis bawah template */

-moz-border-radius-bottomleft:5px;

-moz-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;

-moz-border-radius-topright:5px}

5. Sekarang tuju bagian body atau bagian bawah template, lalu cari kode yang mirip dengan kode berikut  

<div id='footer-wrapper'> 

<b:section class='footer' id='footer'/> </div>

Copas kode berikut ini tepat sebelum kode diatas :

<div id='bottom'>

<b:section class='bottom' id='left-bottom'/>

<b:section class='bottom' id='center-bottom'/>

<b:section class='bottom' id='right-bottom'/>

</div>

Kemudian Simpan Template sobat.

Sekarang sobat bisa lihat hasilnya, jika tidak sesuai, silahkan sobat ganti sesuai keinginan sobat.

Keterangan :

* #bottom { width: 990px
--> lebar kolom keseluruhan, sesuaikan dengan lebar template sobat.

* background:#0B3B0B
--> latar belakang (background kolom).

* color:#fff
--> warna tulisan judul

* #left-bottom { /* kolom kiri */ width: 300px
--> lebar kolom kiri.

* -moz-border-radius-bottomleft:5px;
   -moz-border-radius-bottomright:5px;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
--> garis melengkung pada setiap ujung kolom, semakin besar angkanya maka akan semakin lebar garis lengkungnya. Jika sobat enggan membuat kolom melengkung, ganti saja angka 5px dan ganti dengan 0px. Atau hapus semua kode –moz-border-radius tersebut.

* Border-top: 2px solid #1B2A0A
   Border-bottom: 2px solid #1B2A0A
   Border-left: 2px solid #1B2A0A
   Border-right: 2px solid #1B2A0A
--> untuk ketebalan garis pinggir masing – masing kolom, semakin besar angkanya maka akan semakin tebal garisnya. Jika sobat tidak mau memakai garis pinggir, sobat ganti saja angka 2px dengan 0px. Dan kode #1B2A0A adalah warna border / garis pinggir kolom.


note: Hooooaaaammm...nyam..nyammm,tdur aaah.