Rsunara.Com

Membuat Menu Dropdown

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt7Z-jnTTe_7yp5_qPhTzC5X1vZJbkdxIFA9UhwAvDgbNvW20xenkhfTeVjwm7jvifmw1lxh2Ow0gP6UmR8xoL8eF5VpJeVIkm02bBvJpSYWvdufsk6CeFd1S8C8Ta6iTIHJEhnNgBUk4/s1600/Dropdown.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt7Z-jnTTe_7yp5_qPhTzC5X1vZJbkdxIFA9UhwAvDgbNvW20xenkhfTeVjwm7jvifmw1lxh2Ow0gP6UmR8xoL8eF5VpJeVIkm02bBvJpSYWvdufsk6CeFd1S8C8Ta6iTIHJEhnNgBUk4/s200/Dropdown.jpg" width="200" /></a></div><m:smallfrac m:val="off"> <m:dispdef> <m:lmargin m:val="0"> <m:rmargin m:val="0"> <m:defjc m:val="centerGroup"> <m:wrapindent m:val="1440"> <m:intlim m:val="subSup"> <m:narylim m:val="undOvr"> </m:narylim></m:intlim> </m:wrapindent> </m:defjc></m:rmargin></m:lmargin></m:dispdef></m:smallfrac> 
<div class="MsoNormal" style="line-height: normal; margin-bottom: 5.25pt;">Membuat Menu Dropdown</div><div class="MsoNormal" style="line-height: 19.2pt; margin-bottom: 12pt;">Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Bagaimana kalau dua dan tiga tahun lagi? Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini:  
 
               <select name="archivemenu"> <option selected="selected">- Archives - </option><option>January 2007 </option><option>February 2007 </option><option>Mart 2007 </option><option>April 2007 </option></select>  
 
Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita.  
 
Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu : </div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">1.      Login ke blogger.com dg id Anda</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 12pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">2.     Klik Template</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 12pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">3.     Di bagian sidebar blog Anda bagian archives, ada kode html sbb:</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 3.75pt;"> 
 
 
</div><div style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: 1pt solid rgb(148, 148, 148); margin-left: 3.75pt; margin-right: 0in; padding: 8pt;"><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;">&<BloggerArchives> 
 
</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"> 
</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"><a href="<$BlogArchiveURL$"$gt;'><$BlogArchiveName$></a> 
 
 
</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"> 
</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"></BloggerArchives></div></div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">4.     Nah, ganti kode di atas dg kode html di bawah ini:</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 3.75pt;"> 
 
 
</div><div style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: 1pt solid rgb(148, 148, 148); margin-left: 3.75pt; margin-right: 0in; padding: 8pt;"><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"><select name="archivemenu"</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;">onchange="document.location.href=this.options[this.selectedIndex].value;"></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"> 
</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"> 
 
</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"><option selected>- Archives -</option></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"> 
</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"> 
 
</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"><BloggerArchives></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"> 
</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"><option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"> 
</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"></BloggerArchives></div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"> 
</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"> 
 
</div><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(226, 246, 252); border: medium none; line-height: 15.2pt; margin-bottom: 0.0001pt; padding: 0in;"></select></div></div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 12pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">5.     Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 12pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">6.     Selesai.</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 12pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin-bottom: 12pt;">Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">1.      login dulu, tentunya dengan id anda</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 12pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">2.     klik LAYOUT</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 12pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">3.     Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 12pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">4.     Klik Edit pada kotak Blog Archive tadi</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 12pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">5.     Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 12pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">6.     Klik Save Changes</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 12pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 0.0001pt 24pt; text-indent: -0.25in;">7.     Selesai</div><div class="MsoNormal" style="line-height: 19.2pt; margin: 0in 0in 12pt 3.75pt;"> 
</div><div class="MsoNormal" style="line-height: 19.2pt; margin-bottom: 0.0001pt;">Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya pribadi yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan anda copy kode HTML di bawah :  
 
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION>  
 
<option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option> </select></form>  
 
Sebagai contoh untuk menu Dropdown milik saya :  
 
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu> 
 
<option>- Blog Tutorial -</option> 
 
<option value="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html">Membuat Blog</option>  
 
<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html">setting Blog</option>  
 
<option value="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html">Memilih Template</option>  
 
<option value="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html">warna & hurup</option>  
 
<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html">Posting Artikel</option>  
 
<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html">Read more (1)</option>  
 
<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">Text area</option>  
 
<option value="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html">Blogger Emoticons</option>  
 
