Cara Membuat Navigasi Nomor Halaman di Blog

Cara Membuat Navigasi Nomor Halaman di Blog

Cara Membuat Navigasi Nomor Halaman di Blog - Sobat blogger tahu tidak yang dimaksud dengan navigasi nomor halaman itu?? Bagi yang belum tahu, navigasi nomor halaman adalah navigasi yang berupa nomor-nomor biasanya berada di bawah sebuah page/halaman blog. Atau sering juga dinamain navigasi page number yang bahasa inggrisnya pages number navigation
Ada yang sudah tau apa itu navigasi nomor halaman? Itu lho navigasi yang berupa nomor-nomor di bawah sebuah page/halaman blog atau orang-orang sering menyebutnya sebagai navigasi page number atau pages number navigation - See more at: http://www.seowaps.com/2013/07/cara-membuat-navigasi-nomor-halaman-di.html#sthash.c8sEvwAC.dpuf
Ada yang sudah tau apa itu navigasi nomor halaman? Itu lho navigasi yang berupa nomor-nomor di bawah sebuah page/halaman blog atau orang-orang sering menyebutnya sebagai navigasi page number atau pages number navigation - See more at: http://www.seowaps.com/2013/07/cara-membuat-navigasi-nomor-halaman-di.html#sthash.c8sEvwAC.dpuf
Ada yang sudah tau apa itu navigasi nomor halaman? Itu lho navigasi yang berupa nomor-nomor di bawah sebuah page/halaman blog atau orang-orang sering menyebutnya sebagai navigasi page number atau pages number navigation - See more at: http://www.seowaps.com/2013/07/cara-membuat-navigasi-nomor-halaman-di.html#sthash.c8sEvwAC.dpuf
Ada yang sudah tau apa itu navigasi nomor halaman? Itu lho navigasi yang berupa nomor-nomor di bawah sebuah page/halaman blog atau orang-orang sering menyebutnya sebagai navigasi page number atau pages number navigation - See more at: http://www.seowaps.com/2013/07/cara-membuat-navigasi-nomor-halaman-di.html#sthash.c8sEvwAC.dpuf
Ada yang sudah tau apa itu navigasi nomor halaman? Itu lho navigasi yang berupa nomor-nomor di bawah sebuah page/halaman blog atau orang-orang sering menyebutnya sebagai navigasi page number atau pages number navigation - See more at: http://www.seowaps.com/2013/07/cara-membuat-navigasi-nomor-halaman-di.html#sthash.c8sEvwAC.dpuf
Dengan adanya navigasi nomor halaman tentunya akan memudahkan pengunjung untuk menjelajahi artikel-artikel sobat per halaman berdasarkan angka atau nomor. Beberapa template blogger mungkin tidak memiliki fasilitas navigasi nomor / angka halaman ini, jika template yang sobat blogger gunakan termasuk template yang tidak memiliki fasilitas tersebut, berikut akan saya jelaskan langkah - langkah untuk membuat navigasi nomor / angka halaman di blog.
Cara Membuat Navigasi Nomor / Angka Halaman di Blog :
1. Login dulu ke akun blogger sobat
2. Masuk ke menu Tata Letak > Tambahkan Gadget > HTML/Javascript
3. Copy paste kode berikut ini, judul gadget tidak usah diisi:

<style type='text/css'>
#blog-pager{height: 28px;
    padding: 10px 0 0;
overflow:hidden;
text-align:center;
}
.showpageArea a {text-decoration:underline;
font-size: 16px;
       text-align: center;}
