Tutorial : Navigasi Bergambar, samping kiri blog.

Assalamu'alaikum
Yuhuw, Salma masih seneng nih. Blog baru .. . Nah, tutorial ini ada kaitannya dengan Design baru blog Salma. Iaitu, navigasi. Yp, Salma mau kasih tau cara buat navigasi seperti Salma. Okelah, nggak perlu panjang lebar. 

1. Sign in -> Dashboard -> Template
2. Copy & Paste kode bawah ini :

a.navigation {
position: fixed;
text-transfrom:uppercase, lowercase;
padding-right:5px;
padding-left:5px;
}
a. navigation :hover {
color:#ffffff;
-webkit-transition:1s;
border-radius:4px;
}
3. Next-> tekan CTRL+F Cari kode :
<body> 
atau
</style> 
 4. Copy, lalu Paste kan Kode ini dibawah kode <body> / </style> tadi


<div style="position: absolute; display: inline-block; top: 200px; left: 40px;">
<a class=" navigation" onClick="document.getElementById('pages').innerHTML=document.getElementById('entries').innerHTML" title="Entry"><img src="http://i47.tinypic.com/el6vsk_th.png"onmouseover="this.src='http://i47.tinypic.com/el6vsk_th.png'" onmouseout="this.src='http://i47.tinypic.com/el6vsk_th.png'" class= onMouseover="init(this);rattleimage()"onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"></a> <br>
<a class=" navigation" onClick="document.getElementById('sidebar').innerHTML=document.getElementById('linkies').innerHTML" title="Friend"><img src="http://i47.tinypic.com/el6vsk_th.png"onmouseover="this.src='http://i47.tinypic.com/el6vsk_th.png'" onmouseout="this.src='http://i47.tinypic.com/el6vsk_th.png'" class= onMouseover="init(this);rattleimage()"onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"></a> <br><br><br>
</div>
Ket :
Grey : Penempatan Navigasi
Hijau : Bisa dirubah menjadi 'sidebar' sesuaikan saja dengan isi-nya. Apabila itu entry, kan nggak mungkin di sidebar
Fuchsia : Kamu copy semua kodenya.(Kecuali yg aku beri garis bawah) Paste dibawahnya. Dan, kata warna fuchsia itu bisa dirubah.
Biru tua : Gambar Icon-nya.

Maaf, kalau nggak faham. Smoga berhasil.
Wassalamu'alaikum

Komentar

Posting Komentar

Postingan populer dari blog ini

Seleksi OSIS ; Omasblt!

Gambar
     Gue manusia bertemperamen Sanguinis, yang nggak bisa dipungkiri kalau sifatnya suka ketenaran. TAPI , bukan keteranan yang gue jadikan alasan buat daftar jadi pengurus OSIS SMASA. Karena, sejatinya keteranan nggak bisa dijadikan buat ikut seleksi pengurus OSIS. Kalaupun toh ntar pengurus OSIS jadi hits , itu karena keadaan yang membuat mereka mau nggak mau harus berinteraksi dengan warga sekolah ketika ada event-event tertentu. Makanya, mereka jadi kenal banyak warga sekolah dan sebaliknya.       Dari masuk SMP, begitu denger kata "OSIS" gue tertarik. Ralat. Tertarik banget buat ikutan seleksinya. Belum juga seleksi mulai udah kebayang-bayang ntar bakal jadi orang sibuk yang ngurusin acara-acara di sekolah. Relasi banyak. Deket sama guru. Hmm... asyique! Well , karena emang nggak pernah ikut seleksi beginian sebelumnya, otomatis gue yang (saat itu) cupu nggak ngerti apa aja yang bakal di tes in sama senior-senior OSIS sekolah gue. Yang gue t...
Baca selengkapnya

Siswa Teladan?

Gambar
Ciao gaes!             Selamat menapakkan kaki di bulan kedua tahun 2015 ini yo!. Nggak kerasa emang kalo 10 bulan lagi udah tahun baru 2016 *lamawoy*. Daaaaan beberapa lagi gue beserta anak bertakdir kembar lainnya bakalan ngadepin serentetan pesta bareng LJK sama Pensil 2B. Dibuka dengan try out dan ulangan-ulangan yang  ngruyuk  abis, penutupnya nggak mau kalah heboh. UN! Ujian Nasional cuyyy. Itupun kalau bisa nghirup oksigen lega karna udah dapet sekolah. Kalo masih mencari sosok/? yang tepat kan berarti UN bukan jadi penutup untuk semua perjuangan #azeek. Kebayang dong, betapa anak kelas 6, 9 dan 12 yang mau ngadepin UN harus rajin bener. Atau minimal sok rajin lah biar kesanya kalo kelas segitu emang super sibuk.       Di tahun terakhir gue menjabat sebagai murid paling kece di sekolah ini . Gue jadi ngerasa kalo waktu itu cepet banget muternya. Dari gue yang dulu culun, cupu dan polos bang...
Baca selengkapnya

Tips Ampuh Hadapi Ujian Nasional (ala gue)

Gambar
Ujian Nasional emg sering dianggep serem sama penduduk kelas 6, 9 dan 12. Buat ngeredam kepanikan lo lo pada yang mau UN kek gue. Gue mau sharing Tips Absurd Ngadepin UN ala gue.   Skip. Check this outt! 0. Belajar giat   Yakali mau UN kagak belajar, wkwk. Dari balita sampek nenek-nenek juga tau kalo pelajar itu kewajibanya belajar. So? Gue gak mau panjang* ngomentarinya karna beda orang, beda karakter, beda cara belajar. Ada yg IQ nya tinggi, belajar 15 menitan sebelumm ujian aja udah cukup. Ada yang udah belajar dari kemaren sampe beser tapi belum sukses juga ngadepin ujiannya, Adaa.    Sederhana aja sih, Jangan terapkan SKS as known also 'Sistem Kebut Semalam'. Kecuali kalo lo ngrasa lo adalah titisan Dominic Brian, orang bali pemegang rekor dunia. *proud 1. Jangan tegang   UN emang cuma sekali. (Sekali di SD, di SMP dan di SMA). Tapi jangan takut ngadepin UN gaes! Rileks.. UN bukan mantan kok, yang bisa dateng kapan aja tanpa diundang k...
Baca selengkapnya