Membuat Whishlist di Blog

COPAS Boleh, tapi Sertakan Credit by http://farahtutorial.blogspot.com/ di awal Post

Ngerti maksudnya Whishlist ga?.. mmm gini aja! aku sulit ngejelasinnya! kalian liat aja maksudnya ini!!!! tuh...

Aktiviti hari ini

Blogwalking

facebook ^_^

buat header

design template blog

update blog

udah ngerti kan???? mau gitu di BLOG??? OK!!! (Ikuti Step)

1) Sign in akun blogger

2) Dashboard ==> Design ==> Page Element ==> Add A Gadget > Html/Javascript

3) Copy paste kode di bawah di Html/Javascript tadi

<form name=myform>
<input type="checkbox" name="mybox" value="satu" checked />satu <br />
<input type="checkbox" name="mybox" value="dua" checked />dua <br />
<input type="checkbox" name="mybox" value="tiga" checked />tiga <br />
<input type="checkbox" name="mybox" value="empat" disabled />empat <br />
</form>

4) Tulisan warna merah sesuai whishlist yag kalian mau letakin!!!!!

5) Tulisan warna biru  boleh diubah dengan "checked" atau "disabled"

6) Save dan lihat hasilnya.

7) Selesai!!!!
Selamat Mencoba!!!"


credit : jombinabelog

"Cara Menambahkan Widget LinkWithin ke Dalam Blog"

Ya allah!!! dah lama banget gak bikin tutorial! aku pengen bikin lageee! hhhhmmmm apa yaaa.... aha ini aja deh Cara Menambahkan Widget LinkWithin ke dalam blog, tau gak apa itu LinkWithin? kalian bisa lihat di bawah post blogku, judul beserta gambarnya bukan? mau dibikinin gitu? ok!!! langsung aja yukkkk! (Ikuti Step)

1) Buka ke linkwithin.



2) Nanti kalian isi formulir itu!!! ada Email (email yahoo/gmail), ada LINK Blog!.... terus dibawah lagiii kalian pilih Blogger! lalu kalian pilih Jumlah LinkWithin yang kalian mau, kayak aku kan ada 3, naaaah kalau kalian mau berapa?.

3)  Klik Install Widget.

 

4) Setelah itu... Kalian Klik Add Widget!!!!!(tertambah secara otomatis)

5) Kalian Langsung aja buka Blogger kalian.

6) Seperti biasa..... ke Tata Letak, ini otomatis Tertambah sendiri Gadgetnya....

7) Kalian bisa memilih Tempat Gadget itu mau dipasang!!, kalian bisa memindahnya! walaupun kalian memindahnya ngasal!! tapi hasilnya tetap aja di bawah Post :D Lalu Klik Save ya. jangan lupa.

8) Selesai!!!! Lihat Hasilnya....

Gimana??? mau lagi??? OK Ntar aku kasih lagi tutorial berikutnya!!! BYE BYE

"Wassalamualaikum Warahmatullahi Wabarakatuh" 

"Cara Menambahkan Widget Melukis Doodle ke Dalam Blog"

Kalian pasti mau kan!! (mungkin ada yang gak mau), nambahkin Widget Melukis doodle di blog? heheh aku sih pengen2 aja! tapi di blog satunya. mmmm mau gak nih? mau kan ditambahin ke Blognya!! ok Langsooooooooong (Ikuti Step)

1 Kalian Copast Code Ini.

<object data="http://img0.liveinternet.ru/images/attach/c/0//3768/3768733_paint_www.swf" height="340" type="application/x-shockwave-flash" width="480"> </object>

2. Kalian pilih di "Laman/Post/Widget Sidebar" terserah mau pilih diletakan yang mana.
_________________________________________________________________________________

A. di tambahkan di Laman.

1. Buka Blogger.

2. Sign In ke Dashboardnya... Klik Laman.

3. Pilih Tambah Laman (Laman Kosong).

4. Copast aja kode yang tadi.

5. klik Simpan/Publikasikan.
________________________________________________________________________________

B. Ditambahkan di Post.

1. Buka Blogger.


