1. Untuk mengubah tampilan background:
a. klik tool,options,display,color-options,pilih warna, klik apply&close ,ok
b. klik view,color , pilihh warna ,ok
c. start,color, display ,warna ,ok
d. starr, program, bacgroun ,ok
e. insert, tools ,toolbar, ok
2. Menyimpan data dengan nama sendiri :
a. klik menu,scroll bar ok
b. klik file ,klik save , ok
c. klik icon save,ketikan nama sendiri, save , ok
d. klik save enter
e. klik tool , save ,ok
3. suatu gambar diketahui : skala gambar 1:5, satuan mm, kertas gambar A4 tegak, maka limitsnya untuk sisi kiri bawah dan kanan atas adalah :
a. 0,0 dan 210,297
b. 0,0 dan 297,210
c. 0,0 dan 1050,1485
d. 0,0 dan 297,420
e. 0,0 dan 420,557
4. Suatu sistim koordinat akan dipindahkan keposisi x=15 dan y=30
a. Command: ucs ; origin; 15,0,30,0
b. Command:Options ; 15,0,30,0
c. Command:Grid; 15,0,30,0
d. Command:Limits; 15,0,30,0
e. Command:array; 15,0,30,0
5. Suatu gambar akan diperbanyak , kearah kolom 10 buah dan ke baris 7 buah , untuk memperbanyak gambar tersebut ;
a. Command : copy
b. Command : Array
c. Command : Offset
d. Command : Trim
e. Command : rectangle
6. Untuk memotong garis dengan garis pembatas
a. Command : line
b. Command :Erase
c. Command :Rotate
d. Command :Trim
e. Command :Polligon
7. Membuat segi delapan beraturan :
a. Command : Circle
b. Command :Polygon
c. Command :Poligone
d. Command :Rectangle
e. Command :Rec
8. Harch perintah untuk :
a. memotong garis
b. menghapus
c. memperbanyak
d. membuat garis sejajar
e. mengarsir
9. Command : Mi
a. Untuk membuat gambar simetris
b. Membuat gambar banyak
c. Menghapus
d. Memindahkan
e. Menggeser layer
10.Dibawah ini adalah fungsi Menu bar yang benar adalah...
a. Untuk memberikan perintah pada saat penggambaran dengan mengetik terlebih dahulu
b. Untuk memilih atau menentukan jenis garis, ketebalan garis dan warna garis
c. Untuk memberikan ketepatan garis pada garis yang lainnya.
d. Merubah, menambah, mengurangi atau memutar suatu gambar dengan bantuan dari icon yang ada di kelompok toolbar modify
e. Perintah-perintah yang tersedia untuk kita akses dimana fungsinya banyak sekali baik untuk membuka file, menyimpan, dan masih banyak yang lain
11. Dibawah ini fungsi Status bar yang benar adalah
a. Untuk memberikan ketepatan garis pada garis yang lainnya
b. Untuk memilih atau menentukan jenis garis, ketebalan garis dan warna garis
c. Untuk memberikan perintah pada saat penggambaran dengan mengetik terlebih dahulu
d. Merubah, menambah, mengurangi atau memutar suatu gambar dengan bantuan dari icon yang ada di kelompok toolbar modify
e. Untuk memberikan informasi khusus, contoh snap on/off, grid on/of, model atau loyout, dan sebagainya.
12. Dibawah ini adalah fungsi Toolbar object snap yang benar adalah
a. Untuk memberikan ketepatan suatu garis pada garis yang lainnya
b. Untuk memilih atau menentukan jenis garis, ketebalan garis dan warna garis
c. Untuk memberikan perintah pada saat penggambaran dengan mengetik terlebih dahulu
d. Merubah, menambah, mengurangi atau memutar suatu gambar dengan bantuan dari icon yang ada di kelompok toolbar modify
e. Untuk memberikan informasi khusus, contoh snap on/off, grid on/of, model atau loyout, dan sebagainya
13. Dibawah ini adalah fungsi Command line yang benar adalah
a. Untuk memberikan ketepatan garis pada garis yang lainnya.
b. Untuk memilih atau menentukan jenis garis, ketebalan garis dan warna garis
c. Untuk memberikan perintah pada saat penggambaran dengan mengetik terlebih dahulu
d. Merubah, menambah, mengurangi atau memutar suatu gambar dengan bantuan dari icon yang ada di kelompok toolbar modify
e. Untuk memberikan informasi khusus, contoh snap on/off, grid on/of, model atau loyout, dan sebagainya
14. Dibawah ini adalah fungsi Polyline yang benar adalah
a. Sebuah perintah untuk membuat objek garis
b. Untuk menggambar dua buah garis yang sejajar dengan yang bisa ditentukan
c. Untuk membuat garis dengan bidang sisi yang banyak
d. Untuk membuat sebuah lingkaran
e. Untuk membuat garis, busur, garis dan garis juga busur busur
15. Dibawah ini adalah fungsi Multiline yang benar adalah
a. Sebuah perintah untuk membuat objek garis
b. Untuk menggambar dua buah garis yang sejajar dengan yang bisa ditentukan
c. Untuk membuat garis dengan bidang sisi yang banyak
d. Untuk membuat sebuah lingkaran
e. Untuk membuat garis, busur, garis dan garis juga busur busur
16. Dibawah ini fungsi perintah Donut yang benar adalah
a. Garis lingkaran yang dibuat berdasarkan dua titik yang kita tentukan
b. Garis lingkaran yang dibuat berdasarkn tiga titik yang kita tentukan
c. Garis lingkaran yang dibuat berdasarkan nilai diameter yang kita berikan
d. Garis lingkaran yang dibuat berdasarkan nilai radius yang kita berikan
e. Perintah untuk membuat lingkaran yang mempunya diameter dalam dan diameterluar
17. Dibawah ini fungsi perintah Arc yang benar adalah
a. Untuk membuat garis busur
b. Garis lingkaran yang dibuat berdasarkn tiga titik yang kita tentukan
c. Garis lingkaran yang dibuat berdasarkan nilai diameter yang kita berikan
d. Garis lingkaran yang dibuat berdasarkan nilai radius yang kita berikan
e. Perintah untuk membuat lingkaran yang mempunya diameter dalam dan diameterluar
18. Dibawah ini fungsi perintah Ellipse yang benar adalah
a. Untuk membuat garis busur
b. Garis lingkaran yang dibuat berdasarkn tiga titik yang kita tentukan
c. Garis lingkaran yang dibuat berdasarkan nilai diameter yang kita berikan
d. Perintah yang dapat membuat garis berbentuk lonjong seperti telur, dimana lebardan ketingginnya bisa ditentukan
e. Perintah untuk membuat lingkaran yang mempunya diameter dalam dan diameterluar
19. Dibawah ini fungsi Leader dimensi yang benar adalah
a. Perintah untuk memberikan garis bantu dengan sebuah teks
b. Pemberian ukuran pada sebuah gambar mengacu pada garis gambar
c. Pemberian ukuran pada sebuah gambar berdasarkan posisi garis dari garis gambar
d. Perintah untuk pemberian ukuran pada garis yang berbentuk lingkaran dan akan tampak symbol diameter
e. Perintah untuk memberikan garis ukuran pada sebuah gambar dimana syaratnya adalah harus terlebih dahulu menggunakan perintah linear
20. Dibawah ini fungsi perintah Mirror yang benar adalah
a. Perintah untuk untuk membuat gambar pasangannya
b. Pemberian ukuran pada sebuah gambar mengacu pada garis gambar
c. Pemberian ukuran pada sebuah gambar berdasarkan posisi garis dari garis gambar
d. Perintah untuk pemberian ukuran pada garis yang berbentuk lingkaran dan akan tampak symbol diameter
e. Perintah untuk memberikan garis ukuran pada sebuah gambar dimana syaratnya adalah harus terlebih dahulu menggunakan perintah linear
Tuesday, May 20, 2014
Tuesday, May 6, 2014
Cara Mengganti Template Blog Blogspot Tampilan Baru 2014
Bagaimana cara mengganti template blogspot di blogger? – Banyak blogger yang kurang puas dengan
tampilan blog nya yang sederhana, dan ingin mendesain blog atau mendekorasi
blog dengan berbagai macam hiasan. Sebagian ingin membuat tampilan blog keren,
profesionalis atau agar
template blog seo friendly.
Akan tetapi, tentu untuk mengedit blog dan menghasilkan tampilan blog yang menarik ia harus mengikuti sekian banyak tutorial cara mendesain blog, tahap demi tahap dengan pemasangan widget, penggantian gambar background blog, pengaturan tulisan, mengubah warna judul dan lain-lain hingga blog nya tampak sebagaimana yang ia inginkan.
Akan tetapi, tentu untuk mengedit blog dan menghasilkan tampilan blog yang menarik ia harus mengikuti sekian banyak tutorial cara mendesain blog, tahap demi tahap dengan pemasangan widget, penggantian gambar background blog, pengaturan tulisan, mengubah warna judul dan lain-lain hingga blog nya tampak sebagaimana yang ia inginkan.
Jika seperti itu tentu
waktu yang terkuras sangatlah banyak karena ia harus memahami satu persatu trik
mengganti tampilan blog, kemudian menerapkannya, belum lagi jika terjadi
kesalahan pada masing-masing tutorial tips mendesain blog tersebut. Bukannya
semakin bagus, malah jadi kacau balau, apalagi jika sampai lupa menulis artikel
karena pusing memikirkan hiasan blog yang belum jadi-jadi.
Download template keren gratis
Hal Ini biasa terjadi pada blogger yang tidak
menguasai HTML, CSS, PHP dan semisalnya, sehingga disarankan agar mencari cara
mudah membuat tampilan blog menarik dengan langsung mendownload template
di beberapa situs yang menawarkan template blogspot. Di antaranya adalah
btemplates.com dan www.premiumbtemplates.com
Keduanya merupakan tempat download template blog blogspot gratis yang menyediakan ribuan jenis template keren dan menarik. Jika sudah menemukan desain yang anda sukai, maka anda hanya perlu mengklik link download. Template akan segera anda dapatkan dalam bentuk file ZIP, atau RAR. Silahkan ekstrak file tersebut.
Pada file hasil ekstraksi akan ada satu file dengan ekstensi file .xml. File inilah yang dapat anda upload ke blogger.com, untuk mengganti template blogspot anda.
Lalu bagaimana cara mengganti template blogspot ini? Mudah saja, ikuti prosedur berikut:
1. Login ke dalam akun blogger
2. Pilih menu TEMPLATE dari menu blog anda
3. Silahkan klik tombol CADANGKAN/PULIHKAN Pada kanan atas layar
4. Akan tampil jendela pop up ... klik tombol UNDUH TEMPLATE LENGKAP untuk menyimpan template anda saat ini sebagai antisipasi jika terjadi kesalahan.
5. Jika pengunduhan sudah selesai, dibawah tulisan "Unggah template dari file di hard drive Anda."
Klik tombol PILIH FILE, dan cari file .xml yang sudah anda download tadi di komputer anda.
6. Jika sudah silahkan klik UNGGAH
7. Tunggu beberapa saat sampai semua file selesai terkirim.
8. Jika terjadi kesalahan, anda hanya perlu memasang kembali template lama yang tadi anda download. Cukup ulangi langkah 5-7 untuk file .xml asli dari blog anda.
Keduanya merupakan tempat download template blog blogspot gratis yang menyediakan ribuan jenis template keren dan menarik. Jika sudah menemukan desain yang anda sukai, maka anda hanya perlu mengklik link download. Template akan segera anda dapatkan dalam bentuk file ZIP, atau RAR. Silahkan ekstrak file tersebut.
Pada file hasil ekstraksi akan ada satu file dengan ekstensi file .xml. File inilah yang dapat anda upload ke blogger.com, untuk mengganti template blogspot anda.
Lalu bagaimana cara mengganti template blogspot ini? Mudah saja, ikuti prosedur berikut:
1. Login ke dalam akun blogger
2. Pilih menu TEMPLATE dari menu blog anda
3. Silahkan klik tombol CADANGKAN/PULIHKAN Pada kanan atas layar
4. Akan tampil jendela pop up ... klik tombol UNDUH TEMPLATE LENGKAP untuk menyimpan template anda saat ini sebagai antisipasi jika terjadi kesalahan.
5. Jika pengunduhan sudah selesai, dibawah tulisan "Unggah template dari file di hard drive Anda."
Klik tombol PILIH FILE, dan cari file .xml yang sudah anda download tadi di komputer anda.
6. Jika sudah silahkan klik UNGGAH
7. Tunggu beberapa saat sampai semua file selesai terkirim.
8. Jika terjadi kesalahan, anda hanya perlu memasang kembali template lama yang tadi anda download. Cukup ulangi langkah 5-7 untuk file .xml asli dari blog anda.
Cara Ganti Template Blog Baru yang lain
1. Buka file .xml hasil download template
tadi, Caranya klik kanan OPEN WITH >> Notepad atau MS.WORD
2. Copy semua kode tersebut dengan menekan CTRL + A lalu CTRL + C
3. Login ke blogger.com
4. Pilih menu TEMPLATE
5. Klik tombol EDIT HTML
6. Letakkan kursor atau pointer pada kotak edit html terbaru lalu tekan CTRL + A untuk memblok semua kode kemudian tekan CTRL + V untuk mem-paste kode .xml yang di copy tadi pada langkah nomor 2
7. Klik pratinjau, kalau sudah benar, simpan perubahan
Jika template lama mempunyai widget yang tidak ada pada template baru maka akan ada konfirmasi untuk mempertahankan widget tersebut atau tidak (tentukan sendiri). Jika anda merasa membutuhkan widget tersebut, atau membutuhkan salah satunya, maka sebaiknya widgetnya disimpan.
Mungkin saja setelah terupload ada widget yang berubah posisinya di template baru, jadi atur ulang posisinya di menu TATA LETAK. Yang perlu anda lakukan untuk mengatur posisi widget hanyalah klik, tahan, dan geser ke tempat yang anda inginkan. Setelah itu klik tombol SIMPAN SETELAN di kanan atas untuk mempertahankan perubahan.
Pilihlah template yang sesuai dengan kepribadian anda supaya anda tidak terlalu sering mengubah template, karena terlalu sering mengubah desain blog atau template bisa mengurangi jumlah pengunjung anda dari google. Selain itu anda juga harus tetap memperhatikan agar tampilan tulisan blog anda enak di pandang mata.
2. Copy semua kode tersebut dengan menekan CTRL + A lalu CTRL + C
3. Login ke blogger.com
4. Pilih menu TEMPLATE
5. Klik tombol EDIT HTML
6. Letakkan kursor atau pointer pada kotak edit html terbaru lalu tekan CTRL + A untuk memblok semua kode kemudian tekan CTRL + V untuk mem-paste kode .xml yang di copy tadi pada langkah nomor 2
7. Klik pratinjau, kalau sudah benar, simpan perubahan
Jika template lama mempunyai widget yang tidak ada pada template baru maka akan ada konfirmasi untuk mempertahankan widget tersebut atau tidak (tentukan sendiri). Jika anda merasa membutuhkan widget tersebut, atau membutuhkan salah satunya, maka sebaiknya widgetnya disimpan.
Mungkin saja setelah terupload ada widget yang berubah posisinya di template baru, jadi atur ulang posisinya di menu TATA LETAK. Yang perlu anda lakukan untuk mengatur posisi widget hanyalah klik, tahan, dan geser ke tempat yang anda inginkan. Setelah itu klik tombol SIMPAN SETELAN di kanan atas untuk mempertahankan perubahan.
Pilihlah template yang sesuai dengan kepribadian anda supaya anda tidak terlalu sering mengubah template, karena terlalu sering mengubah desain blog atau template bisa mengurangi jumlah pengunjung anda dari google. Selain itu anda juga harus tetap memperhatikan agar tampilan tulisan blog anda enak di pandang mata.
Demikian, semoga bermanfaat
Cara Membuat Menu Pada Blogspot
1. Masuk ke Dashboard blogspot
2. Masuk ke Tata Letak
3. Tambahkan widget tempatkan di atas posting
4. Pilih HTML/Script
5. Copykan script dibawah ini lalu pastekan ke widget
6. Simpan lalu klik menu "lihat blog"
<style>
#menu
{
width: 100%;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
background: #000000;
background: -moz-linear-gradient(#444, #000000);
background: -webkit-gradient(linear,left bottom,left top,color-stop(1,
#111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 2px 0px #9c9c9c;
-webkit-box-shadow: 0 2px 0px #9c9c9c;
box-shadow: 0 2px 0px #9c9c9c;
}
#menu li
{
float: left;
padding: 0 0 10px 0;
position: relative;
line-height: 0;
}
#menu a
{
float: left;
height: 25px;
padding: 0 25px;
color: #999;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
#menu li:hover > a
{
color: #fafafa;
}
*html #menu li a:hover /* IE6 */
{
color: #fafafa;
}
#menu li:hover > ul
{
display: block;
}
/* Sub-menu */
#menu ul
{
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
top: 35px;
left: 0;
z-index: 99999;
background: #444;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,
#111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
-webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
box-shadow: 0 0 2px rgba(255,255,255,.5);
-moz-border-radius: 5px;
border-radius: 2px;
}
#menu ul ul
{
top: 0;
left: 150px;
}
#menu ul li
{
float: none;
margin: 0;
padding: 0;
display: block;
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}
#menu ul li:last-child
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#menu ul a
{
padding: 10px;
height: 10px;
width: 130px;
height: auto;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
*html #menu ul a /* IE6 */
{
height: 10px;
}
*:first-child+html #menu ul a /* IE7 */
{
height: 10px;
}
#menu ul a:hover
{
background: #0186ba;
background: -moz-linear-gradient(#04acec, #0186ba);
background: -webkit-gradient(linear, left top, left bottom, from(#04acec),
to(#0186ba));
background: -webkit-linear-gradient(#04acec, #0186ba);
background: -o-linear-gradient(#04acec, #0186ba);
background: -ms-linear-gradient(#04acec, #0186ba);
background: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a
{
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#menu ul li:first-child > a:after
{
content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #444;
}
#menu ul ul li:first-child a:after
{
left: -8px;
top: 12px;
width: 0;
height: 0;
border-left: 0;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #444;
}
#menu ul li:first-child a:hover:after
{
border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after
{
border-right-color: #04acec;
border-bottom-color: transparent;
}
#menu ul li:last-child > a
{
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/* Clear floated elements */
#menu:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
</style>
<ul id="menu">
<li><a href='/'>Home</a></li>
<li><a href='/'>menu 1</a>
<ul>
<li><a href='http://ublem.blogspot.com/2014/04/cara-memasang-widget-music-mp3-di-blog-1.html'> Menambahkan Musik</a></li>
<li><a href='http://ublem.blogspot.com/2014/03/wget-tools-download-pada-linux-wget.html'> Menambahkan Jam</a></li>
<li><a href='http://antebu.blogspot.com/2014/05/kode-membuat-menu-pada-blogspot.html'> Menambahkan Menu</a></li>
</ul>
</li>
<li><a href='/'>menu 2</a>
<ul>
<li><a href='/'> 1</a></li>
<li><a href='/'> 2</a></li>
<li><a href='/'> 3</a> </li>
</ul>
</li>
<li><a href='/'>menu 3</a>
<ul>
<li><a href='/'> 1</a></li>
<li><a href='/'> 2</a></li>
<li><a href='/'> 3</a></li>
</ul>
</li></ul>
2. Masuk ke Tata Letak
3. Tambahkan widget tempatkan di atas posting
4. Pilih HTML/Script
5. Copykan script dibawah ini lalu pastekan ke widget
6. Simpan lalu klik menu "lihat blog"
<style>
#menu
{
width: 100%;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
background: #000000;
background: -moz-linear-gradient(#444, #000000);
background: -webkit-gradient(linear,left bottom,left top,color-stop(1,
#111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 2px 0px #9c9c9c;
-webkit-box-shadow: 0 2px 0px #9c9c9c;
box-shadow: 0 2px 0px #9c9c9c;
}
#menu li
{
float: left;
padding: 0 0 10px 0;
position: relative;
line-height: 0;
}
#menu a
{
float: left;
height: 25px;
padding: 0 25px;
color: #999;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
#menu li:hover > a
{
color: #fafafa;
}
*html #menu li a:hover /* IE6 */
{
color: #fafafa;
}
#menu li:hover > ul
{
display: block;
}
/* Sub-menu */
#menu ul
{
list-style: none;
margin: 0;
padding: 0;
display: none;
position: absolute;
top: 35px;
left: 0;
z-index: 99999;
background: #444;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0,
#111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
-webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
box-shadow: 0 0 2px rgba(255,255,255,.5);
-moz-border-radius: 5px;
border-radius: 2px;
}
#menu ul ul
{
top: 0;
left: 150px;
}
#menu ul li
{
float: none;
margin: 0;
padding: 0;
display: block;
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}
#menu ul li:last-child
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#menu ul a
{
padding: 10px;
height: 10px;
width: 130px;
height: auto;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
*html #menu ul a /* IE6 */
{
height: 10px;
}
*:first-child+html #menu ul a /* IE7 */
{
height: 10px;
}
#menu ul a:hover
{
background: #0186ba;
background: -moz-linear-gradient(#04acec, #0186ba);
background: -webkit-gradient(linear, left top, left bottom, from(#04acec),
to(#0186ba));
background: -webkit-linear-gradient(#04acec, #0186ba);
background: -o-linear-gradient(#04acec, #0186ba);
background: -ms-linear-gradient(#04acec, #0186ba);
background: linear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child > a
{
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#menu ul li:first-child > a:after
{
content: '';
position: absolute;
left: 30px;
top: -8px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 8px solid #444;
}
#menu ul ul li:first-child a:after
{
left: -8px;
top: 12px;
width: 0;
height: 0;
border-left: 0;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #444;
}
#menu ul li:first-child a:hover:after
{
border-bottom-color: #04acec;
}
#menu ul ul li:first-child a:hover:after
{
border-right-color: #04acec;
border-bottom-color: transparent;
}
#menu ul li:last-child > a
{
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
/* Clear floated elements */
#menu:after
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
</style>
<ul id="menu">
<li><a href='/'>Home</a></li>
<li><a href='/'>menu 1</a>
<ul>
<li><a href='http://ublem.blogspot.com/2014/04/cara-memasang-widget-music-mp3-di-blog-1.html'> Menambahkan Musik</a></li>
<li><a href='http://ublem.blogspot.com/2014/03/wget-tools-download-pada-linux-wget.html'> Menambahkan Jam</a></li>
<li><a href='http://antebu.blogspot.com/2014/05/kode-membuat-menu-pada-blogspot.html'> Menambahkan Menu</a></li>
</ul>
</li>
<li><a href='/'>menu 2</a>
<ul>
<li><a href='/'> 1</a></li>
<li><a href='/'> 2</a></li>
<li><a href='/'> 3</a> </li>
</ul>
</li>
<li><a href='/'>menu 3</a>
<ul>
<li><a href='/'> 1</a></li>
<li><a href='/'> 2</a></li>
<li><a href='/'> 3</a></li>
</ul>
</li></ul>
Subscribe to:
Comments
(
Atom
)