![thumbnail](<a href="http://www.iklanpublik.co.tv/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG-OU_ia7FFqeDeZg9BOxhzzssqNTQqOM38DYkEvcDbN_aWQut2xAH90u_3tKIw62Nk1rWYNQ9o5V27DO6dMlYA93upqAu19ZaBA_RfvtKnHxWgrSILodyoljgNaNRj2j6EZRZFMUtM84/s1600/I-Publik-1-1.jpg" /></a>
<br />
<br />
<span style="font-size: large;"><a href="http://www.iklanpublik.co.tv/2011/03/tips-dan-trik-blogger.html"><b>Tips dan Trik Blogger</b></a></span><br />
<span style="font-size: small;"></span><br />
<ul>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/03/membuat-artikel-terkait.html">Membuat Artikel Terkait</a></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/03/membuat-text-area.html">Membuat Text Area</a></span> </li>
<li><a href="http://www.iklanpublik.co.tv/2011/03/membuat-text-berjalan-di-web-dan-blog.html">Membuat Text Berjalan di Web dan Blog </a><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/03/membuat-link-download.html">Membuat Link Download</a></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/03/membuat-menu-dropdown.html">Membuat Menu DropDown</a></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/03/membuat-3-kolom-di-bawah-header.html">Membuat 3 Kolom Dibawah Header</a></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/03/membuat-3-kolom-diatas-footer.html">Membuat 3 Kolom Diatas Footer</a></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/05/8menghilangkan-navbar.html">Menghilangkan Navbar</a></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/03/membuat-background-posting.html">Membuat Background Posting</a></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/03/membuat-background-gambar.html">Membuat Background Gambar</a></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/05/11membuat-link-backlink.html">Membuat Link Backlink</a></span> </li>
<li><a href="http://www.iklanpublik.co.tv/2011/03/membuat-ym-online-di-web-dan-blog.html">Membuat YM Online Di Web dan Blog</a><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/03/pasang-widget-sms.html">Pasang Widget SMS</a></span><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/05/14mengganti-icon-blogger.html">Mengganti Icon Blogger</a></span> </li>
<li><a href="http://www.iklanpublik.co.tv/2011/03/membagi-postingan-menjasi-2-kolom.html">Membagi Postingan Menjadi 2 Bagian</a><span style="font-size: small;"> </span></li>
<li><span style="font-size: small;"><a href="http://www.iklanpublik.co.tv/2011/03/membuat-typing-text.html">Membuat Typing Text</a></span></li>
</ul>
<br />
<br />
<span style="font-size: small;"> </span>
<br />
<div style="color: red;">
<b><span style="font-size: large;">Cara Membuat Dropdown Menu</span></b></div>
<br />
Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.<br />
Gimana? Mau mencobanya?<br />
Gini nih caranya :<br />
<br />
Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"<br />
<select onChange="document.location.href=this.options[this.selectedIndex].value;"><br />
<option value="0" selected><span style="color: blue;">Arsip Blog</span></option><br />
<option value="<span style="color: red;">Links </span>1"><span style="color: blue;">Text 1</span></option><br />
<option value="<span style="color: red;">Links</span> 2"><span style="color: blue;">Text 2</span></option><br />
</select><br />
<br />
Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.<br />
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.<br />
<br />
<br />
<br />
untuk menambahkan menu lagi, tambahkan kode seperti ini :<br />
<br />
<option value="Links 2">Text 2</option><br />
<br />
sebelum kode </select><br />
<br />
Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.<br />
Contoh :<br />
<br />
<br />
<select onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="0" selected="selected"><span style="color: blue;"> Tips dan Trik Blogger</span></option><br />
<option value=" <span style="color: red;"> http://www.iklanpublik.co.tv/2011/03/tips-dan-trik-blogger.html </span>"> <span style="color: blue;"></span><span style="color: blue; font-size: small;">Tips dan Trik Blogger</span></option><br />
<option value=" <span style="color: red;">http://www.iklanpublik.co.tv/2011/05/11membuat-link-backlink.html</span> <span style="color: red;"></span>"> <span style="color: blue; font-size: small;">Membuat Link Backlink</span><span style="color: blue;"> </span></option><br />
<br />
<br />
Hasilnya :<br />
<br />
<select onchange="document.location.href=this.options[this.selectedIndex].value;"><option selected="selected" value="0"> Tips dan Trik Blogger</option>
<option value=" http://www.iklanpublik.co.tv/2011/03/tips-dan-trik-blogger.html "> Tips dan Trik Blogger</option>
<option value=" http://www.iklanpublik.co.tv/2011/05/11membuat-link-backlink.html "> Membuat Link Backlink </option>
</select>){kind=icon}
Tips dan Trik Blogger
- Membuat Artikel Terkait
- Membuat Text Area
- Membuat Text Berjalan di Web dan Blog
- Membuat Link Download
- Membuat Menu DropDown
- Membuat 3 Kolom Dibawah Header
- Membuat 3 Kolom Diatas Footer
- Menghilangkan Navbar
- Membuat Background Posting
- Membuat Background Gambar
- Membuat Link Backlink
- Membuat YM Online Di Web dan Blog
- Pasang Widget SMS
- Mengganti Icon Blogger
- Membagi Postingan Menjadi 2 Bagian
- Membuat Typing Text
Cara Membuat Dropdown Menu
Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Gimana? Mau mencobanya?
Gini nih caranya :
Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"
<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>
Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.
untuk menambahkan menu lagi, tambahkan kode seperti ini :
<option value="Links 2">Text 2</option>
sebelum kode </select>
Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.
Contoh :
<select onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="0" selected="selected"> Tips dan Trik Blogger</option>
<option value=" http://www.iklanpublik.co.tv/2011/03/tips-dan-trik-blogger.html "> Tips dan Trik Blogger</option>
<option value=" http://www.iklanpublik.co.tv/2011/05/11membuat-link-backlink.html "> Membuat Link Backlink </option>
Hasilnya :
0 komentar:
Post a Comment