all about IT

Home / All posts

Cara Membuat Kotak Banner Iklan 125x125 Di Blog

Posted by Bayu Suhendra Thursday, May 9, 2013 0 komentar

Cara Membuat Kotak Banner Iklan 125x125 Di Blog - Cara Membuat Kotak Banner Iklan 125x125 Di Blog - Hasil kerja Blogging anda harusnya menghasilkan suatu keuntungan. untuk apa bersusah payah untuk Blogging namun tidak ada yang anda hasilkan. Jadi apa keuntungan kita dari Blogging? Salah satunya adalah dengan adanya iklan.

Jadi, jika ada yang memasang iklan pada Blog anda, maka si pemasang harus membayar dengan tarif yang telah anda tentukan. Jadi kita para Blogger harus berusaha membuat Blog sebagus mungkin agar Blog kita ramai dan menarik seseorang untuk memasang iklan di Blog kita.Untuk itu, pada kesempatan kali ini, saya akan coba berbagi tutorial, mengenai "Cara Membuat Kotak Banner Iklan 125x125 Di Blog"

Nah Guna memudahkan para pemasang iklan untuk memasang iklan di blog anda, sebaiknya anda menyediakan kotak banner iklan. Salah satu cara membuat kotak banner iklan yang akan saya bahas kali ini cukup mudah, yaitu tanpa edit HTML Template, anda cukup menambahkan Gadget > HTML/Javascript pada bagian Tata Letak. Bagi anda yang berminat, silahkan simak tutorial Cara Membuat Kotak Banner Iklan 125x125 Di Blog berikut ini, selengkapnya untuk anda lakukan.

Cara Membuat Kotak Banner Iklan 125x125 Di Blog :

Masuk ke blogger > Rancangan > add gadget > HTML/Javascript, kemudian masukkan kode di bawah ini :

<div align="center">

<table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">

<tbody><tr>

<td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center></td>

<td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center></td>

</tr>

<tr>

<td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center></td>

<td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center></td>

</tr>

</tbody></table>

<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff">

<tbody>

<tr>

<td><center><a href="URL/Alamat Blog" rel="nofollow"><img width="265" height="37" border="0" alt="Pasang Iklan Di Sini" src="URL/Alamat Gambar advertise here" /></a></center></td>

</tr>

</tbody></table>

</div>

Pengaturan :

Ganti kata URL/Alamat IKLAN dengan alamat website pemasang iklan
Ganti kata URL/Alamat Gambar Iklan dengan link atau alamat gambar iklan di hosting
Ganti kata Deskripsi Iklan dengan informasi dan deskripsi mengenai iklan yang dipasang, deskripsi ini akan muncul pada saat kursor mouse digerakkan ke arah banner iklan.
Ukuran default sidebar adalah 265, jadi pastikan ukuran sidebar blog anda tidak kurang dari itu.

Jika anda ingin menambah kotak iklan lagi dibawahnya misalnya menjadi 6 kotak tinggal masukkan kode di bawah ini, di bawahnya kode yang berwarna biru.

<tr>
<td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center></td>
<td><center><a href="URL/Alamat IKLAN" rel="nofollow"><img border="0" alt="Deskripsi Iklan" width="125" src="URL/Alamat Gambar Iklan" height="125"/></a></center></td> </tr>

Sekian - Cara Membuat Kotak Banner Iklan 125x125 Di Blog

Bagaimana, mudah bukan ? semoga tutorial mengenai Cara Membuat Kotak Banner Iklan 125x125 Di Blog ini bermanfaat, selamat mencoba..

Baca Selengkapnya ....

Cara Membuat jQuery Accordion Dengan Mudah

Posted by Bayu Suhendra 0 komentar

Cara Membuat jQuery Accordion Dengan Mudah - Kali ini akan saya bahas cara memasang / membuat daftar isi dengan jQuery accordion. Penampilan sitemap atau daftar isi jquery accordion ini sangat bagus dan keren sekali serta mempunyai link bergoyang ketika disorot cursor mouse. Dibawah ini dapat anda lihat screenshot dari daftar isi menggunakan efek / animasi accordion. Bagaimana menurut anda, keren bukan?

