Learning Life Together

Showing posts with label Blogger. Show all posts

Home > Posts filed under Blogger

Cara Mudah Membuat Label Blog Keren

<p><div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcGW1kYxb9J_RhPRJKhfsAC1BY_aToXgmQGevEAYhfND9vGSmh3J_OAK5ajf5hFS4Zm1RRIfZ4ipJExnNJp3wy8Jv4fWy62i9lj3phI0IN6tOuivMH-6gZnIzpKINk97Af20neyZjy3gw/s1600/Label+Keren.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcGW1kYxb9J_RhPRJKhfsAC1BY_aToXgmQGevEAYhfND9vGSmh3J_OAK5ajf5hFS4Zm1RRIfZ4ipJExnNJp3wy8Jv4fWy62i9lj3phI0IN6tOuivMH-6gZnIzpKINk97Af20neyZjy3gw/s320/Label+Keren.jpg" width="320" /></a></div>
<br />
Teman-teman yang sering berselancar di dunia maya pasti sering melihat blog maupun web yang keren dan bagus, banyak unsur-unsur penting yang dapat membuat blog jadi keren. Selain tema, unsur lain juga dapat mempercantik blog kita, salah satunya adalah dengan membuat label blog menjadi keren dan unik. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kalau teman-teman sudah mempunyai blog dan di dalamnya sudah ada widget label, kita tinggal memodifikasinya supaya terlihat keren dan bagus. Berikut langkah-langkahnya:</div>
<div style="text-align: justify;">
1. Masuk pada  Dashboard blog > Template</div>
<div style="text-align: justify;">
2. Untuk berjaga-jaga agar tidak terjadi hal yang tidak diinginkan, anda bisa save template anda terlebih dahulu.</div>
<div style="text-align: justify;">
3. Setelah itu Klik Edit HTML</div>
<div style="text-align: justify;">
4. Cari kode <span style="color: blue;"><b>]]></</b><b>b:skin</b><b>></b></span> atau<b> <span style="color: blue;"></style></span>. </b>Agar lebih mudah, gunakan ctrl+F</div>
<div style="text-align: justify;">
5. Selanjutnya masukan kode css berikut ini tepat DIATAS kode <span style="color: blue;"><b>]]></</b><b>b:skin</b><b>></b></span></div>
<pre>/* label*/
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; filter:alpha(100); opacity:10 }
.cloud-label-widget-content{  text-align:left }
.label-size { background:#4169E1; display:block; float:left; margin:0 3px 3px 0; color:#ffffff; font-size:11px; text-transform:uppercase; }
.label-size a,.label-size span{ display:inline-block; color:#ffffff !important; padding:6px 8px; font-weight:bold; }
.label-size:hover { background:#333333; }
.label-count { white-space:nowrap; padding-right:3px; margin-left:-3px; background:#333333; color:#fff !important; }
.label-size { line-height:1.2 }</pre>
<pre></pre>
<pre style="text-align: justify;"><span style="font-family: "times" , "times new roman" , serif;">6. Setelah selesai, simpan template dan anda bisa menikmati hasilnya</span></pre>
<pre style="text-align: justify;"><span style="font-family: "times" , "times new roman" , serif;">
</span></pre>
<pre style="text-align: justify;"><span style="font-family: "times" , "times new roman" , serif;">Oh ya, teman-teman juga bisa merubah warna dari widget label tersebut agar sesuai dengan tema blog anda dan blog anda bisa terlihat lebih keren dan cantik.</span></pre>
<pre style="text-align: justify;"><span style="font-family: "times" , "times new roman" , serif;">Sekian sharing kita kali ini, jika ada keluhan maupun saran, silahkan tulis di kolom komentar. Terima Kasih :) </span></pre>
</p>

Teman-teman yang sering berselancar di dunia maya pasti sering melihat blog maupun web yang keren dan bagus, banyak unsur-unsur penting ...

Cara Mecegah Copy Paste Pada Blog

<p><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtuEDkANwdDRG7LXlWRyD5WY175smd42RgWkFDtL1EckdBfz35hjHV_lULUsLbDwbFs8FrsT1_lv9v6ie8PocPijblDNLgb0KqtnYE_qLIFpAkNOcKvPd4zgpgbtSOUQoWLh_i78q9oA/s1600/Copas.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtuEDkANwdDRG7LXlWRyD5WY175smd42RgWkFDtL1EckdBfz35hjHV_lULUsLbDwbFs8FrsT1_lv9v6ie8PocPijblDNLgb0KqtnYE_qLIFpAkNOcKvPd4zgpgbtSOUQoWLh_i78q9oA/s200/Copas.jpg" width="200" /></a></div>
<div class="MsoNormal" style="margin-bottom: 12pt; text-align: justify;">
<span style="font-family: Times, Times New Roman, serif;">Kali ini saya akan membahas
mengenai copy paste (copas) pada artikel di blog. Dalam hal ini ada yang bilang
itu sebuah pelanggaran karena termasuk pencurian, tapi hal tersebut tidak di
bilang pencurian apabila kita mencantumkan sumber dari artikel tersebut dan meminta
izin kepada penulisnya. Hal ini merupakan kebanggaan tersendiri apabila ide atau
pemikiran kita di adopsi tentunya dengan mencantumkan sumber dari artikel yang
di copas.</span></div>
<div class="MsoNormal" style="margin-bottom: 12pt; text-align: justify;">
<span style="font-family: Times, Times New Roman, serif;">Namun jika Anda merasa bahwa
artikel anda atau buah piker anda sangat penting dan tidak rela apabila di copy
paste, mungkin hal ini cukup berguna untuk dilakukan. Akan tetapi cara tersebut
tidak melindungi content blog Anda sepenuhnya, setidaknya cukup membuat orang
yang berniat copas sedikit bingung apabila dia seorang newbie atau baru di
dunia blog, karena sebenarnya ada jalan lain untuk bisa meng-copas artikel blog
sekalipun sudah dilindungi dengan script anti copas.</span></div>
<div class="MsoNormal" style="margin-bottom: 12pt; text-align: justify;">
<span style="font-family: Times, Times New Roman, serif;">Cara untuk mencegah copas yaitu
dengan cara mendisable right click, atau menon-aktifkan klik kanan. Berikut
tutorial cara mematikan klik kanan pada blogspot.</span></div>
<div class="MsoNormal" style="margin-bottom: 12pt; text-align: justify; text-indent: 0px;">
<span style="font-family: Times, 'Times New Roman', serif; text-indent: -18pt;">1. Login terlebih dahulu ke Blogger.com</span></div>
<div class="MsoNormal" style="margin-bottom: 12pt; text-align: justify; text-indent: 0px;">
<span style="font-family: Times, 'Times New Roman', serif; text-indent: -18pt;">2. Dari halaman Dashboard, silahkan anda klik Template > Edit
HTML</span></div>
<div class="MsoNormal" style="margin-bottom: 12pt; text-align: justify; text-indent: 0px;">
<span style="font-family: Times, 'Times New Roman', serif; text-indent: -18pt;">3. Lalu cari kode <body> atau <body (dengan bantuan tekan
Ctrl+F)</span></div>
<div class="MsoNormal" style="margin-bottom: 12pt; text-align: justify; text-indent: 0px;">
<span style="font-family: Times, 'Times New Roman', serif; text-indent: -18pt;">4. Tambahkan kode dibawah ini ke dalam kode <body> atau
<body tadi, atau bisa juga di ganti sekalian</span></div>
<div class="MsoNormal" style="margin-bottom: 12pt; text-align: justify; text-indent: 0px;">
<span style="font-family: Calibri, sans-serif;">   <body oncontextmenu='return false' onmousedown='return false'
onselectstart='return false'             onkeypress='return false'></span></div>
<div class="MsoNormal" style="margin-bottom: 12pt; text-align: justify; text-indent: 0px;">
<span style="text-indent: -18pt;"><span style="font-family: Times, Times New Roman, serif;">5.</span><span style="font-family: Calibri, sans-serif;"> </span></span><span style="font-family: Times, 'Times New Roman', serif; text-indent: -18pt;">Anda bisa menggunakan beberapa kode saja, atau semuanya juga
boleh, terserah kebutuhan anda.</span></div>
<div class="MsoNormal">
<span style="font-family: Times, Times New Roman, serif;">Berikut penjelasan dari kode-kode diatas: </span></div>
<div class="MsoNormal">
<span style="font-family: Times, Times New Roman, serif;">oncontextmenu='return false' (untuk mematikan klik kanan
mouse) </span></div>
<div class="MsoNormal">
<span style="font-family: Times, Times New Roman, serif;">onmousedown='return false' (untuk mematikan klik blok ke
bawah) </span></div>
<div class="MsoNormal">
<span style="font-family: Times, Times New Roman, serif;">onselectstart='return false' (untuk mematikan seleksi blok) </span></div>
<div class="MsoNormal" style="margin-bottom: 12.0pt;">
<span style="font-family: Times, Times New Roman, serif;">onkeypress='return false'
(untuk mematikan tombol keyboard)</span></div>
<div class="MsoNormal">
<span style="font-family: Times, Times New Roman, serif;">Jika sudah, Simpan Template blog Anda.</span></div>
<div class="MsoNormal">
<br /></div>
<br />
<div class="MsoNormal">
<span style="font-family: Times, Times New Roman, serif;">Selamat mencoba dan semoga berhasil sobat. Apabila ada
masalah atau kendala, silahkan tulis di bagian komentar. Terima kasih.</span></div>
</p>

Kali ini saya akan membahas mengenai copy paste (copas) pada artikel di blog. Dalam hal ini ada yang bilang itu sebuah pelanggaran karena...

CARA MEMPERCEPAT LOADING BLOG/WEBSITE

<p><div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPKY7MzKviBvPE-_CC1mx20tOPRAh5Cten0wvkRW2fND-1aG-szao_JvAcOSSA__V_RRg7Y1-2KDSfa9Tc6WiUNq02RrDgoDxJC9QpZiB5rEWjgEaZfAGLKjVXtu2QPlf3YfWxyJXXcBk/s1600/Loading_video_ani.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPKY7MzKviBvPE-_CC1mx20tOPRAh5Cten0wvkRW2fND-1aG-szao_JvAcOSSA__V_RRg7Y1-2KDSfa9Tc6WiUNq02RrDgoDxJC9QpZiB5rEWjgEaZfAGLKjVXtu2QPlf3YfWxyJXXcBk/s1600/Loading_video_ani.gif" width="200" /></a></div>
<div align="center" class="MsoNormal" style="line-height: 21.6pt; text-align: center;">
<br /></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="font-family: Times, Times New Roman, serif;"><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;">Cara untuk meningkatkan pengunjung pada blog atau website
adalah</span><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-size: 16.0pt; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"> dengan cara </span><b>Mempercepat atau Meringankan Kecepatan Loading Blog</b><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;">. Sebenarnya banyak faktor
yang mempengaruhi lambatnya loading blog diantaranya yang paling sering terjadi
adalah karena memang kecepatan internet yang agak lambat. Selain itu loading
blog yang lambat juga dikarenakan banyaknya penggunaan kode atau widget yang
kurang penting didalam template blog yang anda pakai. Nah untuk</span><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-size: 16.0pt; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"> </span><b>meringankan loading blog</b><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;">, tidak ada salahnya mencoba tips berikut ini :<o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<br /></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="font-family: Times, Times New Roman, serif;"><b>1. Gambar</b></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="color: windowtext; font-family: Times, 'Times New Roman', serif; line-height: 21.6pt;">Kurangi penggunaan gambar dalam template blog dan kalau bisa
jangan menggunakan gambar sebagai background template karena saat melakukan
loading, gambar akan otomatis terbaca.</span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<br /></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="font-family: Times, Times New Roman, serif;"><b>2. Ukuran Gambar</b><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"><span style="font-family: Times, Times New Roman, serif;">Ukuran gambar juga mempengaruhi loading blog dan juga
kenyaman pembaca artikel blog anda. Sebelum Anda memposting artikel blog yang
menggunakan banyak gambar di dalamnya saya sarankan untuk mengkompresnya
terlebih dahulu.<o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<br /></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="font-family: Times, Times New Roman, serif;"><b>3. Url Gambar</b><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"><span style="font-family: Times, Times New Roman, serif;">Pada artikel blog, jangan menggunakan url gambar dari luar
atau milik url gambar milik blog orang lain, karena hal ini akan terbaca
sebagai media dari luar blog anda. Misalnya menggunakan url gambar dari
photobucket, tinypic, atau url gambar blogspot milik orang lain. Solusinya agar
usaha mempercepat loading blog anda berhasil, upload sendiri gambar yang ingin
anda pasang pada artikel blog anda.<o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<br /></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="font-family: Times, Times New Roman, serif;"><b>4. Penggunaan Video</b><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"><span style="font-family: Times, Times New Roman, serif;">Jika di dalam postingan blog terdapat video, saya sarankan
kepada Anda untuk memperhitungkannya. Jika video itu tidak begitu penting dan
masih ada alternatif yang lebih efektif gunakan alternatif tersebut.<o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<br /></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="font-family: Times, Times New Roman, serif;"><b>5. Penggunaan Widget di dalam Template Blog</b><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"><span style="font-family: Times, Times New Roman, serif;">Penggunaan widget terlalu banyak di blog akan menyebabkan
loading blog menjadi lambat karena link serta script yang terdapat pada widget
tersebut juga akan diload. Semakin banyak widget yang dipasang di blog maka
loading blog pun semakin bertambah berat. Saran saya gunakan widget yang
penting-penting saja untuk blog Anda misalnya seperti widget histats, fanspage
facebook dan lain-lain. Untuk widget seperti jam, kelender, musik saya sarankan
jangan dipasang karena menurut saya itu tidak begitu penting, dan dampak
negatifnya lebih besar daripada dampak positifnya.<o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<br /></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="font-family: Times, Times New Roman, serif;"><b>6. Pemakaian Kode JavaScript Berlebihan</b><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"><span style="font-family: Times, Times New Roman, serif;">Memakai kode javascript dalam template blog memang tidak
dapat dihindari, akan tetapi kita dapat meminimalisir penggunaan javascript
sesuai kebutuhan. Ketika anda terlalu banyak menambahkan kode script kedalam
template blog Anda, maka loading blog Anda akan semakin berat pula. Hal ini
dapat berakibat buruk terhadap perkembangan blog Anda. Saya sarankan gunakanlah
script yang benar-benar penting untuk blog Anda.<o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<br /></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="font-family: Times, Times New Roman, serif;"><b>7. Eksternal Link</b><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"><span style="font-family: Times, Times New Roman, serif;">Eksternal link adalah link yang terdapat di dalam blog yang
mengarah ke website atau blog lain. Semua link yang ada di dalam blog sobat
akan terload/dibaca. Untuk itu saya sarankan kepada Anda jangan terlalu banyak
memasang link dari luar blog, selain memperlambat loading blog juga berpengaruh
terhadap blog anda sendiri. Jika Anda menggunakan link dari luar, usahakan
dalam satu wadah saja, seperti link ke google code atau link gambar/image dari
blogger yang masih dalam satu hosting.<o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: 21.6pt;">
<br /></div>
<br />
<div class="MsoNormal" style="line-height: 21.6pt;">
<span style="font-family: Times, Times New Roman, serif;"><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;">Hanya itu yang bisa saya sampaikan kepada teman-teman semua,
tapi saya yakin masih ada cara lain untuk memaksimalkan</span><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-size: 16.0pt; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"> </span><i>kecepatan loading blog</i><span style="color: windowtext; mso-ascii-font-family: "Times New Roman"; mso-ascii-theme-font: major-bidi; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;">, jika anda mempunyai tips lain untuk mempercepat loading
blog jangan sungkan untuk berbagi di blog ini yahhh. Terima Kasih.</span></span><span style="color: #444444; font-family: "Helvetica","sans-serif"; font-size: 10.5pt; mso-fareast-font-family: "Times New Roman";"><o:p></o:p></span></div>
</p>

Cara untuk meningkatkan pengunjung pada blog atau website adalah dengan cara Mempercepat atau Meringankan Kecepatan Loading Blog . S...

CARA MEMBUAT TOMBOL TOP UP DI BLOG

<p><div class="MsoNormal">
Tombol top up ini berfungsi untuk mempercepat scroll atau
kembali keatas atau ke header  dihalaman
blog, hal ini dimaksudkan untuk mempermudah pengunjung dan membuat pengunjung
merasa nyaman di blog kita. Saat pengunjung sedang membaca artikel yang sangat
panjang sampai kebawah dan harus kembali melihat ke bagian atas, tidak perlu
menggerakkan scroll atau mouse, cukup dengan meng-klik tombol top up, maka akan
langsung kembali ke bagian atas blog. Untuk membuat tombol top up ini, saya
akan share script-nya dibawah ini.</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<script type="text/javascript" ></div>
<div class="MsoNormal">
/***********************************************</div>
<div class="MsoNormal">
* Scroll To Top Control script- © Dynamic Drive DHTML code
library (www.dynamicdrive.com)</div>
<div class="MsoNormal">
* Modified by www.depermana-share.blogspot.com.com</div>
<div class="MsoNormal">
* This notice MUST stay intact for legal use</div>
<div class="MsoNormal">
* Visit Project Page at http://www.dynamicdrive.com for full
source code</div>
<div class="MsoNormal">
***********************************************/</div>
<div class="MsoNormal">
var scrolltotop={</div>
<div class="MsoNormal">
    //startline: Integer. Number of pixels
from top of doc scrollbar is scrolled before showing control</div>
<div class="MsoNormal">
    //scrollto: Keyword (Integer, or
"Scroll_to_Element_ID"). How far to scroll document up when control
is clicked on (0=top).</div>
<div class="MsoNormal">
    setting: {startline:100, scrollto: 0, scrollduration:1000,
fadeduration:[500, 100]},</div>
<div class="MsoNormal">
    controlHTML: '<img src="<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbrn9dzeYvqSC8CMJLIP6TJeEITH2Kqr-0cvOFz_N5PLu_EZ93_4Eh4n1GfPV1O2oCMTLjckR49wAEhbGUxPKDLDKllbGCYopfwOTOEdAZ-AIWGIGPnJm-wcz8OCCfucQ5NwzOvlbNrHSP/s1600/arrow-up.png</span>"
/>', //HTML for control, which is auto wrapped in DIV w/
ID="topcontrol"</div>
<div class="MsoNormal">
    controlattrs: {offsetx:5, offsety:5},
//offset of control relative to right/ bottom of window corner</div>
<div class="MsoNormal">
    anchorkeyword: '#top', //Enter href value
of HTML anchors on the page that should also act as "Scroll Up" links</div>
<div class="MsoNormal">
    state: {isvisible:false,
shouldvisible:false},</div>
<div class="MsoNormal">
    scrollup:function(){</div>
<div class="MsoNormal">
        if
(!this.cssfixedsupport) //if control is positioned using JavaScript</div>
<div class="MsoNormal">
           
this.$control.css({opacity:0}) //hide control immediately after clicking it</div>
<div class="MsoNormal">
        var
dest=isNaN(this.setting.scrollto)? this.setting.scrollto :
parseInt(this.setting.scrollto)</div>
<div class="MsoNormal">
        if (typeof
dest=="string" && jQuery('#'+dest).length==1) //check element
set by string exists</div>
<div class="MsoNormal">
           
dest=jQuery('#'+dest).offset().top</div>
<div class="MsoNormal">
        else</div>
<div class="MsoNormal">
           
dest=0</div>
<div class="MsoNormal">
       
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);</div>
<div class="MsoNormal">
    },</div>
<div class="MsoNormal">
    keepfixed:function(){</div>
<div class="MsoNormal">
        var
$window=jQuery(window)</div>
<div class="MsoNormal">
        var
controlx=$window.scrollLeft() + $window.width() - this.$control.width() -
this.controlattrs.offsetx</div>
<div class="MsoNormal">
        var
controly=$window.scrollTop() + $window.height() - this.$control.height() -
this.controlattrs.offsety</div>
<div class="MsoNormal">
       
this.$control.css({left:controlx+'px', top:controly+'px'})</div>
<div class="MsoNormal">
    },</div>
<div class="MsoNormal">
    togglecontrol:function(){</div>
<div class="MsoNormal">
        var
scrolltop=jQuery(window).scrollTop()</div>
<div class="MsoNormal">
        if
(!this.cssfixedsupport)</div>
<div class="MsoNormal">
           
this.keepfixed()</div>
<div class="MsoNormal">
       
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false</div>
<div class="MsoNormal">
        if
(this.state.shouldvisible && !this.state.isvisible){</div>
<div class="MsoNormal">
           
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])</div>
<div class="MsoNormal">
           
this.state.isvisible=true</div>
<div class="MsoNormal">
        }</div>
<div class="MsoNormal">
        else if
(this.state.shouldvisible==false && this.state.isvisible){</div>
<div class="MsoNormal">
           
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])</div>
<div class="MsoNormal">
           
