Wednesday, February 12, 2014

Tutorial Letak Random Post Button Dalam Blog

36 comments

Jika sesebuah blog mempunyai entri yang banyak, mungkin pengunjung tidak tahu untuk membaca mana satu entri di dalam blog tersebut. Jadi bagaimana untuk kita kekalkan pengunjung blog untuk membaca entri blog secara rawak.? Maka perlulah dipasang 'random post button' dalam blog.
Ia juga salah satu cara untuk memastikan pengunjung akan kekal lebih lama di dalam blog kita untuk membaca entri-entri yang terdapat dalam blog secara rawak. Ia sangat bagus bagi blog yang sebahagian besar kandungannya adalah gambar atau video, dimana pengunjung tidak perlu membaca mengikut turutan garis masa, tetapi membaca entri secara rawak.


Contoh blog (test blog) yang dipasang dengan random button ini boleh dilihat di sini > test blog 

Tutorial untuk memasang random post button ke dalam blog adalah seperti berikut.


Friday, October 5, 2012

Cara Masukkan Banyak Gambar Dalam Entri Blog Dengan Mudah

475 comments

Apabila menghasilkan sesebuah entri bagi blog, antara perkara yang hendak dimasukkan adalah gambar. Mungkin mudah untuk masukkan gambar sekeping dua dalam entri blog. Bagaimana pula untuk memasukkan berpuluh-puluh gambar (seperti gambar pergi melancong, perkahwinan, dsb) dalam satu entri blog dengan cara yang mudah.?

Contoh banyak gambar yang dimasukkan sebuah entri seperti di entri ini. Suasana terminal bas di China

Berikut adalah tutorial untuk memasukkan banyak gambar dalam blog sekaligus.

1. Dari dashboard anda, klik pada 'create new post'



2. Pada paparan yang muncul, pilih mode 'compose' kemudian klik pada ikon 'gambar'.



3. Klik pada 'Choose files'



4.Dari paparan yang muncul, pilih seberapa banyak gambar yang anda ingin masukkan, kemudian tekan 'open'



5. Proses upload bermula.



6. Apabila selesai, tekan 'add selected'.
Pastikan sebelum anda tekan 'add selected' semua gambar telah dipilih.



7. Selesai, itu sahaja. Mudah bukan..:)

Berapa maksimum gambar yang boleh diletakkan.?

-Admin sendiri tidak pasti. Kerana admin pernah upload sehingga 40keping, masih lagi ok.:).
Tapi pastinya boleh upload banyak sekaligus.:)



Monday, October 1, 2012

All You Need To Know About Blogger

147 comments

infographic. All You Need To Know About Blogger

Thursday, December 29, 2011

Fibox : Shoutbox Yang Cool Untuk Blogger

219 comments

Fibox adalah satu lagi nama baru untuk shoutbox yang memasuki ruang maya ini. Rentetan daripada shoutmix yang akan menamatkan perkhidmatan percumanya, admin dapati Fibox menawarkan shotbox yang bagi admin memang cool, (walaupun bagi admin baru sekali pandang:)

Fibox kini dalam fasa beta dimana lebih banyak penambahbaikan yang akan dilakukan oleh pihak yang terbabit. Lihat pada paparan yang mesra pengguna dan penggunaannya yang mudah, admin tidak ambil masa yang lama untuk terus daftar. Anda boleh melihat contoh shotbox Fibox ini yang admin letakkan di blog ohbest.

Sambil-sambil daftar, admin ambil kesempatan untuk letakkan sekali tutorial untuk daftar Fibox seperti di bawah.

1. Buka www.fibox.ws, kemudian klik pada Sign Up


2. Masukkan email address dan password. Tick pada term of service kemudian klik continue


3. Notification mengatakan activation email dihantar kepada emial yang anda daftar.


4. Buka email dan klik pada link yang diberi.


5. Pengesahan bahawa akaun anda telah diaktifkan.


6. Login akaun anda, dan untuk kali pertama anda login anda akan diminta untuk create nama untuk shoutbox anda.


7. Daripada dashboard, anda boleh tetapkan setting yang anda kehendaki



8. Copy code yang diberi dan paste ke dalam ruangan HTML/javascript blog anda.
(tidak faham.?)

9. Save dan lihat hasilnya.:)


Tambahan:
Selepas pendaftaran, anda juga boleh login menggunakan akaun facebook anda.




Tuesday, December 27, 2011

Shoutmix Akan Menamatkan Perkhidmatan Percuma | Alternatif Shoutbox Percuma Untuk Ganti Shoutmix

85 comments

Bagi blogger yang sudah lama berkecimpung dalam arena blogging, shoutmix adalah salah satu shoutbox yang paling dikenali. Boleh dikatakan penggunaanya adalah meluas dengan fungsi yang boleh admin katakan mesra pengguna. Dan semua itu boleh didapati secara percuma.


Kini, setelah 7 tahun 'berbakti' dengan mempunyai akaun percuma,  shoutmix mengambil satu langkah drastik, iaitu akan menamatkan perkhidmatan percuma yang ditawarkan. Jadi selepas ini semua akaun shoutmix adalah berbayar.
Satu keputusan yang admin rasakan kurang bijak untuk memenangi hati pengguna maya.

Keputusan ini juga telah diwar-warkan di laman utama mereka.
Bermula 1 Januari 2012, kesemua akaun percuma akan tidak berfungsi kecuali upgrade kepada plan berbayar.



Berikut plan-plan yang ditawarkan untuk pengetahuan atau bagi sesiapa yang berminat. (walaupun admin rasa macam tidak mahu letak je.:)


Sanggupkah anda membayar untuk plan ini.? Kalau admin tidak perlu jawab pun tak pe rasanya.:)

Disebabkan shoutmix akan menghentikan perkhidmatan percumanya bermula 1 Januari 2012 nanti, disini admin letakkan senarai lain shoutbox yang anda boleh dapati secara percuma. Admin belum mencuba lagi mana-mana shoutbox ini buat masa sekarang. Bagi sesiapa yang pernah menggunakan mana-mana shoutbox di bawah, diharap boleh berkongsi pandangan.

1. http://oggix.com/
2. http://www.cbox.ws/
3. http://www.yellbox.com/
4. http://www.freeshoutbox.net/
5. http://www.myshoutbox.com/
6. http://free-shoutbox.net/
7. http://ishoutbox.com/
8. http://www.shoutjax.com/

------------------

p/s: Admin jangkakan pengguna shoutmix akan jatuh menjunam.
Reason: kenapa perlu bayar untuk widget yang boleh didapati secara percuma.:)

Sefikit info tambahan::)


more info:http://www.shoutmix.com/v3/

Monday, December 26, 2011

Objek Berpusing Keliling Mouse

86 comments

Bagaimana anda gayakan mouse bagi pengunjung yang mengunjungi blog anda.? Adakah anda biarkan secara default atau lakukan pengubahsuaian.?
Sebelum ini terdapat beberapa tutorial seperti bubble, sparkle, atau following star.

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

Anda 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.


 

Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com Edited by Unwanted