cara membuat judul postingan bergerak tutorial bloger

tips yang sudah tidak asing lagi bagi mereka yang sudah terbiasa meng-utak atik template Blogspot yang menggunakan bahasa markah yang juga merupakan bahasa pemrograman markup yaitu HTML (Hyper Text Markup Language)

Untuk membuat text judul postingan berjalan caranya sederhana saja hanya dengan memasang kode marquee, silahkan Login ke Blog anda, dari 'Dasbor - Design - Edit HTML' jangan lupa centang kotak kecil Expand template widget,

Cari kode ini :

<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:include data='post' name='breadcrumbs'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Kemudian pasangkan kode marquee pembuka dan penutup tepat sebelum kode :
<h3 class="post-title entry-title">dan setelah kode</h3>

hasil nya seperti ini:

<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:include data='post' name='breadcrumbs'/>
<b:if cond='data:post.title'>
<marquee direction='left'&gt;<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3></marquee>
</b:if>

code warna biru adalah code perintah yg harus di tambah kan:tulisa"left"bisa di ganti dengan "right" lalu save dan lihat hasil nya..."

contoh y lihat di sini

script untuk membuat browser bergerak

Kali ini saya akan menjelaskan tentang cara untuk membuat browser bergerak berputar,,Maksud dari judul Di atas adalah perubahan pada browser yang bergerak mengecil lalu membesar kembali,,

jadi tampilan browser seperti berputar, lalu akan kembali ke awal seperti semula lagi
contoh nya bisa di lihat di sini Sudah jelas Terlihat perubahan yang terjadi pada browser anda,, dengan script browser bergerak ini maka tampilan saat membuka blog anda akan semakin unik dan menarik...

Tertarik untuk membuatnya langsung saja ikuti langkah - langkah di bawah ini :

Copy Paste Script Kode Di Bawah Ini :

<!-- Script Codes by Www.kikiyo.co.cc -->
<script>
window.scrollBy(0, 1)
window.resizeTo(0,0)
window.moveTo(0,0)
//setInterval("move()",30);
setTimeout("move()", 1);
var mxm=50
var mym=25
var mx=0
var my=0
var sv=50
var status=1
var szx=0
var szy=0
var c=255
var n=0
var sm=30
var cycle=2
var done=2
function move()
{
if (status == 1)
{
mxm=mxm/1.05
mym=mym/1.05
mx=mx+mxm
my=my-mym
mxm=mxm+(400-mx)/100
mym=mym-(300-my)/100
window.moveTo(mx,my)
rmxm=Math.round(mxm/10)
rmym=Math.round(mym/10)
if (rmxm == 0)
{
if (rmym == 0)
{
status=2
}
}
}
if (status == 2)
{
sv=sv/1.1
scrratio=1+1/3
mx=mx-sv*scrratio/2
my=my-sv/2
szx=szx+sv*scrratio
szy=szy+sv
window.moveTo(mx,my)
window.resizeTo(szx,szy)
if (sv < 0.1)
{
status=3
}
}
if (status == 3)
{
document.fgColor=0xffffFF
c=c-16
if (c<0)
{status=8}
}
if (status == 4)
{
c=c+16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 239)
{status=5}
}
if (status == 5)
{
c=c-16
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c < 0)
{
status=6
cycle=cycle-1
if (cycle > 0)
{
if (done == 1)
{status=7}
else
{status=4}
}
}
}
if (status == 6)
{
document.title = "Cljck"
alert("Cljck")
cycle=2
status=4
done=1
}
if (status == 7)
{
c=c+4
document.bgColor=c*65536
document.fgColor=(255-c)*65536
if (c > 128)
{status=8}
}
if (status == 8)
{
window.moveTo(0,0)
sx=screen.availWidth
sy=screen.availHeight
window.resizeTo(sx,sy)
status=9
}
var timer=setTimeout("move()",0.3)
}
</script>

langkah langkah nya:
1.log ke blog
2.klik tata letak dan rancangan
3.klik tambah gadget
4.pilih HTML javascript
5.copy paste kode di atas ke dalam kolom html javascript.
6.simpan.dan lihat hasil nya

cara menghilangkan icon obeng dan tang di postingan blog quik edit

"



Apa sih maksud dari judul posting ini, sepertinya agak aneh? begini nih teman-teman, jika kita sedang mengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang. berikut contoh screenshotnya :

Icon tersebut di sebut juga dengan icon Quick Edit atau dengan kata lain untuk mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.

Namun ternyata ada beberapa blogger yang tidak suka dengan kehadiran icon tersebut dan ingin menghapusnya. Apakah kita bisa menghapus icon tersebut? Jawabannya tentu saja bisa, dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS template kita. Ingin tahu kodenya seperti apa, nih ini dia kodenya, coba pasang saja di Style Sheet CSS anda :

.quickedit{
display:none;
}


gampang sekali bukan? atau masih bingung. Ok deh, ini dia cara lengkapnya :



1. Login ke blogger dengan ID anda tentunya.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini :

]]></b:skin>


5.Copy paste kode yang tadi persis di atas nya atau sebelum nya.



6.Klik tombol Simpan
7.Selesai.