2. Sign In ke Dashboardnya... Klik Post/Klik di Gambar Pensil itu.

3. Copast aja kode yang tadi.

5. klik Simpan/Publikasikan.
_________________________________________________________________________________

C. Ditambahkan di Widget Sidebar.


1. Buka Blogger.


2. Sign In ke Dashboardnya... Klik Tata Letak.

3. Tambah Gadget.

4. Pilih HTML/Java Script.

5. Copast aja kode yang tadi.

6. klik Simpan ==> Simpan Perubahan.

Selesai!!!!!!!!!!!!!!

"Wassalamualaikum"

Credit : cuma ngambil LINK Tempat ngelukis doodlenya aja :) http://snowy-langit.blogspot.com/

Menambahkan Top Comment

COPAS Boleh, tapi Sertakan Credit by http://farahtutorial.blogspot.com/ di awal Post

hallo semua.... aku kembali!!!!! ada yang kangen?? (lupakan) mmm kali ini tutorialnya "Cara Menambahkan Top Comment ke Dalam Blog" ada yang tau apa itu Top Comment? ini digunakan untuk mengetahui siapa pengomen terbanyak, itulah Top Comment, di Blog aku ada koq, tapi yang sederhananya saja :) ada yang mau???? OK (Ikuti Step) 

1. Dashboard ==> Design ==> Add a Gadget ==> Html/JavaScript

2. Kalian Copy Kode dibawah ini! :

<!-- Top Commentators Cloud Start -->

<div style="text-align:justify;line-height:1.2;"><script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max){
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name
display = display + ccLName;
}
document.write(display);}</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://farahshoffashafira.blogspot.com/
&Exclusions=Farah Shoffa Shafira
&ShowHowMany=10
&Order=alphabet
&_callback=cCloud&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script><br/><span style="font-size: 8px;"><a href="

http://farahtutorial.blogspot.com/2013/01/cara-menambahkan-top-comment-ke-dalam.html

">Mau Top Commenter Ini KLIK DISINI...</a></span></div>

</div>
<!-- Top Commentators Cloud End -->

3 . Ubah beberapa Keterangan LINK Code:

• Angka 10 adalah jumlah top komentator yang akan muncul di blog kalian.
• Ganti http://farahshoffashafira.blogspot.com/ dengan url blog kalian.
• Farah Shoffa Shafira adalah nama-nama yang tidak ingin ditampilkan dalam top komentator kalian, kalian dapat mengubahnya dengan nama kalian sendiri ketika berkomentar (besar kecilnya huruf berpengaruh) agar nama kalian tidak muncul di sana.
• Alphabet adalah urutan top komentator berdasarkan abjad atau huruf nama, bisa diganti dengan "frequency" jika ingin mengurutkannya berdasarkan banyaknya komentar.

4. Kalo Udah!!!!!! Save. Simpan ==> Simpan Perubahan.

Selesai!!!!

"Wassalamualaikum"

Credit by:Dea Rahma Dewi

"Cara Menambahkan Cursor Buatan Sendiri ke Dalam Blog"

kali ini.... cursor sendiri... bebas!! bisa di Photoshop/Photoscape..... aku creditnya dari blog yang pemiliknya aku belum kenal, heehh namanya Zalfa, ntar di bawah link blognya. mau gak tau caranya??? ok.. (Ikuti Step)

1. Blogger Dashboard ==> Cari Tata Letak ==> Klik Add a Gadget.


2. Pilih HTML/Javascript.

3. Copy code di bawah ini ya :)

<style>body {cursor:url(URL CURSOR), url(URL CURSOR), auto;} </style><a href="Your Link Blog Here" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

4. Ganti URL CURSOR Itu dengan URL Cursor buatan kalian sendiri :) kan bisa di PhotoShop/PhotoScape

5. Ganti Link Blog itu.... dengan Link Blog kalian.

6. Jika sudah.... Klik Simpan ==> Simpan Perubahan

Selesai!!!

"Wassalamualaikum"

credit : http://learnwithzalfa.blogspot.com/2012/12/cara-meletakkan-cursor-buatan-sendiri.html

