Bagaimana tambah flying twtter bird untuk Ikut Cursor Di Blog

Bagaimana Tambah  flying twtter birdr untuk Ikut Cursor Di BlogAdakah anda punya akaun twitter? Jika sudah, anda boleh mencampur di blog anda. Tapi, biasanya widget untuk mengikuti pada twitter hanya sebuah gambar. Jadi, dalam posting ini, saya akan membuat perbezaan. Gambar twitter adalah seekor burung yang boleh terbang dan mengikuti kursor. Ini sangat luar biasa. 
 
Langkah-langkah untuk menambah terbang burung twitter di blog :

1. Masuk ke akaun blogger anda
2. Pergi ke Design - Elemen Laman> -> Tambah Gadget
3. Pilih "HTML / Java Script"
4. Copy kode di bawah, dan paste pada tempat

<script type="text/javascript" src="http://techgyo.com/wp-content/FlyingTwitbird/tripleflap.js"></script>

<script type="text/javascript">

var birdSprite="http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.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/techgyo";var tweetThisText = "Twitter - techGyo http://www.techgyo.com/";tripleflapInit();

</script>

<a id="theBird" href="http://twitter.com/YOUR TWITTER ACCOUNT" target="_blank" style="display: block; position: absolute; width: 64px; height: 64px; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; z-index: 947; left: 0px; top: 587px; background-position: 0px 0px; background-repeat: no-repeat no-repeat; "></a>

<a id="theBirdLtweet" href="http://twitter.com/home?status=Twitter%20-%20techgyo%20http%3A//www.techgyo.com/" target="_blank" title="tweet this" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 30px; z-index: 951; left: 49px; top: 583px; display: none; opacity: 0; background-position: -64px 0px; background-repeat: no-repeat no-repeat; "></a>

<a id="theBirdLfollow" href="http://twitter.com/techgyo" target="_blank" title="follow me" style="position: absolute; background-image: url(http://techgyo.com/wp-content/FlyingTwitbird/birdsprite.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; width: 58px; height: 20px; z-index: 952; left: 54px; top: 613px; display: none; opacity: 0; background-position: -64px -30px; background-repeat: no-repeat no-repeat; "></a>

5.save

selamat mencuba..

»»  READMORE...

Cara Membuat Sitemap

Langkah-langkah membuat sitemap :

1. .Sign blog anda.
2. .Pilih New Post.
3. .Klik Edit HTML.
4. .Copy kod dibawah ini, paste di dalamnya.

<div dir="ltr" style="text-align: left;" trbidi="on">

<script src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js">

</script>

<script src="http://daie-trik.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

5.Sebelum PUBLISH POST,jangan lupa meletakkan tajuk SITEMAP atau apa sahaja mengikut pilihan anda.

6.Pilih POST OPTIONS dan tukarkan tarikh menjadi tarikh lama.

Nota : Gantikan pekataan yang berwarna merah dengan link blog anda.

Selamat Mencuba...

»»  READMORE...

Cara Menampilkan Emoticon Pada Kotak Comment

Hari  ini dai-E ingin berkongsi cara menampilkan emoticon pada kotak comment.Dengan adanya emoticon di kotak comment tentunya akan membuat blog anda lebih menarik dan pengunjung boleh meluahkan perasaannya melalui icon.

Langkah-langkah menampilkan emoticon :

1.Sign blog anda.

2.Klik Design.

3.Klik Edit HTML.

4.Klik tanda pada kotak “Expand widget template”.

5.Cari kod ini </body>.

6.Copy kod dibawah dan paste sebelum kod </body>.

<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

7.Cari kod dibawah ini :

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>

8.Letakkan kod dibawah ini selepas kod <p class='comment-footer'>.

<b><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'/>

:D

<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'/>

:p

<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'/>

:X

<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'/>

:-o

<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'/>

8-}

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>

~x(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>

:-t

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>

b-(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>

:-L

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>

x(

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>

=))

</b>

9.Save.

Selamat Mencuba...

»»  READMORE...

Cara Mengembalikan Navbar Di Blog

1.Sign blog anda.
2.klik Design.
3.Klik Edit HTML.
4.Cari kod dibawah ini.untuk mempermudahkan pencarian tekan ctrl + f.

#navbar-iframe {

display: none !important;

}

Jika kod diatas tidak ada pada template anda, maka cari kod dibawah.

#navbar-iframe{ height:0px; visibility:hidden;

display:none}

5.Jika anda telah jumpa kod dibawah ini, hapus kod berikut.

6.Klik preview untuk melihat hasilnya.

7.Jika anda berpuas hati, klik Save Template.

Selamat Mencuba…

»»  READMORE...

Cara Mudah Membuat Gambar Animasi Di Blog

Kepada penguna blogger yang ingin membuat penampilan blog yang dilengkapi gambar animasi yang menarik.Untuk membuatnya gambar animasi hendaklah mempunyai aplikasi yang menyokong, serta kita harus memahami design grafiknya, aturan penampilan dan pelbagai lagi untuk membuat gambar animasi.

Tetapi anda tidak perlu risau kerana untuk membuat itu sangatlah senang, sebagai contoh anda dapat membuat tulisan ala ninja dan membuat cerita dan pelbagai lagi.

Contoh :

Anda tertarik untuk membuatnya?..Ikut langkah-langkah dibawah :

1.Buka link ini.

2.Pilih gambar animasi yang anda inginkan.

3.Masukan text tulisan yang di inginkan.

4.Klik Generate.

5.Copy kod dibawah tulisan ini “To embed the image on your website or blog use the HTML code below”.

6.Sign blog anda.

7.Klik Design.

8.Klik Add a Gadget.

9.Klik HTML / Javascript.

10.Paste kod yang anda copy tadi di HTML / Javascript.

11.Save.

Selamat mencuba…

»»  READMORE...