Cara Membuat jQuery Accordion Dengan Mudah

Sitemap / daftar isi accordion jquery di blogger mempunyai kelebihan dalam meringkas / membuat irit ruang blog, jadi tidak akan memanjang sampai kebawah. Dengan begitu apabila artikel / postingan anda sudah melebihi 1000 artikel, apabila tidak dipasang daftar isi dengan scroll atau daftar isi dengan menggunakan jquery accordion, pasti akan memanjang ke bawah.

Cara Membuat Daftar Isi Blog Dengan jQuery Accordion Mudah

1. Login ke blogger anda
2. Pada dasbor masuk ke Template => pilih Edit HTML.
3. Backup dulu template anda
4. Centang kotak Expand Widget Template
5. Tekan F3 dan cari kode ]]></b:skin> lalu letakkan kode berikut diatasnya

Spoiler :
#dafis-acc { font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:14px; } .dafis-label { background: rgb(125,126,125); background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); background: linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #A1A1A1; text-transform:uppercase; font-weight: bold; line-height: 2em; margin: 1px 3px; cursor: pointer; outline: medium none; overflow: hidden; padding: 2px 10px; text-decoration: none; text-align: center; } .dafis-label:hover { color: #F2F2F2; } .dafis-daf ol { margin: 0 0 0 30px !important; padding: 0 !important; } .dafis-daf ol li { background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; line-height: 1.3em; margin: 1px 3px !important; text-align: left; white-space: nowrap; } .dafis-daf ol li a { color: #333333 !important; display: block; padding-top:5px; padding-left: 10px; text-decoration: none !important; } .dafis-daf ol li a:hover { color:f2f2f2; padding-left: 5px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

6. Lalu cari kode </head> dan letakkan kode berikut diatasnya

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

Keterangan :
Apabila didalam template anda sudah terpasang kode script jQuery, maka tidak perlu lagi dipasang didalam template.

7. Simpan / Save Template

8. Selanjutnya anda buat postingan baru dengan judul daftar isi atau sitemap di blog anda dan pasang atau masukkan kode dibawah ini dalam posisi / mode HTML (bukan compose) setelah itu publikasikan.

<script src="https://sites.google.com/site/bloggerbondowosoblogspotcom/js/Table-of-Content.js" type="text/javascript"></script>
<script src="http://bayusuhendra.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

Keterangan :
Ganti url blog saya dengan url blog anda

Sekian - Cara Membuat jQuery Accordion Dengan Mudah

Selamat dicoba tutorial blog mengenai Cara Membuat Daftar Isi Dengan jQuery Accordion di Blog, semoga bermanfaat dan semoga berhasil, keep blogging sob.klik disini untuk mengetahui info lainnya

Baca Selengkapnya ....

Cara Cepat Meningkatkan Traffic Website Dengan Alexa Boostup

Posted by Bayu Suhendra 0 komentar

http://caraterupdate.blogspot.com/2013/03/cara-cepat-meningkatkan-traffic-website-dengan-alexa-bootsup.html

Cara Cepat Meningkatkan Traffic Website Dengan Alexa Boostup - Jika sebelumnya saya pernah posting tentang Rahasia Meningkatkan Alexa Rank Dengan Cepat maka pada kesempatan kali ini saya masih membahas yang berkaitan dengan usaha merampingkan Tante Alexa yaitu dengan Cara Cepat Meningkatkan Traffic Website Dengan Alexa Boostup. Ini saya dapat ketika blogwalking ke MDF-Blog.

