DAFTAR ISI

Cara Membuat Daftar Isi Dengan Gambar Melayang Di Blog

Keyword : Cara Membuat Widget Daftar Postingan Melayang Di Blog, Cara Membuat Gambar Melayang Di Blog, Gambar Melayang Di Pojok Blog Dengan Link.

Oke, kali ini saya akan berbagi tentang Cara Membuat Daftar Isi Dengan Gambar Melayang Di Blog, karena banyak yang tanya kepada saya bagaimana cara membuatnya seperti di blog YONDARKNESS ini. Oke langsung saja, berikut ini adalah caranya.

• Pertama, kalian buat dulu daftar isinya di postingan atau laman. Caranya, kalian bisa lihat disini ( Cara Membuat Daftar Isi Di Blog ).
• Setelah daftar isi siap, kalian bisa buka dashboard blog kalian, klik Tata Letak, Tambah Gadget, Pilh HTML/JacaScript.
• Kemudian, kalian masukkan kode di bawah ini

<a  class="amai" ><div style="position: fixed;width:157px;height:210px; bottom: 0px; left: 0px;"><a href="http://anonymous-bunshin.blogspot.com/2013/01/daftar-isi-yondarkness.html" target="_self"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF7T-hNJF4XFS5fgJ5DaGm7xMQZBJSBCLV3MBMeI9Rn84_mX1j_hJYfen5jufKSHCwz1ML-qNLCBPXT5Q8M-HX8I8D_W-_ElaY-8B2J5RrV7rT0wgMgq2wDf9dKUe6mxJkbEjuHoFp_iya/s1600/naruto_sage_mode_chibi_render_by_amarubar-d5kjac5+copy.png" title="Daftar Isi"  alt="Daftar Isi"/></a></div></a>

• Kemudian Save.

Keterangan :

Kode berwarna BIRU adalah kode lebar widget, kalian sesuaikan sesuai lebar gambar.

Kode berwarna HIJAU adalah kode tinggi widget, kalian sesuaikan sesuai tinggi gambar.

Ganti kode berwarna MERAH dengan link/URL daftar isi yang sudah kalian buat di langkah pertama tadi.

Ganti kode berwarna KUNING dengan _blank jika kalian ingin daftar isi terbuka di tab baru.

Ganti kode berwarna UNGU dengan link/URL gambar yang akan kalian pakai.

Bagaimana? Berhasil? Mudah kan? Hehehe... Mudah kok.. Sebenarnya itu sama saja dengan membuat widget gambar melayang di blog. Oke, sekian artikel Cara Membuat Daftar Isi Dengan Gambar Melayang Di Blog. Semoga bermanfaat. Jika ada yang kurang jelas, bisa kalian tanyakan di komentar.

sharingan

Cara Membuat Sharingan Berputar di Blog

Sharingan, Sebuah Mata Yang Merupakan Salah Satu Dari 3 Doujutsu Terkuat di Anime Naruto. Mata ini Dimiliki Oleh Anggota Clan Uchiha. Namun Ada Juga Shinobi Non Uchiha Yang Memilikinya, Seperti Kakashi, Danzo, dan Menma. Bagaimana Jika Sharingan Tersebut Menghiasi Blog Kalian? Wow, Pasti Keren. Contohnya Seperti Blog Saya Ini. Bagaimana Cara Membuatnya? Berikut Ini Adalah Cara Membuat Sharingan Berputar di Blog.

• Pertama, Masuk ke Dasboard Blog Kalian
• Klik Pilihan Template
• Pilih Edit HTML
• Jangan Lupa Centang "Expand Template Widget
• Kemudian Kalian Masukan Kode Berikut di Bawah Kode ]]></b:skin>

.KADEXANASharingan{margin-top:0px; margin-left:0px; width:98px; height:98px; float:left;}.KADEXANAS{background-color:rgba(0,0,0,0);opacity:.9; border-radius:190px; width:75px; height:75px; margin:0 auto;background:url(http://s8.postimage.org/aobz62b2p/Header_Saringan_Bali_Cheater2.png)center; position:relative; top:-70px; -moz-animation:spin2Pulse 2s infinite linear; -webkit-animation:spin2Pulse 2s infinite linear} @-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} } @-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }

Ket:

1. Kode berwarna BIRU adalah untuk mengatur letak Sharingan Berputar, silakan kalian atur sendiri
2. Kode berwarna HIJAU adalah untuk mengatur ukuran Sharingan Berputar, silakan kalian atur sendiri, Namun saya hanya akan memberikan gambar Sharingan berukuran 75px x 75px. Untuk ukuran lainnya silakan kalian cari gambar sendiri
3. Kode berwarna ORANGE adalah gambar dari Sharingan yang akan dibuat berputar, silakan kalian ganti dengan  gambar Sharingan yang kalian inginkan
4. Kode berwarna UNGU adalah untuk mengatur arah putaran Sharingan Berputar, 360deg untuk searah jarum jam, -360deg untuk berlawanan arah jarum jam

Masih belum selesai. Masih di Edit HTML

• Masukan kode berikut di bawah kode <header id='header-wrapper'> ( Sebenarnya bisa kalian letakkan dimana saja, asalkan tidak Error )

<div class='KADEXANASharingan'>
<div class='KADEXANAS'/>
</div>

• Terakhir, Save Template kalian dan check

Berikut ini adalah link gambar Sharingan ukuran 75px x 75px yang dapat kalian gunakan

1. Sharingan 1 Tomoe

http://s8.postimage.org/aobz62b2p/Header_Saringan_Bali_Cheater2.png

2. Sharingan 2 Tomoe

http://s7.postimage.org/ahqahmaef/Header_Saringan_Bali_Cheater3.png

3. Sharingan 3 Tomoe

http://s14.postimage.org/5coe76q6l/Header_Saringan_Bali_Cheater4.png

4. Proto Mangekyou Sharingan

http://s7.postimage.org/h9pwbye5j/Header_Saringan_Bali_Cheater5.png

5. Kakashi Mangekyou Sharingan

http://s13.postimage.org/8be5sjzlf/Header_Saringan_Bali_Cheater6.png

6. Itachi Mangekyou Sharingan

http://s8.postimage.org/54mgs4v4h/Header_Saringan_Bali_Cheater7.png

7. Izuna Mangekyou Sharingan

http://s13.postimage.org/snzy89trn/Header_Saringan_Bali_Cheater8.png

8. Shisui Mangekyou Sharingan

http://s8.postimage.org/q9ax71tht/Header_Saringan_Bali_Cheater9.png

9. Madara Mangekyou Sharingan

http://s7.postimage.org/edz0zv607/Header_Saringan_Bali_Cheater10.png

10. Sasuke Mangekyou Sharingan

http://s8.postimage.org/q6r1k7pu9/Header_Saringan_Bali_Cheater11.png

11. Sasuke Eternal Mangekyou Sharingan

http://s13.postimage.org/z33kiopv7/Header_Saringan_Bali_Cheater12.png

12. Madara Eternal Mangekyou Sharingan

http://s13.postimage.org/5duz42w37/Header_Saringan_Bali_Cheater13.png

13. Sharinnegan ( Mata Juubi )

http://s7.postimage.org/ldmqa31nr/Header_Saringan_Bali_Cheater1.png

Sumber : Yondarkness