.showpageNum a {font-size:16px;text-decoration:none;border: 1px solid #cccccc;margin:0 5px;padding:5px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}
.showpagePoint {font-size:16px;text-decoration:none;border: 1px solid #cccccc;background: #216FD9;margin:0 5px;padding:5px;color:#ffffff;}
.showpageOf {text-decoration:none;padding:5px;margin: 0 5px;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:5px;}
.showpage a:hover {text-decoration:none;background: #cccccc;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style>
<script style='text/javascript'>var pageCount=5;
var displayPageNum=4;var upPageWord="Previous";var downPageWord="Next";</script><a href="http://oplosanblog.blogspot.com/" style="font-size:0pt">Blogging, Tips, Trik, Free Software</a>
<script style='text/javascript' src='https://googledrive.com/host/0B9SBWEZ6FHqYOHc2dnI4bDBGSjg/Script Navigasi Halaman.js'></script>

Sobat bisa mengganti angka 5 untuk merubah jumlah postingan yang akan tampil di halaman utama dan angka 4 untuk menentukan banyaknya nomor halaman yang akan ditampilkan.
4. Terakhir klik Simpan. Selesai sudah, silahkan dicoba.
SELANJUTNYA - Cara Membuat Navigasi Nomor Halaman di Blog

Cara Mendapatkan Uang dari Blog Melalui Program Blog Advertisin

Pembahasan tentang cara mendapatkan uang dari blog ini adalah topik yang klasik, tapi masih selalu ingin diketahui oleh banyak orang, terutama mereka yang memang baru mengenal dunia blog dan make money blogging.
Nah, pada postingan ini saya hanya akan menjelaskan cara-cara untuk mendapatkan uang dari blog yang pernah dan masih saya lakukan.
Saya berharap rekan-rekan blogger yang sudah malang melintang dalam dunia make money blogging, supaya bisa menambahkan peluang-peluang lainnya, yang bisa ditempuh bagi mereka yang mengelola blog sehingga bisa menghasilkan uang.

Cara Mendapatkan Uang dari Blog

Cara Mendapatkan Uang dari BlogUntuk membahas secara detail seputar tata cara menghasilkan uang dari blog, maka terlebih dahulu saya merasa perlu mengelompokkan sejumlah potensi sumber penghasilan dari sebuah blog.
Sebuah blog antara lain dapat menghasilkan uang melalui program blog advertising, affiliate program, direct selling, dan selling blogs.
Nah, pada postingan tentang cara mendapatkan uang dari blog kali ini, saya hanya akan menjelaskan seputar program blog advertising saja.
Insya Allah jika masih diberikan kesehatan oleh-Nya, saya akan menjelaskan tentang affiliate program, direct selling, dan selling blogs pada postingan berikutnya.
Sebagaimana kita ketahui, dunia blog advertising seolah tidak pernah ada akhirnya. Setiap saat pebisnis online membutuhkan blog untuk memasang iklan mereka, baik berupa iklan text (text link) maupun iklan banner (banner ads). Jika kita punya sebuah blog, maka kita bisa menghasilkan uang dengan memasang iklan text atau banner di blog yang bersangkutan.
Secara khusus, blog advertising kita bisa kelompokkan lagi menjadi beberapa model, dengan tidak menutup kemungkinan adanya model lain yang tidak saya jelaskan di sini.

Mendapatkan Uang dari Blog dengan Menjual Link (Paid Links)

Catatan: yang saya maksud paid link di sini adalah link yang terpasang sebagai blogroll atau link lain dalam bentuk sederhana yang diletakkan di sidebar sebuah blog, atau di bagian halaman depannya saja, bukan link di dalam postingan/review.
Menjual link (blogroll) adalah salah satu cara paling mudah menghasilkan uang dari sebuah blog, apalagi jika blog kita punya pagerank (PR) yang tinggi. Pagerank adalah ranking sebuah blog di internet, dilihat dari sejumlah indikator, termasuk kualitas, popularitas, backlinks dan sebagainya.
Berdasarkan pengamatan saya di dunia bisnis blog selama ini, jika sebuah blog sederhana punya PR3, harga rata-rata sebuah linknya adalah sekitar $30-$50 per tahun. Ini hanya harga rata-rata, karena acapkali juga kita bisa mendapatkan advertiser yang membeli link dengan harga yang cukup tinggi. Apatah lagi jika blog kita punya PR7 atau PR8. Wow, dahsyat!
Nah, berapa link yang bisa kita jual dari sebuah blog? Pertanyaan yang bagus. Sejatinya tidak ada yang melarang kita menjual link sebanyak apapun di sebuah blog, makanya penghasilan sebuah blog hanya dari menjual link saja sudah bisa luar biasa. Saya pernah coba menghitung potensi sebuah blog PR3 hanya dari paid link saja sudah bisa menghasilkan uang sekitar 10 juta rupiah!
Hanya saja, ada sejumlah pertimbangan mengapa kita dianjurkan untuk membatasi penjualan link di sebuah blog. Di antaranya adalah, jika sebuah blog memiliki terlalu banyak link yang mentaut situs lain, maka kemungkinan besar blog tersebut akan dipenalti (suspended) oleh Google.
Google sebenarnya tidak membolehkan praktek jual beli link untuk meningkatkan popularitas dan ranking sebuah situs, apalagi jika link yang terpasang di blog kita mengarah kepada situs lain yang tidak relevan dengan konten blog kita, terutama yang berbau pornografi (porn), obat-obatan terlarang (pharma) dan judi (gambling).
Makanya, banyak advertiser yang menghendaki link yang dia pasang tidak diberikan judul sebagai paid links, sponsored links, dan nama lain yang bisa mengindikasikan bahwa link tersebut adalah link berbayar.
Selain itu, jika sebuah blog sudah memiliki lebih dari 20 link yang mengarah ke luar blog tersebut (outbound links/outgoing links), maka para pembeli link (advertiser) biasanya sudah enggan membeli link lagi di blog itu. Kalaupun mereka mau beli link, biasanya harga yang mereka tawarkan sudah jauh dari harga normalnya. Anda mau?
Pertimbangan lain untuk membatasi jumlah link berbayar di blog kita adalah untuk membuat pengunjung (visitor) masih tetap nyaman dengan tampilan blog kita, karena tidak terlalu terpapar dengan berjubel link yang mereka tidak perlukan sama sekali.
Secara umum, semakin sedikit jumlah link berbayar di sebuah blog, maka semakin tinggi harga link yang bisa terjual dan akan semakin aman blog tersebut dari ancaman banned dari mesin pencari.
Nah, bagaimana caranya menjual link di blog kita? Secara umum ada 2 cara, yaitu:
  1. Secara langsung mencari calon pembeli link (advertiser) melalui forum-forum webmaster di internet atau menunggu tawaran pembelian link yang datang secara langsung ke blog kita melalui halaman kontak (inilah pentingnya menambahkan halaman CONTACT US di blog kita), atau alamat email dari WHOIS domain blog kita.
  2. Secara tidak langsung, bisa melalui perusahaan paid links yang bertindak sebagai perantara (broker), atau melalui seseorang yang bekerja sebagai links broker. Hanya saja, biasanya harga broker relatif lebih rendah dibandingkan dengan harga link melalui penawaran langsung.

Mendapatkan Uang dari Blog dengan Paid Review

Paid review dapat diartikan sebagai artikel berisi ulasan tentang produk, orang, perusahaan atau jasa tertentu, yang dipublikasikan di sebuah blog dengan mencantumkan kata kunci yang mewakili produk, orang, perusahaan atau jasa tersebut, yang ditautkan ke alamat situs yang bersangkutan.
Program paid review ini adalah sumber penghasilan yang cukup nyaman dilakoni oleh para blogger, malah saya melihat sebagian besar penghasilan seorang blogger pada tahap-tahap awal berada pada level ini.
Berapa harga dari sebuah paid review? Nah, ini cukup relatif, tergantung dari kualitas blognya sendiri. Sebagai gambaran, blog sederhana yang memiliki PR3 sudah bisa menghasilkan antara $10-$20 per review. Ada juga blog yang malah bisa mendapatkan bayaran hingga $500 per satu postingan review. Luar biasa, bukan?
Lalu, berapa banyak review yang bisa kita posting di sebuah blog? Jawabannya tidak terbatas! Artinya, sepanjang advertiser masih mau membeli review di blog kita, maka pundi-pundi uang hasil dari blogging akan terus bertambah. Sekarang coba bayangkan sudah berapa penghasilan sebuah blog PR3 hanya dari menjual link dan review saja?
BTW, bagaimana caranya memasarkan blog kita untuk mendapatkan job review? Secara umum ada 2 jalan, yaitu:
    1. Secara langsung mencari calon pembeli review (advertiser) melalui forum-forum webmaster di internet atau menunggu tawaran pembelian review yang datang secara langsung ke blog kita melalui halaman kontak (inilah pentingnya menambahkan halaman CONTACT US di blog kita), atau alamat email dari WHOIS domain blog kita.
    2. Secara tidak langsung, bisa melalui perusahaan paid reviews yang bertindak sebagai perantara (broker), atau melalui seseorang yang bekerja sebagai broker. Hanya saja, biasanya harga review yang melalui broker relatif lebih rendah dibandingkan dengan harga review yang melalui penawaran langsung.
Pertanyaan selanjutnya, yang sekaligus menjadi tantangan adalah, bagaimana membuat blog yang bisa menarik minat para advertiser untuk membeli link atau postingan review di dalamnya? Jawaban atas pertanyaan ini tidak akan saya jelaskan di sini, karena sudah menjadi bahan pelajaran di sini hehe

Menghasilkan Uang dari Blog Melalui Program Paid Banner

Nah, kita sudah membahas tentang potensi penghasilan blog dari paid links dan paid review. Nah, sekarang kita akan membahas tentang peluang lain yang bisa menghasilkan uang di sebuah blog, yaitu paid banner. Paid banner atau iklan banner yang berbayar di sini berbeda sama sekali dengan program blog monetizing lain yakni Pay Per Click (PPC).
Yang saya maksud paid banner di sini adalah space iklan banner yang kita jual ke advertiser dengan harga flat dalam jangka waktu tertentu. Misalnya, ada advertiser yang memasang sebuah banner berukuran 728x90px di header blog kita untuk jangka waktu 3 bulan dan membayarnya dengan sejumlah uang.
Jadi, meskipun iklan bannernya tidak ada yang klik, tapi kita tetap akan dapat bayaran yang sudah tetap setiap bulannya atau setiap periode waktu tertentu.
Nah, berapa jumlah banner yang bisa kita jual di sebuah blog? Tidak terbatas juga, ini artinya potensi penghasilan sebuah blog dari paid banner juga tidak terbatas, bukan?
Hanya saja, biasanya advertiser lebih tertarik membeli paid banner pada blog yang memiliki trafik (pengunjung) yang tinggi, atau pagerank yang tinggi pula. Jadi bahkan blog dengan PR0 saja sudah bisa menghasilkan uang dari paid banner, asalkan pengunjungnya setiap hari lumayan.
Pertanyaan kuncinya, sekaligus menjadi tantangan kita adalah, bagaimana membuat blog yang bisa mendatangkan ribuan pengunjung dalam sehari? Ahh, ini juga menjadi salah satu pelajaran penting di sekolah blog AstaMedia yang kami kelola di Makassar. Mau bergabung? 

Mendapatkan Uang dari Blog dengan Program Pay Per Click (PPC)

make-money-blogging via PPC
Program pay per click (PPC) sudah lama dikenal di dunia bisnis internet. Program PPC memberikan kesempatan bagi para pemilik blog, untuk memasang script iklan di blog mereka dan penghasilannya ditentukan oleh seberapa banyak pengunjung blog tersebut meng-klik iklan yang ditampilkan. Jadi penghasilan dari PPC sangat ditentukan oleh pengunjung blog, baik secara kuantitas maupun kualitasnya.
Iklan yang ditampilkan dalam program PPC bisa dalam bentuk iklan text (tulisan), iklan banner (gambar), iklan video (video ads); baik dalam wujud statis maupun yang berupa gambar dinamis (flash), tinggal kita yang memilih akan menampilkan iklan model apa, ukuran berapa dan jenisnya apa.
Ada sejumlah indikator yang menentukan besarnya nilai klik pengunjung atas iklan PPC yang terpajang di blog kita. Sebagian besar program PPC mematok nilai yang sangat tinggi untuk klik yang dilakukan oleh pengunjung dari luar negeri seperti US (Amerika Serikat) dan UK (Inggris Raya).
Mengapa? Karena mereka dianggap memiliki keinginan (interest) dan kemampuan (capability) untuk melakukan pembelian atas barang/jasa yang diiklankan advertiser.
Selain itu, program PPC juga ada yang membedakan nilai klik iklannya berdasarkan kata kunci yang terpasang, sehingga kita kenal istilah High Paying Keywords (HPK)-nya Google Adsense.
Nah, jangan heran jika seorang blogger di luar negeri bisa menghasilkan hingga puluhan bahkan ratusan ribu US dollars per bulan hanya dari iklan PPC seperti Google Adsense.
Di Indonesia pun, sudah banyak blogger yang menghasilkan hingga puluhan ribu US dollars setiap bulan dari program PPC yang sama. Artinya, peluangnya juga sama, kita semua bisa menghasilkan uang dari blog melalui program PPC, apalagi kalau blognya disajikan dalam bahasa Inggris!
Apakah harus blog berbahasa Inggris? Tidak juga. Saat ini blog berbahasa Indonesia pun sudah bisa berpartisipasi pada sejumlah program PPC, baik yang skala global maupun yang skalanya lokal.
Beberapa contoh program PPC global yang bisa menjadi sumber penghasilan sebuah blog (tapi tidak terbatas hanya yang saya sebutkan di sini) antara lain: Google Adsense, Media.net, Smowtion.com dan sebagainya. Sedangkan program PPC lokal antara lain (tapi tidak terbatas hanya yang saya sebutkan di sini) seperti AdRewa.com, KlikSaya.com, KumpulBlogger.com, IDBlogNetwork.com, dan sebagainya.
Di antara semua pilihan blog advertising yang saya jelaskan di atas, program PPC-lah yang sebenarnya menawarkan kesempatan bagi seorang blogger untuk meraih pendapatan pasif (passive income), karena kita hanya perlu memasang iklan sekali dan mendapatkan penghasilan (yang bisa) berkali-kali!
Kalau Anda orang yang normal, saya yakin sekali Anda pasti punya keinginan yang sama: mencapai passive income! Kalau ya, saya sarankan Anda untuk segera berguru. Salah satu tempat berguru ilmu PPC adalah di AstaMedia Blogging School.  
Ohya, jika Anda masih merasa penasaran dengan topik bagaimana mendapatkan penghasilan blog melalui praktek paid links, paid review dan PPC ini,.
Sampai jumpa di pembahasan saya berikutnya tentang cara mendapatkan penghasilan dari blog melalui program affiliate marketing, direct selling maupun blog selling.
SELANJUTNYA - Cara Mendapatkan Uang dari Blog Melalui Program Blog Advertisin

Cara Terbaik Membuat Kotak Pencarian Paling Keren di Blog

Kotak Pencarian merupakan widget yang harus dipasang di blog, karena agar pengunjung memudahkan dalam mencari sesuatu di blog tersebut. Untuk itu saya akan memberikan tips blogger kepada kalian tentang bagaimana cara membuat kotak pencarian atau search box di blog kalian. Disini saya mempunyai banyak pilihan model dan warna kotak pencarian, dari yang simple sampai yang keren dan berkualitas. Nah, silahkan kalian pilih salahsatu diantara banyak pilihan dibawah ini :

Kotak Pencarian 1
Caranya :
1. Login ke akun Blogge
2. Klik Menu Layout
3. Klik Tab Page Element
4. Klik Pada Add a Gadget
5. Lalu Pilih "Kotak Penelusuran"
6. Nah disitu ada beberapa pilihan, silahkan pilih sesuaikan dengan keinginan.
7. Simpan [ Finish ] -> Search Box / Kotak Pencarian akan segara tampil di blog.

Kotak Pencarian 2
Caranya :
1. Login ke akun Blogger
2. Klik Menu Layout
3. Klik Tab Page Element
4. Klik Pada Add a Gadget
5. Lalu Klik HTML/Javascript
6. Dan Pastekan Kode dibawah ini :

<form action="http://mazinubersahabat.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>


Keterangan :
Ganti http://mazinubersahabat.blogspot.com/ dengan nama blog Kalian.
Angka 40 = menunjukkan panjang kotak (search box) yang akan tampil di blog anda, semakin banyak angkanya maka semakin panjang box-nya, maka silahkan kalian ganti sesuai selera kalian.

7. Lalu Save dan Lihat hasilnya!

Kotak Pencarian 3
Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :

<span style='float:right;'>
<style type="text/css"> #a-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijEIqZIjPAsURRfajaV-3DwCEIpf1Ztt7lDy2ORy01CDGNYZ0CifgcTZPlA9oGlwNjsJGYdrK9FlgTMP1_u9XG1oRTV-G_iw3t-fc4IL4CsVpMw5uooJ8BJSdA5d-hvQfJnrQY0pFTFLbR/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get">    <input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form></div>
</span>

Keterangan : Ganti Tulisan warna merah sesuai keinginan kalian, itu berfungsi untuk menampilkan tulisan ditengah-tengah kotak komentarnya!

Dan Hasilnya nanti seperti ini :

Kotak Pencarian 4
Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :

 <form action="/search" style="display:inline;" method="get">
<input id="s" name="q" type="search" placeholder="Cari Artikel Disini"/>
</form>
<style>
#s {
    margin: 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 12px 48px 12px 12px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
 width: 200px;
    height: 16px;
    color: #3a4449;
    border: none;
    outline: none;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
 position: relative;
    z-index: 2;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK1w2IjHXXo-GOnV5GQXyXtcCX6ptcRTS5VOZhl0gJB2KAj01QVTQ0HiidRzCuR1Tb8KBmH4tcwfMztq61psiEGrrx12zv11wPSBIQ41tD84oyNYSGxHDh6_QU2XkgKvY2RC_Wbtgf2XE/s1600/Search.png) center right no-repeat;
}
#s::-webkit-input-placeholder, #s:-moz-placeholder {
    color: #607078;
}
</style>

