Selengkapnya di: Membuat Sliding Login/Register Form Panel di Blog | Kode Blogger http://kode-blogger.blogspot.com/2011/05/membuat-sliding-loginregister-form.html#ixzz0tfbMaYMP
Custom Search
Tampilkan postingan dengan label blog. Tampilkan semua postingan
Tampilkan postingan dengan label blog. Tampilkan semua postingan

Senin, 30 Mei 2011

Cara Membuat Iklan Melayang Pada Blog

Ditengah kesibukanku menyelesaikan tugas akhir kuliahku yang membuat aku lelah sekali rasanya, namun masih aku sempatkan waktu untuk memberikan sesuatu yang mungkin bermanfaat untuk rekan blogger, buat para blogger yang doyan banget masang iklan diblognya dengan tujuan untuk mencari tambahan penghasilan atau apapun alasannya, mungkin cara yang satu ini dapat dijadikan cara untuk memamerkan iklan anda dimata pengunjung blog, dengan harapan diklik oleh pengunjung kita, cara ini dengan menggunakan iklan yang melayang pada blog kita, tidak perlu panjang lebar berikut caranya

Kopi kode dibawah ini :

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>



Kamis, 26 Mei 2011

Cara Membuat daftar isi di blog secara otomatis

Sudah beberapa hari ini belum posting, baru sekarang akhirnya ada waktunya buat posting, postingan kali ini membahas tentang cara membuat daftar isi pada blog teman blogger, sebenarnya ada banyak caranya tapi yang paling aku suka pakai cara satu ini karena daftar isi akan bertambah sendiri secara otomatis setiap kita tambah postingan baru, langsung saja kita liat caranya
  1. Masuk ke akun blogger kita pastinya lewat sini www.blogger.com 
  2. Kemudian masuk ke tab rancangan dan pilih tambah widget 
  3. Setelah itu pilih yang HTML JAVASCRIPT 
  4. Lalu masukkan kode dibawah ini

<div style="overflow:auto; padding:5px; width:200px; height:400px; background-color: black ; border:1px solid #ccc;">
<script style="text/javascript" src="http://www.srbekasi.org/daftar-isi.txt"></script><script style="text/javascript">var numposts = 1000;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://namablog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>

  • ubah tulisan yang berwarna merah dengan alamat blog anda
  • kemudian sesuaikan ukuran dengan mengubah angka yang berwarna hijau sesuai dengan yang anda inginkan 
  • kemudian simpan widget dan lihat hasilnya
  • semoga bermanfaat dan jangan lupa komentarnya ya...


Sabtu, 14 Mei 2011

Cara membuat blog ramai pengunjung

