Postingan

Menampilkan postingan dari Oktober, 2013

cara membuat daftar isi di blog

Gambar
Daftar isi jelas digunakan untuk melihat apa saja yang dibahas dalam sebuah buku. Demikian pula pada blog, daftar isi di tampilkan agar pembaca mengetahui apa saja yang dibahas pada blog tersebut. dengan demikian daftar isi sangat berperan dalam keaktifan pengunjung untuk melihat isi dari blog yang kita miliki. Pemasangan daftar isi pada blog yang diletakkan pada posisi sidebar ataupun pada footer widget tidaklah sulit. untuk lebih jelasnya silahkan ikuti langkah cara membuat daftar isi di blog berikut ini : Silahkan login ke dasbor blog terlebih dahulu. Klik panah kebawah seperti pada gambar yang diberi kotak merah : Pilih >> Layout (Tata Letak) Kemudian akan muncul halaman seperti gambar berikut ini : Pilih Add Gadget (Tambah Gadget) Pilih HTML/Javascript Untuk memasang Kode HTML Widget . Masukkan judul yang sobat inginkan pada kolom judul, misalnya saja "Daftar Isi" Copy-paste kan kode dibawah ini pada kolom yan

Cara membuat widget label cloud unik pada blogger

Gambar
Sebelum memasang alangkah baiknya anda lihat terlebih dahulu tampilan widget label cloud yang akan anda pasang seperti gambar berikut ini : Untuk mendapatkan tampilan widget cloud seperti gambar diatas silahkan anda ikuti langkah membuat tampilan widget label menjadi menarik dibawah ini. Masuk ke akun blog anda Pilih >> Rancangan - edit HTML . Centang pada >> Expand Widgets Templates Silahkan anda cari kode berikut : ]]></b:skin> ( gunakan Ctrl + F) untuk mempermudah pencarian kode tersebut. Jika sudah ketemu kemudian pasang kode dibawah ini : /*-----Widget by http://waroenkblog.blogspot.com----*/ .label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6 ; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #6BB5FF; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-tra

Cara pasang back to top pada blog

Gambar
Cara pasang back to top pada blog - Penggunaan back to top pada blog adalah sebagai jalan pintas menuju tampilan teratas dari blog setelah berada pada scroll paling bawah dari semua tampilan blog. dalam hal ini back to top mempermudah para pengunjung untuk kembali keatas untuk melihat menu utama blog yang dilihat. back to top ini harus dipasang sesuai fungsinya. jika sobat blogger memiliki blog dengan panjang artikel ataupun gambar yang sangat panjang ke bawah lebih pantas untuk memasang widget back to top ini agar pengunjung blog sobat lebih mudah melihat seluruh tampilan blog anda dengan mudah. kali ini Waroenk Blog membahas tentang cara pasang back to top pada blogger. Cara pasang back to top pada blog sangatlah mudah. sobat blogger hanya tinggal memasang kode berikut untuk mendapatkan tampilan back to top pada tampilan blog sobat. berikut Cara pasang back to top pada blog untuk sobat simak dan praktekkan : Masuk ke akun blog anda Pilih >>

Cara Mengganti Kursor Blog dan 13 Cursor Menarik

