..::tutorial 13::..Tutorial Letak Like Button di Blog

Ok next tuto is untuk pasang button like kat blog korang

Ok mcm biase aku akan cakap..caranya sangat mudah..

1. LOGIN BLOGGER>>DASHBOARD>>DESIGN>>EDIT HTML

2. Korang cari kod bawah nie..gunakan function ctrl+f

(jgn lupa tick expand widget template)

data:post.body

lepas tu korang paste coding bawah nie dekat BAWAH kod tadi

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/> 

dah siap???preview dulu...

kalau xda pape error..korang ley la save ok...

~done~ 

selamat mencuba 

..::tutorial 12::..Meletak Share Button di Blog

Ok guys..ary nie aku nak wat tuto pasang button share di facebook....

care nye sangat mudah....

first korang kena login blogger..

DASHBOARD>>DESIGN>>EDIT HTML

Jangan Lupa Expand Widget Template k!!

Then gunakan function ctrl+f untuk cari kod nie

<div class='post-body entry-content'>

xpn korang leh cari kod yang bawah nie

data:post.body

then lepas jumpa kod tu

korang paste kod bawah nie bawah kod pertama tu @ atas kod kedua tu..

<div style='float:right;padding:4px;'> <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> <script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/> </div>

Da siap??? Preview dulu..

If xda pape error..korang boleh save ok!! peace!!

Selamat Mencuba...

 

..::tutorial 11::..Background bergambar pada BlockQuote

Ok...now aku nak share satu tutorial yang aku dapat
dari sorang blogger...dari CIK LYSSA....

ok tutorial dye untuk wat Background bergambar pada BlockQuote..

SENANG SANGAT2 NAK WAT NYE...
mcm nie...

1. as usual LOGIN BLOGGER>>DESIGN>>EDIT HTML>>EXPAND WIDGET TEMPLATE..

2. gunakan fungsi CTRL+F untuk hari function .post blockquote { then korang paste kat bawah function   
    yang korang cari tadi

background-image:url(url gambar);

..::URL gambar korang ley cari je kat mana2 n gambar ape yang korang suke..atau ley je search kat cini
    photobucket

ok da siap..SAVE...:))
~done~

this tutorial credit to Cik Lyssa

..::tutorial 10::..Memasang Perkataan Bergerak Di Blog

Ok..Sekarang aku nak wat tutorial untuk pasang perkataan bergerak plak..

cara dia mmg ler sgt mudah..hihihi.....

ok2 mcm nie contohnya kat ats blog aku...

as usual..korang kena login blogger..

DESIGN>>PAGE ELEMENT>>ADD GADGET>>HTML/JAVASCRIPT

ok korang ikut step by step ya :

1. Kod Asas>>  <marquee>Contoh scrolling text</marquee>

2.  Untuk korang ubah pergerakan perkataan  

     Penambahan kod berikut diperlukan dalam kod asal.
    direction="left"
    direction="right"
    direction="up"
    direction="down"

   Berikut contoh kod untuk pegerakan dari kanan ke kiri

 

  <marquee direction="right" >Contoh scrolling text</marquee>

3.Kalau nak ubah background color berikut adalah kod yang perlu dimasukkan

 

   <marquee direction="right" bgcolor="#99CCFF">Contoh scrolling text</marquee>

 

   untuk colour korang ley tgk kat cnie yea..SINI 

 

4.Ubah kelajuan perkataan.
   Pergerakan juga dapat diubah dengan menambah kod berikut

 

  <marquee behavior="alternate" direction="left" bgcolor="#99CCFF"scrollamount="2">Contoh scrolling text</marquee>

 

  SEMAKIN TINGGI NUMB TU SEMAKIN LAJU LAH IA BERGERAK (alamak cm wat hipotisies
  sains lak)

5. Pause apabila cursor dilalukan.
   Perkataan yang bergerak juga dapat dihentikan apabila dilalukan cursor. Berikut adalah kod bagi    

   membolehkan perkataan dihentikan apabila cursor dilalukan.

 

  <marquee behavior="alternate" direction="left" bgcolor="#99CCFF"onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Contoh scrolling text</marquee>

6. Selesai meng'edit' coding2 nie..korang paste kat gadget HTML/JAVASCRIPT tadi n paste..

7. ~done~

Selamat mencuba...

..::tutorial 9::..Meletakkan Background Image di Widgets Follower

Next tutorial adalah meletakkan background di

widgets Follower anda...mcm nie

Ok...mcm follower blog aku nie..bckgroundnya aku letakkn pic

someone yang terlalu special dalam hidup aku..

cara nak buat mmg senang...

Ok 4low step by step ok:

1. Login Blogger>>Design>>EDIT HTML (Expand Widget Template)

