Alyss

Sunday, June 2, 2013

Membuat Banner Iklan di blog

Pada kali ini saya berkesempatan untuk membahas bagaimana cara membuat banner iklan di blog. hal ini penting, karena salah satu cara kita mendapatkan penghasilan tambahan dari internet adalah dengan menyediakan layanan penayangan iklan di blog anda. dengan kita membuat banner iklan ini, maka akan memancing para adveriser/pemasang iklan untuk memasang iklan dengan tujuan mempromosikan blognya atau barang-barang dari pada adversiter itu. langsung saja kita bahas bagaimana cara membuat banner iklan di blog :

1. Masuk kedalam Blogger anda

2. Klik Tata Letak -> Tambah Gadget -> HTML/Javascript

3. Simpan kode dibawah ini kedalah HTML/Javascript :

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

border="0" height="125" width="125" /></a></center></td>

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

border="0" height="125" width="125" /></a></center></td></tr>

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

border="0" height="125" width="125" /></a></center></td>

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

border="0" height="125" width="125" /></a></center></td></tr>

</tbody></table>

</div>

Catatan:

tulisan berwarna merah silahkan ganti dengan URL Blog pemasang iklan
tulisan berwarna biru silahkan ganti dengan URL gambar.
tulisan berwarna orange silahkan ganti dengan isi informasi tentang iklan yang akan dipasang yang nantinya akan muncul pada saat kursor mouse di dekatkan pada iklan tersebut.

Lihat hasilnya disini

Download artikel ini di -> Membuat Banner Iklan di blog

Cara Mengganti Logo Blog di Tab Browser

Pada dasarnya logo blog anda pada tab browser adalah logo bawaan dari Blogger, namun jika anda ingin menggantinya dengan logo lain atau dengan logo yang anda buat sendiri agar memiliki ciri khas tersendiri, bisa-bisa saja, caranya akan dijelaskan pada tutorial dibawah ini.

1. Pertama buat dahulu logo yang ingin diimplementasikan
2. Login ke akun blogger anda
3. lalu buat entri baru dengan mode compose, lalu klik insert gambar, pilih gambar yang ingin digunakan, lalu anda periksa pada mode htmlnya, maka akan ada URL seperti berikut:

4. Copy URL gambar anda (yang diblog adalah URL gambar anda)

5. Masuk ke Template, lalu Edit HTML

6. Cari kode </head> (gunakan tombol kombinasi CTRL+F untuk lebih mudah dalam pencarian)

7. Lalu masukan kode berikut di atas </head>

<link href='URL GAMBAR ANDA' rel='shorcut icon'/>

ket : tulisan orange ganti dengan URL gambar anda

8. Simpan dan cek hasilnya.

Download artikel ini di -> Cara Mengganti Logo Blog di Tab Browser

Riferensi : http://regibrader-free.blogspot.com/2013/03/cara-membuat-mengganti-logo-blog-di-tab.html

Membuat Auto Backlink di Blog

Backlink merupakan salah satu cara untuk optimasi SEO, yang sangat digemari oleh para blogger ataupun pembisnis yang ingin website atau blog mereka terindexs oleh mesin pencari yaitu Google, dan masuk dalam index 10 besar SERP (Search Engine Result Page) terutama oleh mesin pencari google.

kali ini saya akan memberikan tutorial bagaimana cara membuat backlink secara otomatis, oke langsang saja kita liat tutorialnya dibawah ini.

1. Masuk dan register di situs http://www.e-referrer.com/ (gratis)

2. Setelah melakukan registrasi silahkan login dengan akun yang sudah dibuat sebelumnya, lalu lakukan Setting dengan mengklik menu Setting di sebelah kiri, lalu sesuaikan dengan kemauan anda.

3. Setelah itu silahkan klik menu Get Code untuk mendapatkan kode HTML yang akan dipasang pada website atau blog anda. anda bisa memasangnya di sidebar ataupun di postingan HTML, setelah memasang silahkan klik Validate My Link.

