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

CARA MEMBUAT DAFTAR ISI

Cara Membuat Daftar Isi Di Blog ( Postingan )

Cara Membuat Daftar Isi Di Blog ( Postingan )

Oke, karena banyak teman-teman saya yang request Cara Membuat Daftar Isi seperti milik , sekarang saya akan share tutorial cara membuatnya. Untuk kalian yang masih belum tau, klik Disini untuk demonya.

Bagaimana? Tertarik? Berikut ini adalah tutorialnya

• Pertama masuk ke Dasboard blog kalian
• Kemudian buat sebuah postingan baru ( Terserah mau kalian beri judul apa, tapi saya saran pakai saja judul Daftar Isi )
• Saat kalian sudah di halaman membuat postingan, disana ada dua pilihan, Compose dan HTML. Pilih yang HTML
• Masukan kode berikut :

<div style="background: url(#); border: 2px solid #00ffff; height: 700px; overflow: auto; padding: 5px; width: 100%;">

<span style="color: #007acc; font-size: 14px;"><b>DAFTAR ISI</b></span>

<script src="http://yourjavascript.com/23131381311/daftarisinyablog.js">

</script>

<script src="http://anonymous-bunshin.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

Keterangan : 

Ganti kode berwarna BIRU MUDA dengan alamat/URL gambar background daftar isi yang kalian inginkan

Ganti kode berwarna MERAH dengan ukuran garis/border yang kalian inginkan

Ganti kode berwarna BIRU dengan jenis garis/border yang kalian inginkan ( Solid, Dashed, Dotted, dan sebagainya )

Ganti kode berwarna KUNING dengan warna garis/border yang kalian inginkan

Gnati kode yang berwarna UNGU dengan ukuran daftar isi yang kalian inginkan

Gnati kode yang berwarna PINK dengan warna huruf yang kalian inginkan

Gnati kode yang berwarna ORANGE dengan ukuran huruf yang kalian inginkan


Ganti kode berwarna HIJAU dengan alamat blog/website kalian

Terakhir publikasikan daftar isi tersebut seperti postingan biasa

Bagaimana? Berhasil? Sekian artikel tutorial kali ini. Semoga bermanfaat. Maaf jika ada kekurangan. Jika ada yang kurang paham, silakan kalian tanyakan di komentar BKM1

Sumber Artikel : http://anonymous-bunshin.blogspot.com/2013/01/cara-membuat-daftar-isi-di-blog.html#ixzz2T2cUhy9l

kumpulan cursor blog 1

Kumpulan Korsor Part VI !!! (Kursor Naruto/Naruto Cursors)

Selamat malam lagi sobat blogger dan khususnya sobat Bukanakgo.blog yang berbahagia yang sedih galau atau semacamnya, kali ini ane bakal nge-share sejumlah kursor NARUTO !!, mau tau kayak gimana? Langsung aja kita cekidott...

Caranya :
1. Masuk ke Blogger
2. Klik Template


3. Klik Edit HTML



4. Klik Lanjutkan



5. Centang kotak Expand Widget Templates seperti pada gambar

Cari code </head> dan copast kode berikut tepat diatas kode </head>

<style type='text/css'>
HTML,BODY{cursor: url(&quot;http://cur.cursors-4u.net/games/images9/gam860.gif&quot;), auto;}
</style>

silahkan ganti teks berwarna merah dengan URL di bawah ini :

http://cur.cursors-4u.net/anime/images12/oth1127.gif

http://cur.cursors-4u.net/anime/images12/oth1125.gif

http://cur.cursors-4u.net/anime/images12/oth1126.gif

http://cur.cursors-4u.net/anime/images12/oth1124.gif

http://cur.cursors-4u.net/user/images1/use141.gif

http://cur.cursors-4u.net/anime/images11/ani1035.gif

http://cur.cursors-4u.net/anime/images11/ani1037.gif

http://cur.cursors-4u.net/anime/images11/ani1035.gif

http://cur.cursors-4u.net/anime/images11/ani1033.gif

http://cur.cursors-4u.net/anime/images11/ani1031.gif

http://cur.cursors-4u.net/anime/images11/ani1026.gif

http://cur.cursors-4u.net/anime/images11/ani1022.gif

http://cur.cursors-4u.net/anime/images10/ani981.png

http://cur.cursors-4u.net/anime/images10/ani998.png

http://cur.cursors-4u.net/anime/images10/ani997.png

http://cur.cursors-4u.net/anime/images10/ani996.png

http://cur.cursors-4u.net/anime/images10/ani995.png

http://cur.cursors-4u.net/anime/images10/ani994.gif

http://cur.cursors-4u.net/anime/images10/ani993.gif

http://cur.cursors-4u.net/anime/images10/ani992.gif

http://cur.cursors-4u.net/anime/images10/ani991.gif

http://cur.cursors-4u.net/anime/images10/ani990.gif

http://cur.cursors-4u.net/anime/images10/ani987.gif

http://cur.cursors-4u.net/anime/images10/ani989.gif
'
 

http://cur.cursors-4u.net/anime/images10/ani986.gif

http://cur.cursors-4u.net/anime/images10/ani984.gif



http://cur.cursors-4u.net/anime/images10/ani985.gif



http://cur.cursors-4u.net/anime/images10/ani983.gif



http://cur.cursors-4u.net/anime/images10/ani982.gif



http://cur.cursors-4u.net/anime/images10/ani937.gif



http://cur.cursors-4u.net/anime/images9/ani814.gif



http://cur.cursors-4u.net/anime/images9/ani813.gif




 http://cur.cursors-4u.net/anime/images9/ani812.gif



http://cur.cursors-4u.net/anime/images9/ani811.gif



http://cur.cursors-4u.net/anime/images9/ani809.gif



http://cur.cursors-4u.net/anime/images9/ani808.gif



http://cur.cursors-4u.net/anime/images9/ani807.gif



http://cur.cursors-4u.net/anime/images9/ani806.gif



http://cur.cursors-4u.net/anime/images9/ani805.gif



http://cur.cursors-4u.net/anime/images9/ani804.gif



http://cur.cursors-4u.net/anime/images9/ani803.gif



http://cur.cursors-4u.net/anime/images9/ani802.gif



http://cur.cursors-4u.net/anime/images8/ani800.gif



http://cur.cursors-4u.net/anime/images9/ani801.gif



http://cur.cursors-4u.net/anime/images8/ani799.gif



http://cur.cursors-4u.net/anime/images8/ani798.gif



http://cur.cursors-4u.net/anime/images8/ani794.gif



http://cur.cursors-4u.net/anime/images8/ani797.gif



http://cur.cursors-4u.net/anime/images8/ani795.gif



http://cur.cursors-4u.net/anime/images8/ani793.gif



http://cur.cursors-4u.net/anime/images8/ani792.gif



http://cur.cursors-4u.net/anime/images8/ani787.gif



http://cur.cursors-4u.net/anime/images8/ani773.gif



http://cur.cursors-4u.net/anime/images2/ani254.gif



http://cur.cursors-4u.net/anime/images2/ani253.gif



http://cur.cursors-4u.net/toons/images2/too189.gif

.: JANGAN LUPA KOMENTAR :.