Sunday, November 24, 2013

Tutorial Letak Lagu Dalam BLog

Assalamualaikum!

Riqa buat tuto ni sebab ada orang request...

Dalilnya: 
*klik untuk tengok gambar besaq gedabak*

Straight to this point [-]

1. Log in > Dashboard > Design >  Add a Gadget > Html/JavaScript

2. Korang copy kod ini :

<div style="position: fixed; top: 25px; left:3px;">
<param name="movie" value="http://www.youtube.com/v/Wrl8weYTmGU&feature=relmfu&loop=1&amp;autoplay=1&amp;rel=0&amp;fs=1&amp;color1=0xFFFFFF&amp;color2=0xFFFFFF&amp;border=0&amp;loop=0" />
<param name="allowFullScreen" value="true" />
<embed  src="http://www.youtube.com/v/Wrl8weYTmGU&feature=relmfu&loop=1&amp;autoplay=1&amp;rel=0&amp;fs=1&amp;color1=0xFFFFFF&amp;color2=0xFFFFFF&amp;border=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="false" width="30" height="25"></embed>
</div><br /><br /><br /><br />
3. Paste di ruangan Html/JavaScript tadi tu 

4. Yang warna merah , korang paste je URL lagu dari youtube ! Tak tahu nak cari macam mana ? Korang ikot step ni ... 

5. Pergi ke >>>  LINK INI

6. Taip lagu apa yang korang nak . Lepas tu , tekan Share ! Tekan Embed ! 

7. Tick pada Use Old Embed Code SAHAJA . 

8. Copy kod ! Paste di Note Pad atau Word Pad .

9. Bila dah paste akan jadi macam ni :

<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/Wrl8weYTmGU?version=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Wrl8weYTmGU?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
10. Copy URL lagu sahaja macam Riqa tunjukkan ni . 

11. Gantikan masuk dalam kod seperti no 2 tadi . Dah kan ? 

12. Sekarang macam mana pulak nak buat pause kita ikot warna yang kita suka ?

13. Yang warna biru tu , tukarkan dengan kod warna . Cari kod DEKAT SINI !!

14. Dah siap ?? SAVE !!! :) Yeyy . Cuba intai blog korang . Jadi takk ?

p/s: segalanya riqa copy dari kak lyssa malas tahap MAX!

Terima kasih kerana baca entry ini, jangan lupa datang lagi

Friday, November 22, 2013

Tutorial Letak Gambar Di Footer

Assalamualaikum!

Hari ni,riqa nak buat tutorial letak gambar di footer... 
Wasting Time...
Straight to the point...

1. Log In > Template > Edit Html 
2. Search kod kat bawah ni

<div class='post-footer-line post-footer-line-3'/>

Dah jumpa?x jumpa maaf lerrr. Not My fault okay?

3. copy code bawah ni,paste DI ATAS tadi k?

<center><img src='URL IMAGE' style='width: 449px; height: 160px;'/></center>

wokehh wokehh

Teka Teki:
Orange : Url image lahh,kan dah tulis tuu ^.^
Red : Ubah saiz gambar 

jadi? kalau jadi, tepuk dada kata 'Hebat benar aku ni'
x jadi? tepuk dahi kata 'Alahaiii'

okeh, tu saja bhaii :*

With love, xoxo
Riqa Ainureen



Terima kasih kerana baca entry ini, jangan lupa datang lagi

Sunday, April 21, 2013

Tutorial Salji Dalam Blog

http://i1133.photobucket.com/albums/m590/ayin001/Sidebar%20Images/freebieseeda2.png

Macam dalam blog ni dan blog riqa tu ada salji warna biru and putih an?
nak gak?boleh3..just copy bawah ni

BUKAN BLOGSKINS

1.Add gadget > html/javascript > Paste kod  yg akan diberikan

BLOGSKINS 

1. Template > Scroll Atas sekali > ada kod 
<html>

Copy je kod ni mengikut warna yang korang suka 

HITAM 

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/snowblack.js"></script>

PUTIH


<script type="text/javascript" src="https://sites.google.com/site/unwanted86
/javascript/snowwhite.js"></script>


PURPLE



<script type="text/javascript" src="https://sites.google.com/site/unwanted86
/javascript/snowpurple.js"></script>