Gambar
Mengganti Kursor Blog dan berbagai aneka kursos dengan gambar Animasi Keren. bisa dilakukan dengan gambar sendiri dan karya penampilan sendiri, jika merasa punya tingkat daya seni yang menarik, lebih baik untuk membuat icon cursor sendiri, tentu itu adalah hal yang sangat gambang, baiklah jika merasa tertarik untuk hanya mencoba coba, coba lihat dulu yang satu ini Klik Oke langsug saja,, hehe - Masuk Ke Blogger - Pilih Template - Edit HTML - Dan Cari Code </head> - Pilih kursor sesuai keinginanmu dibawah ini dan Paste code-nya tepart diatas code </head> Cursor 1 <style type="text/css">body, a:hover {cursor: url(http://justnaira-css-js.googlecode.com/svn/mouse/horse-ani1.gif), progress;}</style><a href="http://www.justnaira.com" target="_blank" title="Blogger Widgets"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXuq4WDuVXrgqy3xWknSpBB2R2N7zhGnJulGaNQl

Chord dan Lirik Ada Band feat. Gita Gutawa Terbaik Untukmu

Lirik, Kunci gitar, Chords Gitar, Kord Gitar Ada Band feat. Gita Gutawa - Terbaik Untukmu : Intro : D... G A F#m Bm G A D D A Bm A Teringat masa kecilku G F#m Em A kau peluk dan kau manja D A Bm A Indahnya saat itu G F#m Em buatku melambung A F#m G Disisimu terngiang Em F# Bm hangat nafas segar harum tubuhmu A G F#m Kau tuturkan segala Em A D mimpi-mimpi serta harapanmu Kau inginku menjadi yang terbaik bagimu Patuhi perintahmu jauhkan godaan Yang mungkin ku lakukan dalam waktu ku beranjak dewasa Jangan sampai membuatku terbelenggu jatuh dan terinjak Reff: G F#m Tuhan tolonglah G A D sampaikan sejuta sayangku untuknya G Bm Ku terus berjanji E A tak kan khianati pintanya G F#m Ayah dengarlah G A D betapa sesungguhnya ku mencintaimu G Bm Kan ku buktikan E

Cara Membuat Tampilan Tulisan Di Pojok Blog

Gambar
Cara Membuat Tampilan Tulisan Di Pojok Blog Tutorial Belajar Blog | Tips Blog - Cara Membuat Tampilan Tulisan Di Pojok Blog   ,Tutorial Ini Terinspirasi dari Pratinjau sebelum posting pada Blog. Sekilas Tentang Tampilan Tulisan Di Pojok Blog Hanya Sebagai Tambahan ataupun bisa di gunakan pada blog Demo bisa di lihat tampilan Tulisan demo Pada Gambar diatas ataupun Kunjungin Blog Demo KLIK DISINI DEMO  Langsung masuk aja ke tutorial cara membuat social button Melayang,  Buka Template > Edit HTML > Expan Template Widget Cari kode  </body> Lalu Paste kan kode di bawah tepat di atas kode </body> <!-- Start Demo tutorialbelajarblogger.blogspot.com--> <div style='position: fixed; top: 75px; left: -225px; width: 600px; padding: 10px; font-size: 24px; text-align: center; color: rgb(255, 255, 255); font-family: &#39;trebuchet ms&#39;, verdana, arial, sans-serif;transform: rotate(-45deg);transform-origin: 50% 0px;-o-transform: rotate

Cara Membuat Animasi Loading Blog Lebih Menarik

Gambar
Cara Membuat Animasi Loading Blog Lebih Menarik Cara Membuat Animasi Loading Blog Lebih Menarik  - Tips Blog Banyak hal menarik dan efek/plugin yang dapat dipakai atau diberikan oleh blogger... Nah pagi ini saya mau mencoba share bagaimana caranya membuat efek loading pada blog, agar terlihat lebih menarik, biasanya ini sangat disukai bagi yang suka ngoprek dan yang ingin blognya terlihat cantik dan keren. Ok tanpa basa-basi simak langkahnya berikut ini : Sebaiknya anda membaca dengan baik langkah yang telah diberikan dan jangan lupa backup template anda. ANIMASI LOADING PART 1, BERWARNA MERAH 1. Login ke akun  blogger  anda 2. Klik  Template  »  Edit HTML  »  Lanjutkan  »  Klik   Expand Template Widget 3. Tambahkan kode CSS berikut ini diatas   ]]></b:skin> #loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:20%;color:#000;display:none;}

Cara Membuat Posting Dua Kolom Di Homepage Blog

Gambar
Tutorial Belajar Blog - Cara Membuat Posting Dua Kolom Di Homepage Blog adalah judul posting yang akan kita bahas kali ini, Tutorial ini sebelumnya inspirasi dari template mas sugeng dan template yang saya gunakan ini. Sesuai dengan judul postingan Cara Membuat Posting Dua Kolom Di Homepage Blog kenapa banyak blogger ingin mempunyai tampilan sesimple mungkin ataupun semenarik, banyak juga yang membuat tampilan homepage ( Halaman Utama ) Blog yang biasanya satu kolom di homepage menjadi dua ( 2 ) kolom . Berikut gambar dari  hasil cara membuat posting dua kolom homepage blogspot yang telah saya buat di blog uji coba pada template yang akan saya share setelah postingan ini. Before ( Sebelum ) After ( Sesudah ) Berikut Cara Membuat Posting Dua Kolom Di Homepage Blog Masuk ke akun blogger anda Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda Cari Kode ]]></b:skin> Letakkan kode berikut dibawah kode ]]>

Cara Membuat Gallery Gambar Efek Hover Pada Blog

Gambar
Cara Membuat Gallery Gambar Efek Hover Pada Blog Contoh Tampilan Gambar Efek Hover Lebih Menarik Tutorial Belajar Blog - Cara Membuat Gallery Gambar Efek Hover Pada Blog , Sekilas Tentang Galeri Gambar Efek Hover apabila Mouse diarahkan pada gambar akan muncul deskripsi, atapun bisa juga contoh demo gambar yang kemudian bisa di berikan link untuk menuju ke suatu alamat link yang lain. Sedikit gambaran apabila kita ingin upload gambar yang lumayan banyak dan dengan ukuran yang relatif tidak sama kemudian di upload kedalam suatu postingan tentu tidak maksimal rapih ataupun teratur, apabila jika anda sudah mengatur elemen image secara rapi dan tentu hal tersebut labih membuat posting blog lebih teratur dan tidak berantakan dengan adanya banyak gambar yang berjajar tidak sesuai ukuran. Postingan Ini Terispirasi dari tympanus yang telah memberikan judul Original Hover Effects untuk lebih jelas nya bisa di lihat demo dari web tersebut.  DEMO lengkap gallery