this.state.isvisible=false</div>
<div class="MsoNormal">
        }</div>
<div class="MsoNormal">
    },</div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
    init:function(){</div>
<div class="MsoNormal">
       
jQuery(document).ready(function($){</div>
<div class="MsoNormal">
           
var mainobj=scrolltotop</div>
<div class="MsoNormal">
           
var iebrws=document.all</div>
<div class="MsoNormal">
           
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat"
&& window.XMLHttpRequest //not IE or IE7+ browsers in standards mode</div>
<div class="MsoNormal">
           
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"?
$('html') : $('body')) : $('html,body')</div>
<div class="MsoNormal">
           
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')</div>
<div class="MsoNormal">
               
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute',
bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx,
opacity:0, cursor:'pointer'})</div>
<div class="MsoNormal">
               
.attr({title:'Scroll Back to Top'})</div>
<div class="MsoNormal">
               
.click(function(){mainobj.scrollup(); return false})</div>
<div class="MsoNormal">
               
.appendTo('body')</div>
<div class="MsoNormal">
           
if (document.all && !window.XMLHttpRequest &&
mainobj.$control.text()!='') //loose check for IE6 and below, plus whether
control contains any text</div>
<div class="MsoNormal">
               
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require
an explicit width on a DIV containing text</div>
<div class="MsoNormal">
           
