Hemat Tempat Dengan Menu Dropdown
Trisatya Blog.Menu dropdown ini digunakan untuk keperluan membuat daftar link, membuat daftar posting, atau sebagainya. Sebenarnya, kegunaan utama dari ‘Menu Dropdown’ ini adalah demi pemghematan tempat.
langkah2 membuat :
1. Masuk ke Blogger2. Layout3. Page Element => Add A Gadget => pilih HTML Javasript4. Masukkan kode berikut,
<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">
<option>- Judul Menu Dropdown -</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value=" Alamat Blog Sobat ">Judul dari Link </option>
</select></form>
Note :
* Warna biru adalah Judul Menu Dropdownnya
* Warna Hijau adalah Alamat Blog Sobat
* Warna merah adalah Judul Link
* Nah, untuk menambah isi dari dropdown ,maka Sobat tinggal memperbanyak kode
<option>- Judul Menu Dropdown -</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
CONTOHNYA :
<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">
<option>- Judul Menu Dropdown -</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value=" Alamat Blog Sobat ">Judul dari Link </option>
</select></form>
DESIGN========================================
SECURITY======================================
TRIK WINDOWS============================
INTERNET==================================
Membuat Menu Dropdown Sendiri Di Widget Blog
Cara Menambahkan Tombol Sendiri Di Widget Blog
Cara Pasang Button/Tombol sendiri dengan Link/Url Tujuan
Trisatya Blog.Cara simple untuk membuat button/tombol yang berisikan link atau Url tujuan. Jadi jika tombol tersebut diklik, maka akan ngelink ke url lain.
langsung saja kode simplenya adalah :
- 1.Login ke blog anda.
- 2.Pada halaman Dasboard klik "Rancangan".
- 3.Lalu klik "Tambah Gadged".
- 4.Kemudian klik "Html / Java Script".
- 5.Dan masukkan kode script yang ada dibawah ini lalu klik tombol "Simpan".
<form method="get" action="http://joglio.blogspot.com/2012/09/my-music-storage.html#.UGdXbpE_Fkh"
target="_blank">
<input type="submit" value="my music" name="q">
</form>
DESIGN========================================
SECURITY======================================
TRIK WINDOWS============================
INTERNET==================================
mengatur berbagai item agar selalu berada di pojok
MEMBUAT GAMBAR ATAU WIDGET BLOG SELALU STATIS DI POJOK BLOG
mengatur berbagai item di blog seperti gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox, Kalender, Adsense, Iklan, Widget-widget dan lain-lain. agar selalu berada di pojok meskipun "scroll bar" ditarik kemana-mana
1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taruh kode berikut ini di atasnya.
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
3.kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
<div id="trik_pojok">
<a href="LINK KAMU">
<img src="LINK GAMBAR/SCRIPT WIDGET" border="0" /></a>
</div>
"http://trik-tips.blogspot.com" adalah link. ganti dengan link kamu."http://superinhost.com/images/soniclari.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.
5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.
Pasang Multi Tab Widget Agar Hemat Kolom widget
CARA MEMBUAT MULTI TAB WIDGET DI KOLOM WIDGET BLOG
Trisatya Blog.Multi tab widget adalah widget yang memberikan ruang besar efisien untuk Blogger. Ini membantu untuk mengurangi waktu buka blog Blogger Anda dengan menggabungkan tiga atau lebih dari tiga widget menjadi satu. Widget navigasi tab fitur tab dan jendela konten, ketika mengklik tab, konten yang berbeda terlihat di jendela bawah. Anda dapat menggunakannya untuk posting Populer, commenters Top, Recent Posts, Recent Posts atau widget apapun yang Anda suka.
Widget ini adalah persembahan dari webaholic.
baik, langsung saja sobat saya kasih tau cara pemasangan Multi Tab Widget Ini Di Blog.
- 1.sobat masuk ke akun blog sobat (dasbor) > Rancangan > Edit HTML
- 2.klik centang pada Expand Widget Template
- 3.sobat cari kode </head>
- 4.gunakan tombol CTRL + F untuk memudahkan Pencarian.
- 5.Copy Kode berikut ini dan Paste-kan tepat diatas/sebelum kode </head>
• <script src="http://www.webaholic.co.in/other/blogger-tabbed-widget-javascript.js" type="text/javascript"></script>
<link href="http://www.webaholic.co.in/other/blogger-tabbed-widget-css.css" rel="stylesheet" type="text/css" />
jika sudah diletakkan kodenya, klik SIMPAN TEMPLATE .eit belum selesai sobat,selanjutnya :
- #masuk ke menu Edit Laman > Tambah Widget> HTML/JavaScript
#copy kode berikut letakkan di kolom CONTENT
<form action="tabtampil.html" method="get">
<div id="TabTampil" class="TabTampil">
<div style="width: 300px;" class="TTs">
<a>Judul 1;/a>
<a>Judul 2;/a>
<a>Judul 3;/a>
</div>
<div style="width: 300px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
isi Widget Judul 1
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Isi Widget Judul 2
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Isi Widget judul 3
</div>
</div>
</div>
<small><a style='margin-left:10px;align:right;' href='http://www.blogger.webaholic.co.in/2011/10/multi-tabbed-widget-for-blogger.html' target='_blank'>Multi-Tabbed Widget</a> | <a href='http://www.joglio.blogspot.com/' target='_blank'>Trisatya Blog</a></small>
</div>
</div></form>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>
keterangan :
judul 1, judul 2, judul 3 adalah judul tab .
isi Widget Judul 1, 2, 3 : isi widget pada judul tab . misalkan sobat mau pasang artikel terkait,popular post, dsb maka pasang widgetnya di Isi Widget .
kemudian SIMPAN TEMPLATE.
DESIGN========================================
SECURITY======================================
TRIK WINDOWS============================
INTERNET==================================
Subscribe to:
Posts (Atom)
