kegagalan beszar xu

kucoba.com zaman dulu

Hallo sobat informasi maya apa kabar? Akhir-akhir ini email kang salman penuh dengan berbagai pertanyaan bagaimana cara buat  menu banyak di atas blog, atau cara bikin menu banyak d atas blog kita seperti : MENU PROFIL TULAR LINK dsb.
sebenarnya kang salman sudah 2 kali pernah membahas tutorial ini silakan anda lihat

1. Cara membuat menu navigasi  horizontal dan vertikal dropdown
2. Cara membuat halaman menu dropdown

Namun baikalah untuk menanggapi hal itu kang salman akan membuat tutorial baru kebetulan  kang salman menemukan cara baru membuat menu navigasi saat sedak utak-atik CCS di blog yang baru hehehe,

Sebelum kita mulai tutorialnya kang salman mau berbagi pengetahuan dasarnya dulu bagaimana cara membuat menu navigasi seperti di tutorial sebelunya disini

Di bawah ini adalah kode dasarnya untuk membuat menu di atas postingan / blog kita

<div id='templatemo_menu'>
        <ul>
               <li><a href='/'>Home</a></li>
   <li><a href='http://www.lulukafida.co.cc/2010/05/prediksi-bocoran-naruto-terbaru.html'>Bocoran Terbaru</a></li>
   <li><a href='http://mivo.tv'>Nonton TV</a></li>
   <li><a href='http://www.lulukafida.co.cc/2010/05/buku-tamu.html'>Buku Tamu</a></li>
   <li><a href='http://www.lulukafida.co.cc/2010/05/game-online.html'>Game Online</a></li>
  
  </ul>
            </div>

Dan ini adalah kode yang kang salman gunakan di blog yang sedang anda baca ini :

<div id='menu-wrap'>
<ul>
<li><a href='http://www.lulukafida.co.cc' title='Home'>Home</a></li>
<li><a href='http://www.lulukafida.co.cc/2010/03/profil.html' title='Profiles'>Profiles</a></li>
<li><a href='http://www.lulukafida.co.cc/2010/03/tukar-link.html'>Tukar Link</a></li>
<li><a href='http://www.lulukafida.co.cc/search/label/Download Software' title='Download'>Download</a></li>
<li><a href='http://www.lulukafida.co.cc/2009/09/tutorial-mudah-blog.html' title='Blog Tutorial'>Blog Tutorial</a></li>
<li><a href='http://www.lulukafida.co.cc/2010/03/cheat-gunbound.html' title='Cheat Gunbound'>Cheat Gunbound</a></li>
<li><a href='http://www.lulukafida.co.cc' title='Subscribe'>Subscribe</a></li>
<li><a href='http://www.lulukafida.co.cc/2010/03/informasi-pasang-iklan-advertise.html' title='Pasang Iklan'>Pasang Iklan</a></li>
<li><a href='http://www.lulukafida.co.cc/2009/10/buku-tamu.html' title='Buku Tamu'>Buku Tamu</a></li>
<li><a href='http://www.lulukafida.co.cc/2009/03/site-map.html' title='Daftar Isi'><blink>Daftar Isi</blink></a></li>
<li><a href='http://www.lulukafida.co.cc/2009/09/contact.html' title='Contact'>Contact</a></li>
 </ul>
 </div>

Keterangan ! :
Anda tinggal mengganti alamat url di atas dengan alamat anda sendiri, sebagai contoh : yang berwarna merah adalah alamat url saya, lalu yang berwarna Biru adalah nama menu, ganti dengan milik anda, begitupun dengan yang lainnya.

Jika tutorial itu masih membingungkan. disini kang salman akan membuat tutorial baru yang lebih mudah. trik ini kang salman temukan secara tidak sengaja saat sedang mengutak-atik CCS di blog baru kang salman http://www.lulukafida.co.cc

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000
2
#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000
3
#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000
4
#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000
5
#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000
6
#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000
7
#465584	#EEF2F7	#3A4F6C	#00D	#434951	#555
#777	#DFE6EF	#345487	#F5F9FD	#3860BB	#BCD0ED
#C2CFDF	#F0F5FA	#D1DCEB	#003	#900	#CCE9FD
#E4EAF2	#4C77B6	#DFE6EF	#EEF2F7

Oke, anda saya berikan kebebasan untuk menyalin artikel atau konten di blog ini tetapi ada beberapa persyaratan yang harus anda di penuhi :