4. Sampai disini kita sudah mempunya mesin Auto backlink sendiri, dan tinggal anda publikasikan di blog, agar pengunjung tau bahwa blog kita memiliki Auto Backlink sendiri. bisa dengan text ataupun Banner Link. buatlah link yang mengarah ketempat kita menyimpan kode pada langkah ke-3 di atas. bila kita meletekannya di sidebar, bisa mengarahkannya ke HomePage atau jika kita menaruhnya di Postingan bisa mengarahkannya ke postingan tersebut.

Jika anda ingin membuat link dengan banner. anda bisa membuat banner tersebut dengan menggunakan pihak ketiga yaitu cooltext.com.

silahkan upload banner yang sudah dibuat tadi, dan anda bisa menggunakan kode dibawah ini untuk menampilkan banner dan kode link banner anda di blog dengan efek otomatis blog untuk memudahkan pengunjung mengcopy kode banner anda.

div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="URL BANNER" /></div>
<br /></div>
<div>
<form name="kompiajaib">
<div align="center" style="margin-bottom: 0; margin-top: 0;">
<textarea ;="" cols="45" name="txt" onmouseover="this.form.txt.select()" readonly="readonly" rows="3" style="height: 30; width: 200;"><a href="URL TEMPAT KITA MENYIMPAN KODE DARI REFERRER" target="_blank" title="ISI DENGAN TITLE BLOG ANDA"><img src="URL BANNER"/></a></textarea></div>
</form>
</div>

Download Artikel ini di -> Membuat Auto Backlink di Blog

Setelah itu cek hasilnya. berikut ini adalah contoh dari backlink yang saya buat : klik disini untuk melihat

Referansi : http://www.kompiajaib.com/2012/07/membuat-automatic-backlink-di-blog.html

Cara Membuat Menubar Melayang

Okelah, kali ini saya akan menjelaskan bagaimana cara membuat menurbar melayang pada blog anda. seperti yang saya lakukan pada blog saya, sebenarnya tujuan saya membuat menurbar lagi, karena menubar pada template bawaan saya sudah penuh :D, oke langsung saja liat tutorialnya:

Cara membuat menubar melayang:

1. Login terlebih dahulu kedalam akun blogger anda.

2. Masuk pada halaman Template lalu Edit HTML

3. Klik centang pada Expand Template Widget

4. Cari kode ]]></b:skin> gunakan tombol kombinasi CTRL+F untuk mempercepat pencarian

5. Copy dan Paste kode dibawah ini tepat diatas kode ]]></b:skin>

/* NAVIGASI */
#top-nav {
background:#333;
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
height:28px;
width:100%;
min-width:970px;
position:fixed;
top:0;
left:0;
z-index:9999;
overflow:hidden;
border-bottom:1px solid #000;
}
#top-nav ul {
margin:0 auto;
width:970px;
}
#top-nav ul li {
float:left;
}
#top-nav ul li a {
line-height:28px;
padding:0 15px;
color:#aaa;
font-size:13px;
text-shadow:0px -1px 0px #000;
display:block;
text-decoration:none;
}
#top-nav ul li a:hover {
color:#fff;
}

Catatan : warna hijau bisa anda rubah sesuai yang anda inginkan, warna hijau menandakan ukuran dari menubarnya

6. Selanjutnya cari kode <body>

7. Copy dan paste kode dibawah ini dibawah kode <body>

<div id='top-nav'>
<ul>
<li><a href='#' title='Kembali ke Beranda'>Home</a></li>
<li><a href='#' title='Kebijakan Privasi'>Tukar Link</a></li>
<li><a href='#' title='Pasang Iklan Murah'>Pasang Iklan</a></li>
</ul>
</div>

Catatan :

Tanda # yang berwarna orange ganti dengan URL link menubar yang di inginkan
Tulisan berwarna merah ganti dengan title yang anda inginkan
Tulisan berwarn biru bisa anda ganti dengan judul menu bar yang anda inginkan

Download artikel ini di -> Cara Membuat Menubar Melayang

Referansi : http://blogdari-ku.blogspot.com/2013/02/cara-membuat-menubar-melayang.html

Cara Membuat Scroll Box Pada Blog