PINK/RED


<script type="text/javascript" src="https://sites.google.com/site/unwanted86
/javascript/snowred.js"></script>

BIRU


<script type="text/javascript" src="https://sites.google.com/site/unwanted86
/javascript/snowblue.js"></script>

2.Done Save!




2.Preview > Save!

Terima kasih kerana baca entry ini, jangan lupa datang lagi

Saturday, April 13, 2013

Tutorial Hide Shoutbox

http://i1133.photobucket.com/albums/m590/ayin001/Sidebar%20Images/freebieseeda2.png

macam dalam post NI riqa janji nak buat tuto kan??

1-Dashboard > Design > Html

2-korang copy code dulu,then paste dalam ruangan tadi ye?

<style type="text/css">

#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:140px;
float:left;
cursor:pointer;
background:url('URL PIC ') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00000;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-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>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
[KOD CBOX/SHOUTMIX KORANG]
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Taknak chat dah]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (140-gb.offsetWidth).toString() + "px";
</script>

DONE!bagi yang tak de jumpa icon tu boleh ambik yang ni:

http://i.imgur.com/OUTeg.png


 
http://i.imgur.com/IDCVW.png


http://i.imgur.com/jrMSv.png


 
http://i.imgur.com/fIquP.png


Terima kasih kerana baca entry ini, jangan lupa datang lagi

Saturday, April 6, 2013

Freebies Blogskins Teenage Dream

Assalamualaikum

Skin screenshot


Terima kasih kerana baca entry ini, jangan lupa datang lagi

Freebies Blogskins Story

Assalamualaikum

Skin screenshot

Terima kasih kerana baca entry ini, jangan lupa datang lagi

Freebies Blogskins One Direction

Assalamualaikum

Skin screenshot


Terima kasih kerana baca entry ini, jangan lupa datang lagi

Freebie Blogskins Life Is Not Fairytale

Assalamualaikum


Skin screenshot




Terima kasih kerana baca entry ini, jangan lupa datang lagi

Friday, March 15, 2013

Freebies Header Part 1

Assalamualaikum




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE0jh0xaKtQ6XAY9B7FHkrtIjTiyZ87Z4wh_IVUQxzYC1KqDnCSGpFd9SCTd3JZw55O5S8TFnxN1rzDOs-AJNNHJh-ew6Vf4_zSMMl_VeMZEvYtbqB0Cn6exCasv2U89zXpi66ErJBODdA/s400/TEST2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhHdCWf2ijYWnFeqQ2Fac7vDEL95u_Pda_ZCJyP62ChEtopIF-SGvc2H4OzMaMDtLCDJHgBpRlqnaR72FBuN0v8BMABjvz53fOgOtmY4hPFScB-8gOe0wXjyLj2rZEfPVi_h14eu5bU5RJ/s400/Untitled-4.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuQuBhhlRRGF9E6WnR6hWvJW97cnyPUDozw0L_LHEqGrvAuQTzAOwTjipklEvquoMvBA1QxbTQHD16_LM6FYbOGeCoYBuQ_zrPj1c8snfkQcqwnndiOQRyEH_yY3U0fheHhvA4FS50lpeb/s400/Untitled-5.png







Terima kasih kerana baca entry ini, jangan lupa datang lagi

Freebies Greeting Words