2. Cari Kod ]]></b:skin> (korang ley gunakan ctrl+F untuk memudahkan pencarian)

3. Masukkan kod bawah nie SEBELUM kod ]]></b:skin>

#Followers1 h2 {background:transparent url(http://3.bp.blogspot.com/_rgHYBmPCWo4/TLAEm5wF0sI/AAAAAAAADFg/6SyKNVMUp-o/s1600/members2.png) no-repeat scroll left top;height:32px;margin-bottom:-5px;text-indent:-9999px;}
#Followers1-wrapper {
background-image: url(http://1.bp.blogspot.com/_TbPDE8RU3hE/TN-0Mq4wfXI/AAAAAAAAAgM/AqN_g2sZyIg/s1600/fbg.png);
color:#555147;width: 290px;height: 320px;);}
.foot-block {
line-height: 14px; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; color: #5f5f5f !important;
width: 260px;height: 222px;padding: 17px;
-webkit-box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.1);}

Penerangan:

Biru : Korang ley tukar URL tulisan yang korang nak..

Biru kehijauan nie : korang letak URL image yang korang nak guna

Merah : Korang ley adjust size yang korang nak..ikt cita rasa n kesesuaian blog

Ok after dah siap..PREVIEW dulu..

if xda pape error korang boleh save...

~done~Kalau ada pape masalah korang leh msg aku kat fb atau kotak komen di bawah ok..

..::tutorial 8::.. Memasang Scroll Box di Blog

Ok..sekarang nie aku nak wat tutorial mcm mane na pasang scroll box 

mcm kat bawah nie ye....tujuannya nak menjimatkan ruang di blog

Mula2 korang login blogger....
DESIGN>>PAGE ELEMENT>>ADD GADGET>>HTML JAVASCRIPT

Then Korang Copy coding bawah nie..

<div style="width:500px;height:300px;overflow:auto;border-width:2px;border-color:000000;border-style:solid;">

Lepas korang paste code di atas ni,korang copy and paste code Mister Linky's Magical Widgets(kalau ade code widgets yg lain pn boleh) korang tu bawah code di atas tu. Jangan lupa letak <center> di awal dan </center> di akhir code-code di atas untuk center kan widget u alls.Then Save

 

Senang kan..so dengan cara ni korang leh la save ruang kat blog korang tu...
selamat mencuba..semoga berjaya... :)

..::tutorial 7::..Membuat Wishlist di Blog

Ok skrg nie aku nak ajar korang untuk wat wishlist kat blog plak ok

ok cara dia sangat2 lah mudah..

first korang kena login blogge,lepas tu

DESIGN>>PAGE ELEMENTS>>ADD GADGET>>HTML/JAVASCRIPT

then copy coding nie..

 <form name=myform>
<input type="checkbox" name="mybox" value="ayat wishlist1" checked />ayat wishlist1 <br />
<input type="checkbox" name="mybox" value="ayat wishlist2" disabled />ayat wishlist2 <br />
<input type="checkbox" name="mybox" value="ayat wishlist3" disabled />ayat wishlist3 <br />
<input type="checkbox" name="mybox" value="ayat wishlist4" disabled />ayat wishlist4 <br />
</form>

PENERANGAN :

PINK = AYAT WISHLIST YANG KORANG NAK LETAK
MERAH= CHECKED BERMAKSUD KORANG DAH LAKUKAN,DISABLED BERMAKSUD  
                   BLUM BUAT LAGI
PURPLE= KORANG CUME TULIS BALIK AYAT WISHLIST KORANG TADI SEMULA

Ok then korg past kat HTML tadi n save..~done~

senang bukan..hihihi..selamat berjaya

..::tutorial 6::..Meletakkan Signature Di setiap post

Ok..guyz...tutorial lagi...now aku nak ajar macm mane nak wat k...first korang kena pgi ke website nie

http://www.mylivesignature.com/

click je kat gambar atas nie yea..

bila korang bukak website tu imej seperti kat ats nie akan keluar..

so korang tekan kat bahagian click here to start..

then korang akan nampak page macm nie pulak

So skrg nie korang ley pilih ikt cita rasa korang..

dalam tutorial nie aku akan pilih yang 

Using the signature creation wizard

bila korangtekan kat pilihan korang tu..

akan keluar form seperti ini

so korang letak la nama yang korang nak wat untuk signature korang tu

ok lepas isikan nama..korang perlu tekan next..

n sampai next step nie korang pilih font yang korang suka..

step ke3..korang kena pilih size yang korang nak

Step ke 4 : korang ley setting warna yang korang nak...

Step 5 : Korang Pilih la korang nak signature nie duk mcm mana

lepas da pilih nie..last step untuk siapkan word nie..

click next...

so nampak kan ada signature tu...

korang right klik kat atas signature korang tu untuk dptkan IMAGE URL

