Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan
Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan
cara memasang musik di blog
Diposting oleh Anonim Kamis, 03 Januari 2013cara memasang musik di blog
cara memasang musik di blog - mungkin kurang top rasanya kalo di blog gk ada musiknya. post gw x ini mau ngasih cara masang musik di blog dengan mudah, dan lagunya tinggal dipilih dari komputer kamu..
pertama :
pergi ke www.uploadmusic.org
kedua :
klik browse / choose file , setelah kamu pilih musik nya , tekan upload yang ada disamping browse/choose file
terakhir : tunggu sampai selesai musik di upload, kemudian akan muncul kode kode musik nya.
silahkan login ke dashboard blogger, tata letak => HTML/javascript pastekan kode yang di http://uploadmusic.org. simpan setelan, dan selesai =))
mudah bukan ?
sekian postingan saya tentang CARA MUDAH MEMASANG MUSIK DI BLOG
cara memasang musik di blog - mungkin kurang top rasanya kalo di blog gk ada musiknya. post gw x ini mau ngasih cara masang musik di blog dengan mudah, dan lagunya tinggal dipilih dari komputer kamu..
pertama :
pergi ke www.uploadmusic.org
kedua :
klik browse / choose file , setelah kamu pilih musik nya , tekan upload yang ada disamping browse/choose file
terakhir : tunggu sampai selesai musik di upload, kemudian akan muncul kode kode musik nya.
silahkan login ke dashboard blogger, tata letak => HTML/javascript pastekan kode yang di http://uploadmusic.org. simpan setelan, dan selesai =))
mudah bukan ?
sekian postingan saya tentang CARA MUDAH MEMASANG MUSIK DI BLOG
cara mempercepat loading blog
Diposting oleh Anonim Senin, 24 Desember 2012cera mempercepat loading blog - mungkin banyak bagi blogger indonesia yang kesal karna blognya loading nya sangat lambat.
lalu bagaimana mempercepat loading blog anda ?

1. jangan memasang widget yang tidak perlu di pasang
2. buka google, klik disini
3. jika sudah, pasang hanya widget atau javascript yang diperlukan.
sekian postingan saya untuk mempercepat loading blog
lalu bagaimana mempercepat loading blog anda ?
1. jangan memasang widget yang tidak perlu di pasang
2. buka google, klik disini
3. jika sudah, pasang hanya widget atau javascript yang diperlukan.
sekian postingan saya untuk mempercepat loading blog
Membuat Headline News Di Blog
Diposting oleh Anonim Sabtu, 22 Desember 2012membuat headline news di blog
selamat pagi all =))
ketemu lagi dengan si ganteng randy sinuraya
tutorial x ini saya akan memberi sebuah widget headline news atau berita berita terbaru dalam blog kita,
kegunaan widget itu apa ?
kegunaannya agar pengunjung tertarik dengan isi dari blog kita,
ya sudah, berikut cara cara untuk memasang widget headline news di blog
pertama tama silahkan login ke dashboard blogger.
kemudian masuk tata letak => edit HTML/javascript, silahkan masukkan script ini ke dalam ya
kemudian simpan dan lihat hasil nya =))

sekian dulu ya postingan membuat headline news di blog semoga berguna =))
selamat pagi all =))
ketemu lagi dengan si ganteng randy sinuraya
tutorial x ini saya akan memberi sebuah widget headline news atau berita berita terbaru dalam blog kita,
kegunaan widget itu apa ?
kegunaannya agar pengunjung tertarik dengan isi dari blog kita,
ya sudah, berikut cara cara untuk memasang widget headline news di blog
pertama tama silahkan login ke dashboard blogger.
kemudian masuk tata letak => edit HTML/javascript, silahkan masukkan script ini ke dalam ya
<script type="text/javascript">
var hn_url_blog="http://blogkamu.blogspot.com/";
var hn_jumlah_post= 15;
var hn_warna_latar="white";
var hn_warna_garis="Black";
var hn_posisi="top";
var hn_tampilkan_judul=true;
var hn_backlink= true;
</script>
<script src="http://ganteng111.googlecode.com/files/x.js"></script>
kemudian simpan dan lihat hasil nya =))