<option value="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html">Yahoo!Emoticons</option>  
 
<option value="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html">Download Gratis</option>  
 
</select></form> Hasilnya akan seperti ini :</div><div style="border-color: -moz-use-text-color -moz-use-text-color windowtext; border-style: none none solid; border-width: medium medium 1pt; padding: 0in 0in 1pt;"><div align="center" class="MsoNormal" style="border: medium none; line-height: normal; margin-bottom: 0.0001pt; padding: 0in; text-align: center;">Top of Form</div></div><div class="MsoNormal" style="line-height: 19.2pt; margin-bottom: 0.0001pt;">          <select name="menu"> <option value="0">- Blog Tutorial - </option><option value="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html">Membuat Blog </option><option value="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html">setting Blog </option><option value="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html">Memilih Template </option><option value="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html">warna & hurup </option><option value="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html">Posting Artikel </option><option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html">Read more (1) </option><option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">Text area </option><option value="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html">Blogger Emoticons </option><option value="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html">Yahoo!Emoticons </option><option value="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html">Download Gratis </option></select></div><div style="border-color: windowtext -moz-use-text-color -moz-use-text-color; border-style: solid none none; border-width: 1pt medium medium; padding: 1pt 0in 0in;"><div align="center" class="MsoNormal" style="border: medium none; line-height: normal; margin-bottom: 9pt; padding: 0in; text-align: center;">Bottom of Form</div></div><div class="MsoNormal"> 
 
Mudah bukan?   Selamat mencoba !  
 
Ingin pintar dalam bahasa HTML silahkan download ebook nya <a href="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html">di sini</a> . 
Ingin pintar membuat Website sendiri, klik <a href="http://www.resepbisnis.com/?id=rohman">di sini</a>.  
 
</div>

Membuat Menu Dropdown

Membuat Menu Dropdown Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bu...

08.07

Membuat 3 Kolom Gadget Pada Blogger

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv4NO5-vIXTllMAiUOMG1NRnidvU7AUroOs5D_RDPy3T4kORHRJ8bPcjRdtM1_SNQHYVoMbStJUEaetXtRMWtBSDEfnszMWxv21-ccxt08oisaViMUsqUF97nSdN-0BtdEkO-jFJjC3ng/s1600/blogger_logo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv4NO5-vIXTllMAiUOMG1NRnidvU7AUroOs5D_RDPy3T4kORHRJ8bPcjRdtM1_SNQHYVoMbStJUEaetXtRMWtBSDEfnszMWxv21-ccxt08oisaViMUsqUF97nSdN-0BtdEkO-jFJjC3ng/s200/blogger_logo.png" width="200" /></a></div><m:smallfrac m:val="off"> <m:dispdef> <m:lmargin m:val="0"> <m:rmargin m:val="0"> <m:defjc m:val="centerGroup"> <m:wrapindent m:val="1440"> <m:intlim m:val="subSup"> <m:narylim m:val="undOvr"> </m:narylim></m:intlim> </m:wrapindent> </m:defjc></m:rmargin></m:lmargin></m:dispdef></m:smallfrac> 
<div class="MsoNormal" style="line-height: 18pt; margin-bottom: 6pt;"><a href="http://rsunara.blogspot.com/2010/06/membuat-memjadi-3-kolom-dalam-satu.html">Membuat 3 Kolom Gadget Pada Blogger</a></div><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"> 
</div><div class="MsoNormal" style="line-height: 15pt;">Membuat memjadi 3 kolom dalam satu tempat.. ini sangat praktis, dan keren bisa langsung di coba kalau mau..hehehehe… tapi ada beberapa kekurangan menurut saya pribadi karena blog itu Cuma memiliki 1 page, jadi pada halaman utuma nya kalau kita terlalu banyak memberi gadget / widget proses loading nya akan menjadi lambat itu semua akan menghambat kenyamanan pengunjung yang akan datang ke blog kita… 
 
Kalau mau mencoba bisa langsung ikuti langkah – langkah berikut: 
 
 
langkah pertama : 
 
langsung saja log in ke blogger.com -> layout -> edit html 
 
 
Tambahkan kode berikut persis di atas kode # ]]></b:skin> : 
 
note: untuk mencari kode tersebut bisa gunakan ctrl + F & jangan cetak expand widget template 
/* bottom 
---------------------------- */ 
 
#bottom { 
width: 660px; 
position: relative; 
clear:both; 
margin: 0 auto; 
color:#fff; 
float: left; 
background:#BDBABD; 
padding: 15px 0 15px 0; 
} 
 