Akhirnya bisa posting lagi ni, setelah beberapa hari kemarin blogger mengalami gangguan akses akun. postingan kali ini aku ingin berbagi tips agar blog ramai dikunjungi orang, tips ini aku ambil dari pengalaman ku sendiri dan beberapa pengalaman rekan bloger yang lain yang blog nya lebih populer dari blog ku yang sederhana ini, namun bagaimanapun caranya semua itu tidak akan terjadi secara instan, butuh waktu dan kesabaran dari sang empunya blog untuk terus memberikan postingan yang baik, bermutu dan bermanfaat bagi nusa dan bangsa huahaha lebay..... nah langsung aja ya dipelototin satu-satu tips nya

  1. Postingan secara teratur.karena dengan postingan yang teratur maka pengunjung akan selalu mendapatkan informasi yang selalu update saat mereka kembali ke blog kita, dan berikan bahasa yang ringan didalam postingan jangan terlalu serius dan terlalu menggurui karena kita bukan disekolah hehe maka dengan demikian pengunjung blog merasa nyaman 
  2. Daftar kan blog ke Mesin pencari (search engine), tips yang satu ini cukup ampuh untuk mendatangkan pengunjung karena sebagian besar pengguna internet selalu menggunakan mesin pencari dalam bersurfing di internet, maka dengan terdaftarnya blog kita ke mesin pencari maka akan banyak pengunjung yang datang dari mesin pencari yang menggunakan kata kunci (keyword) yang sesuai dengan apa yang ada didalam blog kita namun semua ini membutuhkan kesabaran dan cukup waktu. berikut cara mendaftar di mesin pencari yang paling banyak digunakan orang yakni google klik disini 
  3. Blog walking, yang satu ini maksudnya jalan-jalan keblog lain yang temanya sama atau hampir sama dengan blog kita, saat berkunjung tinggalkan komentar yang berisi alamat  blog kita, tapi berikan komentar yang membangun dan mengundang simpatik atau membuat orang kagum jangan meninggalkan spam pada blog lain ini akan merusak citra blog kita 
  4. Rajin Promosi.promosi ini dapat dilalkukan dari yang gratis sampek yang berbayar, kalo aku sih seneng yang gratis aja deh, misalnya kita promosi di Facebook, Twitter, Hi5 dan forum-forum lain yang mengizinkan anggotanya untuk meninggalkan link disana, dijamin dengan promosi semacam ini trafic pengunjung blog kita pasti akan naik. 
  5. Buat tampilan blog semenarik mungkin, dengan tampilan yang menarik maka pengunjung akan betah berlama-lama diblog kita dan mereka akan kembali lagi ke blog kita nantinya, kalo blog nya aja dah amburadul pengunjung jadi males baca blog kita kan..... 
  6. Sering berbagi hal yang gratis, namanya juga manusia pasti seneng banget namanya gratisan, termasuk aku hehehehe. yups sering berbagi hal gratis misalnya berbagi link lagu, aplikasi, ebook, gambar, video dan masih banyak lagi hal yang bisa digratisin tapi jangan sampek melanggar pasal ya hahaha tar malah berabe jadinya 
  7. Hindari kopi paste postingan, buat yang satu ini sebisa mungkin dihindari karena selain tidak menghargai karya orang lain hal ini juga membuat pengunjung gak mau mampir ke blog kita, karena postingan nya dah ada pada blog-blog lain dan sama persis bosen dong pengunjung liatnya, lebih baik sedikit namun benar-benar asli postingan karya kita sendiri. maka orang akan lebih menghargai postingan kita 
  8. Banyakin temen blogger (tukar link),  dengan banyaknya temen bloger maka akan semakin menambah trafic blog kita hal ini biasa dilakukan dengan cara tukaran linkm, contohnya seperti pada blog ku ini liat aja di friend blogku kalo mau tukeran link pasti dipasang kok tapi pasang link ku juga ya (begitu cara kerjanya wkwkwkwkw)
  9. Yang terakhir sabar dan berdoa, hehe yang satu ini dilakukan dari balik layar sambil berusaha sambil berdoa, semoga berhasil ya,
tag : cara bikin blog populer, blog populer, tips blog jadi populer, cara mendatangkan pengunjung blog, blog ramai pengunjung


Senin, 09 Mei 2011

Cara Membuat Banner Flash di Blog

Memasang banner flash di blog bisa membuat blog kita terlihat cantik dan juga menarik. Maka dari itu ada sebagian blogger yang menambahkan banner flash ini. Untuk membuat banner flash biasanya menggunakan suatu program tertentu yang berhubungan dengan pembuatan flash.

Namun untuk membuat banner flash kali ini. kita tidak perlu keahlian yang khusus. karena ada situs penyedia layanan banner ini.yaitu Flasfortex.com
Seperti contoh di bawah ini :




Untuk langkah-langkah yang harus agan lakukan :

1. Agan masuk dulu ke situs flashvortex
2. Setelah masuk lalu klik Banner seperti gambar di bawah ini :


3. Akan muncul banner-banner yang bisa kita gunakan. Pilih salah satu banner yang sesuai dengan keinginan agan. Setelah itu klik tulisan di bawahnya "CLIK HERE TO EDIT THIS"


4. Isikan Text yang akan di tayangkan serta ukuran hurufnya
5. Klik Generate Animation untuk mendapatkan kode HTML nya, Sampai disini sudah selesai

Catatan : Untuk merubah background ataupun warnanya kita harus menjadi member flashvortex terlebih dahulu.

Cara Memasang Banner di Blog :

1. Sign In dulu ke blog agan
2. Pilih Rancangan lalu lalu klik tambah gadget
3. Pilih HTML Java Script lalu masukkan kode HTML yang tadi. lalu klik Simpan

Selesai deh membuat banner flashnya.

Catatan : Agar banner nya berada tepat di tengah tambahkan kode <div align="center"> KODE HTML </div> 

Sekian dulu postingan kali ini semoga bermanfaat selamat mencoba dan Salam Sukses Slalu


Jumat, 29 April 2011

Cara merubah icon blog pada addres bar