untuk lebih mudah..korang paste la kat note pad dulu..

n now..pergi ke blog korang

DESIGN>>EDIT HTML>>EXPAND WIDGET TEMPLATES

(untuk keselamatan korang download la bckup templates)

then tekan ctrl+f

cari kod yang nie

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

next copy kod bawah nie n paste bawah kod tadi tu

<p><div align="left"><img src="URL gambar/signature anda"/></div></p>

yang warna biru terpulang kat korang nak letak left @ right @ center

yang warna ungu nie pulak..korang amik image URL tadi n paste kat sini..

ok bile korang dah paste kod yang dah siap di edit kat bawah 

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

maka coding baru korg akn kelihatan seperti ini  

 

 

so sebelum korang save..preview dulu k..

kalau xda pape error korg ley trus save..

~siap~

**selamat mencuba dan semoga berjaya kawan2** 

..::tutorial 5::..Recent Post Beranimasi

Ok tutorial ke 5 untuk hari nie adalah untuk recent post beranimasi...contohnye...mcm nie..

Ok...care dye sangat mudah...terlalu2 mudah...

DESIGN >> PAGE ELEMENT >> ADD A PAGE ELEMENT >> HTML

then korang copy coding bawah nie pulak...

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:230px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}


#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}



.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}



-->
</style>
<script language='javascript'>



imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://URL.blogspot.com/";

limitspy=4
intervalspy=4000
</script>


<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>

Ok..then korang save...

ops lupa pulak...

Yang perkataan aku highlight warna MERAH tu korang ley adjust mengikut kesesuaian blog korang..

Yang perkataan aku highlight warna PINK tu plak korang letakkan URL blog korang k..

 

~Selamat Berjaya~

Kalau korang ada masalah apa2 korang leh tgalkan msg kat aku k..i will help you

..::tutorial4::..Top commentator di blog

Ok tutorial seterusnya adalah tutorial untuk memasang widget top comentator...

Ha korang nampak x widget yang aku baru pasang kat blog aku nie...
Ok carenye senang je nak pasang...jom kite blajar same2 k...


Okeh let's start the tutorial! Mula mula pegi dekat Design >> Edit HTML >> Add a Gadget >>HTML/JAVASCRIPT
then paste code bawah ni

<center><script type="text/javascript">