mainobj.togglecontrol()</div>
<div class="MsoNormal">
           
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){</div>
<div class="MsoNormal">
               
mainobj.scrollup()</div>
<div class="MsoNormal">
               
return false</div>
<div class="MsoNormal">
           
})</div>
<div class="MsoNormal">
           
$(window).bind('scroll resize', function(e){</div>
<div class="MsoNormal">
               
mainobj.togglecontrol()</div>
<div class="MsoNormal">
           
})</div>
<div class="MsoNormal">
        })</div>
<div class="MsoNormal">
    }</div>
<div class="MsoNormal">
}</div>
<div class="MsoNormal">
scrolltotop.init()</div>
<div class="MsoNormal">
</script></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: Times New Roman, serif; text-indent: -18.866666793823242px;"><span style="line-height: 24px;">Berikut ini adalah langkah-langkah untuk membuat tombol top up:</span></span></div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 35.45pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -14.15pt;">
1.<span style="font-family: 'Times New Roman'; font-size: 7pt;">   </span><span style="font-family: Times New Roman, serif;"><span style="line-height: 24px;">Buka Dasbor blog anda;</span></span></div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 35.45pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -14.15pt;">
<span style="font-family: 'Times New Roman'; font-size: 7pt;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 35.45pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -14.15pt;">
2.<span style="font-family: 'Times New Roman'; font-size: 7pt;">   </span><span style="font-family: Times New Roman, serif;"><span style="line-height: 24px;">Pilih tata letak;</span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 35.45pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -14.15pt;">
<span style="font-family: 'Times New Roman'; font-size: 7pt;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 35.45pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -14.15pt;">
3.<span style="font-family: 'Times New Roman'; font-size: 7pt;">    </span><span style="font-family: Times New Roman, serif;"><span style="line-height: 24px;">Klik Tambahkan Gadget;</span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 35.45pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -14.15pt;">
4.<span style="font-family: 'Times New Roman'; font-size: 7pt;">    </span><span style="font-family: Times New Roman, serif;"><span style="line-height: 24px;">Pilih HTML/Javascript;</span></span></div>
<div class="MsoListParagraphCxSpLast" style="margin-left: 35.45pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -14.15pt;">
5.<span style="font-family: 'Times New Roman'; font-size: 7pt;">    </span><span style="font-family: Times New Roman, serif;"><span style="line-height: 24px;">Kemudian paste script diatas;</span></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: 'Times New Roman', serif; font-size: 16px; line-height: 24px; text-indent: -18.866666793823242px;">Silahkan ganti URL gambarnya sesuai selera anda pada teks berwarna merah diatas. Berikut adalah gambar beserta URLnya.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXJGmspvpXm_jT87nBw-XD4M76dGoh-G4UIKfrRUWG0gydhl6lrOfB32WnT_9ISwchjLu-uG4ALK8Sr_fOVNxMqfSeHWKajAeYgJFu2fkenhXQMZTrUfoKkOufmKh6q6bwH-XXjNUxf0I/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXJGmspvpXm_jT87nBw-XD4M76dGoh-G4UIKfrRUWG0gydhl6lrOfB32WnT_9ISwchjLu-uG4ALK8Sr_fOVNxMqfSeHWKajAeYgJFu2fkenhXQMZTrUfoKkOufmKh6q6bwH-XXjNUxf0I/s1600/1.png" /></a></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div class="MsoNormal">
<span lang="IN" style="background: #F8F8F8; color: windowtext; mso-ansi-language: IN;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjROtVvqw_vimtaAfROZ95jWzB5DoYfVcb1GyMLLwsMgr6Eoc0Ic1z3-xqJqOmfbnUr5eeB-PUZ43TdYLIaEq9xB5j2ozbt5oddNMRGi4mMzZwbq2EtSpaV5N0T2tt5vdF1GvnfnzGYoIw/s1600/1.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjROtVvqw_vimtaAfROZ95jWzB5DoYfVcb1GyMLLwsMgr6Eoc0Ic1z3-xqJqOmfbnUr5eeB-PUZ43TdYLIaEq9xB5j2ozbt5oddNMRGi4mMzZwbq2EtSpaV5N0T2tt5vdF1GvnfnzGYoIw/s1600/1.png</a></span><b><span lang="IN" style="color: windowtext; font-size: 18.0pt; line-height: 150%; mso-ansi-language: IN;"><o:p></o:p></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy36AYVVOtlHUENJHfCa61u_Xe5Ssoft8GYFI-Z14k8_aTVHBySzWsz3bi_NSYjemmo4yLKXU3aZ9LMyLKBnQD-KdjPbUuSVxPqnVfEvgvSuNMFSwMzKEIIbCzQWcyfDghI_MV86cu2SU/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy36AYVVOtlHUENJHfCa61u_Xe5Ssoft8GYFI-Z14k8_aTVHBySzWsz3bi_NSYjemmo4yLKXU3aZ9LMyLKBnQD-KdjPbUuSVxPqnVfEvgvSuNMFSwMzKEIIbCzQWcyfDghI_MV86cu2SU/s1600/2.png" /></a></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div class="MsoNormal">
<span lang="IN" style="background: #F8F8F8; color: #555555; mso-ansi-language: IN;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3scrMRSd9Hqf8RmGA7Q96wlgfxK3urNPs1THA6ueWDeKmcGV2-aS4l29h-szsdixK9vtP3P5AiE2cZPznnhQeGOsow5B_jZ2KKdpKSiN0cEkZCqqKiOeFTyR8P2EwJxzrF8Qvqrp7GY0/s1600/2.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3scrMRSd9Hqf8RmGA7Q96wlgfxK3urNPs1THA6ueWDeKmcGV2-aS4l29h-szsdixK9vtP3P5AiE2cZPznnhQeGOsow5B_jZ2KKdpKSiN0cEkZCqqKiOeFTyR8P2EwJxzrF8Qvqrp7GY0/s1600/2.png</a></span><b><span lang="IN" style="color: windowtext; font-size: 24.0pt; line-height: 150%; mso-ansi-language: IN;"><o:p></o:p></span></b></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ57e05mbxFvwinLwfT8OC2XHUkH1c0h5h7fMw7CK_OOEFJW-kmgqt9I3Kvm5pSyEyWs_550QBoIJv8XjLi-jcOv6ldjUQLre_kln9ZGkpRpsdMrMCKS5OANmcQ4FZGqfoaqHANdq0AwM/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ57e05mbxFvwinLwfT8OC2XHUkH1c0h5h7fMw7CK_OOEFJW-kmgqt9I3Kvm5pSyEyWs_550QBoIJv8XjLi-jcOv6ldjUQLre_kln9ZGkpRpsdMrMCKS5OANmcQ4FZGqfoaqHANdq0AwM/s1600/3.png" /></a></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div class="MsoNormal">
<span lang="IN" style="background: #F8F8F8; color: #555555; mso-ansi-language: IN;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4gOC87H70uUtP3nrchypr9D5J5uXaM2nujmBaibT3x2mkS5yr2AVtv2dfqmWYpkwhX8Q-DD6Vubo0WK4YXk_J1Xam15ORBJ5WVmnhV3lTUOWAF5ugexLBdBZF0OjnYv2hqbIWC7fk8i0/s1600/3.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4gOC87H70uUtP3nrchypr9D5J5uXaM2nujmBaibT3x2mkS5yr2AVtv2dfqmWYpkwhX8Q-DD6Vubo0WK4YXk_J1Xam15ORBJ5WVmnhV3lTUOWAF5ugexLBdBZF0OjnYv2hqbIWC7fk8i0/s1600/3.png</a></span><b><span lang="IN" style="color: windowtext; font-size: 24.0pt; line-height: 150%; mso-ansi-language: IN;"><o:p></o:p></span></b></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhimaoK5idpJGxE4yzMGkMLVmvDJuDvDsC_Ljj_yolcvMH8YOOszi2cXJh2DmExvGQxiC4a-l_DqfB2KN-40fdmeUqhRkBDc0GYwT5PtQVBZQuT0nov5_saFsY7OFgE0bH5O3f6rBki5Pg/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhimaoK5idpJGxE4yzMGkMLVmvDJuDvDsC_Ljj_yolcvMH8YOOszi2cXJh2DmExvGQxiC4a-l_DqfB2KN-40fdmeUqhRkBDc0GYwT5PtQVBZQuT0nov5_saFsY7OFgE0bH5O3f6rBki5Pg/s1600/4.png" /></a></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div class="MsoNormal">
<span lang="IN" style="background: #F8F8F8; color: #555555; mso-ansi-language: IN;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghdH2l8TiD4tXFQmyniDgQXukQ3Ng1qJpP2L4ympGQuoBWdeSInHEO8TAuD0Rk633NQOVxsBioDvFbcEU78K3LM4_j6iA2aElqmf74qnWd-ok1KxQAyvN4VS0wnTlA21TeaHgWSAkf3qY/s1600/4.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghdH2l8TiD4tXFQmyniDgQXukQ3Ng1qJpP2L4ympGQuoBWdeSInHEO8TAuD0Rk633NQOVxsBioDvFbcEU78K3LM4_j6iA2aElqmf74qnWd-ok1KxQAyvN4VS0wnTlA21TeaHgWSAkf3qY/s1600/4.png</a></span><b><span lang="IN" style="color: windowtext; font-size: 24.0pt; line-height: 150%; mso-ansi-language: IN;"><o:p></o:p></span></b></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp7XzcC9LCNeN4WQPXSd0T3urZevKUtZ8KJc_LkoNrow4vOZu4ULZNSBriL9BUbTmbB_H7_lkcz4CBaG2lFd5vQICbreh_7k1Jdn_ZWPLASjyDhUckCBtWBXb5vN3nPglf8SLuHwsznPY/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp7XzcC9LCNeN4WQPXSd0T3urZevKUtZ8KJc_LkoNrow4vOZu4ULZNSBriL9BUbTmbB_H7_lkcz4CBaG2lFd5vQICbreh_7k1Jdn_ZWPLASjyDhUckCBtWBXb5vN3nPglf8SLuHwsznPY/s1600/5.png" /></a></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<br /></div>
<div class="MsoNormal">
<span lang="IN" style="background: #F8F8F8; color: #555555; mso-ansi-language: IN;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggo2VsWVfwW1lCpF8P3zNlXQd59zLVBOSvTiAFkb7IZKA9Vee1fdCHwTcaQ8h0dsR9GG-33hqlyvn1bcUmikQ0jkE6Z8Tfdm91DCb8aopucfsKf7OHV62WqEqYGEydSeL9ywAQ10406P0/s1600/5.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggo2VsWVfwW1lCpF8P3zNlXQd59zLVBOSvTiAFkb7IZKA9Vee1fdCHwTcaQ8h0dsR9GG-33hqlyvn1bcUmikQ0jkE6Z8Tfdm91DCb8aopucfsKf7OHV62WqEqYGEydSeL9ywAQ10406P0/s1600/5.png</a></span><b><span lang="IN" style="color: windowtext; font-size: 18.0pt; line-height: 150%; mso-ansi-language: IN;"><o:p></o:p></span></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoListParagraph" style="margin-left: 35.45pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -14.15pt;">
<span lang="IN" style="color: windowtext; mso-ansi-language: IN; mso-fareast-font-family: "Times New Roman";">6.<span style="font-family: 'Times New Roman'; font-size: 7pt;">   </span><span style="font-family: Times New Roman, serif;"><span style="line-height: 24px;">Kalau sudah diganti, kemudian klik simpan;</span></span></span></div>
<div class="MsoListParagraph" style="margin-left: 35.45pt; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -14.15pt;">
<span style="color: windowtext;">7. </span><span style="color: windowtext; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 150%; text-indent: -14.15pt;">Selesai.</span></div>
</p>

