Latest Movie :
SELAMAT DATANG DAN SLAMAT MEMBACA BLOG SAYA YANG SEDERHANA INI santun saya PUJANGGA HINA
Recent Movies

Cara Mengukur Berat Blog

Cara Mengukur Berat Blog

Disini mungkin Anda tidak menyadari seberapa berat loading blog atau kapasitas blog Anda. Jangan sampe Anda lupa karena ke asyikkan ngeblog, coba Anda koreksi blog Anda sendiri jangan sampe banyak memasang pernak-pernik yang tidak terlalu berguna walaupun itu berguna buat Anda. Contohnya accessories seperti jam, kalender, banner, link dan terlalu banyak widget sehingga script yang digunakan menjadi banyak. Pastinya Anda tidak mau kan orang-orang yang tadinya ingin mengunjungi blog blogger blogspot wordprees maupun web Anda lalu orang-orang itu malah tidak jadi berkunjung karena blog Anda loadingnya lambat dan lama untuk membukanya. Untuk menghindari kejadian itu Anda perlu mengoreksinya seperti yang sudah dijelaskan tadi. Coba Anda bisa mengecek web blog software for kita itu kapasitas blog tidak lebih dari 80 KB dan memang yang penting ukuran normalnya blog jangan sampe lebih dari 100 KB.

Untuk mengurangi rasa penasaran Anda coba Anda bisa cek blog Anda dengan tools dibawah ini:

Masukkan URL: maksimal 10 url dipisahkan dengan baris baru / enter.







Menampilkan kode HTML pada posting


Menampilkan kode HTML pada posting
banyak cara agar tulisan kita yang berbentuk kode HTML dapat ditampilkan pada posting. tapi bagi yang belum mengerti dengan HTML ini lumayan sulit. tapi namanya juga dunia internet yang semakin maju hal ini bukanlah sebuah masalah, sipapun bis melakukannya, situs ini mempermudah sobat dalam merubah kode HTML yang akan ditampil pada postingan, dengan tidak diribetkan dengan memasukan kode-kode tertentu. maka kunjungilah situs yang menyediakan jasa untuk itu.

oke kita mulai saja caranya yaitu :

Kunjungi link ini : http://centricle.com/tools/html-entities/
Setelah berada pada situs tersebut masukan kode Html yang ingin anda tampilkan pada postingan.
Klik Encode. Tunggu beberapa saat.
Jika proses selesai, copy hasilnya kemudian paste pada postingan anda.
Selesai

Selain situs yang tadi, kita juga bisa memanfaatkan dua situs lainnya yang fungsinya sama yaitu mengubah kode HTML agar dapat tampil pada postingan. Situs tersebut adalah :

1. http://www.eblogtemplates.com/blogger-ad-code-converter
2. http://www.accessify.com
3. http://www.blogcrowds.com

Chat facebook kaskus smiley






