CARA MEMBUAT IKON BURUNG TERBANG TWITTER DI BLOG

Langsung ae ,karang gue mau bagi2 tips lagi untuk memperkren blog , dengan cara menampilkan ikon gambar burung terbang twitter di blog anda, caranya adalah sbb:

               1.Loggin ke blogger

               2.klik Layout atau Tata letak

               3.pilih tambah gadget /add Gadget

               4.COpas kode dibawah ini

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6sg8rOv9ufR9CRGTrnNJFeSwMT2-6quLRKQmJaEy8a7cAPfG__6Z0enMFgTZLObTV5ISME9d4wnAr6TjDIyPD9UYNc2MrMwQ8WDnsIiPPAjnFPLrf1z91b27RKYzbXzujrULIAWx1DIw/s1600/birdsprite+copy+copy.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/TwitterKamu";var tweetThisText = "Twitter - Twitter kamu https://twitter.com/TwitterKamu/";tripleflapInit();</script>

5.Save

nah karang pada blog anda akan terlihat ikon burung terbang twitter.

selamat mencoba.

CARA MEMBUAT CURSORS BERTABURAN BINTANG

Nah , karang ini saya akan bagi2 tips untuk memperkeren tampilan blog anda, untuk yang kali ini kita akan kupas ,bagaimana cara membuat cursors bertaburan bintang. bagi anda yang mempunyai kenginan,silakan ikuti tips dari saya, caranya adalah


1.sepeti biasa login ke akun blogger anda terlebih dahulu
2.klik Layout atau tata letak
3.pilih Tambah Gadget atau Add Gadged
4.Copy atau Paste kode di bawah ini:

<br><script type="text/javascript"><br>// <![CDATA[<br>var colour="#FF0000";<br>var sparkles=80;<br><br>/****************************<br>*http://hsg-initial.blogspot.com/*<br>* DON'T EDIT BELOW THIS BOX *<br>****************************/<br>var x=ox=400;<br>var y=oy=300;<br>var swide=800;<br>var shigh=600;<br>var sleft=sdown=0;<br>var tiny=new Array();<br>var star=new Array();<br>var starv=new Array();<br>var starx=new Array();<br>var stary=new Array();<br>var tinyx=new Array();<br>var tinyy=new Array();<br>var tinyv=new Array();<br><br>window.onload=function() { if (document.getElementById) {<br> var i, rats, rlef, rdow;<br> for (var i=0; i<sparkles; i++) {<br> var rats=createDiv(3, 3);<br> rats.style.visibility="hidden";<br> document.body.appendChild(tiny[i]=rats);<br> starv[i]=0;<br> tinyv[i]=0;<br> var rats=createDiv(5, 5);<br> rats.style.backgroundColor="transparent";<br> rats.style.visibility="hidden";<br> var rlef=createDiv(1, 5);<br> var rdow=createDiv(5, 1);<br> rats.appendChild(rlef);<br> rats.appendChild(rdow);<br> rlef.style.top="2px";<br> rlef.style.left="0px";<br> rdow.style.top="0px";<br> rdow.style.left="2px";<br> document.body.appendChild(star[i]=rats);<br> }<br> set_width();<br> sparkle();<br>}}<br><br>function sparkle() {<br> var c;<br> if (x!=ox || y!=oy) {<br> ox=x;<br> oy=y;<br> for (c=0; c<sparkles; c++) if (!starv[c]) {<br> star[c].style.left=(starx[c]=x)+"px";<br> star[c].style.top=(stary[c]=y)+"px";<br> star[c].style.clip="rect(0px, 5px, 5px, 0px)";<br> star[c].style.visibility="visible";<br> starv[c]=50;<br> break;<br> }<br> }<br> for (c=0; c<sparkles; c++) {<br> if (starv[c]) update_star(c);<br> if (tinyv[c]) update_tiny(c);<br> }<br> setTimeout("sparkle()", 40);<br>}<br><br>function update_star(i) {<br> if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";<br> if (starv[i]) {<br> stary[i]+=1+Math.random()*3;<br> if (stary[i]<shigh+sdown) {<br> star[i].style.top=stary[i]+"px";<br> starx[i]+=(i%5-2)/5;<br> star[i].style.left=starx[i]+"px";<br> }<br> else {<br> star[i].style.visibility="hidden";<br> starv[i]=0;<br> return;<br> }<br> }<br> else {<br> tinyv[i]=50;<br> tiny[i].style.top=(tinyy[i]=stary[i])+"px";<br> tiny[i].style.left=(tinyx[i]=starx[i])+"px";<br> tiny[i].style.width="2px";<br> tiny[i].style.height="2px";<br> star[i].style.visibility="hidden";<br> tiny[i].style.visibility="visible"<br> }<br>}<br><br>function update_tiny(i) {<br> if (--tinyv[i]==25) {<br> tiny[i].style.width="1px";<br> tiny[i].style.height="1px";<br> }<br> if (tinyv[i]) {<br> tinyy[i]+=1+Math.random()*3;<br> if (tinyy[i]<shigh+sdown) {<br> tiny[i].style.top=tinyy[i]+"px";<br> tinyx[i]+=(i%5-2)/5;<br> tiny[i].style.left=tinyx[i]+"px";<br> }<br> else {<br> tiny[i].style.visibility="hidden";<br> tinyv[i]=0;<br> return;<br> }<br> }<br> else tiny[i].style.visibility="hidden";<br>}<br><br>document.onmousemove=mouse;<br>function mouse(e) {<br> set_scroll();<br> y=(e)?e.pageY:event.y+sdown;<br> x=(e)?e.pageX:event.x+sleft;<br>}<br><br>function set_scroll() {<br> if (typeof(self.pageYOffset)=="number") {<br> sdown=self.pageYOffset;<br> sleft=self.pageXOffset;<br> }<br> else if (document.body.scrollTop || document.body.scrollLeft) {<br> sdown=document.body.scrollTop;<br> sleft=document.body.scrollLeft;<br> }<br> else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br> sleft=document.documentElement.scrollLeft;<br> sdown=document.documentElement.scrollTop;<br> }<br> else {<br> sdown=0;<br> sleft=0;<br> }<br>}<br><br>window.onresize=set_width;<br>function set_width() {<br> if (typeof(self.innerWidth)=="number") {<br> swide=self.innerWidth;<br> shigh=self.innerHeight;<br> }<br> else if (document.documentElement && document.documentElement.clientWidth) {<br> swide=document.documentElement.clientWidth;<br> shigh=document.documentElement.clientHeight;<br> }<br> else if (document.body.clientWidth) {<br> swide=document.body.clientWidth;<br> shigh=document.body.clientHeight;<br> }<br>}<br><br>function createDiv(height, width) {<br> var div=document.createElement("div");<br> div.style.position="absolute";<br> div.style.height=height+"px";<br> div.style.width=width+"px";<br> div.style.overflow="hidden";<br> div.style.backgroundColor=colour;<br> return (div);<br>}<br>// ]]><br> </script>