(tak termasuk)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNvfimQMeiOko030ZbobNNkhPZIUBQ-t2Pgpp2_v3GGuAqGrIdWZf1qD_sOloBMcIpInyIsWFyyaP6Zph-Can39C4r20MYg-8JVr2JHLrky7YqZ2Z_Eyn5CkiP2ju38ms6-P1cx0ATTuY/s1600/cats.jpg

 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEt1ytGhPgtMFluJ1e3IOJjZS1CgKjtZghiO33Ma8dsI6-RceKNwelMvqoRbS1vsaUTAgTdLif5zbMMg9cT4E180jLtGZOrT8-AWAY3W-RVZ2qn1biDvkmqvopPE5ChvRjXN_98pHGUs/s1600/grey.jpg

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhUHUioQSs4SAASLM2_kdTh1Wbm_V9q56NxXoBDtYtGGWBiB3VNKlq-tcbhuFD-Uecx-ZEt_vecd2dQ3WbhFD8nAEUN-AFJw1I6gPGYwki3vnyp3COjy488AhKN4ulPI3eTCKu3eZWORI/s1600/blue.jpg

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsGaOxOdOHuVX3fBl4BED-K8xJnhL7t2LlzZkWkWEKwKJr7ptBSRqteDiKsBBQyVrcMbXH5gFb6AoqzhyuC-1ALqpEp99NS3xPdKEfyqyNBsQahq2H4fNwFiGMRFcvK8g_dGgVdBPekno/s1600/red.jpg

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVghMH0zqs7BdCAWWONyqPJdlVvfJAy8KE6Dz4mDDbl5tEATuYLQ3N_Rj83ipfvDSuNZdC4m5gLsY0oYsHQHHgFE69IEPUz1r1yymGdTVjOP3yjifQD3fic8rCUryNzht_467_R9r9LO4/s1600/yellow.jpg

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn9TWgf6aXbiyOuzkv5UiYiwGCTkB7UXcOFv_Pt3TugAQEd5SP6wCuMqSIxXstWpQUfk9GpFAyosAN7XviGE3xbGt1YB-_INGG7a-YXTC8qsATG5u1yqwxuDbv_uaRhMkPlKY8TOA0nqc/s1600/salam.jpg

Terima kasih kerana baca entry ini, jangan lupa datang lagi

Thursday, March 14, 2013

Tutorial Letak Cursor Dalam Blog


1-Dashboard>Layout>Add Gadget>HTML/JAVASCRIPT

2-Copy code ni>paste kat ruangan kosong tadikk


<style>body {cursor:url(URL ICON), url(URL ICON), auto;} </style>
<a href="LINK BLOG KORANG" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

*Warna Merah , korang letak URL BLog korang k .?
*Warna Oren , korang letak Url Blog korang ;)

Cursor>Banyak Lagi 

suggest:

Cute Box Bear http://ani.cursors-4u.net/nature/images11/nat1038.gif



Hello Kitty 56 http://cur.cursors-4u.net/anime/images9/ani866.gif


Tiny Finger Point Hand With Heart http://cur.cursors-4u.net/nature/images10/nat997.png

Tiny Book  http://cur.cursors-4u.net/nature/images10/nat994.png

p/s:animated punye untuk internet explorer ok?

Terima kasih kerana baca entry ini, jangan lupa datang lagi

Tutorial CCTV Dalam Blog


1. Dashboard > Design/Layout > Add A Gadget > Html/JavaScript

2. Copy kod ini :


<div style="position: fixed; top: 0px; right: 0px;">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWeeEGZJTJZ5rBdGsizmwXmo0Iwln57luivdsZLr2H-NPFI5VxZh6-ktgqZ8tJKSCT-lkDLi9qwDfzv6DQ-mB9ecqeYOwvcpsL8y2dlQYb1BwMKKLSHmqcVleSSgyLXCMPbwIF3ACjH8c/s1600/cctv.gif"/></center></div>
3.Preview>Jadikk>Save>Comment

Terima kasih kerana baca entry ini, jangan lupa datang lagi

Tutorial Top Comentor


1 Dashboard>>Layout>>add gadet>>HTML/JAVASCRIPT

2 copy code bawah niyh,paste kat ruangan kosong tadi

<center><script type="text/javascript">
function getYpipe(feed) {
document.write;
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
if(feed.value.items[i].link == "")
var item ="<li>" + feed.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href="+ href + '" target="_blank">' + feed.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://riqa-ainureen.blogspot.com&ExcludedNick1=Riqa Ainureen&ExcludedNick2=anonymous
&ShowHowMany=10&_callback=getYpipe
&_id=23022d7836bf2dd3c10a329feb9be26a
&_render=json"
type="text/javascript"></script></center>


Oren - blog url anda
Ungu - berapa banyak top commentator yang korang nak letak
Merah - Profile Name korang



Terima kasih kerana baca entry ini, jangan lupa datang lagi

Tutorial Top Button


here we go
1-Dashboard>Add Gadget>HTML/JAVASCRIPT

2-copy code ni paste ruangan kosong tadi

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src=" url top button" /></a>

3-Preview>Jadik Save!

Teka-teki
merah:url button top





Terima kasih kerana baca entry ini, jangan lupa datang lagi