Cara Membuatnya

  1. Pertama tama buka blogger.com
  2. Buka Layout Add a Gadget Pilih Javascript/HTML
  3. Copas code berikut dan letakan di kotak kosong tadi :
  4. <style type="text/css"> .form {background:white; border-radius:5px; border:2px solid #de0101; box-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25); width:320px; padding:10px} .input {padding:10px 10px; box-shadow:inset 1px 1px 0 #777; border-radius:5px; border:1px solid #fff} .input:focus {background:#ffffe0} .type {width:200px} .output {width:295px} .button {color:#fff; padding:9px 18px; background:-moz-linear-gradient(top,#76c1e3 0%,#1e97e8 25%,#2b84f0); background:-webkit-gradient(linear,left top,left bottom,from(#76c1e3),color-stop(0.25,#1e97e8),to(#2b84f0)); border-radius:5px; border:1px solid #b85f00; box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7); text-shadow:0px -1px 1px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.3)} </style> <form class="form" name="code"> <input class="input type" name="type" size="63" type="text" value="pujangga hina" /><input class="button" onclick="change();" type="button" value="Change!" /> <input class="input output" name="output" onclick="select();" size="63" type="text" /></form>
  5. Tambahkan lagi kode Javascript berikut ini di bawahnya kode sebelumnya, PILIH SALAH SATU dan sesuaikan.
    • <script src="https://sites.google.com/site/farixsantips/scripts/color-rainbow.js" language="javascript"></script>
    • <script src="https://sites.google.com/site/farixsantips/scripts/color-green.js" language="javascript"></script>
    • <script src="https://sites.google.com/site/farixsantips/scripts/color-block.js" language="javascript"></script>
  6. Kemudian Save! jangan lupa tulisan yg berwarna kuning diganti semau anda
  7. itu aja slamat berkreasi

tips membuat lebel berputar

tips membuat lebel berputar (LABEL CLOUDS)

Update 25 Januari 2011. Setelah Mengalamai gangguan pada hosting tempat penyimpanan script dari pencipta Label Cloud ini, akhirnya kini Label Cloud kini bisa di pungsikan kembali.
Langsung saja praktikan di yuk..!!download terlebih dahulu template sobat, sebagai antisipasi jika nanti gagal. caranya biasa masuk tata letak -> edit HTML -> centang "Expand Template Widget". trus klik "Download Template Lengkap" untuk mendownload templet sobat.

oke sekarang kita membuat LABEL CLOUDS
caranya :
  1. Masuk ke Blogger dengan ID sobat!
  2. Pilih Rancangan
  3. Edit HTML
  4. Kasih tanda ceklis pada Expand Template Widget
  5. aku ingatkan lagi nieh!! "back up dulu template kalau sobat takut gagal"
  6. Cari kode ini : <b:section class='sidebar' id='sidebar' preferred='yes'>
    cara mencarinya tekan "ctrl+f (menggunakan keyboar)" paste kode di atas "klik find next". ketemu kan??.. kalau tidak ktmu cari yang ini saja <b:section class='sidebar' id='sidebar1' preferred='yes'>
    jika tidak ketemu juga cari saja kode yang mirip seperti itu.. masalahnya template blogger berbeda2
  7. Copy seluruh kode dibawah ini, terus paste tepat dibawah kode di atas (yang tadi di cari).
<b:widget id='Label100' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy
Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='18'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
8 Gantilah tulisan yang berwarna merah dengan tulisan yang ingin sobat tampilkan
Angka 240 dan 300 merupakan width dan height dari label clouds, ganti oleh sobat sesuai dengan ukuran lebar dan panjang sidebar blog anda
Kode warna #ffffff merupakan kode dari warna hitam yaitu warna dari lay out label clouds, gantilah dengan warna pilihan sobat
Kode 333333 merupakan kode warna putih dari tulisan yang akan muncul, ganti kode warna tersebut dengan warna pilihan sobat.
Angka 100 merupakan kecepatan perputarantulisan dalam label clouds, semakin besar angkanya semakin cepat berputarnya tulisan dalam label clouds, begitu juga sebaliknya,
Angka 18 merupakan ukuran tulisan yang akan muncul di dalam label clouds.

9. klik tombol (save) Simpan template.
10. jadi deh lebelnya .coba lihat blog sobat sekarang...!!!

Cara Membuat Judul Blog Bergerak

Cara Membuat Judul Blog Bergerak

Setelah Sebelumnya Klinik-it membahas soal SEO .kali ini klinik-it kembali akan membahas tentang tips-tips menarik mengenai Blog.Dalam postingan kali ini klinik-it akan membahas tentang Cara Membuat Judul Blog Bergerak.Knapa judul blognya bergerak ? tujuanya mungkin supaya Blog jadi terlihat dinamis.Judul blog kita jadinya akan terlihat berjalan pada title bar browser.Sebagai contoh lihat disini
Buat kamu yang ingin membuat Judul Blog Bergerak silakan ikuti tutorial Cara Membuat Judul Blog Bergerak Berikut ini.

1.LOGIN ke blogger.

2.Kemudian klik Tata Letak Kemudian Klik Lagi Edit HTML.

3.Selanjutnya cari kode berikut ini.

<title><data:blog.pageTitle/></title>

4.Hapus Kode Tersebut dan ganti dengan Kode berikut ini>

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5.Kamu bisa mengganti angka 100 yang berwarna biru tersebut dengan keinginan kamu.Angka tersebut adalah kecepatan pergerakan judul blog kamu.

5.Kalo udah selesai silakan klik SAVE TEMPLATE

Membuat textbox untuk tukar link

Membuat textbox untuk tukar link

Buat para blogger pasti sudah tidak asing dengan kata tukar link. Kali ini saya akan share bagaimana cara mebuat textbox walaupun cara ini banyak para blogger yang sudah posting.

contoh textbox:



Cara membuatnya :
Menggunakan tag HTML <textarea> seperti :

<textarea name="txt" style="height: 38px; padding: 3px; width: 171px;">
Tulis Text (Link + Banner) Disini
</textarea>

Jadinya :



Kemudian tambahkan tombol COPY agar bisa langsung di copy semua

<form name="copy"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/>
  ----- Masukan textarea disini ------
</form>

Jadinya :

<form name="copy"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/>
<textarea name="txt" style="height: 38px; padding: 3px; width: 171px;">
Tulis Text (Link + Banner) Disini
</textarea></form>

Tampilan :





Coba klik tombolnya
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. mari berkreasi - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger