Skip to main content

Posts

Showing posts with the label Tutorial

Cara Membuat Daftar Isi Dengan Gambar Melayang Di Blog

Cara Membuat Daftar Isi Dengan Gambar Melayang Di Blog Kali ini saya akan mengajarkan cara membuat Cara Membuat Daftar Isi Dengan Gambar Melayang Di Blog.oke langsung aja ikuti cara dibawah ini. 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://darkbunshin.blogspot.com/p/daftar-isi-darkbunshin.html " target=" _self "><img border="0" src=" http://i1353.photobucket.com/albums/q678/Ilhamrama_Dhani/344px-Naruto_Kurama_Mode_zpse04b91db.png " title="Daftar Isi"  alt="Daftar Isi"/></a></div></...

Cara Membuat Daftar Isi Blog Secara Otomatis

Cara Membuat Daftar Isi Blog Secara Otomatis  - Selamat malam sahabat blogger.maka pada kesempatan ini saya akan menjelaskan bagaimana cara membuat daftar isi di blog secara otomatis. Daftar isi sangat berguna untuk mempermudah para pengunjung blog dalam mencari artikel atau konten yang mereka cari / inginkan. Sedangkan manfaat untuk admin blog yaitu daftar isi blog juga dapat meningkatkan jumlah page view blog.   anda dapat melakukan beberapa langkah mudah membuat daftar isi berikut ini : Langkah-langkah memasang widget Daftar Isi di blog : 1. Login ke akun blogger 2. Klik " Laman Baru " kemudian klik " Laman Kosong ", untuk lebih jelasnya, silahkan perhatikan gambar dibawah ini : Gambar 1.1 3. Kemudian pilih Mode  HTML 4. Lalu  copy  kode script dibawah ini : <div style="border: 1px solid #eee; height: 700px; overflow: auto; padding: 10px; width: 530px;"> <script src="http://widgetsitemap.googlecode...

Cara Mengganti Background Blog Full Dengan Gambar