"Cara Mengganti Cursor Dengan Princess Cursor di Blog"

Kalian semua pasti udah tau Princess Disney kan? mmmm, mau gak Cursornya jadi itu?, supaya singkat aku ambil di "Cursor 4U" aripada susah nyarinya, hehehe, mau kan? apalagi khusus pecinta kartun dinsey, ok langsung aja yuk... (Ikuti Step)

1. Buka Blogger ==>  Sign In

2. Tata Letak ==> Tambah Gadget ==> HTML/Java Script

3. Copast Code Ini. (Pict One)

Disney Little Mermaid Ariel glitter Cursor

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-8/too747.ani), url(http://cur.cursors-4u.net/toons/too-8/too747.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/01/31/disney-the-little-mermaid-ariel-glitter.html" target="_blank" title="Disney The Little Mermaid Ariel Glitter"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Disney The Little Mermaid Ariel Glitter" style="position:absolute; top: 0px; right: 0px;" /></a>

Disney Sleeping Beauty Aurora glitter cursor

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-8/too746.ani), url(http://cur.cursors-4u.net/toons/too-8/too746.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/01/31/disney-sleeping-beauty-princess-aurora-glitter.html" target="_blank" title="Disney Sleeping Beauty Princess Aurora Glitter"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Disney Sleeping Beauty Princess Aurora Glitter" style="position:absolute; top: 0px; right: 0px;" /></a>

Disney Cinderella glitter cursor

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-8/too745.ani), url(http://cur.cursors-4u.net/toons/too-8/too745.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/01/31/disney-cinderella-glitter.html" target="_blank" title="Disney Cinderella Glitter"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Disney Cinderella Glitter" style="position:absolute; top: 0px; right: 0px;" /></a>

Disney Beauty and The Beast Belle Glitter cursor

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-8/too744.ani), url(http://cur.cursors-4u.net/toons/too-8/too744.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/01/31/disney-beauty-and-the-beast-bell-glitter.html" target="_blank" title="Disney Beauty And The Beast Bell Glitter"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Disney Beauty And The Beast Bell Glitter" style="position:absolute; top: 0px; right: 0px;" /></a>

Disney Snow White glitter cursor

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-8/too743.ani), url(http://cur.cursors-4u.net/toons/too-8/too743.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/01/31/disney-snow-white-glitter.html" target="_blank" title="Disney Snow White Glitter"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Disney Snow White Glitter" style="position:absolute; top: 0px; right: 0px;" /></a>

Disney Jasmin glitter cursor

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-8/too742.ani), url(http://cur.cursors-4u.net/toons/too-8/too742.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/01/31/disney-aladdin-jasmine-glitter.html" target="_blank" title="Disney Aladdin - Jasmine Glitter"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Disney Aladdin - Jasmine Glitter" style="position:absolute; top: 0px; right: 0px;" /></a>

4. Kalau udah.... Klik Simpan ==> Simpan Perubahan.

Selesai!!!

"Wassalamualaikum"

"Cara Menambahkan Efek Love Berjatuhan Pada Cursor Blog"

Sebenarnya... aku mau bikin nih Tutorial udah lama :) tapi... yaaa lagi malas, hehehe. mmm ini aku credit di jombinabelog ya... ntar link blognya di bawah. ok!!! kali ini tutorialnya adalah cara menambahkan efek love berjatuhan pada cursor blog, tengok blog-ku :) ada kayak love berjatuhan kan? nah itu dia... biasanya sih orang nyebutnya "Cursor Love Sparkling".. mmm mau tau caranya?? ok (Ikuti Step)

1. Buka Blogger ==> Sign In

2. Klik Tata Letak.

3. Tambah Gadget,

4. Cari HTML/Java Script.

5. Copast Code di bawaah ini.

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

6. Ganti tulisan "FF0066" Itu dengan Warna Love-nya yang kalian mau.

7. Kalo udah... Save :)

8. Simpan perbuahan.

Selesai! smoga bermanfaat ya!! Wassalamualaikum!

Credit : Jom Bina Belog (Tutorial Bina Blog) http://jombinabelog.blogspot.com/