sekian dulu ya postingan membuat headline news di blog semoga berguna =))
Cara Ganti Cursor di Blog
Diposting oleh Anonim Rabu, 12 Desember 2012postingan kali ini , saya akan berbagi bagaimana cara mengganti cursor pada blog menjadi bentuk unik, menghiasi blog memang sangat dibutuhkan bagi blogger untuk mempercantik blognya, :D
kali ini saya akan memberikan kumpulan script/html cursor unik untuk blog kamu sekalian dengan tutorial untuk memasang cursor pada blog, mudah kok :)
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-5/oth519.ani) url(http://cur.cursors-4u.net/others/oth-5/oth519.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/06/21/ninja-shuriken-and-kunai.html" target="_blank" title="Ninja Shuriken and Kunai"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Ninja Shuriken and Kunai" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-12/gam1155.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/01/01/call-of-duty-black-ops-15th-prestige.html" target="_blank" title="Call of Duty Black Ops 15th Prestige"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Call of Duty Black Ops 15th Prestige" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur968.ani) url(http://cur.cursors-4u.net/cursors/cur-10/cur968.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/metal-set-loading.html" target="_blank" title="Metal Set - Loading"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Metal Set - Loading" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym501.ani) url(http://cur.cursors-4u.net/symbols/sym-6/sym501.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/04/17/animated-sparkly-love-heart.html" target="_blank" title="Animated Sparkly Love Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated Sparkly Love Heart" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-1/nat13.ani) url(http://cur.cursors-4u.net/nature/nat-1/nat13.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/04/20/nat13-11.html" target="_blank" title="Red Butterfly"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Red Butterfly" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-1/gam64.ani) url(http://cur.cursors-4u.net/games/gam-1/gam64.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2006/03/30/gam64.html" target="_blank" title="Sonic The Hedgehog - Sonic"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sonic The Hedgehog - Sonic" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat943.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/04/elegant-rose-15.html" target="_blank" title="Elegant Rose"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Elegant Rose" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/mechanics/mec-1/mec90.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/10/01/mec90.html" target="_blank" title="Guitar"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Guitar" style="position:absolute; top: 0px; right: 0px;" /></a>
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1002.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/26/starry-sun.html" target="_blank" title="Starry Sun"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Starry Sun" style="position:absolute; top: 0px; right: 0px;" /></a>
demikian postingan saya untuk mengganti cursor lewat blog, semoga berguna bagi blogger :)
kali ini saya akan memberikan kumpulan script/html cursor unik untuk blog kamu sekalian dengan tutorial untuk memasang cursor pada blog, mudah kok :)
Cursor Ninja Shuriken dan Kunai
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-5/oth519.ani) url(http://cur.cursors-4u.net/others/oth-5/oth519.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/06/21/ninja-shuriken-and-kunai.html" target="_blank" title="Ninja Shuriken and Kunai"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Ninja Shuriken and Kunai" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor Call of Duty Black Ops 15th Prestige
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-12/gam1155.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/01/01/call-of-duty-black-ops-15th-prestige.html" target="_blank" title="Call of Duty Black Ops 15th Prestige"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Call of Duty Black Ops 15th Prestige" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor Metal Set - Loading
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur968.ani) url(http://cur.cursors-4u.net/cursors/cur-10/cur968.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/29/metal-set-loading.html" target="_blank" title="Metal Set - Loading"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Metal Set - Loading" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor Animated Sparkly Love Heart
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-6/sym501.ani) url(http://cur.cursors-4u.net/symbols/sym-6/sym501.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2010/04/17/animated-sparkly-love-heart.html" target="_blank" title="Animated Sparkly Love Heart"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Animated Sparkly Love Heart" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor Red Butterfly
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-1/nat13.ani) url(http://cur.cursors-4u.net/nature/nat-1/nat13.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/04/20/nat13-11.html" target="_blank" title="Red Butterfly"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Red Butterfly" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor Sonic The Hedgehog - Sonic
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-1/gam64.ani) url(http://cur.cursors-4u.net/games/gam-1/gam64.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2006/03/30/gam64.html" target="_blank" title="Sonic The Hedgehog - Sonic"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Sonic The Hedgehog - Sonic" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor Elegant Rose
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-10/nat943.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/04/elegant-rose-15.html" target="_blank" title="Elegant Rose"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Elegant Rose" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor Guitar
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/mechanics/mec-1/mec90.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2005/10/01/mec90.html" target="_blank" title="Guitar"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Guitar" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor Starry Sun
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/nature/nat-11/nat1002.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2012/01/26/starry-sun.html" target="_blank" title="Starry Sun"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Starry Sun" style="position:absolute; top: 0px; right: 0px;" /></a>
Cursor Flashy Pink Star
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-2/sym172.ani) url(http://cur.cursors-4u.net/symbols/sym-2/sym172.png),, progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/11/08/flashy-pink-star.html" target="_blank" title="Flashy Pink Star"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Flashy Pink Star" style="position:absolute; top: 0px; right: 0px;" /></a>
tutorial cara ganti cursor seperti ini :
- Login di blogger.com atau dashboard
- Pada bagian menu Drop Down, Klik tata letak dan klik tambah gadget/widget
- Pilih HTML/JavaScript
- Copy Paste salah satu dari kode yang sudah saya siapkan.
- Simpan Widget kamu, selesai :)
demikian postingan saya untuk mengganti cursor lewat blog, semoga berguna bagi blogger :)
Pasang Widget histats di blog
Diposting oleh Anonim Minggu, 09 Desember 2012Pasang Widget histats di blog
Setelah kita tahu dan paham tentang cara- cara / langkah- langkah pendaftaran di histats yang baru, sekarang kita akan sedikit membahas cara pemasangan widget histats di blog kita. Dari pada berlama- lama mari kita meluncur langsung ke langkah- langkahnya:
- Masuk ke alamat http://www.histats.com/ dan login dengan e-mail dan password yang kita daftarkan sebelumnya
- Klik Add Website
- Isi form- form yang tersedia
site url : isi dengan url blog / website sobat.. dengan format www.namablog.blogspot.com [misalnya www.didikandweta.blogspot.com atau www.didikweta.com (website)]
title : isi dengan judul blog
description : deskripsi blog
Page views start value: jumlah page views awal
visitor start value: jumlah visitor awal
time zone : aturlah format wakunya
type : tipe blog / websote
category: termasuk jenis apa/ kategori apa blog/ wesbsite sobat
caphtcha isi kode capchta yang muncul - Klik Continoue
- klik icon seperti gambar di bawah ini:
- klik Counter code
- klik Add new counter
- Selanjutnya;
1. pilih kategori style widget histats yang tersedia
2. pilih dan klik salah satu style/ model widget histats yang teman- teman minati
3. Pilih dan atur informasi yang tampil
4. klik simpanklik gambar untuk melihat ukuran sebenarnya - klik id counter yang telah kita buat tadi maka otomatis di bawahnya akan muncul kode script pemasangannya [Copy kode-kodenya]
- Login ke blogger - pada halaman dashboard klik Tata Letak
- klik Add Gadget - HTML/Javascript
- Paste kode tadi
- Simpan dan lihat hasilnya
Memasang Alexa rank di Blog
Diposting oleh AnonimMemasang Alexa Rank Di Blog
Pada posting di label SEO saya sudah menjelaskan apa yang dimaksud alexa rank dan pagerank. Yaitu suatu sistem perangkingan situs, website atau blog. Nah pada kesempatan ini saya akan membuat tutorial cara memasang widget alexa dan pagerank google di di blog kita.
Seorang blogger memasang gadget rangking diblognya ada beberapa tujuan, ada yang sekedar iseng, ada yang ingin pamer, ada juga demi tujuan bisnis. Misalnya ada seseorang yang ingin memasang iklan bisa jadi orang tersebut tertarik memasang iklan karena pagerank atau alexa rank yang bagus. Jika kita ingin mengikuti program PPC pun terkadang mereka melihat dari pagerank atau alexa rank blog kita. Yaa semua sih tergantung niat lagi. Apapun tujuannya semua terserah mereka. hehehe
A. Memasang Rangking alexa di blog.
Sebelum kita lebih jauh melangkah, ada beberapa tahapan dalam cara ini; a) membuat akun di alexa, b) mendaftarkan blog dan mengklaim blog di alexa.com, c)mengambil kode javascript widget alexa untuk dipasang di blog.
1. Membuat akun / mendaftar di Alexa.
Bisa dengan 2 cara lewat akun facebook atau via email.
Silakan masuk ke alexa.com
Klik Create an account, di sini agar lebih mudah kita membuat akun atau login via facebook, > klik login with facebook
Akan muncul pop up / jendela / window baru > Masuk menggunakan akun facebook. akun Selesai dibuat.
2. Mendaftarkan situs / add site ke alexa.com dan klaim blog
Klik link / Masuk ke Site Tools >> Klik Edit Your Listung (link terletak di bawah)
| Gambar 2. SITE TOOLS |
Masukkan URL alamat lengkap blog kita, contoh disini saya masukkan http://julaksample.blogspot.com/ lalu klik Edit site listing
Akan muncul perintah klaim blog dulu
Pilih option2 :Add your Alexa verification ID to the home page of blablabla.blogspot.com.
Silakan copy kode yang saya kurungi pada gambar di atas pilih nomor 1 atau 2 sama saja.
sebagai contoh saya copy yang nomor 2 kodenya adalah sebagai berikut;
<meta name="alexaVerifyID" content="AcTMdvmd2aGJ3BhWxqn7Ipo_5qY" />
Kemudian masuk ke akun blogger > Dasbor > Template > Edit HTML > Lanjutkan > Centang expland template widget.
cari kode <head> lalu masukkan kode tadi dibawahnya sehingga ;
<head>
<meta name="alexaVerifyID" content="AcTMdvmd2aGJ3BhWxqn7Ipo_5qY" />
atau bisa juga masukkan tepat di atasnya kode <b:skin><![CDATA[/*
Lalu Simpan Template
Kembali ke Alexa tadi Klik Verify My ID, tunggu sebentar, jika sobat tadi sudah menyimpan meta tag klaim blog di alexa, maka akan muncul your site is succesfully claimed.
Klik continue (di pojok kanan bawah)
Saatnya memasukkan nama blog, deskripsi blog, Pilih negara (bagian kanan) Boleh juga masukkan nama pemilik blog, alamat dll. Jika selesai Klik Save and Continue Skip
akan muncul
Congratulations! You have claimed http://blogkamu.blogspot.com/
3. Mengcopy kode widget alexa untuk blog
Kembali ke Site Tools (lihat gambar 2 diatas)
Klik alexa site widgets
Masukkan kembali URL blog kita, Kemudian Klik Build Widget
copy kode yang ada, silahkan pilih tampilan preview di samping, sebaiknya yang ukuran kecil saja
Masuk Kembali ke akun blogger
Dasbor > Tata Letak > Tambahkan gadget> HTML/Javascript > paste kode yang diberikan tadi > Simpan.
Selesai dan widget alexa rank sudah terpasang di blog sobat.
B. Memasang gadget pagerank Google di blog
Sebetulnya banyak situs penyedia widget pagerank namun sebagai contoh di sini saya akan membuat widget di prchecker.info karena menurut saya proses nya cukup mudah. Oh ya sebelum mengambil kodenya bisa juga sobat cek dulu pagerank google sobat. Caranya masukkan url lalu klik Check PR.
Silakan masuk ke www.prchecker.info
Klik salah satu gambar tampilan pagerank yang diinginkan
Kemudian masukkan Anti bot code di samping kiri > Klik Generate Now.
Setelah sobat mencopy kode tadi:
Masuk ke akun blogger > Tata Letak > Tambahkan Gadget > HTML/javascript > pastekan code yang di dapat > Simpan > simpan setelan.
Selesai. Akhirnya pagerank google dan alexa widget pun terpasang di blog sobat. Memang saat memasang kode alexa rank cukup ribet, tidak seperti pasang pagerank. Jika gagal coba terus. Yaa sekalian belajar, hehehe. Silakan dicoba.
Menjawab pertanyaan teman-teman kok No Data alexanya, ya wajar namanya juga baru, jika traffic kunjungan dan links in (link masuk) ke blog biasanya rangking global, dalam 5 hari sudah muncul angkanya, biasanya kisaran 20 jutaan kemudian akan terus menurun (makin kecil) seiring perkembangan blog kita. sedangkan link ini adalah jumlah ink yang masuk ke blog kita.
Langganan:
Postingan (Atom)