Scroll Box adalah kotak yang berisi tulisan atau gambar atau yang lainnya yang menggunakan fungsi scroll. selain gambar dan tulisan, anda juga dapat memasang widget di dalam scroll box tersebut. memasang scroll box sangat bermanfaat sekali untuk sobat yang ingin membuat linklist/ blogroll agar panjang blogroll tersebut tidak membuat loading blog kita lambar, jadi blog kita tetap Friendly. oke langsung saja liat tutorialnya dibawah ini:

Membuat scroll box pada blog:

1. Copy paste script tersebut bisa disidebar ataupun di postingan

Isi Scroll Box

</div>

Catatan:

1. Ganti tulisan berwarna merah dengan isi scroll box yang anda inginkan
2. Kode berwarna biru adalah tinggi (height) dan lebar (width) scroll box, bisa anda ganti.
3. Untuk mengganti batas (box/kotak) dapat anda lalukan dengan mengganti tulisan yang berwarna hijau.

berikut ini adalah contoh dari blog scroll:

<div style="overflow:auto;width:100px;height:50px;padding:10px;border:1px solid #eee">

<br />

<br />

<br />

<br />

<br />
</div>

Download artikel ini di -> Cara Membuat Scroll Box Pada Blog
Bila dipasang akan menjadi seperti ini:

Referansi http://blognya-reggy.blogspot.com/2011/11/cara-membuat-scroll-box-pada-blog.html?showComment=1369374953662#c7735320045778553178

Tes 1
Tes 2
Tes 3
Tes 4

Tes 5

Membuat Iklan Melayang di Samping Kiri atau Kanan Blog

Jika pada blog yang anda miliki memiliki lapak yang kosong di samping kanan atau kiri blog, mungkin tutorial ini sangat bagus, untuk memanfaatkan lapak yang kosong tersebut, kali ini saya akan membahas bagaimana cara membuat iklan di samping kiri atau kanan blog, dalam tutorial kali ini saya memiliki 2 alternatif atau 2 cara yaitu :

a. Dengan menambahkan Widget

b. Dengan Edit HTML pada Template

Oke langsung saja kita bahas satu persatu, Membuat Iklan di Samping Kiri Atau Kana Blog:

A. Dengan Menambahkan Widget

Buat widget baru HTML/JavaScript, edit dan simpan kode dibawah ini:

B. Dengan Edit HTML pada Template

1. Login ke Blogger anda

2. Klik Template -> Edit HTML

3. Simpan kode dibawah ini tepat diatas kode ]]></b:skin>

#fixedbanner { position: fixed; top: 160px; /* Jarak dari atas */ right: 0; /* Apabila ingin di kanan ganti right menjadi left */ }

4. Cari kode </body>, lalu pastekan kode dibawah ini tepad diatas kode </body>

<div id='fixedbanner'> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>

5. Simpan Template

Menambahkan Tanda Close (X)

Apabila ingin menambahkan tanda Close (X), tambahkan kode dibawah ini sebelum <div id='fixedbanner'>

Maka hasil akhirnya menjadi :

<div id='fixedbanner'><a href='#' onclick='var el=document.getElementById('fixedbanner');el.parentNode.removeChild(el);' style='right: 5px;position: absolute;top: 5px;z-index: 99;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVo7IIwGDlseiDLTQzUftFuTs6J8oi-Mzk7G7RQkeOp3AGFmVNLqkngb56Sl-GIMTlABOFauhdqbwnMjKPAaYmlAF5TNJVc-ZjY_AQmWxF07EBWGkOXaKR-isbnFrDht_ZAmKQOdlCb-E/s1600/delete2.png'/></a> <a href='URL Tujuan' title='Judul'><img alt='fixedbanner' src='URL Banner'/></a> </div>

Download artikel ini di -> Membuat Iklan Melayang di Samping Kiri atau Kanan Blog
Semoga Bermanfaat

Referensi : http://ber2saudara.blogspot.com/2013/03/membuat-banner-iklan-melayang-di.html

Saturday, June 1, 2013

Kumpulan Soal-Soal Gunadarma

Cara download file disini, klik link nya atau file yang ingin di download lalu tunggu 5 detik, maka akan muncul kalimat Skip Ad di pojok kanan, kemudian klik download, and tunggu sampai proses download selesai.

1. Soal Matif 2, silahkan anda download di : Matif 2 Via Mediafire