Tombol top up ini berfungsi untuk mempercepat scroll atau kembali keatas atau ke header dihalaman blog, hal ini dimaksudkan untuk mempermu...

Menampilkan / Pasang Emoticon di Kotak Komentar

<p><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.blogger.com/blogger.g?blogID=378694305801421948" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1y_c7XW_sxEqE377aWpLcpAMNDIxA35zSvgyKYwQR0ulmrCjgdNzqb_rkfxMoR3UbXbDZaKQTH8g_R6Am36hG2Wh4P8kaAImzJZnS_3tjlfJ8R1Jrkz_6AOxO9QqCaD17EgJhBlJidU/s1600/smile.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1y_c7XW_sxEqE377aWpLcpAMNDIxA35zSvgyKYwQR0ulmrCjgdNzqb_rkfxMoR3UbXbDZaKQTH8g_R6Am36hG2Wh4P8kaAImzJZnS_3tjlfJ8R1Jrkz_6AOxO9QqCaD17EgJhBlJidU/s1600/smile.gif" width="200" /></a></div>
<div class="MsoNormal" style="line-height: normal; text-align: justify;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Dengan
adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih
hidup dan bagus. Para komentator pun lebih bias mengekspresikan perasaannya
melalui emoticon. Kalau di wordpress mungkin fitur ini sudah tersedia. Tapi
untuk blogspot kita harus sedikit berusaha dan menakalinya agar bisa
menampilkan emoticon di kotak komentar.</span><br />
</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; mso-outline-level: 3;">
<b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";">Emoticon
:</span></b><br />
<b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><span class="fullpost"><span class="fullpost"><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" /><br /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" /></span></span> </span></b><br />
<b><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman";"><br /></span></b></div>
<div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; mso-outline-level: 3;">
</div>

