Di dalam kesempatan yang biasa-biasa ini dan hari yang biasa ini, hehehe... blog O.W alias Oto Website akan update postingan atau share kepada teman-teman O.W semua tentang Menu Slide Melayang Di Bagian Kiri Blog Dengan CSS.
Menu navigasi ini akan melayang dan berada di bagian kiri blogger sobat. Untuk contoh dan lebih jelasnya lagi sobat bisa lihat gambar berikut:
1. Masuk ke akun blogger sobat.
2. Pada menu klick Rancangan ➨ Tambah gadget(saya sarankan di bagian paling bawah dan jangan di beri judul)
3. Lalu pilih elemen HTML/Java Script.
4. Selanjutnya sobat copy kode Css berikut dan paste atau letakkan ke dalam elemen HTML/Java Script tadi.
<style>#facebook-teja,#twitter-teja,#salingsapa-teja,#plurk-teja{text-align:center;-o-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;z-index: 1000;font-family:arial;width:150px;position: fixed;left:0;margin-left:-120px;border:1px solid #ffffff;background-position:top right no-repeat;padding:5px;font:15px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#facebook-teja {background:-moz-linear-gradient(top,#001C5A,#001551);background: -webkit-gradient(linear, left top, left bottom, from(#001C5A), to(#001551));top:350px;}#facebook-teja:hover,#twitter-teja:hover,#salingsapa-teja:hover,#plurk-teja:hover{width:150px;opacity:1.0;margin-left:0;cursor:hand}#facebook-teja a:hover,#facebook-teja a:visited,#twitter-teja a:hover,#twitter-teja a:visited,#salingsapa-teja a:hover,#salingsapa-teja a:visited,#plurk-teja a:visited,#plurk-teja a:hover{text-shadow:none;color:#ffffff}#twitter-teja {background:-moz-linear-gradient(top,#67C9E9,#029BC5);background: -webkit-gradient(linear, left top, left bottom, from(#67C9E9), to(#029BC5));top:382px;}#salingsapa-teja{background: #51A104 -moz-linear-gradient(top,#51A104,#000);background: -webkit-gradient(linear, left top, left bottom, from(#51A104), to(#000));top:414px;}#plurk-teja,#changetejahtc ul li{background: -moz-linear-gradient(top, #AF0000, #6B0000);background: -webkit-gradient(linear, left top, left bottom, from(#AF0000), to(#6B0000));}#plurk-teja {top:446px;}</style>
<div id='plurk-teja'><a href='#'target='_blank'>Menu 4</a></div>
<div id='salingsapa-teja'><a href='#'target='_blank'>Menu 3</a></div>
<div id='facebook-teja'><a href='#'target='_blank'>Menu 1</a></div>
<div id='twitter-teja'><a href='#'target='_blank'>Menu 2</a></div>
<div id='plurk-teja'><a href='#'target='_blank'>Menu 4</a></div>
<div id='salingsapa-teja'><a href='#'target='_blank'>Menu 3</a></div>
<div id='facebook-teja'><a href='#'target='_blank'>Menu 1</a></div>
<div id='twitter-teja'><a href='#'target='_blank'>Menu 2</a></div>
5. Simpan.
Sekarang sobat bisa lihat hasilnya!
Keterangan:
- Ganti tanda # dengan Url tujuan
- Ganti teks Menu dengan nama tujuan url.
wow.. nice.. thanks buat tipsnya
BalasHapus
HapusSaya selalu berpikir bahwa semua perusahaan pinjaman online curang sampai saya bertemu dengan perusahaan peminjam yang meminjamkan uang tanpa membayar terlebih dahulu.
Jika Anda mencari pinjaman, perusahaan ini adalah semua yang Anda butuhkan. setiap perusahaan yang meminta Anda untuk biaya pendaftaran lari dari mereka.
saya menggunakan waktu ini untuk memperingatkan semua rekan saya INDONESIANS. yang telah terjadi di sekitar mencari pinjaman, Anda hanya harus berhati-hati. satu-satunya tempat dan perusahaan yang dapat menawarkan pinjaman Anda adalah SUZAN INVESTMENT COMPANY. Saya mendapat pinjaman saya dari mereka. Mereka adalah satu-satunya pemberi pinjaman yang sah di internet. Lainnya semua pembohong, saya menghabiskan hampir Rp35 juta di tangan pemberi pinjaman palsu.
Pembayaran yang fleksibel,
Suku bunga rendah,
Layanan berkualitas,
Komisi Tinggi jika Anda memperkenalkan pelanggan
Hubungi perusahaan: (Suzaninvestment@gmail.com)
Email pribadi saya: (Ammisha1213@gmail.com)
mas saya pingin pasang widget ini tapi gimana caranya agar menu melayang ini berada disebelah kiri atas blog mohonpetunjuknya
BalasHapus@I Wayan SukantaSilahkan gunakan kode berikut
BalasHapus<style>#facebook-teja,#twitter-teja,#salingsapa-teja,#plurk-teja{text-align:center;-o-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;z-index: 1000;font-family:arial;width:150px;position: top;left:0;margin-left:-120px;border:1px solid #ffffff;background-position:top right no-repeat;padding:5px;font:15px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#facebook-teja {background:-moz-linear-gradient(top,#001C5A,#001551);background: -webkit-gradient(linear, left top, left bottom, from(#001C5A), to(#001551));top:350px;}#facebook-teja:hover,#twitter-teja:hover,#salingsapa-teja:hover,#plurk-teja:hover{width:150px;opacity:1.0;margin-left:0;cursor:hand}#facebook-teja a:hover,#facebook-teja a:visited,#twitter-teja a:hover,#twitter-teja a:visited,#salingsapa-teja a:hover,#salingsapa-teja a:visited,#plurk-teja a:visited,#plurk-teja a:hover{text-shadow:none;color:#ffffff}#twitter-teja {background:-moz-linear-gradient(top,#67C9E9,#029BC5);background: -webkit-gradient(linear, left top, left bottom, from(#67C9E9), to(#029BC5));top:382px;}#salingsapa-teja{background: #51A104 -moz-linear-gradient(top,#51A104,#000);background: -webkit-gradient(linear, left top, left bottom, from(#51A104), to(#000));top:414px;}#plurk-teja,#changetejahtc ul li{background: -moz-linear-gradient(top, #AF0000, #6B0000);background: -webkit-gradient(linear, left top, left bottom, from(#AF0000), to(#6B0000));}#plurk-teja {top:446px;}</style>
<div id='plurk-teja'><a href='#'target='_blank'>Menu 4</a></div>
<div id='salingsapa-teja'><a href='#'target='_blank'>Menu 3</a></div>
<div id='facebook-teja'><a href='#'target='_blank'>Menu 1</a></div>
<div id='twitter-teja'><a href='#'target='_blank'>Menu 2</a></div>
Mantap Bro Menu di samping kiri blog
BalasHapusmas kalo mau nambahin menu lagi byar jadi 6 gmana yha
BalasHapusSaya Devina dari indonesia di Surabaya, saya mengabdikan waktu saya di sini karena janji yang saya buat untuk Nyonya Elizabeth yang kebetulan merupakan pemberi pinjaman online dari perusahaan pinjaman Elizabeth dan saya berdoa kepada ALLAH agar dia dapat melihat posting saya pada hari ini.
BalasHapusBeberapa bulan yang lalu saya melihat komentar diposting oleh seorang wanita bernama Arnah dan bagaimana dia telah scammed meminta pinjaman online dari Dr James Mowat, menurut dia sebelum ALLAH mengarahkannya ke tangan Nyonya Elizabeth dan Nyonya Elizabeth meminjamkan 2.500.000 Rupiah tanpa tekanan dan tunda, jangan hubungi Dr. James Mowat melalui email: jamesmowatloanfirm@gmail.com untuk menghindari menjadi korban penipuan.
Saya memutuskan untuk menghubungi Arnah untuk mengkonfirmasi apakah itu benar dan untuk membimbing saya tentang cara mendapatkan pinjaman dari Nyonya Elizabeth, dia mengatakan kepada saya untuk menghubungi Nyonya Elizabeth saya bersikeras bahwa dia harus tolong beri tahu saya proses dan kriteria yang dia katakan itu sangat mudah tentang bagaimana mengajukan permohonan pinjaman dari Nyonya Elizabeth yang perlu saya lakukan adalah menghubungi dia, mengisi formulir aplikasi mengirimnya kembali, mengirim salinan pindaian kartu identitas saya, kemudian mendaftar dengan perusahaan setelah itu saya akan mendapatkan pinjaman saya . lalu saya bertanya padanya bagaimana Anda mendapat pinjaman? Dia menjawab bahwa hanya itu yang dia lakukan, itu sangat mengejutkan.
Saya menghubungi Nyonya Elizabeth dan saya mengikuti instruksi dengan hati-hati untungnya bagi saya saya memenuhi persyaratan mereka dan pinjaman saya berhasil disetujui tetapi sebelum pinjaman dipindahkan ke akun saya, saya diminta untuk membuat janji untuk membagikan kabar baik Nyonya Elizabeth dan itu adalah mengapa Anda melihat posting ini hari ini. untuk kejutan terbesar saya, saya menerima peringatan dari 150000000 Rupiah. Jadi saya menyarankan setiap orang yang mencari sumber yang dapat dipercaya untuk mendapatkan pinjaman untuk menghubungi Nyonya Elizabeth melalui Email: elizaabethchristopherloan@gmail.com untuk pinjaman aman Anda juga dapat menghubungi saya di Email saya : devinairf128@gmail.com atau Anda juga dapat menghubungi Arnah di arnahnana01@gmail.com. Saya percaya satu giliran yang baik layak mendapat yang lain.