IndeksP O R T A LCalendarFAQPencarianAnggotaGroupPendaftaranLogin

Share | 
 

 How To, Set Up, Fix, Or ETC On Blogspot !

Topik sebelumnya Topik selanjutnya Go down 
PengirimMessage
mahardika93
Newbie
Newbie


Age : 23
Contribute : 2
Jumlah posting : 78
Lokasi : http://127.0.0.1

PostSubyek: How To, Set Up, Fix, Or ETC On Blogspot !   Thu 25 Aug 2011 - 5:41

Sebelum pelajari hal-hal dibawah, buka Notepad (Window's + R / Start > Run > ketik 'notepad' > enter)
setiap script disini masih mentah/butuh diedit lagi,

Cara membuat Navigasi halaman (menu halaman)
tutor:
 
diatas, pastekan Code dibawah ini

Code:
 <div id='bg_nav'>

          <div id='navleft'>
          <div id='nav'>
          <ul>
          <li><a href='asksalman19.blogspot.com/'>home</a></li>
    <li><a href='#'>Info Serba-Serbi</a></li>
<ul>
<li><a href='Namaanda.blogspot.com'>Serba-serbi</a></li>
<li><a href='http://Namaanda.blogspot.com/'>lifestyle</a></li>
<li><a href='http://Namaanda.blogspot.com/'>Other</a></li>
</ul>
</li>
    <li><a href='#'>Internet</a></li>
    <ul>
    <li><a href='http://asksalman19.blogspot.com/search/lebel/internet'>Jaringan</a></li>
    <li><a href='http://asksalman19.blogspot.com/search/lebel/seo/'>Tips SEO Backlink </a></li>
    <li><a href='http://asksalman19.blogspot.com/search/lebel/tips blog/'>Tips and Trick </a></li>
  <li><a href='http://asksalman19.blogspot.com/seacrh/lebel/make money/'>Bisnis Online </a></li>
  </ul>
  </li>
    <li><a href='#'>Teknologi Informasi </a></li>
 <ul>
<li><a href='alamatBlogAnda.blogspot.com/'>Nama-Menu </a></li>
<li><a href='alamatBlogAnda.blogspot.com/'>Nama-Menu </a></li>
<li><a href='alamatBlogAnda.blogspot.com/'>Nama-Menu </a></li>
  </li>
<li><a href='#'>Belajar Ilmu Komputer</a></li>
<ul>
<li><a href='portal-komputer.blogspot.com/'>Belajar Komputer</a></li>
<li><a href='alamatBlogAnda.blogspot.com/'>Nama-Menu </a></li>
<li><a href='http://asksalman19.blogspot.com/search/lebel/anti virus/'>Anti Virus </a></li>
</ul>

          </ul>
          </div>
          </div>

          <div id='navright'>

          <form action='http://alamat-url-anda.blogspot.com.blogspot.com/search' id='searchform' method='get' name='searchform'>
          <input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Go'/> </form>

              </div>

          </div><!-- akhir bg_nav -->

Sudah (?)
Save Template
setelah Save,
Sekarang Editing Code Script diatas, 'ganti alamat-url-anda' dengan Link Url Blog member NDI

Sudah (?)

sekarang, Tinggal edit Sub menunya
Catatan :
Navbar yang saya buat sudah saya modifikasi sehingga memiliki fungsi dropdown menu. Jika anda ingin menghilangkan fungsi dropdownnya hapus saja
    dan
contoh :

Code:
<li><a href='alamat-url-anda.blogspot.com'>Software</a></li>
<ul>    <= hapus (bila tidak ingin submenu )
<li><a href='alamat-url-anda.blogspot.com'>Antivirus</a></li>
<li><a href='alamat-url-anda.blogspot.com'>Internet Acceleator</a></li>
<li><a href='alamat-url-anda.blogspot.com’>Multimedia'></a></li>
</ul>  <= hapus ( bila tidak ingin submenu )
</li>    <= hapus ( bila tidak ingin submenu )

<li><a href='alamat-url-anda.blogspot.com'>Software</a></li>
<li><a href='alamat-url-anda.blogspot.com'>Antivirus</a></li>
<li><a href='alamat-url-anda.blogspot.com'>Internet Acceleator</a></li>
<li><a href='#’>Multimedia'></a></li>

{point 2 : Vertikal Menu}

Copy Script pada Code dibawah ini

Code:
.kang-salman{
text-align:left;
display:block;
width:180px;
height:20px;
background:#f0f0f0 url(http://i811.photobucket.com/albums/zz36/asksalman/menu.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:7px 10px 7px 0;
}

.kang-salman:hover{ background:#97A4B9 url(http://i811.photobucket.com/albums/zz36/asksalman/menu.gif) top right no-repeat;
text-decoration:none;
}


* Url Photobucket bisa diganti dengan image icon km, silahkan upload sendiri Smile

Setelah itu Save > Tata Letak > tambahkan elemen > cari HTML / Java

masukin Script Berikut ini
Code:

<a class="kang-salman" alamatBlogAnda.blogspot.com">Menu</a><span class="hide"> | </span>
<a class="kang-salman" alamatBlogAnda.blogspot.com">Bisnis Online</a><span class="hide"> | </span>
<a class="kang-salman" alamatBlogAnda.blogspot.com">Tukar Link</a><span class="hide"> | </span>
<a class="kang-salman" alamatBlogAnda.blogspot.com">Tips Anda Trick</a><span class="hide"> | </span>
<a class="kang-salman" href="alamatBlogAnda.blogspot.com">Nama Menu Anda</a><span class="hide"> | </span>

Ganti alamat blog dan nama page blog km.
Done (?)
Done Jabat tangan


Berikut Cara memasukan Spoiler pada Blog km

Code:
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Tentang bla..bla.bla.. </span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

isi spoiler...

</div></div></div></div>

'tentang bla-bla-bla : judul Spoiler'
'isi spoiler... : isi spoiler'

Berikut ini cara pasang Shoutbox
silahkan registrasi disini http://teriaklah.com > setelah itu edit smau km > nanti minta code > tata letak > tambah gadget > HTML > Paste > simpan





Nanti update > tukar Link & SEO (kalau memungkinkan, cara upload Template) mau istirahat sebentar
Kembali Ke Atas Go down
Lihat profil user
Fachriwijaya
Case Maker
Case Maker


Age : 18
Contribute : 22
Jumlah posting : 1200
Lokasi : Anywhere

PostSubyek: Re: How To, Set Up, Fix, Or ETC On Blogspot !   Thu 25 Aug 2011 - 9:38

Kak Dhika, sumpah!!!
Kgk ngerti sama sekali!! mumeet...
Kembali Ke Atas Go down
Lihat profil user
R6
NDI Modz
NDI Modz


Contribute : 54
Jumlah posting : 3817
Lokasi : Indonesia

PostSubyek: Re: How To, Set Up, Fix, Or ETC On Blogspot !   Thu 25 Aug 2011 - 20:01

dhik, jadinya kayak gimana nih?? bengong

kasih gambarnya dong.. Very Happy

_________________
Cool Cool Cool
Kembali Ke Atas Go down
Lihat profil user http://irvansuryo.blogspot.com
mahardika93
Newbie
Newbie


Age : 23
Contribute : 2
Jumlah posting : 78
Lokasi : http://127.0.0.1

PostSubyek: Re: How To, Set Up, Fix, Or ETC On Blogspot !   Fri 26 Aug 2011 - 4:29

Sedang sibuk kerja all >.< maafnya, Untuk official thread & tutor ane belom bisa update Sad
Kembali Ke Atas Go down
Lihat profil user
Rommy
Case Maker
Case Maker


Age : 19
Contribute : 39
Jumlah posting : 684
Lokasi : 2D World

PostSubyek: Re: How To, Set Up, Fix, Or ETC On Blogspot !   Fri 26 Aug 2011 - 6:04

yang vertikal ga jelas nih bengong
Kembali Ke Atas Go down
Lihat profil user http://detectiveandmafia.forum-forums.com/forum
Vicaksana
Advanced
Advanced


Contribute : 49
Jumlah posting : 2366
Lokasi : Unknown

PostSubyek: Re: How To, Set Up, Fix, Or ETC On Blogspot !   Fri 9 Sep 2011 - 10:06

Nanya : Cara masang MP3 di blog gimana yak? HAMMER HEAD
Kembali Ke Atas Go down
Lihat profil user
Sponsored content




PostSubyek: Re: How To, Set Up, Fix, Or ETC On Blogspot !   Today at 21:30

Kembali Ke Atas Go down
 

How To, Set Up, Fix, Or ETC On Blogspot !

Topik sebelumnya Topik selanjutnya Kembali Ke Atas 
Halaman 1 dari 1

Permissions in this forum:Anda tidak dapat menjawab topik
Net Detective Indonesia :: Warung Net Detective Indonesia :: Cyber-Life :: Blogger Area-