Menambahkan Widget IP Addres, OS, Country, Browser Detector di Blog

Hoaaaammmmm.......(nguap sambil kucek-kucek mata).....
Setelah tertidur lama akhirnya sekarang bangun juga, lama banget blog ini lupa di update atau tepatnya GA COPAS artikel-artikel dari blog agan-agan. Sesudahnya saya Minta MAAF kepada semua Blogger-Bloger/Agan-Agan semua yang Artikel-Artikelnya yang saya COPAS tanpa mencantukan SUMBER. Karena sebelumnya BLOG ini saya buat untuk tugas kuliah.

Untuk kali ini dan selanjutnya saya mencoba menulis sendiri artikelnya.
Ok Langsung Ja....Untuk Menambahkan Widget IP Addres, OS, Country, Browser  Detector di Blog sangatlah mudah. Sebelumnya Apa itu widget IP detector?

IP detector merupakan tool untuk mendeteksi dan menampilkan IP address, OS, Country, Browser pada setiap masing-masing pengguna
berikut adalah langkah demi langkahnya:
1. Masuk ke  www.wieistmeineip.de/banner/
2. Pilih Design widget yang kalian inginkan

3. Copy Quellcode Banner yang ada dibawahnya.
4. Tinggalkan dulu, Masuk ke Dashbor Blog kalian disini saya menggunakan Blogspot berbahasa Indonesia, Klik Tata Letak-Tambah Gadget kemudian Pilih HTML/Java Script.
5. Tambahkan Judul yang diinginkan, PASTE Quellcode Banner pada Konten.
6. Simpan dan Lihatlah Blog Kalian...
7. Jenjrengggggg.......

Sekilan dulu tutorial Menambahkan Widget IP Addres, OS, Country, Browser  Detector di Blog dan Happy Blogging...
Good Luck

Budayakan Share Ilmu, Karena Ilmu yang kita yang kita bagikan tidak akan pernah habis tapi akan Mempertajam Ilmu yang Kita Miliki...amin...

Read More

Membuat Kotak Blogrol

Buat kamu yang gemar tukeran link dengan blogger lain, mungkin tidak akan menjadi masalah ketika link-link yang masuk yang akan kita pasang di blog hanya sedikit. jikalau banyak banget… repot juga kan, nanti blognya ga enak dipandang gara2 kebanyakan link, trus keliatannya sesak / sumpek oleh link-link yang kita pasang tadi..
Nah, untuk itu salah satu solusi agar kamu bisa tetep bisa tukeran link dengan sesama blogger tanpa membuat sumpek blognya, sehingga bisa tetap nyaman untuk diliat, kotak blogroll inilah solusinya. Kotak blogroll ini sy pake di blog trik yuwie ini, kamu bisa liat di bagian kanan bawah blog ini, yang judulnya ” LINK SOBAT “.. kurang lebih seperti itulah tampilan kotak blogrollnya.
Kotak blogroll ini saya buat ala text area, (klo ga salah pernah sy buat info tentang membuat text area disini..) , tapi buat kamu yang sering berkunjung ke blog lain biasanya ada juga yang memakai kotak blogroll dengan gadget terbaru dari blogger yaitu ” DAFTAR BLOG “ atau
bahkan dengan menggunakan ala berjalan (marque).. oke deh, ini satu2 tak jelasin…
1. Ala Text Area
Ini kan contohnya udah ada yang kebetulan sy pake di blog ini (diliat di gadget LINK SOBAT), klo pengen bikin kotak blogroll kaya gini, tinggal masukin aja kode di bawah ini :

<div style=”border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 300px;
height: 100px;
text-align: center; “> Link 1 | Link 2 | Link 3 | Link selanjutnya….
</div>

Keterangan :
Border : Buat mengatur tebal garis (bisa diganti sesuai kebutuhan)
Width : Mengatur lebar kotak blogroll
Height : Mengatur tinggi kotak blogroll
2. Ala Daftar Blog
Model seperti ini, caranya gampang banget.. cukup masuk ke blogger, lalu pilih “TATA LETAK” ——> “Add A Gadget” ——> “Daftar Blog” , udah deh tinggal masukin link blogrollnya disitu.. hasilnya kaya di bawah ini :
 

Gampang kan klo yang ini,.
3. Ala Marquee (berjalan)
Ini klo kamu suka yang aga bervariasi, yaitu blogrollnya bisa berjalan,. cara buatnya :

<marquee align=”center” direction=”left” scrollamount=”3″ width=”60%” height=”100″> Link 1 | Link 2 | Link 3 | Link selanjutnya…
</marquee>