Caranya yaitu dengan menggunakan alexaboostup, Cara Cepat Meningkatkan Traffic Website Dengan Alexa Boostup ini tidak hanya meningkatkan traffic saja tetapi juga dapat meningkatkan rank alexa website anda dengan mudah walaupun tidak 100% meningkatkan rank alexa website anda. Selain dengan menggunakan alexaboostup ini, tentu anda juga harus sering-sering membuat atau memposting artikel, blogwalking dan juga memromosikan website dan artikel anda di social seperti google+, twitter, facebook, lintasme dan sebagainya.

Cara Cepat Meningkatkan Traffic Website Dengan Alexa Boostup:

Anda bisa mendapatkan traffic dari alexaboostup dengan mudah, anda tinggal mendaftar di alexaboostup atau disini http://www.alexaboostup.com/?refid=10588, kemudian pilih menu Sign UP lalu masukan alamat email anda, masukan password dan confirmasi password lalu klik Sign Up. Setelah selesai mendaftar anda akan masuk dibagian dasboard alexaboostup anda.

Masukan alamat website anda
Centang tulisan Enable Website
Klik Save

Sekarang proses untuk menjalankan alexaboostup auto surf adalah sebagai berikut berikut:

Masih dibagian dashboard, Untuk menjalankan alexaboostup, pastikan Anda telah mengaktifkanpopup untuk alexaboostup.com, klik tombol "Allow Popup" kemudian allow atau izinkan popup untukalexaboostup.com pada browser Anda, biasanya ada dipojok kanan atas tampilan website, setelah semua dilakukan klik tombol "Launch Autosurf Booster" disamping tombol dashboard.

Cara Kerja dari alexaboostup:

Pertama anda akan diberi 150 poin. Untuk setiap website yang Anda kunjungi Anda mendapatkan 1 poin. 1 poin = 1 hit ke website Anda. Karena kita telah melakukan semua langkah diatas jadi kita tidak perlu mengklik satu persatu halaman website yang akan kita kunjungi, karena kita telah menggunakan auto surfing dari alexaboostup ini. Ingat poin anda yang tadinya 150 lama-kelamaan bisa berkurang, jadi untuk mendapatkan poin kembali dapat masuk pada menu "Earn Point" lalu sebarluaskan link alexaboostup anda kepada teman-teman anda sehingga mereka mendaftar dan menggunakan alexaboostup ini dan anda pun akan mendapatkan poin.

Sekian - Cara Cepat Meningkatkan Traffic Website Dengan Alexa Boostup

Semoga Postingan kali ini yang berjudul Cara Cepat Meningkatkan Traffic Website Dengan Alexa Boostup ini, dapat bermanfaat untuk anda

Baca Selengkapnya ....

Jaringan Peer to Peer Menggunakan Wifi Internal Laptop

Posted by Bayu Suhendra Wednesday, May 8, 2013 0 komentar

Membuat Jaringan Peer to Peer Menggunakan Wifi Internal Laptop (WiFi Ad hoc)

1. Buka Control Panel-Network and Internet ->Network and Sharing Center
2. Muncul jendela seperti dibawah ini, pilih Set up a wireless ad hoc (computer to computer)

3. Pilih Next untuk melanjutkan

4. Masukan Nama Network yang akan kita bikin, untuk Security type pilih WPA2-Personal, dan masukan Secutity key yang nantinya akan dijadikan sebagai password komputer lain untuk masuk dalam koneksi yang telah anda buat ini. Next

5. Proses setting up Ad Hoc sedang berjalan
6. Finish

7. Selanjutnya anda bisa mengecek daftar koneksi wifi , lihat gambar. Jika terdapat jaringan wifi dengan nama yang kita buat terdapat pada daftar tersebut, selamat anda berhasil.

Jika komputer kita sudah terhubung dengan jaringan Ad hoc yang telah dibuat, kita bisa saling bertukar data (sharing data) atau atau perangkat keras sperti printer, modem dan perangkat lainya. Sebagai catatan performance jaringan Ad Hoc ini akan turun secara drastis dengan bertambahnya jumlah computer yang terhubung.

Baca Selengkapnya ....