Pasti para bloger ingin kalo icon blognya lain dari pada yang lain kan?
kalo kita buat blog dari bloger.com maka tampilan iconnya pasti huruf B warna orange, kalo mau diganti ada kok caranya yuk langsung aja ke triknya
  1. Pertama yang harus dilakukan yaitu kita membuat sebuah gambar dengan format gif atau jpeg, ukurannya dikira-kira aja tapi jangan terlalu besar kira-kira 3 cm x 3 cm aja dah cukup, kalo kebesaran gambarnya tar malah berat blognya, kalo dah jadi gambarnya lanjut ke step berikutnya
  2. upload gambar yang tadi dah dibuat ke internet, banyak kok tempat untuk menyimpan gambar atau foto ke internet saya kasih contoh di sini imageshare.web.id
  3. kalo dah di upload cari alamat gambarnya yang kayak gini contohnya  http://imageshare.web.id/images/co848rghh67sd2oygw28.jpg 
  4. kalo udah di upload disitu & dah dapet alamatnya masuk ke akun blog kamu terus pilih rancangan terus pilih edit HTML terus cari kode ini </head> 
  5. Gunakan Ctlr + F untuk memudahkan pencarian kodenya
  6.  kalo dah ketemu masukin kode dibawah ini diatas kode </head> tadi
<link href='http://imageshare.web.id/images/co848rghh67sd2oygw28.jpg' rel='SHORTCUT ICON'/>

     7. teks yang merah ganti dengan alamat gambar kamu tadi
     8. Kemudian save template
     9. Selesai deh sekarang liat blog kamu pasti dah berubah iconnya

Semoga bermanfaat & jangan lupa komen nya ya.....


Membuat Kotak Komentar Di Blog Dengan IntenseDebate

Sebagai Seorang blogger tentu saja anda ingin mempunyai bentuk komentar yang lebih baik,,
Tapi Anda Bingung cara Membuatnya, tenang saja ada solusinya ada sebuah situs yang menyajikan pembuatan komentar secara professional yaitu oleh intensedebate.com
Widget ini mempunyai banyak kelebihan di antaranya :
1. Anda dapat menjawab langsung pertanyaan dari si pemberi komentar
2. Anda Dapat Membalas Via Email
3. Komentar Yang Bersifat Spam/porno Dapat Langsung Kita banned/blok melalui alamat IP nya
4. Anda dan Pengunjung dapat member Voting dari komentar terbaik.
5. Dan masih banyak lagi
    Sebagai Contoh Lihatlah komentar Pada blog Ini… Klik Disini untuk melihat contohnya


Nb: Widget ini mulai beroperasi jika kita membuat postingan baru

Langkah Pembuatannya :

1.Masuk kealamat intensedebate.com
2.Klik Sign Up isi formulir nya dengan benar seperti Email, Username, Password
3.Anda harus memverifikasi e-mail ini, jadi silakan pergi ke account email yang Anda gunakan untuk mendaftar, Buka pesan dari IntenseDebate.com, setelah itu Klik link aktivasi,
4.Masuk Kembali ke Akun IntenseDebate.com anda
5.Lalu klik install intenseDebate .
6.Maka Anda akan di minta untuk mengetik url blog Anda, masukkan url blog Anda dan klik next step/langkah berikutnya.
7.Untuk step 3 atau proses instalasi centang widget yang ada di sebelah kiri,
8.Lalu klik Add Widget To My Blog

Semoga Berhasil..!!!!!
Pustaka  : http://www.kikiyo.co.cc/2010/06/membuat-kotak-komentar-di-blog-dengan.html


Kamis, 28 April 2011

Cara Membuat Teks Berjalan Pada Blog

wah senagnya bisa posting lagi
sekarang aku mo bahas mengenai teks berjalan pada blog nih juga aku pasang di blog ku, tuh liat diatas hehe lumayan lah nah langsung aja ya ke intinya....
cara membuat teks berjalan salah satunya dapat menggunakan tag <marquee>...</marquee>. 

contoh  <marquee> Teks yang ingin dijalan kan </marquee>

Maka akan tampil seperti ini :

Teks yang ingin dijalan kan

Selanjutnya banyak atribut lain yang dapat di tambahkan kedalam marquee untuk membuat teks berjalan yang kita buat semakin indah atau lebih variatif lagi antara lain adalah :

