Follow us on:
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Cara mengganti icon pada addresbar

Berikut cara mengganti icon pada addresbar

Contoh gambar

Untuk mengganti icon tersebut tidaklah sulit, cukup terapkan langkah-langkah berikut:

1. Masuk ke-blogger akun

2. Pilih template


3. Pilih edit HTML


4. Pilih lanjutkan


5. Conteng expand widget template


6. Lalu cari kode </head>, dan letakkan kode berikut sebelum kode </head>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmZgxx0Ci78FivejMRPWiKdwKwgIIAhTzByWkUKDxo_kgRSlCwWI8VrsFWHdPwGKrd10QzHjLhe14fBaq-L5bUFVOSesTJm_o66QVjvwHDbxYqEu_XtdvBbeVg5I2Ga_c6-M86rsUEyNh1/s200/icon.png' rel='SHORTCUT ICON'/>
Keterangan :
  • Gunakan ctrl+f untuk mempermudah sobat mencari kode </head>
  • Warna hijau bisa sobat ganti dengan url gambar sobat

7. Lalu klik simpan template


8. Selesai.

Sekarang coba sobat lihat hasilnya!

Semoga bermanfaat bagi sobat..

Terimakasih..

Cara membuat daftar isi otomatis

Berikut beberapa manfaat dari penggunaan daftar isi pada blog :

Meningkatkan kenyamanan pembaca
  • Pertama, untuk meningkatkan kenyamanan pengunjung ketika berada di blog blogger anda. Dengan adanya sebuah daftar isi, mereka tinggal mengklik daftar isi tersebut untuk melihat apa saja yang ada dalam blog anda. Atau apa yang anda telah tulis dalam blog anda. Untuk tujuan ini, daftar ini sangat membantu karena bisa langsung melihat judul daftar isi tersebut alias judul postingan anda. Tidak masalah postingan tersebut berada di kategori atau label mana, pembaca bisa langsung melihat dengan jelas tanpa harus banyak mencari. Mereka akan merasa lebih nyaman bukan.

Meningkatkan lamanya 'stay' pembaca anda
  • Ini sangat penting bagi anda sebagai pemilik blog. Lamanya waktu pengunjung berada di blog sangat baik bagi keberadaan blog tersebut. Tentu anda tidak ingin bahwa pembaca anda hanya membaca sebuah artikel atau postingan kemudian pergi begitu saja. Yang anda inginkan adalah setelah membaca sebuah artikel, mereka membaca lagi artikel-artikel lainnya. Nah, dengan adanya sebuah daftar isi maka mereka bisa melihat seketika bahwa anda punya banyak artikel-artikel menarik yang bisa mereka baca.

Blog anda terlihat lebih professional
  • Coba anda lihat blog-blog yang ada. Seberapa banyak yang telah memberikan sebuah daftar isi untuk melihat semua postingan atau artikel yang ada di dalam blog tersebut? Tidak banyak bukan?! Nah, kalau anda punya sebua daftar isi, maka blog anda akan terkesan lebih professional dibandingkan dengan blog yang lain (yang tidak punya daftar isi). Anda pun kelihatan memperhatikan kenyamanan pengunjung sehingga mereka merasa terfasilitasi. Ini lah yang sangat penting! Anda harus punya hubungan batin dengan pembaca anda dan mereka merasa bahwa anda memperhatikan kebutuhan mereka.

Meningkatkan peluang adsense terklik
  • Kalau anda memasang adsense, semisal Google adsense, maka tujuan anda memasangnya adalah agar pembaca mengkliknya, bukan? Nah, apakah kalau mereka hanya sebentar di blog anda terus mereka akan punya peluang yang lebih baik untuk mengklik dibandingkan jika mereka merasa betah? Jawabannya tentu tidak. Secara logika, lebih lama mereka berada di blog anda maka adsense anda akan terlihat dalam waktu yang lebih lama, apalagi pada halaman-halaman artikel yang berbeda-beda. Tadinya mungkin mereka tidak tertarik untuk mengklik di sebuah halaman, tetapi ketika membuka halaman postingan lainnya dengan tampilan adsense yang berbeda, siapa tahu mereka tertarik kan? Persoalan klik adsense adalah persoalan peluang. Makin lama pengunjung berada dalam sebuah blog, makin tinggi peluang adsense yang ada mendapat klik.

