Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

seo Tombol kembali ke atas blog 2013

Seo Master present to you:
Ketika saya blogwalking, saya menemukan blog yang ada Tombol kembali ke atas blog, yang ketika di klik kita akan di bawah ke halaman atas blog, tampaknya tombol kembali ke atas ini sangat berguna jika kita memiliki tulisan-tulisan yang panjang di setiap posting kita. Jadi akan lebih mudah bagi pengunjung dan pembaca blog untuk kembali header, karena ketika pembaca mengklik tombol akan segera dibawa ke halaman blog yang paling atas. Dan keuntungan lain adalah membuat blog kita terlihat profesional dan indah. Untuk cara pasangnya sangat mudah kok. Ingin tahu bagaimana cara menginstalnya? silakan ikuti petunjuk di bawah ini:

- Login di Blogger.
- Pilih tata letak pada Dashboard Anda.
- Pilih Tambah Gadget.
- Pilih HTML / Javascript.
- Masukkan kode berikut.
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>
- Jika Anda sudah selesai dan klik Simpan
Jika Anda ingin mengubah gambar-gambar lainnya sesuai dengan kriteria yang Anda hanya mengubah alamat pada kode gambar di bawah ini.
http://img119.imageshack.us/img119/8589/arrowupcx2.gif
Ok selamat mencoba, contohnya bisa anda lihat di bawah blog seo tutorial blogger ini.2013, By: Seo Master

seo Cara membuat spoiler blog 2013

Seo Master present to you:
Spoiler blog biasanya digunakan untuk memperkecil atau mempersingkat kode, postingan, atau tulisan apapun agar tidak terlalu memenuhi halaman. Spoiler dapat anda pasang pada side bar, halaman posting, header dan footer.Untuk membuatnya tidaklah sulit,anda tinggal mencopy kode dibawah ini.
Berikut contoh spoiler.

Spoiler Untuk lihat Script:




Hallo.....


Cara membuat spoiler ini adalah sebagai berikut:
1.Copy dan paste kode dibawah ini
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b> Untuk lihat <b>Script</b>: <input value="Lihat" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Isi kode script, HTML dan teks anda disini

<br>
</div>
</div>
</div>
2. Seterusnya gantilah tulisan yang yang berhuruf tebal dan berwarna hitam dan merah.
Width: 55px adalah lebar kotak spoiler.Gantilah sesuai kebutuhan anda. font-size: 11px adalah ukuran huruf dalan kotak spoiler.Dapat diganti sesuai kebutuhan. Tutup dan Lihat dapat anda ganti sesuai keinginan anda Isi kode script, HTML dan teks anda disini dapat anda ganti dengan teks atau kode script. Silakan mencoba. marchsya
2013, By: Seo Master

seo Buat kotak iklan di blogger 2013

Seo Master present to you: Kali ini kita akan ngajarin trik sederhanan cara Buat kotak iklan di blogger. Untuk fungsi kotak iklan sendiri kayaknya gak perlu jelasain lagi. Saya yakin pasti semua sudah ngerti. Ya udah langsung ke intinya yuk!

Contoh Banner Box



Cara membuat kotak iklan (Banner Box):

Pertama, masuk pada halaman Edit Html, kemudian masukan kode CSS dibawah ini dibawah kode <b:skin><![CDATA[
#Box-Banner-ads {

margin: 0px;

padding: 5px;

text-align: center;

}

#Box-Banner-ads img {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #c0c0c0;

}

#Box-Banner-ads img:hover {

margin: 0px 4px 4px 0px;

padding: 3px;

text-align: center;

border: 1px solid #333;

}
Sudah? selanjutnya buat element halaman baru..kemudian anda tinggal memasukan kode dibawah ini.
<center><div id="Box-Banner-ads">
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
<a target="_blank" href="http://lerry060183.wordpress.com"><img alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"
border="0"/></a>
</div></center>
Untuk jumlah iklan anda tinggal menambahkan atau mengurangi sesuai kode dibawah ini. jangan lupa mengganti hijau dengan alamat url anda sendiri.
<a target="_blank" href="http://lerry060183.wordpress.com"><img
border="0" alt="ads" src="http://oom.blog.googlepages.com/Banner2.gif"/></a>
Semoga tutorial sederhana ini bisa bermanfaat.

o-om2013, By: Seo Master

seo Cara Buat Menu Drop Down Blogroll 2013

Seo Master present to you: Ini nie saya kasih tau cara bikin Drop Down Blogroll yang dipakai di blogger.com untuk itu kamu bisa memasangnya di blog blogger mu sekarang caranya cuma mudah dengan memasukkan kode di bawah ini ke dalam HTML / JAVASCRIPT di Gadget blogger :

1.Ambil dan copy/paste
<select onChange="document.location.href=this.options
[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>
Keterangan :
Text yangn berwara merah adalah link. ganti text1 dan 2 tersebut dengan link kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus kamu ganti.

Contoh Seperti Ini :
<select onChange="document.location.href=this.options
[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://www.matrixar.com/"> Cara Membuat Menu Drop Down </option>
<option value="http://www.matrixar.com/"> Cara Membuat Blog </option>
</select>
2.Cara memasukkan kodenya yaitu :
1. Sesudah login, klik Tata Letak atau Layout
2. Klik Tambah Elemen atau Add Element
3. Klik HTML / JAVASCRIPT
4. Copy dan paste kode di atas
5. Klik Simpan/Save.
6. Sudah selesai.

3.Untuk menambah atau membuat link baru :

tinggal di copy / paste salah satu baris link yang ada dan ganti dengan alamat situs yang akan dimasukkan ke blog Kamu.

2013, By: Seo Master
Powered by Blogger.