Apa Kabar Sobat
Bloger , Mungkin Kedatangan Anda KeBlog Saya Untuk Mendapatkan Informasi
Seputar Cara Membuat blog Menjadi Keren . Disini Saya Akan Membimbing Anda
Untuk Dapat Menerapkan Beberapa Widget KeDalam Blog Anda Agar Blog Anda
Terlihat Lebih Menarik Lagi .
Cukup Sekian Basa Basi Nya Langsugn Saja Kepada Inti Permasalahannya :
Cukup Sekian Basa Basi Nya Langsugn Saja Kepada Inti Permasalahannya :
Tab View adalah sebuah widget yang berisi ringkasan artikel, gambar dan foto yang
bergantian. Dengan membuat tab view, blog kita akan terlihat menarik dan mempermudah pengunjung melihat highlight yang kita pasang, tentu saja ini akan membuat pengunjung akan lebih tertarik membuka link / postingan yang kita pasang dalam menu tab view. Bagaimana sih cara membuatnya?
Langkah Pertama :
1. Login ke Blogger
2. Masuk ke TATA LETAK --> EDIT HTML
3. Anda cari kode ]]></b:skin>
4. Letakkan kode di bawah ini di atas ]]></b:skin> :
1. Login ke Blogger
2. Masuk ke TATA LETAK --> EDIT HTML
3. Anda cari kode ]]></b:skin>
4. Letakkan kode di bawah ini di atas ]]></b:skin> :
.indentmenu{font: bold 11px Arial;width: 100%; /*leave this value as is in most cases*/}.indentmenu ul{margin: 2px;padding: 0;float: left;/* width: 80%; width of menu*/background: transparent;}.indentmenu ul li{display: inline;}.indentmenu ul li a{float: left;margin: 2px;color: #000; /*text color*/padding: 5px 11px;text-decoration: none;border: 1px solid #ccc;}.indentmenu ul li a:hover{background:#ddd;}.indentmenu ul li a:visited{color: white;}.indentmenu ul li a.selected{color: white !important;padding-top: 6px; /*shift text down 1px*/padding-bottom: 4px;border: 1px solid #000000;background:#000000;}.tabcontentstyle{ /*style of tab content container*/border: 1px solid gray;width: 450px;margin-bottom: 1em;padding: 10px;}.tabcontent{display:none;}@media print {.tabcontent {display:block !important;}}
5. Kamu download dulu kode berikut, klik disini
6. Copy script tersebut dan letakkan sebelum kode </head>
7. Simpan template
Posting Komentar