Gambar diatas itu aslinya kotak, tidak pribadi bulat. Setelah diberi aba-aba css, barulah gambar itu sanggup bulat. Dibawah ini yakni gambar orisinil dari referensi diatas.
Berikut Ini yakni satu referensi penggunaan gambar lingkaran di blog, sanggup kalian gunakan untuk menu, atau halaman lainnya. Ikuti langkah-langkah dibawah ini.
- Login ke blogger, dari halaman dasbor, pilih pengaturan tata letak.
- Lalu klik tambahkan Gadget, pilih HTML/JAvascript.
- Selanjutnya copy aba-aba dibawah ini.
<style>
#bulat{background:transparent;}
#bulat ul{}
#bulat ul li{float:left;list-style:none;padding:0px 10px 0px 0px;}
#bulat ul li img{padding:0px;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;}
</style>
<div id="bulat">
<ul>
<li><a href="URL" ><img src="URL Gambar" /></a></li>
<li><a href="URL" ><img src="URL Gambar" /></a></li>
<li><a href="URL" ><img src="URL Gambar" /></a></li>
<li><a href=" ">cara menciptakan icon website dan jikalau masih galau mengambil url gambar, sanggup baca di cara mengambil url gambar.
#bulat{background:transparent;}
#bulat ul{}
#bulat ul li{float:left;list-style:none;padding:0px 10px 0px 0px;}
#bulat ul li img{padding:0px;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;}
</style>
<div id="bulat">
<ul>
<li><a href="URL" ><img src="URL Gambar" /></a></li>
<li><a href="URL" ><img src="URL Gambar" /></a></li>
<li><a href="URL" ><img src="URL Gambar" /></a></li>
<li><a href=" ">cara menciptakan icon website dan jikalau masih galau mengambil url gambar, sanggup baca di cara mengambil url gambar.
Itulah sedikit tips dan trik wacana cara menciptakan gambar bentuk lingkaran di blog, yang sanggup kita dipakai untuk menambah pilihan dalam mendesain blog sendiri.
Semoga Bisa Bermanfaat Untuk Anda.
0 comments:
Post a Comment