DIRECTION="left/right/up/down"  (untuk mengatur arah gerakan teks berjalan) 
BGCOLOR="warna yang dipilih"  (Untuk merubah warna backgroun teks berjalan)
TITLE='pesan"  (Untuk memunculkan sebuah pesan saat mouse berada di atas teks berjalan)
WIDTH="lebar"  (Untuk mengatur lebar teks berjalan)
LOOP="angka|-1|infinite" (Mengatur jumlah loop teks berjalan)

Membuat teks berjalan berhenti saat mouse ada di atasnya
dapat menggunakan kode berikut ini
onmouseover="this.stop()" onmouseout="this.start()" 

contoh tagnya : 

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"> teks yang ingin dijalankan saat mouse berhenti </marquee> 



dan marquee juga dapat mengandung link didalamnya, berikut tag untuk memasukkan linik kedalama teks berjalan :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http:http://www.quickey.co.cc/" target="new">Beranda</a><br/>

<a href="
http:http://www.quickey.co.cc/p/berita.html" target="new">Berita Terbaru </a><br/>

</marquee>
 

maka teks tersebut akan bergerak dari bawah ke atas dengan mengandung link didalamnya

mungkin segini dulu tips mengenai teks berjalan mungkin di postingan lain akan dibahas lagi karena masih banyak variasi yang bisa digunakan, maaf ya kalo postingannya gak maksimal
tapi tetep semoga bermanfaat untuk semua....
 


Rabu, 20 April 2011

Cara Membuat blog lebih Populer

Kali ini aku mo bagi tips tentang bagaimana cara membuat blog kita jadi terkenal setidaknya lebih dikenal lagi
terus jangan cepat menyerah kalau blog kita sepi pengunjung, berikut beberapa link yang bisa membantu kita
menaikkan pagerank blog kita

1. Daftarkan disearch engine(google, yahoo, dll)
Layanannya:
http://google.com/addurl
http://google.co.id/addurl
Setelah didaftarkan tidak akan langsung muncul karena google membutuhkan proses indexing, setelah beberapa hari maka akan muncul.

2. Gunakan aplikasi statistik.
Misal: sitemeter.com
Pasang banner sitemeter keblog dan nantinya akan banyak data yang terbaca.

3. Daftarkan disitus layanan web auto submit
Misalnya :
http://mypagerank.net/servicepingserviceindex
http://www.pingoat.com/
http://pingomatic.com/

4. Gunakan pihak ketiga seperti disitus:

a. Technorati : http://www.technorati.com
b. Mybloglog : http://www.mybloglog.com
c. Blog Pulse : http://www.blogpulse.com
d. Blog Digger : http://www.blogdigger.com

5. Manfaatkan E-mail
Setiap mengirimkan email, kita sertakan alamat blog kita. Caranya ketik manual atau masuk ke email setting pada bagian Signature/tanda tangan. Jadi setiap mengirim email alamat blog kita akan segera tercantum.

6. Komentari blog orang lain
Tinggalkan jejak dengan menyisipkan alamat pada blog yang dikomentari.

7. Publikasi dunia nyata.
a. sampaikan keteman-teman.
b. cantumkan alamat blog dikartu nama.
c. sms keteman-teman bahwa sekarang sudah punya blog (he..he….)
d. ng..apalagi ya…dan lain-lain aja deh.. .


Sabtu, 16 April 2011

Cara membuat blog di blogspot

JIKA anda seorang pemula dalam dunia blogging dan berkeinginan untuk membuat blog sendiri maka sudah tepat jika sekarang Anda tengah membaca Artikel ini, karena artikel ini akan memberikan tuntunan selengkapnya untuk anda dapat membuat blog di dalam Blogspot.com.
Proses pembuatan blog dari awal hingga akhir serta membuat sebuah bisnis dengan blog Anda akan dikupas tuntas dan mendetail di dalam Artikel ini. Anda tidak hanya sekadar dapat membuat sebuah blog tetapi Anda akan dapat membuat sebuah blog yang menarik dan terlihat professional dengan langkah-langkah yang mudah seseuai dengan cara-cara dan teknik-teknik dalam pembahasan yang disajikan dalam Artikel ini.
Selain itu Anda pun dapat memulai bisnis baru dan memperoleh penghasilan tambahan dari blog yang anda buat tersebut. Menarik Bukan? Selamat membaca dan semoga sukses untuk anda dengan blog baru Anda.
Mulai Membuat sebuah Blog di Blogspot.com
Membuat sebuah blog tidaklah sesusah yang dibayangkan, apalagi jika blog tersebut dibuat didalam Blogspot.com atau yang biasa dikenal juga dengan Blogger.com. Membuat blog di dalam Blogger.com memang terkenal simpel dan sederhana namun demikian pengguna layanan tetap dapat menciptakan sebuah blog yang menarik. Layanan weblog hosting ini telah menyediakan semua yang diperlukan untuk dapat membangun sebuah website blog apalagi layanan yang ditawarkan juga disediakan secara gratis.