<div class="MsoNormal" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; mso-outline-level: 3;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 150%; mso-fareast-font-family: "Times New Roman";">Ini
cara membuatnya :</span></div>
<div class="MsoListParagraphCxSpFirst" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; mso-outline-level: 3; text-indent: -18.0pt;">
<span style="font-family: Symbol; font-size: 12.0pt; line-height: 150%; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font: 7.0pt "Times New Roman";">        
</span></span></span><span dir="LTR"></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 150%; mso-fareast-font-family: "Times New Roman";">Pertama login ke blogger, terus ke <b>Layout (Tata Letak)
> Edit HTML</b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; mso-outline-level: 3; text-indent: -18.0pt;">
<span style="font-family: Symbol; font-size: 12.0pt; line-height: 150%; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font: 7.0pt "Times New Roman";">        
</span></span></span><span dir="LTR"></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 150%; mso-fareast-font-family: "Times New Roman";">Lalu letakkan script berikut sebelum kode </<b>body</b>></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-outline-level: 3;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 150%; mso-fareast-font-family: "Times New Roman";"><script
src=’http://kendhin.890.com/emoticon/smile1.js’ type=’text/javascript’/></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; mso-outline-level: 3; text-indent: -18.0pt;">
<span style="font-family: Symbol; font-size: 12.0pt; line-height: 150%; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font: 7.0pt "Times New Roman";">        
</span></span></span><span dir="LTR"></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 150%; mso-fareast-font-family: "Times New Roman";">Kemudian cari kode berikut ini :</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-outline-level: 3;">
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 150%; mso-fareast-font-family: "Times New Roman";"><p class=’comment-footer’></span><br />
<span class="fullpost"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 150%; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-bidi;"><b:if
cond='data:post.embedCommentForm'></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 150%; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-bidi;"><br />
<span class="fullpost"><b:include data='post' name='comment-form'/></span><br />
<span class="fullpost"><b:else/></span><br />
<span class="fullpost"><b:if cond='data:post.allowComments'></span><br />
<span class="fullpost"><a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></span><br />
<span class="fullpost"></b:if></span><br />
<span class="fullpost"></b:if></span><br />
<span class="fullpost"></p></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 150%; mso-fareast-font-family: "Times New Roman";"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 150%; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; mso-outline-level: 3; text-indent: -18.0pt;">
<span style="font-family: Symbol; font-size: 12.0pt; line-height: 150%; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font: 7.0pt "Times New Roman";">        
</span></span></span><span dir="LTR"></span><span class="fullpost"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; line-height: 150%; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-bidi;">Kalo sudah ketemu letakkan kode2 berikut setelah kode <span style="color: red;"><p class='comment-footer'></span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 14.0pt; line-height: 150%; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-outline-level: 3;">
<a href="https://www.blogger.com/blogger.g?blogID=378694305801421948" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span class="fullpost"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-bidi;"><b><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> </span></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-bidi;"><br />
<span class="fullpost"><b>:))</b> </span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> </span><br />
<span class="fullpost"><b>:)] </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/> </span><br />
<span class="fullpost"><b>;)) </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> </span><br />
<span class="fullpost"><b>;;)</b> </span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> </span><br />
<span class="fullpost"><b>:D </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> </span><br />
<span class="fullpost"><b>;) </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> </span><br />
<span class="fullpost"><b>:p </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> </span><br />
<span class="fullpost"><b>:(( </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> </span><br />
<span class="fullpost"><b>:) </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> </span><br />
<span class="fullpost"><b>:( </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> </span><br />
<span class="fullpost"><b>:X </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> </span><br />
<span class="fullpost"><b>=(( </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> </span><br />
<span class="fullpost"><b>:-o </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> </span><br />
<span class="fullpost"><b>:-/ </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> </span><br />
<span class="fullpost"><b>:-* </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> </span><br />
<span class="fullpost"><b>:| </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> </span><br />
<span class="fullpost"><b>8-} </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> </span><br />
<span class="fullpost"><b>~x( </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> </span><br />
<span class="fullpost"><b>:-t </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/> </span><br />
<span class="fullpost"><b>b-( </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/> </span><br />
<span class="fullpost"><b>:-L</b> </span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> </span><br />
<span class="fullpost"><b>x( </b></span><br />
<span class="fullpost"><img border='0'
src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> </span><br />
<span class="fullpost"><b>=))</b></span><br />
<span class="fullpost"></b></span></span><span style="font-family: "Times New Roman","serif"; font-size: 16.0pt; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"></span></div>
<div class="MsoListParagraphCxSpLast" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; mso-list: l0 level1 lfo1; mso-outline-level: 3; text-indent: -18.0pt;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font: 7.0pt "Times New Roman";">        
</span></span></span><span dir="LTR"></span><span class="fullpost"><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-bidi;">Kalo
sudah terus di "save" dan coba lihat hasilnya</span></span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-bidi;"><br />
<br />
<span class="fullpost"><b>Tambahan</b></span><br />
<span class="fullpost">* Kadang-kadang ada beberapa template memiliki kode yang
beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi
apa2 atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena Kode
untuk templatenya berbeda atau bisa juga karena mugnkin hosting untuk menaruh
file emoticon dan javascriptnya sedang bermasalah.</span></span><span style="font-family: "Times New Roman","serif"; font-size: 14.0pt; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"></span></div>
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-bidi;"><span class="fullpost"></span></span><span style="font-family: "Times New Roman","serif"; font-size: 14.0pt; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: "Times New Roman"; mso-hansi-theme-font: major-bidi;"></span>

<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-bidi;"><span class="fullpost"></span></span><br />
<span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-ascii-theme-font: major-bidi; mso-bidi-theme-font: major-bidi; mso-hansi-theme-font: major-bidi;"><span class="fullpost"></span></span></p>

Dengan adanya emoticon di kotak komentar tentunya akan membuat blog menjadi lebih hidup dan bagus. Para komentator pun lebih bias mengek...