1. Kalau ga keberatan nitip link sumber artikel ya hehe :) : http://www.lulukafida.co.cc (bercanda kok :p)
2. Ubahlah konten atau isi artikel ya minimal 30% dari yang asli. misal dengan gaya bahasa kamu :)
3. Perhatikan baik-baik dan pelajari artikel tersebut sampai anda bisa, jangan sampai kejadian yang dulu "nama disamarkan" keulang lagi, asal copas, takutnya ada yang bertanya di blog kita. kan lucu kesannya, saat dia kebingungan dan bertanya balik kepada saya. 'mohon maaf untuk  yang tersinggung'.
4. Dan yang terakhir jangan lupa minta izin. Misal : "Izin copas " saya lebih menghargai orang yang seperti ini, lho. mengapa? karena kata-kata itu membuat blog ini hidup dan menyemangati kami untuk menghasilkan artikel yang bermanfaat untuk kita semua.
5. Peraturan di atas tidak mengikat dan dapat berubah sewaktu-waktu

Buktikanlah kalau anda adalah bloger indonesia yang cinta damai. Jujur pada diri sendiri dan jadilah Blogger Sejati menurut diri anda sendiri! Oke ^_^

Terima kasih..

Untuk teman - teman blogger saya mohon maaf karna baru sempat saya post artikel cara menambah search engine pada menubar. karna sibuk nya aktivitas pekerjaan di alama sana. biasa pekerjaan untuk memenuhi kebutuhan perut sama bayar internet juga. hahaha..... ya udah biar nggak bertele-tele kita langsung ke pokok pembahasan saja.

Bagi teman yang sudah menerap kan tutor menambah menu bar ke dalam blog yang postingan saya terdahulu. anda cukup mengikuti tutor yang akan saya bahas di bawah ini. bagi teman yang belum, silahkan anda baca terlebih dahulu di link cara menambah menu bar di blog. kalau sudah anda terapkan. ikuti langkah-langkah di bawah ini.

Berikut ini langkah-langkah cara tambah search engine pada menubar di blog anda:

• Login dulu ke account blogger milik anda
• Tata Letak
• Edit HTML
• Kemudian Cari kode #NavbarMenuleft{ dan kurangi lebar dari width tersebut sebesar 220 px;
  misalnya lebar dari #NavbarMenuleft{ terdapat di blog anda 960 px; kurangi dengan 220px; = 740px;
• Nah setelah anda mengurangi ukuran di atas kemudian cari kode ]]></b:skin> dan letakkan kode di bawah ini di atas kode ]]></b:skin>
  #search{width:210px;font-size:11px;float:right;margin:0;padding:0}
  #searchform{overflow:hidden;display:inline;margin:0;padding:0}
  #searchbox{background:#ddd;margin:0;padding:0}
  #search input{background:transparent;color:#fff;float:left;font-size:12px;width:158px;border:1px solid #fff;font:normal 10px arial, verdana, Times New Roman;margin:7px 0 0 10px;padding:3px 7px}
  #search .btn{width:auto;border:0;margin:7px 0 0;padding:0}
• Kemudian cari kode
  <div id='NavbarMenu'>
  <div id='NavbarMenuleft'>
  <ul id='nav'>
  <li><a expr:href='data:blog.homepageUrl' title='This Blog Address'>Beranda</a></li>
  <------- Bla bla bla ---------->
  <------- Bla bla bla ---------->
  </ul></div> </div>
• Kalau sudah ketemu letakkan kode di bawah ini diantara kode </ul></div> dan </div> seperti contoh di bawah ini
  <div id='NavbarMenu'>
  <div id='NavbarMenuleft'>
  <ul id='nav'>
  <li><a expr:href='data:blog.homepageUrl' title='This Blog Address'>Beranda</a></li>
  <------- Bla bla bla ---------->
  <------- Bla bla bla ---------->
  </ul></div>
  
  <div id='search'>
  <form action='http://jayaputrasbloq.blogspot.com/search' id='searchform' method='get' style='display:inline;'>
  <input id='searchbox' maxlength='160' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
  <input class='btn' name='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6ge3uCG_tzYLmerFeOSat-eOu488rjxbYIhSKB7krsW2hlnBpeRlvhXkIoaueJB3S65EZFEzktBeSd1dLNZvlEyofYnd6HfytYR6vkMaIo-5KVEm5xGXy5sOiQFhqA9M104xKYMzyOYza/s1600/1zehw2f_th.jpg.png' type='image' value='Go'/>
  </form>
  </div>
  
  </div>
• Ganti tulisan yang berwarna merah dengan alamat blog anda
• Jika anda ingin mengganti icon dari search engine tersebut ganti link yang berwarna biru dengan alamat icon yang anda punya.
• Kemudian simpan tamplate dan lihat hasilnya.

Untuk yang belum menerapkan tutor cara menambah menubar di blog saya sarankan untuk menerapnya terlebih dahulu. karna bisa jadi kode menubar yang anda miliki belum tentu sama dengan tutor panduan sukses blogger miliki. salam sukses.......