#bottom h2 { 
padding: 5px 0 2px 0; 
margin: 0 0 10px 0; 
color:#ff5a00; 
font-size: 24px; 
letter-spacing: -1px; 
border-bottom: 1px solid #fff; 
} 
 
#bottom ul { 
padding: 0; 
margin: 0; 
} 
 
#bottom ul li { 
line-height: 26px; 
list-style-type: none; 
border-bottom: 1px dashed #031c5d; 
} 
 
#bottom ul li a { 
display: block; 
padding: 0 10px; 
color:#0701FD; 
text-decoration: none; 
 
} 
#bottom ul li a:hover { 
background: #B1ACB1; 
} 
 
#left-bottom { /* yang ini nih kode kolom kiri */ 
width: 205px; 
float: left; 
padding-left:10px; 
} 
 
#center-bottom { /* kalo yg ini kode kolom tengah */ 
width: 205px; 
float: left; 
padding-left:10px; 
} 
 
#right-bottom { /* kalo yg ini kode kolom kanan */ 
width: 205px; 
float: left; 
padding: 0 5px 0 10px; 
} 
 
Cari bagian body yaitu pada bagian bawah kode template, dan cari kode yang mirip seperti ini : 
 
<div id='footer-wrapper'> 
<b:section class='footer' id='footer'/> 
</div> 
 
# Copy paste kode berikut persis di atas kode yang atas tadi : 
 
<div id='bottom'> 
 
<b:section class='bottom' id='left-bottom'/> 
 
<b:section class='bottom' id='center-bottom'/> 
 
<b:section class='bottom' id='right-bottom'/> 
 
</div> 
 
setelah selesai save... 
 
setelah itu pergi ke page element, jika berhasil sip dech..^^.. 
jika ada kekurangan ulangi langkah - langkah pertama 
 
jika ada yang masih kurang mengerti bisa langsung contact saya atau pun post ke comment...thx..</div><div class="MsoNormal"> 
</div>

Membuat 3 Kolom Gadget Pada Blogger

Membuat 3 Kolom Gadget Pada Blogger Membuat memjadi 3 kolom dalam satu tempat.. ini sangat praktis, dan ...

07.52

Cara Memasukkan File Download di Blog Anda

<m:smallfrac m:val="off"> <m:dispdef> <m:lmargin m:val="0"> <m:rmargin m:val="0"> <m:defjc m:val="centerGroup"> <m:wrapindent m:val="1440"> <m:intlim m:val="subSup"> <m:narylim m:val="undOvr"> </m:narylim></m:intlim> </m:wrapindent> </m:defjc></m:rmargin></m:lmargin></m:dispdef></m:smallfrac> 
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_VV4qSlDP-71f_2EFT3L95qQc_R_-avA_96OORzao1GsMDR_Kfx1zmaG59gmo4yalUEJx-vWE0TZmVPxQ49DIA4NmquByhTEfZ1tMFVoFVwc9sj0NezPV4Klp9MxrrftB4Dh_WvqSbTE/s1600/Download.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_VV4qSlDP-71f_2EFT3L95qQc_R_-avA_96OORzao1GsMDR_Kfx1zmaG59gmo4yalUEJx-vWE0TZmVPxQ49DIA4NmquByhTEfZ1tMFVoFVwc9sj0NezPV4Klp9MxrrftB4Dh_WvqSbTE/s200/Download.jpg" width="200" /></a></div>Cara Memasukkan File Download di Blog Anda 
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">Secara sederhana saya jabarkan cara kerjanya, pertama tentu saja kita harus mempunyai account pada situs tersebut, kemudian setelah mempunyai account, baru kita upload data yang ingin kita simpan, lalu setelah proses upload berhasil kita akan di beri URL address file yang kita upload. Nah langkah terakhir agar pengunjung dari blog kita bisa mendownload file tersebut adalah memasang tulisan yang mempunyai link terhadap URL address file yang kita upload tadi, jadi tentu saja orang lain bisa mendownload file yang kita pasang melalui blog kita. Kira-kira begitu bos . 
 
Agar tidak terlalu bingung, penyedia layanan ini salah satunya adalah www.SnapDrive.net. dengan menggunakan situs ini kita bisa upload file kemudian file tersebut bisa di download lagi oleh orang lain. Untuk caranya silahkan ikuti langkah-langkah berikut ini : 
 