5.Simpan

Nah,sekarang coba lihat blog anda

CARA GANTI IKON CURSOR MOUSE DI BLOG

Apakah anda berkenginan dengan mengganti ikon cursors mouse seperti pada gambar di bawah ini

Mengganti ikon cursors blog adalah salah satu langkah untuk memperkeren blog, dengan tujuan agar si pengunjung blog merasa betah di blog kita. bagi anda yang kepengen memperkeren blog, seperti dengan mengganti tampilan ikon cursors di blog, saya akan bagikan tips untuk anda tipsnya adalah sbb:





1.Loggin ke akun blog anda



2.klik Tata letak atau Layout



3.Tambah Gadget



4.Add HTML/JAVA SCRIPT

Copy dan paste Kode di bawah ini :

<style type="text/css">body {cursor:url("http://img90.imageshack.us/img90/5195/cursorbc.png"),default}</style>

5.Simpan

Nah,sekarang ikon cursors anda dah berubah



catatan:



Untuk merubah tampilan ikon lagi ,banyak ter sedia di disini





Selamat mencoba !

CARA MEMBUAT READ MORE ATAU BACA SELENGKAPNYA PADA BLOGSPOT

Agar artikel pada blog kita kelihatan lebih menarik atau artikel kita kesannya tidak kepanjangan, maka alangkah baiknya kita melakukan pemutusan pada sebagian artikel kita,dengan menambahkan readmore atau baca selengkapnya,maka langkah-langkah yang harus kita tempuh  yaitu sebagai berikut

1.Klik menu Dasboard


2.Klik menu Layout


3.Klik menu Edit HTML


4.Klik tulisan Download Full Template


Silahkan simpan dulu template tersebut, ini di lakukan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih mempunyai back up data untuk mengembalikannya seperti pada awalnya


Beri tanda centang atau cawang pada kotak di samping tulisan Expand Widget Template, sebab kalau tidak, nanti akan tidak sesuai dengan langkah selanjutnya

Silahkan anda cari kode berikut pada kode template milik anda :



<div class='post-body'>


Copy kode HTML di bawah ini kemudian paste ganti  kode diatas dengan kode dibawah ini




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

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>



Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :



<p><data:post.body/></p>


Copy kode HTML di bawah ini kemudian paste di bawah kode tadi



<a expr:href='data:post.url'>Read More......</a>

</b:if>


klik tombol bertuliskan Save Template

Selesai.

 

CARA MEMBUAT POSTINGAN


Masukan kode dibawah ini pada artikel yang mau di penggal

<span class="fullpost">

di setiap akhir artikel postingan masukan kode

</span>

Selamat mencoba, semoga berhasil.