Blog ini membahas tentang berbagai tips dan tutorial blogspot untuk mengoptimalkan halaman blog di search engine ( SEO ), Validasi HTML 5 , CSS 3, Script dan tehnik kontribusi dalam tag tag html begitu juga dengan XML.
Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...
Rivai Silaban - Blog Design
Tunduk Bukan berarti saya takut, tapi saya sadar atas apa yang saya miliki adalah kuasa Tuhan, hingga tiba saatnya nanti Tuhan akan mengambilnya dari saya.
Floating menu navigasi di halaman blog dengan aplikasi translate, menambah tampilan halaman blog anda semakin kren dan elegan. Menu navigasi melayang diatas header ini mempunyai fitur translate yang disisipkan diantara menu. Fitur translate yang ada pada menu navigasi floating menu ini termasuk ringan dan tidak mempengaruhi loading halaman blog anda. Simak penjelasan dibawah ini dan langsung saja menuju TKP.
Untuk melihat demonya silahkan KLIK DISINI
Install Program CSS
Login ke dashboard anda
Masuk ke "TEMPLATE" lalu klik " Edit HTML "
Cari code ]]></b:skin>
Copy Code script CSS dibawah ini, pastekan diatas code ]]></b:skin>tadi
/* BLOG DESIGN thame navigation start */
#BD-nav{
background:#333; // warna latar belakang
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
height:38px; // tinggi menu
width:100%;
min-width:970px;
position:fixed;
top:0;
left:0;
z-index:9999;
overflow:hidden;
border-bottom:1px solid #000;
background-color: #510000;
}#BD-nav ul{
margin:0 auto;
width:970px; // lebar menu
list-style-type: none;
height: 30px;
}#BD-nav ul li{float:left;}#BD-nav ul li a{position:relative;
line-height:28px;
padding:5px 15px 1px;
color:#aaa;
font-size:13px;
text-shadow:0px -1px 0px #000;
display:block;
text-decoration:none;
font-weight: 700;
text-transform: uppercase;
font-family: Geneva, Arial, Helvetica, sans-serif;
}#BD-nav ul li a:hover{
color:#fff;
border-bottom:3px solid #FFFF00;
}#BD-nav ul li a:hover:after{content:'';
width:25px;
height:0;
position:absolute;
left:40%;
margin-left:-5px;
bottom: 0px;
border-height:5px;
border-style:solid ;
border-color: transparent transparent #FFFF00 transparent; }
#translator-BD {
float:right;
display:block;
width:150px;
border:1px solid #0A340A;
background-color:#CCCCCC;
overflow:hidden;
position:relative;
margin:5px 0 0;
vertical-align: middle;}
#translator-BD select {border:none;background:transparent;font:normal normal 11px Tahoma,Verdana,Arial,Sans-Serif;width:100%;color:black;cursor:text;padding:5px 10px;}
#translator-BD a,#translator-BD a:hover
{display:block;background-color:#FFFFFF;border:none;color:white;margin:00; text-decoration:none;position:absolute;top:0; right:0;bottom:0;cursor:pointer;width:30px;}
#translator-BD a:before {content:"";display:block;width:0;height:0;border:5px solid transparent;border-left-color:#000000;position:absolute;top:50%;left:13px;margin-top:-5px;}
#translator-BD a:hover {background-color:#EBEBEB;border-left-color:#FFFFFF;}
#translator-BD a:active {background-color:#999999;border-left-color:#FFFFFF;}
#translator-BD select:focus,
#translator-BD a:focus,
#translator-BD select:active,
#translator-BD a:active {border:none;outline:none;cursor:pointer;}
/* BLOG DESIGN thame navigation and */
Install tag html
Setelah kode CSSnya sudah terpasang kini saatnya kita akan memasukkan kode tag htmlnya.
Copy code dibawah ini lalu pastekan dibawah widget " HEADER "
Pada halaman blog pasti mempunyai "Header" jadi anda pastekan kode dibawah ini dibawah semua kode HEADER blog anda.
Save halaman anda dan lihat hasilnya, semoga bermanfaat.
Tulisan kode warna MERAH ganti dengan nama menu halaman blog anda.
Untuk title dan menu harus sama penulisannya biar leih SEO lihat tulisan wrna MERAH
.
Tulisan warna BIRU ganti dengan link menu halaman anda.
Silahkan edit CSSnya sesuai dengan tampilan halaman blog anda.
Kesimpulan
Menu navigasi sangat diperlukan pada halaman blog sebagai aplikasi tempat berbagai link artikel maupun halaman pada sebuah halaman blog. Menu floating navigasi ini dilengkapi dengan script tranlator dari berbagai bahasa yang didukung oleh google.com
Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan
JOIN TO MEMBER BLOG
atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.
1. Komentar
SPAM
Akan secepatnya dihapus
2. Pastikan untuk "
Berlangganan Lewat Email
" untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik "
Forum Diskusi
"
7. Bergabung dengan kami untuk menjadi member Klik "
Join to Member
"
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik "
Konversi Kode
"
Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
0 komentar :
Post a Comment
1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..