F A T Y N H O N E Y

Hello!

Welcome to my simple triple blog, i`m Atin..thanks for visited my blog, nice to meet you, leave your footstep at my cbox,Dalam ni banyak tutorial yang menarik .. So enjoy . Do follow

Tagboard!

My Post

Cara letak Facebook button like di blog .

Tutorial Letak Button Follow dan Dashboard Dalam Blog

Cara letak kelpak bunga berguguran di blog.

Cara letak objek berpusing di mouse .

Cara nak ubah cursor

cara nak letak top buttons .

Cara nak ubah smiley dekat Chatbox .

Nak buat blogskin sendiri .

Letak frame dekat chatbox .

Cara nak guna blogskin .

Thanks Bear

Template 100%: Atin Tory
Editor:F A T Y N H O N E Y
Help: ➊ ➋ ➌

Cara letak Facebook button like di blog .

Monday, 15 April 2013 | 04:06 | 0 comments

Meletakkan button 'like' dalam blog dapat memberi gambaran secara kasar samada penunjung anda menyukai entri yang ada di blog anda. Selain itu, penggunaan button 'like' ini juga sedikit sebanyak dapat meningkatkan trafik blog anda.

Anda boleh lihat contoh button 'like' di blog ini dan juga di unwanted86.

Cara-cara untuk meletakkan button like ini adalah seperti berikut.

1. Login akaun blogger, dari dashboard > design > edit HTML > expand widget templates
( backup template untuk langkah berjaga²)

2. Menggunakan fungsi find (ctrl + F), cari kod berikut.

<data:post.body/>

3. Kemudian copy kod ini, dan paste di bawah kod yang anda cari di langkah 2.

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

contoh:

4. Save dan lihat hasilnya.:)

Kalau dah dapat jangan lupa komen tau :)

Tutorial Letak Button Follow dan Dashboard Dalam Blog

| 04:01 | 0 comments

Dalam template asal blogger, sudah diletakkan untuk widget follower dan juga dashboard. Walau bagaimanapun, awak boleh melakukan sedikit pengubahsuaian. Tutorial kali ini akan tunjukkancara untuk letak button follow dan dashboard dalam blog seperti gambar di bawah.

Awak juga boleh tengok demo button follow dan dashboard ini di test blog ini.

Tutorial adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang dibuka.
[tidak faham.?]

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=ID BLOG ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-N61PPu_1haE/TtOSBZgZikI/AAAAAAAAHvc/vIEC_dYpIVo/dashboard.png" /></a></div>

Nota: Gantikan 'ID BLOG ANDA'

Bagaimana untuk cari ID Blog.?
> Anda klik pada 'new post' dari dashboard, dan akan ada paparan seperti gambar di bawah. Noombor yang admin highlight adalah contoh NO ID BLOG

3. Setelah anda selesai letakkan ID blog anda, save dan lihat hasilnya.:)

Kalau dah dapat jangan lupa komen tau :)

Cara letak kelpak bunga berguguran di blog.

| 04:00 | 0 comments

Ingin menampakkan blog awak kelihatan lebih menarik dengan objek yang berguguran selain daripada salji.?
Apa kata kalau hiaskan blog awak dengan kelopak bunga yang berguguran seperti gambar di bawah.

Awak boleh melihat contoh kelopak bunga yang berguguran di blog demo ini.

Tutorial yang ringkas adalah seperti berikut.

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka

<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
.css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
.css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>

3. Save dan lihat hasilnya.:)

Kalau dah dapat jangan lupa komen ye :)

Cara letak objek berpusing di mouse .

| 03:57 | 0 comments

Assalammualaikum , Kali ni tutorial paling best :)

Dan kali ini, satu lagi ubahsuai yang anda boleh lakukan, iaitu objek berpusing keliling mouse seperti gambar di bawah

Awak juga blog melihat contoh di blog demo ini

Tutorial di bawah.

1. Dari dashboard > design > add a gadget > HTML/javascript.

2. Copy dan paste kod di bawah ke dalam ruangan HTML/javascript yang anda buka.
(tidak faham.?)

<script language="JavaScript" type="text/javascript">

var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";

var n = 6; //number of dots per trail.
var t = 40; //setTimeout speed.
var s = 0.2; //effect speed.

var r,h,w;
var d = document;
var my = 10;
var mx = 10;
var stp = 0;
var evn = 360/3;
var vx = new Array();
var vy = new Array();
var vz = new Array();
var dy = new Array();
var dx = new Array();

var pix = "px";

var strictmod = ((document.compatMode) &&
document.compatMode.indexOf("CSS") != -1);

var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

for (i = 0; i < n; i++)
{
var dims = (i+1)/2;
d.write('<div id="x'+(idx+i)+'" style="position:absolute;'
+'top:0px;left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+xCol+';font-size:'+dims+'px"><\/div>'
+'<div id="y'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+yCol+';font-size:'+dims+'px"><\/div>'
+'<div id="z'+(idx+i)+'" style="position:absolute;top:0px;'
+'left:0px;width:'+dims+'px;height:'+dims+'px;'
+'background-color:'+zCol+';font-size:'+dims+'px"><\/div>');
}

if (domWw) r = window;
else
{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else
{
if (d.body && typeof d.body.clientWidth == "number")
r = d.body;
}
}

function winsize()
{
var oh,sy,ow,sx,rh,rw;
if (domWw)
{
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number")
{
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else
{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh;
w = rw;
}
else
{
h = r.clientHeight;
w = r.clientWidth;
}
}

function scrl(yx)
{
var y,x;
if (domSy)
{
y = r.pageYOffset;
x = r.pageXOffset;
}
else
{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}

function mouse(e)
{
var msy = (domSy)?window.pageYOffset:0;
if (!e) e = window.event;
if (typeof e.pageY == 'number')
{
my = e.pageY - msy + 16;
mx = e.pageX + 6;
}
else
{
my = e.clientY - msy + 16;
mx = e.clientX + 6;
}
if (my > h-65) my = h-65;
if (mx > w-50) mx = w-50;
}

function assgn()
{
for (j = 0; j < 3; j++)
{
dy[j] = my + 50 * Math.cos(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) + scrl(0) + pix;
dx[j] = mx + 50 * Math.sin(stp+j*evn*Math.PI/180) *

Math.sin((stp+j*25)/2) * Math.sin(stp/4) + pix;
}
stp+=s;

for (i = 0; i < n; i++)
{
if (i < n-1)
{
vx[i].top = vx[i+1].top; vx[i].left = vx[i+1].left;
vy[i].top = vy[i+1].top; vy[i].left = vy[i+1].left;
vz[i].top = vz[i+1].top; vz[i].left = vz[i+1].left;
}
else
{
vx[i].top = dy[0]; vx[i].left = dx[0];
vy[i].top = dy[1]; vy[i].left = dx[1];
vz[i].top = dy[2]; vz[i].left = dx[2];
}
}
setTimeout(assgn,t);
}

function init()
{
for (i = 0; i < n; i++)
{
vx[i] = document.getElementById("x"+(idx+i)).style;
vy[i] = document.getElementById("y"+(idx+i)).style;
vz[i] = document.getElementById("z"+(idx+i)).style;
}
winsize();
assgn();
}

if (window.addEventListener)
{
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
document.addEventListener("mousemove",mouse,false);
}
else
if (window.attachEvent)
{
window.attachEvent("onload",init);
document.attachEvent("onmousemove",mouse);
window.attachEvent("onresize",winsize);
}
</script>

3. Save dan lihat hasilnya.

TAMBAHAN.

i) Bagi sesiapa yang tukar warna objek tersebut, boleh tukar pada kod ini.
(mencari kod warna.?)

var xCol = "#FF0000";
var yCol = "#FFFF00";
var zCol = "#0000FF";

ii) Kod ini memerlukan anda menggunakan layout template.

Cara nak ubah cursor

| 03:53 | 0 comments

Aku tau korang minat main nak tukar cursor blog korang kan ? Korang ni memang berhati kawaii betul la. Hihi. Kepada yang suka kan perubahan dan benda benda pelik, jom tukar cursor classic kepada cursor yang lebih comel = )

Blog contoh : Neonhotlink, Zara & Blogcursor

Mesti korang nak cursor blog korang nampak comel kan ?

Langkah 1
Cara Tukar Cursor Blog :

Go to >> Mana mana website dibawah :

123 Cursor

Cursor4u

Freecursor

Pilih mana mana cursor yang korang suka

Right click >> Copy Image Location

Contoh dalam gambar

Langkah 2

Cara Tukar Cursor Blog :

Go to >> Page Element >> Add a Gadget

Pilih >> Html / Javascript

Copy kod dibawah :

<style type="text/css">body {cursor:url("URL IMAGE LOCATION CURSOR"),default}</style>

Gantikan URL IMAGE LOCATION CURSOR dengan Url Image location yang korang copy tadi.

Save

Siap !

Credit : Godek

Selamat Maju Jaya !

Kalau dah dapat jangan lupa komen tau :)

cara nak letak top buttons .

| 02:13 | 0 comments

Assalammualaikum, Korang tengah buat apa ? Buat bodoh je , Haha .. Okay so ini tutorial yang terakhir untuk harini , Esok Atin sambung balik eh ? :)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byLyssaFaizureen***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="URL IMAGE TO TOP KORG" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

ahaa.......tu diaaa.........haahaa.......yang kaler MERAH tuu URL image to top......boleh jerr kalau taknakk image yg bertulis to top mcm nuryn tuhh......tak kesahh anythingg punn asalkan image okengg??godek2 dari CNI jer....cari kat ctu okengg??

gudbyeeeeeeee!!!!!!!

Dah dapat tu jangan lupa komen :)

Cara nak ubah smiley dekat Chatbox .

| 02:10 | 0 comments

Assalammualaikum, Korang sihat ? Sihat . Huh , Korang nak tutorial ubah smiley dekat chatbox ? Wokeyy Ni dia :)

oekayszz........tahpii utk Cbox users shj yerkk!!!
heehee.......jd kalo nk guna tuto niee,jdlah pengguna cbox yeaaa!!!!(promote japp)
okesss,mau mula??dah sedia nak mula??jomm mulaa!!!!
login acc cbox korunkss.....kalo blom daftar acc cbox,bkk CNI!!!!
okk,back to d point.....dah login,sila2lahh click options kat ctuhh.......ta pahemmm???okk,scroll ke bwh.....

haaa..............click utk nampak dgn lebeyyy jelass yewrrr........
dah abess click options tuhh,click smiles pulokk yerr.........
ohkaiii......sooooooooooo,kat bahagian URL tuu,padam URL sedia ada dan gantikan dgn URL smiley yg korg nak yerr....kat bwh niii ade ciket.....kalo nak amikkk........kalo xnk,korg bole cari sniry yeaa sayunkss sayunksss......

http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/emote1.png

http://dl6.glitter-graphics.net/pub/369/369176i664wis02c.gif

http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/emote2.png

http://dl2.glitter-graphics.net/pub/436/436032x06lk4lcqb.gif

http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/emote3.png

http://dl9.glitter-graphics.net/pub/1205/1205099zhwi7s2bb3.gif

http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/emote4.png

http://dl5.glitter-graphics.net/pub/616/616445m3fobhhpmg.gif

http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/emote9.png

http://dl2.glitter-graphics.net/pub/369/369182h9f7t06oge.gif

http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/emote12.png

http://i985.photobucket.com/albums/ae340/ameliaaaaaaaa/emote8.png

haaa.....tuuu diaaa!!!kalo ta puas aty ngan smileys yg nuryn bagi,korg boleyy checkitout kat ...... SINI!!!

hehhee.....atau kat SINI!!!

kalau tak pun,kat SINI lahh!!!

haaaa........dah tu,ape lg,click SAVE!!!!korg xperlu amekk coding yg baru.......coding nyeaa still sama.....so,dun werry lahh yeww!!!!PeAcE yawww!!!!

Dah dapat jangan lupa komen :)

Older Post