Nah dari penjelasan diatas, sudah tertarikah sobat membuat daftar isi sendiri pada blog sobat?.. klo sudah tertarik berikut cara pembuatannya..

1. Masuk ke-blogger akun

2. Pilih tata letak


3. Pilih tambah gadget


4. Pilih HTML/Java script


5. Selanjutnya tinggal sobat copy-paste code berikut pada HTML/Java script

<div style="overflow:auto;padding:0px 10px; width:auto; height:260px;border:1px solid #000000;">
<div>
<ul>
<script style="text/javascript">
var numposts = 9999;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>
<ul><script src="http://parasit-biru.blogspot.com/feeds/posts/default/?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=9999"></script>
</ul></ul></div></div>

6. Klik tombol selesai jika sudah di copy-pastekan.

7. Silahkan simpan hasil kerjaan sobat.

Nb : alamat blog yang bewarna orange di atas, silahkan sobat ganti dengan alamat blog sobat.

Sekian terimakasih ..

Cara membuat text area blogspot

Text area merupakan tempat/ruang yang berfungsi untuk menyimpan kode HTML atau sejenisnnya. Ukuran kolom textarea dapat ditentukan oleh atribut cols dan rows.

Untuk membuat text area ini, anda memerlukan beberapa kode HTML yang kemudian tulisan / kode yang ingin anda tampilkan tinggal disisipkan ke dalam kode text area tersebut





Macam tampilan pada text area :

1. Text area standart (normal)

<textarea>Silahkan tulis sesuai kebutuhan anda</textarea>



2. Text area yang bisa diatur kolom dan barisnya

<textarea cols="20" rows="5">Silahkan tulis sesuai kebutuhan anda</textarea>



3. Text area password

<input type="password" value="Tulisan ini nanti gak kelihatan" >



4. Text area garis putus

<textarea cols="20" rows="5" style="border: 2px dashed ;">Silahkan tulis sesuai kebutuhan anda</textarea>



5. Text area klik auto langsung diblok

<textarea rows="5" cols="25" onclick="this.focus(); this.select();">Silahkan tulis sesuai kebutuhan anda</textarea>



6. Text area tombol blok

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Silahkan tulis sesuai kebutuhan anda</textarea></p></div></form>


OK selesai sudah .. :)

Tags : cara membuat text area, text area blogger, kode text area, membuat text area dengan mudah, macam-macam text area, kode script text area, teks area, membuat teks area untuk blogspot, html text area

Cara membuat 1 link menjadi 2 tujuan

Hm' sebenernya saya baru tahu cara yang satu ini tadi pas lagi browsing nyari blogg dofollow buat nambah baclink eh'ga tau nya nemuin artikel  menarik yang satu ini .. dapet nya dari agan Ricky Rizaldi itu nama  profil yang aku liat ..wah agan Ricky makasih yah brow .. hoho ..!!

Sekarang kita langsung ke TKP bagaimana cara membuat 1 link menjadi 2 tujuan sekaligus, seperti yang di bilang agan Ricky tuh? ..

1. Jika link berada pada postingan / dalam postingan ..

<a onclick="window.open('http://newjoesafirablog.blogspot.com');window.open('http://delsajoesafira.blogspot.com')" href="javascript:void(0)">KLIK DISINI</a>

Sebagai contoh bisa sobat lihat Disini!!

2. Jika link berada dalam widget HTML

<script type="text/javascript">
function open_win() {
window.open("http://newjoesafirablog.blogspot.com/");
window.open("http://delsajoesafira.blogspot.com/");
}
</script>
<a href="javascript: void(0)" onclick="open_win()">KLIK DISINI</a>

Nah begitu deh sekilas infonya sobat, semoga bermanfaat bagi sobat semua .. amin!

NB : Link yang bewarna Hijau silahkan sobat ganti dengan link tujuan sobat sendiri ..

Sumber : http://naughtyric.blogspot.com/2012/04/cara-mudah-membuat-1-link-2-tujuan.html

Cara mudah memparse kode HTML

Silahkan parse kode HTM sobat dibawah ini..



Keterangan :
  • Tekan tombol Convert untuk memparse kode html
  • Tekan tombol Clear untuk menghapus