NB : Ganti warna merah sesuai dengan selera dan kebutuhan kalian yang  nanti tulisan itu akan muncul di tengah kotak pencariannya. Dan warna biru itu ukuran kotak pencariannya, silahkan kalian rubah sesuai dengan kebutuhan!

Yang hasilnya nanti seperti ini :


Kotak Pencarian 5
Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :

<style type="text/css">#mediablogger-searchbox {    border-radius: 5px;    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnDtp-7SpszRIqBYO2RtfkCAtesUHWMop0x0SUrArhzeU2bpOgFr2K1Dp3nunn18fyviRnIxBNgN9oD1metfUDWfqhgryfAThIqiux3sHH2e7bLSeQPADLRcugffaYXp9rcgJsrseP_xBw/s1600/impoint.blogspot.com-green.png) no-repeat scroll center center transparent;    width: 307px;    height: 50px;    disaply: block;}  form#mediablogger-searchform {    display: block;    padding: 9px 16px;    margin: 0;}  form#mediablogger-searchform #s {    padding-left: 24px !important;    padding: 7.5px;    margin: 0;    width: 198px;    font-size: 16px;    font-family: georgia;    font-style: italic;    color: #666666;    vertical-align: top;    border: none;    background: transparent;}  form#mediablogger-searchform#sbutton {    margin: 0;    padding: 0;    height: 40px;    width: 74px;    vertical-align: top;    border: none;    background: transparent;}</style><div id="mediablogger-searchbox">    <form id="mediablogger-searchform" action="/search" method="get">        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'        onblur='if (this.value == "") {this.value = "Search...";}' /></form></div>