Keterangan :
1. Direction “Left” —> text akan bergerak ke kiri, kamu bisa ganti “right(klo pengen gerak ke kanan)”, “up(Gerak ke Atas)” atau “Down(Gerak ke bawah)”
2. scrollamount=”3″ —> Kecepatan geraknya, bisa km ganti juga..
3. width —> Batas horizontal marquee kotak blogrollnya
4. Height —-> Batas vertikal marque kotak blogrollnya…
Sudah bisa kan sekarang.
menurut pengalaman, biasanya ada juga yang ngga tau dimana kita masukin tanda seperti ini | (pembatas) , he he. padahal sebenernya cukup liat di keyboard aja, letaknya biasanya ada di atas “ENTER”.. disitulah letaknya..
Selamat mencoba y kawan..
sumber

Read More

Cara Membuat Buku Tamu jQuery Blog

Cara Membuat Buku Tamu pada blog dengan menggunakan jquery ini sangat bermanfaat dan menguntungkan bagi sobat yang ingin "Membuat buku tamu", walau ada buku tamu tersembunyi yang kita daftarkan bisa melalui cbox atau shout mix , tapi kali ini lain dari pada yang lain guest book atau buku tamu ini kita pasang dengan menggunakan jquery sehingga tidak terlalu berat, oke tanpa basa basi berry blog akan langsung membahasnya :

-Log in ke blogger.com

-Pilih rancangan

-Pilih Add gadget

-Copykan kode berikut :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    $(".btn-slide").click(function(){

        $("#panel").slideToggle("slow");

        $(this).toggleClass("active"); return false;

    });

  

});

</script>

<style>

/* ---------------

Simple Slide panel with jQuery

---------------------------------- */

#panel {

        height: auto;

        background: #f90;

        width: auto;

        display: none;

    padding: 7px;

    border: #0C0;

    -moz-border-radius-topright:10px;

    -webkit-border-top-right-radius:10px;

    -moz-border-radius-bottomright:10px;

    -webkit-border-bottom-right-radius:10px;

    -moz-border-radius-topleft:10px;

    -webkit-border-top-left-radius:10px;

    -moz-border-radius-bottomleft:10px;

    -webkit-border-bottom-left-radius:10px;

}

.slide {

    margin: 0;

    padding: 0;

    border-top: solid 4px #f90;

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYiLKM6oshl2mz-HkvdNx6UuB6OKRVQYJdMvXdzZQf9gGpIooOyyofoV6pS_2AYCpVIVnKbgHC5FPtIoQBfvKHSukejcmahFvNmefl4b9ROYKlxY5ikIgksGmUhRnyarMRzx7NFOuyMVY/s1600/btn-slide.png) no-repeat center top;

}

.btn-slide {

    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioLOhO3O9w2rUxK414Tis2WopKsDRWceTCgQHoT6AxcxeSYRPTG5iHe4RcJ3cz0nD61tniCm_1j8uUII3y3gF2suUmsSUWWrpMmFqlS4XfCanenxPtvfOTWp_1ufXpQzz5x1w2STlviv8/s1600/white-arrow.gif) no-repeat right -50px;

    text-align: center;

    width: 144px;

    height: 31px;

    padding: 10px 10px 0 0;

    margin: 0 auto;

    display: block;

    font: bold 120%/100% Arial, Helvetica, sans-serif;

    color: #fff;

    text-decoration: none;

}

.active {

    background-position: right 12px;

}

</style>

<div id="panel">

    <!-- Letakkan kode buku tamu sobat disini -->

</div>

<p class="slide"><a href="#" class="btn-slide">Buku Tamu</a></p>

Warna biru ganti dengan kode buku tamu sobat  sedangkan warna ungu ganti dengan yang sobat inginkan

setelah itu save dan selesai lihat hasilnya...taraaaaaaaa..

jadilah buku tamu jquery , selamat menggunakannya sobat, demikian tutorial blogspot cara memasang buku tamu jquery blog di blogspot , semoga bermanfaat untuk sobat semua .

sumber

Read More

Menambahkan Script QueryLoader ('LazyLoad') Animasi Loading

Apa Itu queryLoader (LazyLoad)

QueryLoader adalah layar kosong hitam (bisa diubah) yang meliputi blog Anda sampai semua konten dimuat, yang berarti bahwa pengunjung tidak akan melihat yang sebenarnya loading blog Anda, bukannya itu, mereka akan melihat halaman loading dengan bar dan persentase loading blog secara keseluruhan, itu dibuat dengan menggunakan j-query dan css. mudah untuk diterapkan ke blog blogger Anda, dan mampu menyesuaikan.

