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