function getYpipe(feed) {

document.write('<ul style="list-style-image: url(http://dl4.glitter-graphics.net/pub/484/484784wlxjra5dy3.gif);margin-left: 20px;">');

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://nurzulaihaziz.blogspot.com

&ExcludedNick1=~Jue Aziz~

&ExcludedNick2=anonymous

&ShowHowMany=10

&_callback=getYpipe

&_id=23022d7836bf2dd3c10a329feb9be26a

&_render=json"

type="text/javascript"></script></center>

PeneranganNya :


MERAH: icon yg korang nak gunakan dkt tp nama setiap pengkomen tu. Macam aku punye kan. >>> Korang boleh tgk kat Glitter Graphics utk icon comel comel.




Oren: URL blog korang


Hijau: ID yg korang gunakan time komen org. Senang cite time korang komen blog ni korang guna nama ape? Ha tulis exactly macam tu. Ini adalah utk mengelakkan nama korang sndri masok dalam top commentor tu


BIRU: bape ramai commentor yg korang nak display dkt top commentor tu. kalo nak letak doploh pom boleeyyy


Okeyy itu sahaja. Ada sebarang masalah tanye la ye.

..::tutorial 3::..scrolling Images

Assalamualaikum...
Ok..sekarang nie kite cakap pasal scrolling Images...
Korang tau x apa itu scrolling Images n apa tujuannya..

scrolling images adalah gambar bergerak yang ditentukan pergerakkannya oleh kita sendiri..sama ada kita nak gambar tu bergerak ke atas..ke bawah..ke kiri ataupun ke kanan 

Tujuan scrolling images ni sikit sebanyak bagi kebaikan kat kita..sebab ley ringankan blog kerana xperlu nak add gadget banyak2...contohnye mcm yang korang ley tgk kat sidebar blog utama aku nie

Ok..now aku akan ajar korang mcm mana cara nak buat...:-

Kelajuan pergerakan setiap gambar juga dapat di kawal dengan menukar code yang di berikan di bawah ni..


<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">


<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</marquee>

Penerangan:

Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar : url gambar yang hendak dipamerkan.




Then korang sign in korang nye blogger...




pergi ke design..




add gadget...




pilih <HTML/JAVASCRIPT>




ctrl+v ( paste) coding yang kt ats tadi n make sure korang dah edit baru save..




~ That's all..done..senang bukan...~

 

..::tutorial 2::..Memasang Widget Exchange Link

Haaaa nie mmbr aku since dari form 3..kire kawan bek aku gak la..
dye nak tau sangat mcm mane nak wat tutorial exchange link cm aku wat tu..
ok now aku akan wat tutorial special for sahabat aku sorang nie...

Ok..first step..masuk website seperti yang korang nampak kat atas nie...

next..if korang lom pernah mendaftar..korang perlu register akaun korang...

just klik kat register...after korang register korang kena confirmkan akaun melalui email korang..
mcm nie

Ok lepas korang klik line yang wane ungu tu..korang akan ke site mcm nie..so korang perlu login..

After login..korang kene tekan pulak kat button tab ats tu yang bertulis Wizard..mcm lam pic bawah nie..

*

then korang tick kat *Blogger..then korang mesti pilih widget yang free to all registered mister linky members..
sb yang lain tu kena bayar..lepas tick kat widget tu..korang ley pilih jenis yang korang suke..

Ok after pilih widget n jenis yang korang nak..klik kat kotak kecik yang ade tulis remember these bla..bla..bla..n last tekan generate code..after a few second..korang akan dapat coding dia mcm nie

copy semua code tu...then LOGIN blog korang..
pergi ke <Design> -> <Add Gadget> -> <HTML/JAVASCRIPT>
then <SAVE>..korang move la gadget tu mane korang nak letak exchange link nie...

~done~

Hope you can do it my fren...
**semoga berjaya..**

..::tutorial 1::..wiget jumlah kunjungan di blog

 Tengah asyik aku ber pesbuk tadi tiba2 salah sorang rakan aku azhar anta IM kat aku..
dye request untuk wiget jumlah kunjungan di blog..seperti yang aku highlight kat pic bawh nie..

caranya mudah saje...:

1. login akaun blogger..

2. pergi ke Design then Page Element

3. Add Gadget..HTML/JAVASCRIPT
4. Paste coding bawah nie ye azhar..

<div class="widget"><h4></h4> <div class="textwidget"><p style="text-align: justify;"><script type="text/javascript">

/***********************************************
* Display time of last visit script- by JavaScriptKit.com
* This notice MUST stay intact for use
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and more
***********************************************/

var days = 730; // days until cookie expires = 2 years.
var lastvisit=new Object();
var firstvisitmsg="Ini adalah Kunjungan anda yang pertama..Selamat Datang Ke Blog JUE!";
lastvisit.subsequentvisitmsg="Terima kasih kerana sudi melawat blog Jue. Kunjungan terakhir anda pada <b>[displaydate]</b>";

lastvisit.getCookie=function(Name){
var re=new RegExp(Name+"=[^;]+", "i");
if (document.cookie.match(re))
return document.cookie.match(re)[0].split("=")[1];
return'';
}

lastvisit.setCookie=function(name, value, days){
var expireDate = new Date();

var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days));
document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/";
}

lastvisit.showmessage = function() {
var wh = new Date();
if (lastvisit.getCookie("visitc") == "") {
lastvisit.setCookie("visitc", wh, days);
document.write(firstvisitmsg);
}

else {
var lv = lastvisit.getCookie("visitc");
var lvp = Date.parse(lv);
var now = new Date();
now.setTime(lvp);
var day = new Array("Sun", "Mon", "Tues", "Wed", "Thur", "Fri", "Sat");
var month = new Array ("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
var dd = now.getDate();
var dy = now.getDay();
dy = day[dy];
var mn = now.getMonth();
mn = month[mn];
yy = now.getFullYear();
var hh = now.getHours();
var ampm = "AM";
if (hh >= 12) {ampm = "PM"}
if (hh >12){hh = hh - 12};
if (hh == 0) {hh = 12}
if (hh < 10) {hh = "0" + hh};
var mins = now.getMinutes();
if (mins < 10) {mins = "0"+ mins}
var secs = now.getSeconds();
if (secs < 10) {secs = "0" + secs}
var dispDate = dy + ", " + mn + " " + dd + ", " + yy + " " + hh + ":" + mins + ":" + secs + " " + ampm
document.write(lastvisit.subsequentvisitmsg.replace("\[displaydate\]", dispDate))
}

lastvisit.setCookie("visitc", wh, days);

}

lastvisit.showmessage();


</script><br />
<script>
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return getCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
document.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function DeleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
var expDays = 30;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*24*60*60*1000));
function amt(){
var count = GetCookie('count')
if(count == null) {
SetCookie('count','1')
return 1
}
else {
var newcount = parseInt(count) + 1;
DeleteCookie('count')
SetCookie('count',newcount,exp)
return count
}
}
function getCookieVal(offset) {
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
</script>
<script>
document.write("Anda pernah singgah di blog Jue a.k.a Princess Keliru sebanyak <b>" + amt() + "</b> kali. Terima kasih. Datang lagi ya...")
</script></p>
</div></div>