Langkah Awal

Siapa bilang membuat blog itu sulit? Secara garis besar Anda hanya perlu melakukan tiga langkah saja untuk membuat blog, yakni membuat akun, memberi nama blog, dan memilih template untuk blog anda. Mudah bukan? Sebagai langkah pertama, anda harus membuat akun terlebih dahulu dengan langkah – langkah sebagai berikut:

Langkah Pertama Membuat Akun:
  • Mulai lah dengan meluncurkan browser internet anda. selanjutnya ketikkan alamat http://www.blogspot.com/ pada location bar dalam browser Anda lalu tekan tombol enter.
  • setelah halaman situs Blogspot atau Blogger muncul, klik tombol Create your Blog Now.
  • Kini anda berada dihalaman Create a Google Account, masukan alamt email dan password anda apada kotak teks yang tersedia.
  • Untuk itu sebelumnya anda telah memiliki sebuah alamat email... pasti udah punyakan...pasti dong!!!!
  • Berikutnya masukkan nama anda yang nantinya akan ditampilkan dalam post sebagai penulis post pada kotak teks Display Name.
  • Sesudah itu ketikkan kode verifikasi pada kotak teks Word Verification.
  • Lanjutkan dengan mengaktifkan opsi I Accept the Term of Service.
  • Kalau sudah Terus tekan dung tombol Continue selesai.
Langkah kedua Memberi Nama Blog:

Setelah membuat akun, langkah berikutnya adalah memberi nama blog. Pada tahap ini Anda hanya cukup melakukan langkah sederhana sebagai berikut:
  • Pastikan Anda berada dihalaman Name Your Blog.
  • Ketik judul blog Anda pada kotak tek Blog Title.
  • Setelah itu masukkan alamat blog yang Anda inginkan pada kotak teks Blog Adress (URL). Anda tinggal melengkapi kotak teks yang ada dengan nama yang Anda inginkan ketika pengunjung nantinya akan megakses blog Anda.
  • Kalau sudah klik Link Check Avaiablility untuk mengecek ketersediaan alamat blog Anda. Jika muncul info This blog address is available berarti alamat blog yang Anda ke-tikkan diterima.
  • Tekanlah Tombol Continue. Selesai
Langkah ke tiga yaitu Memilih Template Blog:

Tahap berikutnya yang harus anda jalani dalam proses pembuatan blog adalah memilih template untuk menunjukkan tampilan blog mulai dari warna background, jenis dan ukuran font, hingga posisi artikel yang akan Anda posting nantinya. Langsung aja kita lanjutkan proses pembuatan blog langkah-langkah berikut:
  • Pertama-tama anda telah berada dihalaman Choose a template.
  • Turunkan scrollbar untuk memilih template yang anda inginkan.
  • Jika anda telah menemukan template yang diinginkan tekan template tersebut.
  • Untuk melihat preview atau tampilan template sebelum diaplikasikan dalam blog. Klik link Preview template.
  • Sesaat kemudian muncul jendela browser baru, yang menampilkan preview dari template yang Anda pilih.
  • Kalau sudah tutuplah jendela yang menampilkan preview template dengan mengklik ikon Close disudut kanan atas.
  • Anda kembali dihadapkan pada halaman Choose a template. Setelah menentukan pilihan tekanlah tombol Continue.
  • jika anda melakukan dengan benar, maka halaman berikutnya muncul konfirmasi menyatakan blog anda telah tercipta.
Selesai deh pembuatan blog nya....selamat mencoba....


Link Sahabat

Twitter Delicious Facebook Digg Favorites More

 

Welcome In Kode Blogger

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!

Selengkapnya di: Membuat Sliding Login/Register Form Panel di Blog | Kode Blogger http://kode-blogger.blogspot.com/2011/05/membuat-sliding-loginregister-form.html#ixzz0tfbeC5kG