Skip to main content

TUTOR MENAMBAH MENU PADA BLOG

Kali ini saya akan berbagi sedikit cara bagaimana memperindah blog kita dengan adanya tampilan Menu pada blog dan dengan adanya Menu pada blog kita,kita dapat dengan mudah berpindah kehalaman yang terdapat pada menu naah tidak usah bnayak basa basi lagi langsung saja ini caranya.......

1. Login keakun Blog anda
2. Masuk keTemplate dan kemudian Edit HTML

3. Copy paste kode dibawah ini tepat diatas code ]]></b:skin> cara cri kodenya langsung aja CTRL+F terus masukin tuh ]]></b:skin>
Silahkan Copy Paste Code Dibawah ini....

div.redmenu{ background:#9A0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivi2dt-UoQD7KaHA2ImW-Ea0eJIKM-zNczCizRiE_k6LyaBHFug4P0fuOf5f5OvDkrwPKx9kLt4xlbDZAKBVQBHCP0dBFdfnTQxG0tc7CytsUEvJW7lSVYYeoTBGlM8kKELwS-D-BrTmQ/h120/bg1.gif); border:1px solid #000; font-size:0; } div.redmenu a{ display: inline-block; padding: 0 20px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi67E7s8Rb_EpcbSqFy0-MlGgkoWnGDfDbXO9COq2vLzY-rH0MPkfkoZQBl0vTHkmi3N-2HzEG9slPamE0Uu3KLoF5L9q4XYcbfZaQ5R2TNxah7NzNwz2Vh39KNx_CU2psil_qWChLdCo/h108/bg.gif); color:#fff; text-decoration:none; font: bold 12px Arial; line-height: 32px; } div.redmenu a:hover, div.redmenu a.current{ background-position:0 -60px; } div.redmenu a.end{ width:2px; padding-left:0;padding-right:0; }

4. Kalau sudah slesai kemudian masuk ke-layout dan add widget terus tambah HTML/Java scrip kemudian copas lgi kode ini 

<div class='redmenu'> <a expr:href='data:blog.homepageUrl' class='current'>Home</a> <a href='#'>$</a> <a href='#'>$</a> <a href='#'>$</a> <a href='#'>$</a> <a href='#'>$</a> <a class="end">&nbsp;</a> </div>

ganti tanda "#" dengan Link yg anda inginkan dan tanda "$" ganti dengan judul menu yg anda inginkan

5. Dan terahir Save kemudian lihat Blog anda  (Toloong Komentnya ya)


SELAMAT MENCOBA


Labels:

Comments

  1. Mega Hardianti4 December 2013 at 03:57

    Sebelumnya terima kasih atas informasi/tutorialnya. Artikel Anda sangat membantu saya dalam pembuatan blog. Sedikit saran yang ingin saya sampaikan, akan lebih baik bila pemaparan dari tutor mengenai penambahan menu pada blog tersebut dilengkapi dengan gambar dari tampilan yang Anda paparkan, seperti "masuk ke template dan kemudian edit HTML", nah Anda bisa menampilkan posisi menu template itu ada di bagian mana pada blog, sehingga pembaca akan lebih mudah memahami (terkhusus bagi pemula pengguna blog). Atau Anda bisa menambahkan video mengenai tutorial tersebut. Thanks :)

    ReplyDelete
    Replies
    1. Badruzh4 December 2013 at 05:18

      Ok Trimakasiih saranya,,secepatnya akan saya tambahkan gambar mba.... :)

      Delete
  2. Unknown4 December 2013 at 05:04

    sip.,., mas badru,. kami dari pasukan bebek cuma ngomen gimana klo blognya diganti musiknya dengan murotal aja, hehehe.,., yg mendengar dan membaca sama besar pahalanya.

    ReplyDelete
    Replies
    1. Badruzh4 December 2013 at 05:19

      Hahaa,,sebelumnya saya tidak tau apa itu murotal... #Kudet dkiit :D

      Delete
  3. Unknown4 December 2013 at 05:36

    tutorial yang sangat bermanfaat terimakasih untuk informasinya :)

    ReplyDelete
  4. Badruzh4 December 2013 at 05:47

    Ok, Trimakasih sudah mau mampir... :)

    ReplyDelete
  5. Unknown6 December 2013 at 06:49

    keren blog nya, walaupun masih polos.

    saran, itu tulisan yang terblock putih, ganti saja dengan font bold, mungkin lebih bagus

    visit juga :
    http://go-fatin.blogspot.com

    ReplyDelete
  6. Say Hi to You10 December 2013 at 15:55

    Trimakasih atas infonya,ini sangat bermafaat untuk para blogger pemula. :)

    ReplyDelete

Post a Comment

Popular posts from this blog

Proposal PKL

MANAJEMEN PENGELOLAAN LIMBAH PETERNAKAN SAPI PERAH DI CV WAHYU AGUNG DESA SUMOGAWE KECAMATAN GETASAN KABUPATEN SALATIGA JAWA TENGAH   PROPOSAL PRAKTEK KERJA LAPANGAN   Oleh BADRU ZAMAN HABIBI 23010113140257 PROGRAM STUDI S-1 PETERNAKAN FAKULTAS PETERNAKAN DAN PERTANIAN UNIVERSITAS DIPONEGORO SEMARANG
Post a Comment
Read more

Cara Membuat Leaflet Dengan Photoshop

Hallooooo Bro and Sist kali ini saya akan berbagi sedikit Tutorial bagianmana cara membuat Leaflet menggunakan Photoshop, caranya sangat simple tinggal potong sedikit tempel sedikit dan warnai sedikit dan kemudian jadi heheee,, yuuukz kita lihat Step by step Alon-alon asal kelakon Langkah 1  Tentunya Photoshop sudah dibuka, kemudian kita bikin page baru dengan tekan CTRL+N dengan ukuran 29.7 x 21cm  atau sesuka anda yang penting bisa dibagi 3 Langkah 2 kita buat Lembar kerja baru dengan ukuran 9.9 x 21cm  caranya sama seperti  diatas CTRL+N Langkah 3 Kemudian kita desain Lembar kerja yang ukuran 9.9 x 21cm tersebut dengan blending Option atau klik 2x Langkah 4 Kita masukan Gambar atau tulisan tentang Leaflet kita dan desain seindah mungkin hehee..  Langakh 5 Kemudian kita buat lagi lembar kerja baru atau dengan duplicat layer supaya lebih cepat dengan mengklik kanan pada layernya, tambah 2 layer lagi setelah itu kita drag and drop pada backgroundny
Post a Comment
Read more