Cara Mengganti Background Blog Full Dengan Gambar Kali ini Saya akan membahas cara mengganti background blog full dengan gambar. Pertama-tama edit gambar/foto kamu pake progam desain grafis Photoshop atau Corel. Buat ukuran kertas gambarnya jadi 30cm x17cm resolusinya 72px udah cukup, atau ukuran dalam pixel 1600px x 1200px. Perhatian : Bisa pakai PHOTOSHOP Terus save dalam format JPG dan upload gambarmu di  www.photobucket.com . sebelum upload jika belum punya akun, register dulu. Jika sudah di upload, copy direct link yang ada di bawah gambar kamu. URL link gambar sudah dapat, setelah itu cara masukin ke template kamu. Caranya : Login ke blogger.com, jika sudah, Pilih Template → Edit HTML → centang Expand Template Widget. Cari kode body {background agar mudah mencari tekan f3, kodenya seperti kode di bawah body {background:  color: #556680; font-family: 'Droid Sans',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 20px;} ...

Cara Mendapat Satu juta Backlink Gratis | Supaya Blog Banyak Pengunjung

Cara Mendapat Satu juta Backlink Gratis | Supaya Blog Banyak Pengunjung Cara Mendapat Satu juta Backlink Gratis | Supaya Blog Banyak Pengunjung - S alah satu Cara Agar Blog Banyak Dikunjungi atau cara dalam rangka meningkatkan traffic blog dimata search engine adalah dengan membangun Internal link dan External link.Internal link adalah link dalam satu website/blog ,Sedangkan External Link adalah menambah one way backlink (Link satu arah) ke blog/situs kita. Jika Blog Anda ingin kebanjiran traffic pengunjung secara luar biasa dan signifikan dengan link satu arah ke blog/situs anda,silahkan pelajari dengan seksama artikel dibawah ini. Ingat Agar proses ini berjalan sempurna dibutuhkan kejujuran anda, kekuatan terletak pada kejujuran anda, semakin anda jujur semakin banyak backlink yang anda dapatkan! Mari kita buktikan…apakah konsep kejujuran disini dapat kita gunakan untuk menghasilkan traffic dan popularity yang sangat hebat dari sebuah metode ru...

Cara Membuat Efek Kembang Api di Blog

Cara Membuat Efek Kembang Api di Blog Untuk kali ini kita akan membuat animasi yang manarik dan juga bisa menjadi inspirasi buat teman-teman blogger lainnya. Animasi yang akan kita buat yaitu  efek kembang api  pada blog. Jika sobat tertarik bagaimana tampilan dari animasi ini silahkan coba langkahnya dibawah ini: 1. Login ke blogger 2. Masuk ke  Rancangan -- Edit HTML 3. Carilah kode  </body> 4. Paste kode dibawah ini diatas kode </body> <script language="javascript" src="https://blogtrikdantips-blogspot.googlecode.com/files/fireworks1.js"></script> 5.  Simpan template  sobat dan lihat hasilnya Jika sobat ingin membuat efek kembang api yang berbeda bisa dilihat langkahnya dibawah ini: 1.  Login  ke blogger 2. Masuk ke  Rancangan -- Elemen Laman 3.  Tambahkan Gadget  lalu pilih  HTML/Javascript 4. Masukkan kode dibawah ini: <div style="position: fixed; bottom: 0px; right: 2px;"><br /...

Cara Membuat Burung Terbang Twitter pada Blog

Cara Membuat Burung Terbang Twitter pada Blog Inilah tutorial yang saya ingin sekali bagikan ke anda yaitu membuat flying twitter bird atau widget burung terbang twitter pada blog. Widget ini tentunya akan menarik perhatian pengunjung untuk menjadi follower anda. Widget yang lucu ini sangat menarik, karena burung twitter akan terbang kemanapun anda mengscroll halaman baik ke atas maupun ke bawah....he3 pokoknya lucu dan keren abis. Nah jika anda tertarik untuk membuatnya ikuti langkah berikut ini: 1.  Login  ke Blogger 2. Masuk ke  Rancangan --> Edit Laman 3.  Tambahkan Gadjet  lalu pilih  HTML/Javascript 4. Masukkan kode dibawah ini pada gadjet tersebut <script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCpFDfkWxfF_7Iea-K-6YS8jGIFEanWRn45bpvsKGGDgmm5ia0ISKgygc4JtBhzp4FiituB...

Cara Membuat Efek Banjir di Blog

Cara Membuat Efek Banjir di Blog Halo Sobat blogger kembali lagi bersama Blog Trik dan Tips. Sobat sudah pernah belum ngalamin rasanya banjir ditempat sobat tinggal. Banjir pasti sangat menggangu aktivitas yang sobat ingin lakukan. Namun kali ini, blog trik dan tips akan membahas cara membuat efek banjir di blog. Ingin tau caranya, langsung saja ikuti langkahnya dibawah ini: 1. Login ke blogger 2. Pilih  Tata Letak / Rancangan 3. Tambahkan gadget 4. Pilih  HTML/Javascript  5. Masukan kode berikut ini: <script language="javascript"> nd_mode="flood"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_blank"; </script> <script language="javascript" src="https://blogtrikdantips-blogspot.googlecode.com/files/efek_banjir.js"></script> 6. Simpan gadget Sekarang sobat sudah bisa melihat hasilnya. Efek ini akan membuat blog anda tenggelam ...

Cara Memasang Widget Jumlah Pengunjung Blog dari Whos.amung.us

Cara Memasang Widget Jumlah Pengunjung Blog dari Whos.amung.us Ada beragam widget yang bisa kita dapatkan untuk mengetahui jumlah pengunjung yang sedang online di blog kita. Salah satu widget yang saya akan bahas yaitu  Whos.amung.us . Anda dapat memperoleh widget script gratis langsung langsung websitenya. Widget ini juga memiliki fungsi untuk mengetahui lokasi dari pengunjung yang datang ke blog atau situs anda. Anda juga dapat mengetahui jumlah pengunjung yang online pada jam-jam tertentu serta mengetahui apa yang halaman atau page yang dibuka oleh pengunjung. Anda tidak perlu melakukan registrasi untuk memperoleh script codenya. Anda hanya perlu mengkopi script kodenya pada blog setelah anda menentukan posisi widget pada blog. Jika anda tertarik untuk memasang widget ini ikuti trik dan tips yang satu ini: 1.  Kunjungi situs   http://whos.amung.us/ 2.  Tentukan posisi widget  pada blog anda seperti dibawah ini: 3.  Kopi script kodenya  di atasnya...

Cara Membuat Efek Bintang Pada Link

Cara Membuat Efek Bintang Pada Link kali ini kita akan membuat link tersebut dengan efek bintang berkedip. Efek ini akan muncul apabila link tersebut disorot oleh cursor. Jika sobat ingin membuat blog lebih menarik dengan berbagai macam animasi maka trik yang satu ini mungkin saja bermanfaat. Efek bintang pada link udah saya terapkan di demo blog dan hasilnya sukses. Berikut ini saya akan berikan langkahnya kepada sobat: 1.  Login  ke blogger 2. Masuk ke  Rancangan -- Edit HTML 3. Carilah kode  a:link{  atau  a:visited{ 4. Lalu letakkan kode dibawah ini dibawah kode tadi a:hover {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOaG9lA6NgJliNuTicRo4Y6YEouMlBIBBQdD5WnYogCe693YFugf9eMNlVR0U2oU1D6zaOWaY2JGvMk6hVPuI-biTQgODXFomtHtkDY_B6ILo4qLK_PgkHnBKcMUsondGWS0uCIhBTriA/s1600/stars.gif);} Link akan mengeluarkan gambar seperti ini: 5.  Simpan template  anda lalu lihat hasilnya Jika sobat kurang menyukai efek an...

Membuat Efek Daun Berguguran di Blog

Membuat Efek Daun Berguguran di Blog Selalu saja ada berbagai macam efek menarik yang bisa kita tampilkan di blog, salah satunya yaitu membuat  efek daun berguguran . Efek ini tentunya berbeda dari efek-efek sebelumnya karena pola jatuhnya daun berayun-ayun. Cara membuat efek ini sangat mudah, ikuti saja langkahnya dibawah ini: 1.  Login  ke blogger 2. Masuk ke  Rancangan -- Elemen Laman 3.  Tambahkan gadjet  lalu pilih  HTML Javascript 4. Masukkan kode dibawah ini: <script src='http://blogtrikdantips-blogspot.googlecode.com/files/daun.js'/></script> 5.  Simpan gadjet  lalu lihat hasilnya Selamat mencobanya! Good Luck!

Cara Membuat Efek Love Berjatuhan di Blog

Cara Membuat Efek Love Berjatuhan di Blog Kali ini blog trik dan tips akan memberikan trik untuk membuat  efek love berjatuhan  di blog sobat. Efek ini sangat cocok untuk para wanita yang ingin membuat blognya agar terlihat lebih girly dan romantis. Cara membuatnya sangat mudah, langsung saja ikuti langkahnya dibawah ini 1.  Login  ke blogger 2. Masuk ke  Rancangan -- Elemen Laman 3.  Tambahkan gadjet  lalu pilih  HTML JavaScript 4. Masukkan kode berikut ini: <script src='http://blogtrikdantips-blogspot.googlecode.com/files/love_berjatuhan.js'></script> 5.  Simpan gadget  lalu lihat hasilnya

Membuat Komentar Terbaru dengan Gambar

Membuat Komentar Terbaru dengan Gambar Halo sobat , kali ini kita akan membuat komentar terbaru dengan gambar. Widget ini menggunakan javascript dan sangat mudah untuk diinstal. Sobat dapat memasang widget ini pada blog anda untuk sekedar memperindah atau mempercantik blog. Anda dapat mengetahui apabila seseorang berkomentar pada blog anda. Gambar komentator ditampilkan dalam bentuk lingkaran sehingga memberikan efek yang sangat menarik. Jika sobat ingin memasangnya pada blog ikuti langkah berikut ini: 1.  Login  ke Blogger 2. Masuk ke  Rancangan --> Edit Laman 3.  Tambahkan gadjet  lalu pilih  HTML/Javascript 4. Masukan kode berikut ini : <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background...

Membuat Pop Up Selamat Datang pada Blog.

Membuat Pop Up Selamat Datang pada Blog. kali ini saya akan memberikan tutorial bagaimana membuat pop up selamat datang pada blog. Pop up atau jendela munculan akan nampak apabila anda berkunjung ke blog. Anda bisa memodifikasi pop up ini dengan gambar, pesan untuk subscribe, dan lain sebagainya. Pop up ini dibuat oleh wierd walker untuk mempercantik dan menambah efek pada blog anda. Jika anda tertarik untuk membuatnya ikuti langkahnya dibawah ini: 1. Masuk ke  Rancangan --> Edit HTML 2. Carilah kode  </head> 3. Letakkan kode dibawah ini diatas kode </head> <script type="text/javascript" src="<span style="color: red; margin: 0px; padding: 0px;">http://wierdwalker.googlecode.com/files/leightbox.js</span>"></script> <script type="text/javascript" src="<span style="color: red; margin: 0px; padding: 0px;">http://wierdwalker.googlecode.com/files/prototype.js</span>"><...