~ World Of Science ~

Minggu, 01 April 2012

Tukar Link Yaa!!

Minggu, 01 April 2012

Achmad - 18.47

Cara Membuat Buku tamu Melayang

Oke tanpa basa-basi lagi kita langsung aja ke TKP tentang bagaimana membuat buku tamu / Shoutbox melayang atau tersembunyi di blog :

1. Login di blogger dengan ID anda

2. Klik menu Layout

3. Klik Page Elements

4. Klik Add a Page Element

5. Klik ADD TO BLOG pada menu HTML

6. Lalu Copy kode berikut dan Paste-kan Pada kotak HTML

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmgWQNdm2HNJCHwRMLcvoGLAa5lOpXbc6cnX2iWfVbS6OkxleVIBQhCSNPNyOHa8axDCw8NPfDXLpkfnrzwi7yzTYcrFn484veFFuvloxG-CNg1j3tnkyi9y9OO5C4xzhzKgao3nuQX12H/') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style>

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

Masukkan kode Shoutbox kawan-kawan ku disini

[tutup]

</a>

</div>

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div>

Setelah itu simpan dan lihat hasilnya di blog kawan-kawan ku. Semoga Tips Blogging Cara Mudah Membuat Buku Tamu Melayang di Blog bisa bermanfaat buat kawan-kawan ku semua.

Achmad - 18.11

Cara Memberi Background pada Widget Archive Blog

OK langsung aja ya....
Cara Memberi Background Widget Archive Blog

1. login blog

2. klik rancangan >> edit HTML (centang 'Expand Template Widget')

3. lalu cari kode <div id='ArchiveList'> untuk memudahkan untuk mencari tekan ctrl + f

4. buat hasilnya jadi seperti ini

<div class='widget-content'>
<div style='overflow:auto; height:300px; background:url(http://i865.photobucket.com/albums/ab218/1rd3/Gununges.jpg); background-repeat:no-repeat;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>

5. simpan dan lihat hasilnya

NB :
kode yang berwarna biru adalah kode yang harus ditambahkan.
angka 300 menandahakn tinggi blog archive sobat
link http://i865.photobucket.com/albums/ab218/1rd3/Gununges.jpg adlah alamat gambarnya dan bisa sobat ganti.

Achmad - 05.46

Cara Membuat Permalink

OK deh, sekarang langsung pada caranya aja ya.

Cara Membuat Permalink
1. login blogger
2. rancangan >> edit html (centang 'Expand Template Widget')
3. lalu cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

.permalink {border: 1px dotted #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;} .permalink a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}

4. lalu cari kode <data:post.body/> atau <p><data:post.body/></p>, lalu pastekan kode berikut di bawahnya :

<b:if cond='data:blog.pageType == "item"'><div class='permalink'> <center><small>Sobat sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan sobat bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, sobat boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman sobat, namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sumbernya. Trims <img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/></small></center></div></b:if>

5. simpan

NB : jika sobat sudah menggunakan readmore, akan ada 2 kode <data:post.body/> , silakan sobat pasang kode diatas (langkah 4) tadi di bawah kode <data:post.body/> yang kedua.

good Luck SOb ^_^

Achmad - 05.42

Cara Cek Kecepatan Blog !

ok yukz.. mari buruan kita coba nih, ni saya baru nyoba dan alhamdulillah hasilnya lumayan memuaskan.... hehehe

ok langsung saja.
Cara Cek Kecepatan Blog !
1. Buka Google Page Speed Online

2. Masukkan url blog sobat pada kolom yang tersedia

3. Tunggu sebentar

4. Akan muncul halaman yang memberitahu hasilnya

NB. Hasil tersebut berupa angka 1-100, jika hasil semakin mendekati 100 maka kecepatan blog sobat sudah bagus.

Pengen tahu gimana agar kecepatan blog semakin tinggi??
Yups, yaitu dengan memilih template yang simpel-simpel aja dengan begitu insya allah kecepatan blog sobat akan lebih tinggi.

Achmad - 05.40

Cara Membuat Status Blog Maintenance

Nah tapi klo tips yg kali pasti dijamin. klo admin pengen lihat blog sendiri (privasi) tu orang lain (pengunjung) tdk akan bsa melihatnya. ok langsung saja ya sob..

1. login blog
2. rancangan >> setelan >> izin

3. lalu pilih pada Hanya Penulis Blog dan jika keluar menu pilih yg "cukup izinkan penulis"
4. selesai deh....

selamat mencoba...

Achmad - 05.38

Cara Menampilkan Sesuatu Di Bawah Postingan Blog

mari ikuti tutorialnya
Cara Menampilkan Sesuatu Di Bawah Postingan Blog

Login blogger >> Tata Letak >> Edit HTML >> centang "Expand Template Widget"
Lalu cari kode:

<div class="post-body entry-content">
<data:post.body>

atau

</data:post.body>
<div class="post-body entry-content">
<data:post.body></data:post.body>

Tambahkan kode berikut di bawah kode diatas.

<b:if cond='data:blog.pageType == "item"'>

<p> Yang ingin anda tampilkan di setiap bagian bawah posting </p>

</b:if>

Nb: Agar Setiap script yang ingin anda tampilkan untuk di-convert dulu ke mode pemostingan kode HTML (demi lancarnya trik ini). untuk konvertnya Gunakan TOOL PARSE HTML