Keterangan :
Ganti Warna Merah dengan berbagai macam pilihan style dibawah ini :

Gaya Pencarian warna hijau :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnDtp-7SpszRIqBYO2RtfkCAtesUHWMop0x0SUrArhzeU2bpOgFr2K1Dp3nunn18fyviRnIxBNgN9oD1metfUDWfqhgryfAThIqiux3sHH2e7bLSeQPADLRcugffaYXp9rcgJsrseP_xBw/s1600/impoint.blogspot.com-green.png

Gaya Pencarian warna merah :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9ThtvQ9fhyphenhyphenBTYnzRllHyDP2f45dB35eJFyXXd4XBHCG5VeJbMG_mhcFbobTYqEUWWBSFJH0q7IZNrY80vRAdL0n0Gq7v3Tzo8ZSpaHvAsjA6ztk55Cmp63ClcHCQ2ghdzDY-Z1ptKQjBG/s1600/impoint.blogspot.com-red.png

Gaya pencarian warna biru :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAwAdL8tkVq7WFRwJf4leSRpxLk_oCQLtAo45JLZAdEOaAsl5ciZEPfil6MIb9R0a_j-Oh26iaXs9jxoD23WA-rv9AcmF-AMB5ibfQluc5Wyhc-fNJxChEa-Mqz64A3mbMvAgbxVkw-Ogf/s1600/impoint.blogspot.com-blue.png

Gaya Pencarian warna orange :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8wAm_kGcoeL82JgaVyNd5h12RTqwP_KH12-z1LThSIEp1B_1urq4cv-Wq-S1khPERoD7km2BVSYgwgpM7UI7Ns7g_35sIvA9sJIa2wr4y59rOaZHbOTvYgzbqZqv8NmeN6sp42FEk65FR/s1600/impoint.blogspot.com-orange.png
Dan salah satu contoh hasilnya nanti seperti ini :


Kotak Pencarian 6
Caranya sama dengan memasang kotak pencarian 2, cuma Kodenya menggunakan kode ini :

<style type="text/css">
#a-searchbox{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0dCIgdxMywjwmEpC3YdAa7K0tx6IEkrBrwsKly8xgZDfa5QbAxA7-ENdP2HE-dwBarbo9P5YqdKQ_5989QgvpNq389CUtGGtSw5XYfiMS8SnRBLtuWhZ8gm_l0pdZ7BpB0MxHnkLrOTtD/s1600/lostsector-search-box-blue.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#a-searchform{display: block;padding: 10px 12px;margin:0;}
form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<center>
<div id="a-searchbox">
<form id="a-searchform" action="/search" method="get">
<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />
</form>
</div></center>

Yang hasilnya nanti seperti ini :

Keterangan :
Silahkan kalian ganti warna merah diatas dengan kode dibawah ini, untuk mengganti tipe dan style selera kalian,,

http://3.bp.blogspot.com/-jukSBGryNx4/UPgqKoLKi2I/AAAAAAAAC38/V7A3wruYzgo/s1600/lostsector-search-box-darkgrey.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjnQtwkH4njbBEiFbOtRtweZbnAibtpu0IQ9510z0WEF1N6OqusbjREcCowePj86bnCwTogg5N-tOOf2w9atVJ9uVB71pErkliwtDZw5TqpwVN4-7A7xnxEHXpgwFzEM1yYeAUKIPST22H/s1600/lostsector-search-box-gray.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLZQFa4xAUwvCYbcUBaU-G9CivH41L4BoyQj3fP62F366kyyLAEy4z-BO4P1BtUb-YwJU0o6CvM1ggB6VwJFAWvRJf-X542xpcGI6dTw-VZFFp8YNc7TvpNCBEwmMp7HrIum-uZr0QuVA0/s1600/lostsector-search-box-black.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPxM4E98fUt5eTzlGSyPdiEDQ9E2WkovV9-f9J2pRkEZES66829KKurRW6q6fwhV5xOGG4trJxycZ3y-ZgM2u80eKx76FL4C5hHdPIVWURlig4cUlXOdhCXgHd8gb-BkSNlAoQ0RMdE-Qm/s1600/lostsector-search-box-red.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgofHx_6VPPkI57lBpvCLKnNtYtGUS_BnngEmVZPKE_iTgGKwV3Ukp5GUaGALeWuoguK3EAOMMi5Eyf_zEjFDCSqF9hiHKRBh58GO94bHyj2QackTUo5EGqN4m9MIWKRkF09J8MjGCvmsYT/s1600/lostsector-search-box-yellow.png