Langsug saja gan

1. seperti biasa login ke akun blog anda
2. dashboard>> Desain/Rancangan>> edit html, dan silahkan cari kode berikut,
   </head>
3. kemudian taruh kode berikut ini sebelum kode </head>
   
   

   <script src='http://code.jquery.com/jquery-1.5.min.js' type='text/javascript'/> <script src='http://blogger-loader.googlecode.com/files/queryLoaderpre.js' type='text/javascript'/>

4.  Kemudian cari kode </body> kemudian taruh kode berikut ini sebelum kode tersebut
   

   <script>
    QueryLoader.selectorPreload = &quot;body&quot;;
    QueryLoader.init();
   </script>
    

5.  Langkah Terakhir copy kode berikut ini sebelum kode 
    ]]></b:skin>

   .QOverlay {
    background-color: #000000;
    z-index: 9999;
   }
   
   .QLoader {
    background-color: #CCCCCC;
    height: 1px;
   }
   
   .QAmt {
    color:#FF530D;
    font-size:50px;
    font-weight:bold;
    line-height:50px;
    height:50px;
    width:100px;
    margin:-60px 0 0 -50px;
   }

   ^SELAMAT MENCOBA^

   sumber 

Read More

Cara Memasang Iklan PPCindo di Blog

Setiap kali mengunjungi website atau blog di internet kita sering menemukan iklan-iklan yang terpasang pada web atau blog tersebut, baik berupa iklan teks ataupun iklan berupa banner. Dengan memasang iklan pada web atau blog tentu si pemilik web atau blog atau biasa disebut Publisher akan mendapatkan senilai uang dari si pemberi iklan.

Di sini kita akan membahas tentang cara memasang iklan pada blog kita menggunakan iklan yang disediakan oleh PPCINDO. Untuk memasang iklan yang disediakan oleh ppcindo, sebelumnya harus mendaftar dahulu di sini. Masukan Username, Password, Nama Anda dan alamat E-mail dengan benar kemudian klik Daftar.

Apabila sudah terdaftar pada ppcindo maka langkah selanjutnya adalah mengambil kode iklan dari ppcindo dan memasangnya pada blog kita dengan cara Login terlebih dahulu ke ppcindo kemudian klik menu Kode Iklan dan pilih Tambah Kode Iklan.
Sebaiknya anda membaca panduan sebelum menambah kode iklan ke blog anda.

Pada kolom Nama Kode Iklan ketikan nama iklan (bebas) yang mudah diingat dan nama kode iklan ini tidak terlihat dalam iklan yang terpasang pada blog.
Setelah menentukan Nama Kode Iklan, selanjutnya adalah menentukan Jenis Iklan, pilih saja Nomor 1 : Text OR Link (All Alexa Rank) dan klik Lanjut.


Selanjutnya kita akan menentukan Kategori iklan, untuk kategori iklan ini ditentukan berdasarkan ranking blog kita yang tercatat pada alexa. Apabila anda belum tau ranking blog anda silahkan cek terlebih dahulu di sini. Selanjutnya tentukan pilihan kategori iklan anda berdasarkan ranking alexa blog anda.
Misalkan raking blog anda pada alexa adalah 5.000.000 maka anda harus memilih kategori : Text 5 (Alexa Rank > 3.000.001) karena ranking blog anda lebih besar dari tiga juta.

Pada Domain Anda ketikan alamat url blog anda misalnya noengkomputer.blogspot.com (untuk penulisan url blog anda tidak perlu menambahkan http://), kemudian pada Blokir URL Iklan, tidak perlu mengisi apa-apa dan selanjutnya klik Lanjut.

Langkah berikutnya adalah menentukan format iklan, di sini sudah disiapkan beberapa format iklan yang dapat diambil kodenya yaitu dengan cara klik pada lingkaran kecil yang terdapat pada bagian atas masing-masing format iklan kemudian scroll ke bawah dan temukan Kode Iklan Anda, di situ anda copy semua kode iklan yang ada.

Langkah selanjutnya menempatkan kode iklan pada blog, yaitu login ke blogger dengan akun anda kemudian pilih layout/tata letak kemudian klik add gadget dan tambahkan html/java script kemudian pastekan kode iklan tadi kemudian klik save.

Iklan dari ppc indo sudah terpasang pada blog anda, namun anda harus menunggu paling sedikit 1 kali 24 jam untuk mendapatkan persetujuan dari pihak ppcindo. Bila sudah disetujui maka statistik iklan anda akan terlihat berapa banyak pengunjung yang melihat iklan maupun klik iklan.

Selamat mencoba

Read More