Menampilkan Ucapan Selamat Pagi, Siang dan Sore beserta Waktunya di Blog tentu akan menambah menariknya penampilan Blog. Seperti anda dilihat di blog ini pada sidebar kanan atas.

Langsung aja, berikut Java Sricptnya. Anda tinggal copy paste pada widget blogger HTML/JavaScript kemudian taruhlah sesuai keinginan anda lalu simpan lihat hasilnya.

<!—BEGIN Time Code -->

<script language="JavaScript">

var h=(new Date()).getHours();

var m=(new Date()).getMinutes();

var s=(new Date()).getSeconds();

if (h > 3 && h <  12) document.writeln("Selamat Pagi,");

if (h > 11 && h <  18) document.writeln("Selamat Siang,");

if (h > 17 && h <  24) document. writeln("Selamat Malam,");

if (h > 23 || h <  4 ) document. writeln("Hallo," );

document.writeln('Sekarang Jam  '+h+':'+m+':'+s);

</script>

<!—END Time Code -->

• Jika Anda ingin memakai kembali slide show tersebut jangan lupa dicopy kode tersebut dan di paste/save pada file Anda agar bisa digunakan kembali.(paste kembali pada tempat Anda menghapusnya)

Demikian Cara Menghapus Tampilan Slide Show di Blogspot Silahkan dicoba…Semoga Bermanfaat.

Kali ini saya mau share yang saya dapat dari bloggerpremiumtemplate.com cara membuat gambar berganti-ganti yang letaknya di Header /tepatnya di bawah judul blog. Dan ini sudah pernah saya coba dan jadi.

Karena saya pun belum mengerti benar kode-kodean kaya begini,maka ini saya hanya share saja (bahasa halusnya-'saya cuma nyontek').

Sebab saya pernah mencobanya dan berhasil,sepertinya tak ada salahnya bila berbagi info dengan yang lain (tentunya sama yang belum tahu juga),yang mungkin tertarik untuk membuat header dengan gambar yang bergantian/slide pada template blogspot/blogger.

Caranya :
>Masuk ke "dashboard" blog anda, lalu untuk jaga-jaga terjadi kesalahan baiknya didownload dulu tempalte anda yang sekarang dan simpan,kemudian klik "rancangan",klik "edit Html",centang kotak kecil dipojok atas kanan kotak HTML .

>Setelah itu cari kode <div id='content-wrapper'> ,(biar mudah carinya pakai Control F) dan kopi kode scrip di bawah ini lalu tempelkan pas di bawah kode <div id='content-wrapper'>.
------------------------------------------------------------------------------------------------
<!-- Featured Content Slider Started -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>

<div class='fp-slides'>

<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='###'><img src='URL GAMBAR ANDA'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='###'>JUDUL KETERANGAN</a>
</h3>
<p>
Keterangan gambar anda
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End -->

<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='###'><img src='URL GAMBAR ANDA'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='###'>JUDUL KETERANGAN</a>
</h3>
<p>
Keterangan gambar anda
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 2 Code End -->

<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='###'><img src='URL GAMBAR ANDA'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='###'>JUDUL KETERANGAN</a>
</h3>
<p>
Keterangan gambar anda
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 3 Code End -->

<!-- Slide 4 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='###'><img src='URL GAMBAR ANDA'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='###'>JUDUL KETERANGAN</a>
</h3>
<p>
Keterangan gambar anda
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 4 Code End -->

<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='###'><img src='URL GAMBAR ANDA'/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='###'>JUDUL KETERANGAN</a>
</h3>
<p>
Keterangan gambar anda
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 5 Code End -->

</div>

<div class='fp-nav'>
<span class='fp-pager'/>
</div>

</div>
</div>
<div style='clear:both;'/>

</b:if></b:if>

<!-- Featured Content Slider End -->
------------------------------------------------------------------------------------------------
>Dan simpan,bila sukses boleh lihat hasilnya.

CATATAN ;
Lihat dengan teliti tulisan yang berwarna hijau :
1. ### -pagar 3 x masukan Url yang anda kehendaki mau dituju.
2. URL GAMBAR ANDA -Isi dengan url gambar anda yang telah disimpan seperti di google picasa atau situs yang lainnya.
3. JUDUL KETERANGAN - Tulis judul keterangan yang sesuai dengan url yang hendak dituju.
4. Keterangan gambar anda - Isi deskripsi singkat untuk url yang dikehendaki.

Untuk Contoh bisa di lihat di sini,cuma bedanya yang buat contoh gambarnya di atas postingan. Kalau kepengin sperti yang di contoh letakn kode scrip tadi di bawah kode ini

<div id='main-wrapper'>.

Semoga jadi,berhasil dan dimudahkan,tanks telah mampir !*****