Sabtu, 24 Agustus 2013

Freebies Back to top Button (Very Cute) part 2

ini Freebies kedua untuk hari ini yaaa ;) Credit Salsa Again ;)

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

http://i1294.photobucket.com/albums/b607/anugerahsalsa/backtotopbyme_zpscd6df28c.png
 http://i1294.photobucket.com/albums/b607/anugerahsalsa/backtotop2_zps2e7c1e00.png
 http://i1294.photobucket.com/albums/b607/anugerahsalsa/backtotop3_zps37868f07.png
 http://i1294.photobucket.com/albums/b607/anugerahsalsa/backtotop4_zps0be2db27.png
 http://i1294.photobucket.com/albums/b607/anugerahsalsa/backtotop5_zps66eebb07.png
 http://i1294.photobucket.com/albums/b607/anugerahsalsa/backtotop6_zps313ce0b7.png
 http://i1294.photobucket.com/albums/b607/anugerahsalsa/backtotop7_zpse457ad18.png
 http://i1294.photobucket.com/albums/b607/anugerahsalsa/backtotop8_zpsa40f9d60.png
 http://i1294.photobucket.com/albums/b607/anugerahsalsa/backtotop9_zps37487bcc.png
http://i1294.photobucket.com/albums/b607/anugerahsalsa/backtotop10_zpsc5b668ab.png
http://i.imgur.com/WRJsacs.png
http://i.imgur.com/aJ4h5rZ.png
http://i.imgur.com/MWXdP1z.png
http://i.imgur.com/5O9CT2H.png
http://i.imgur.com/I1gAFci.png
http://i.imgur.com/MVY1ykW.png
http://i.imgur.com/iWPu2TE.png
http://i.imgur.com/QLlgGG6.png
http://i.imgur.com/OVdoQQK.png
http://i.imgur.com/wUCo4ku.png
http://i.imgur.com/z1IGcBI.png

http://i.imgur.com/tEwOi.png
http://i.imgur.com/JUZt3.png
http://i.imgur.com/43xby.png
http://i.imgur.com/RJMoK.png
http://i.imgur.com/AJRm1.png
 http://i.imgur.com/tx3bT.png
http://i.imgur.com/Ljl6A.png
 http://i.imgur.com/XQBzS.png
http://i.imgur.com/UnWG0.png
 Cute gak???? kalo Cute! ntar aku cari'in lagi hehehe! ato bikin sendiri wkwwkk! thanks all!!! mumumumumu

Freebies Cute Back to Top Button *CreditSalsa

hai hai :) mau post Freebies nih :) Credit by Salsa yaaa :) Url Blog at Under Post. tapi dikit aja yaaaa ;)

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

     
top button, cute top button, back to top button

Selasa, 13 Agustus 2013

Membuat SCM Music Player dengan Skin lain dan berbeda

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

Hai..... ^^ Tadi ada yang nanya "kak, ko Skin SCM Music Player kakak ga ada yang di Menu Skin-nya?" caranya gimana kak" nahhhh jadi caranyaaaa (Ikuti Step)

1. Search di Google "Top SKINS for SCM Music Player"

2. Click menunya yang paling atas


3. Centang di (kotakin) kalo mau itu yang dipilih


4. Setelah di centang, Click PLAYER




5. Click Next



6. Isi Nama Lagu dan LINK Lagunya, lalu CLICK Next




7. Atur sendiri dan Click Done



8. COPAS Codenya!



9. Buka Blogger, Dashboard, Tata Letak, Tambah Gadget, HTML/Java Script, Masukin Codenya tadi, Selesai, Simpan perubahan.

COPAS Boleh, tapi Masukan Credit by Farah yaaa (Credit : farahtutorial.blogspot.com/ )

Selasa, 06 Agustus 2013

Membuat Closed Message Bar

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

haiiii ini tutorial ketiga.. mmmm tau Closed Message kan?? sama kayak Opening Message tapi ini pas ditutup. mau ga??? OK (Ikuti Step)

1. Blogger

2. Template

3. Edit HTML

4. CTRL A -. CTRL C -> CTRL D -> CTRL V

5. Cari Kode

</head>

6. Copas code ini dibawah code tadi

 <script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&#39; Thanks for Visiting &#39;);
}
parent.window.onunload=goodbye;
</script>

7. Simpan perubahan

selesaiiiii

"Cara Menambahkan Blockquote ke dalam Blog"

hai haiii ini adalh Tutorial kedua untuk hari ini.... "Cara menambahkan Blockquote ke Dalam Blog" tau Block Queto kan???

Ini dia Blockquote
Nah!!! mau tau caranya????? (Ikuti Step)

1. Blogspot

2. Template

3. Edit HTML

4. CTRL A -> CTRL C -> CTRL D -> CTRL V

5. Cari Kode

.post-body {

6. Yang paling atas yaaaaa. trus.. Paste Kode ini di ATAS Code tadi

.post blockquote { background-image:url(URL GAMBAR BACKGROUND BLOCKQOUTE); -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; padding: 6px; Border: 3px solid #FF0080; margin:1em 20px; }
7. U.G.B.B Ganti dengan URL Background yang kalian mau

8. Simpan

9. Simpan perubahan

selesai!!!! nantikan tutorial berikutnyaaaa

COPAS BOLEH, TAPI SERTAKAN CREDIT BY FARAH YA (Credit : http://farahtutorial.blogspot.com/ )

Senin, 05 Agustus 2013

"Cara Menambahkan Text di Cursor Blog ketika bergerak"

 hai semuaaaa! besok lebaraaan Minal Aidin Walfaidzin ya!!! mmmm... tadi ada yang Riquest "kak blog temenku cursornya kalo gerak ada tulisannya kak! Caranya gimana kak?" eittttssss mau tau Caranya??? Gini.. (Ikuti Step)

1. Kalian pergi ke Blogger

2. Bistuh pas udah di dashboard, ke Tata Letak

3. Tambah Gadget

4. Pilih HTML/Java Script

5. Trus kalian Copas Code ini

 <style type="text/css">
/* Circle Text Styles */
#outerCircleText {
font-style: normal;
font-weight: normal;
font-family: 'verdana';
color: #FF0080;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "Farah Tutorial Blog";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.2;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
</script>

6.  VERDANA kalian ganti dengan Font Text yang kalian mau

7. FF0080 Ganti dengan Code warna yang kalian mau

8. Farah Tutorial Blog ganti dengan Tulisan yang kalian mau

9. Simpan -> Simpan perubahan.

nah selesai!! gimana???? nantikan Tutorialku brikutnyaaaa dadaaah

 COPAS BOLEH, TAPI SERTAKAN CREDIT BY FARAH YA, (Credit : http://farahtutorial.blogspot.com/ )