1. Silahkan klik di sini untuk menuju www.SnapDrive.net 
 
2. Klik tulisan Register 
 
3. Isi formulir yang disediakan dengan data diri sobat 
 
* Username --> isi dengan nama yang ingin sobat gunakan, boleh apa saja yang penting mudah di ingat. contoh : ondel 
 
* Password --> isi dengan password yang di inginkan. contoh : pancirusak 
 
* Confirm password --> isi kembali dengan password yang tadi di tuliskan.contoh : pakraden 
 
* Email address --> isi dengan alamat email sobat, tentunya yang masih valid. contoh : wwahuu@gmail.com 
 
* First name --> isi dengan nama depan sobat 
 
* Last name --> isi dengan nama belakang sobat 
 
* Country --> pilih nama negara dimana sobat tinggal. contoh : indonesia 
 
* Postcode --> isi dengan kode post daerah sobat 
 
* Gender --> pilih sesuai dengan jenis kelamin sobat. male(pria), female(wanita) 
 
* Date of birth --> pilih tanggal kelahiran sobat 
 
* Preferances --> isi dengan tulisan yang tertera di situ 
 
4. Klik tombol Register 
 
5. Ada konfirmasi bahwa account yang baru di buat harus di aktifkan melalui email yang kita tulis tadi 
 
6. Cek email milik sobat yang tadi ditulis, periksa apakah email dari Snapdrive sudah sampai atau belum 
 
7. Jika email sudah sampai, silahkan buka email tersebut. Isi di dalam email tersebut ada yang berupa link untuk aktifasi, klik saja link tersebut 
 
8. Secara otomatis sobat akan dibawa kehalaman yang berisi ucapan terima kasih 
 
9. Klik tombol OK 
 
10. Silahkan Login dengan username serta password yang tadi di tuliskan saat register 
 
11. Setelah berada di halaman account sobat, klik tulisan Upload 
 
12. Klik tombol Add Files 
 
13. Pilih file yang ada dikomputer sobat yang mau di upload 
 
14. Klik tombol Upload. tunggu beberapa saat ketika proses upload file sedang berlangsung 
 
15. Jika proses upload selesai, sobat akan diperlihatkan file yang di upload tadi. Klik tulisan details yang ada disebelahnya 
 
16. Klik tulisan HTML Code 
 
17. Copy kode yang di berikan lalu paste pada program notepad 
 
18. Klik tulisan Logout untuk keluar dari situs tersebut 
 
19. Silahkan tutup layar browser sobat 
 
 
 
 
Langkah selanjutnya adalah memasukan kode tadi ke dalam blog kita, saya ambil contoh kode yang sudah di upload seperti ini : 
 
 
<a href="http://www.snapdrive.net/files/452250/billing%20internet.zip">billing internet.zip</a> 
 
 
Kode ini merupakan kode link biasa, jadi tentunya tidak mutlak. Kata billing internet.zip, bisa kita ganti dengan kata apa saja sekehendak kita. saya ambil contoh kata billing internet.zip di rubah menjadi kata download, maka kode diatas menjadi seperti di bawah ini : 
 
 
<a href="http://www.snapdrive.net/files/452250/billing%20internet.zip">download</a> 
 
 
Bagaimana cara memasukan kode diatas? tentu saja terserah sobat mau di tempatkan dimana saja, mau di sidebar, footer, atau bahkan di dalam postingan pun bisa. Saya ambil contoh didalam postingan isinya seperti ini : 
 
Untuk men download program billing internet, silahkan anda klik link di bawah ini : 
 
 
 
<a href="http://www.snapdrive.net/files/452250/billing%20internet.zip">download</a> 
 
 
Maka nanti di blog kita akan tampil seperti ini : 
 
 
Untuk men download program billing internet, silahkan anda klik link di bawah ini : 
 
download 
 
 
Contoh link yang saya buat diatas adalah link yang benar-benar nyata untuk mendownload program billing internet, silahkan sobat klik untuk membuktikannya! 
 
 
Saya kira sudah cukup pembahasan tentang cara membuat link download, mudah-mudahan dapat di mengerti. Selamat mencoba !</div>

Cara Memasukkan File Download di Blog Anda

Cara Memasukkan File Download di Blog Anda Secara sederhana saya jabarkan cara kerjanya, pertama tentu s...

07.31

Membuat Menu Dropdown

Membuat 3 Kolom Gadget Pada Blogger

Cara Memasukkan File Download di Blog Anda

Popular Posts

Comments

Arsip Blog