Mohon maaf untuk sementara saya pasang script anti copas, untuk mendapatkan kode tentang Cara Terbaik Membuat Kotak Pencarian Paling Keren di Blog diatas silahkan bisa add saya di facebook, klik disini!

rasa cukup tentang artikel yang saya tulis mengenai Cara Membuat Kotak Pencarian Paling Keren di Blog ini, semoga bermanfaat buat kalian!
SELANJUTNYA - Cara Terbaik Membuat Kotak Pencarian Paling Keren di Blog

Cara Membuat Tulisan Bergerak Mengikuti Kursor di Blog

Kreasi | Informasi | Selamat siang sobat,...Cara membuat tulisan bergerak mengikuti arah cursor di blog atau cara agar tulisan bisa mengikuti cursor di blog atau cara menjadikan tulisan mengikuti pergerakan cursor pada blog adalah posting saya hari ini.
Tulisan Mengikuti Cursor di Blog

Hallo sobat semua.. Apa kabar kalian hari ini? Saya harap kalian sehat dan baik-baik saja :)
Baiklah, pada kesempatan yang baik ini, Gede Sitdown Blog akan memposting artikel mengenai cara membuat tulisan agar mengikuti kursor di blog. Menurut saya, tujuan dari pembuatan ini hanyalah sebagai kreasi untuk mempercantik tampilan blog dan sebagai informasi bagi sobat blogger lain yang ingin membuatnya agar terlihat berbeda dari tampilan blog yang lain seperti yang terlihat pada blog ini. Baiklah, bagi yang tertarik dan ingin membuatnya, berikut ini langkah-langkah cara membuat teks/tulisan mengikuti gerakan cursor di blog:


1. Masuk ke dashbor blog sobat.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Copy code berikut ke dalam box HTML/Java Script

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #ff840a;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>
<script type='text/javascript'>
//<![CDATA[

;(function(){

// Pesanmu di sini, bahasa sundanya yaitu "Pesan anjeun di dieu.." hehehe... (QUOTED STRING)
var msg = "TULISAN YANG INGIN DITAMPILKAN";


// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.2;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

// BERHENTI NGEDITNYA..! Parantos cicing di dieu! Ulah diteraskeun..! //

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},

drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},

ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};

})();
//]]>
</script>
Penting : Ganti tulisan yang berwarna merah dengan tulisan/teks yang sobat inginkan.

4. Simpan dan lihat hasilnya.

Bagaimana? Mudah sekali bukan? :)
Demikianlah postingan mengenai cara membuat tulisan mengikuti kursor di blog kali ini. Semoga bermanfaat buat semua.


Referensi : amronbadriza
SELANJUTNYA - Cara Membuat Tulisan Bergerak Mengikuti Kursor di Blog

Kingdoms of Amalur. reckoning

part 1 download
part 2 download
pass download
SELANJUTNYA - Kingdoms of Amalur. reckoning

SUPER MARIO

silahkan download
SELANJUTNYA - SUPER MARIO

MOTO RACE

silakan Download
SELANJUTNYA - MOTO RACE
 

putra andesland Copyright © 2009 WoodMag is Designed by Ipietoon for Free Blogger Template