Cara Masukkan Banyak Gambar Dalam Entri Blog Dengan Mudah

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.:)

All You Need To Know About Blogger

infographic. All You Need To Know About Blogger

Fibox : Shoutbox Yang Cool Untuk Blogger

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.

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

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/

Objek Berpusing Keliling Mouse

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.

Tutorial Letak Facebook Like Badge Masa Blog Dibuka

Facebook dan blogger adalah kombinasi yang agak bagus. Dengan adanya facebook page, blogger dapat berinteraksi dengan pengunjung. Salah satu penggunaan yang cool adalah dengan meletakkan facebook like badge semasa blog anda dibuka.

Secara tidak langsung dapat menggalakkan pengunjung blog anda untuk pada masa yang sama 'like' pada page anda.

Contoh seperti dibawah

Anda juga boleh melihat demo di test blog ini.

Tutorial letak facebook like badge semasa blog dibuka seperti dibawah.

1. Dari dashboard > design > edit HTML

2. Backup template blog sebagai langkah berjaga²

3. Dengan menggunakan fungsi find (ctrl + F), cari kod <body>
3.1 Jika anda tidak jumpa code <body>, cari kod ini
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

4. Copy dan paste code di bawah selepas kod yang anda jumpa di langkah 3 atau 3.1

<!-- KakiNetwork.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='OhBest'
//]]>
</script>
<link href='http://kakinetwork.com/sources/fbfans-pro/kakinetwork.css' rel='stylesheet' type='text/css'/>
<script src='https://sites.google.com/site/unwanted86/javascript/jquery.js' type='text/javascript'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
<script src='https://sites.google.com/site/unwanted86/javascript/kakinetwork.js' type='text/javascript'/>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 15,
wait: 0,
url: 'http://www.facebook.com/OhBest',
closeable: true,
});
});
//]]>
</script>
<div id='fbtpdiv'/>
<!-- KakiNetwork.Com Likebox Pro FBFan Code End -->

Contoh:




NOTA:
i) Gantikan 'OhBest' pada row KNFBFansPRO='OhBest' dengan nama yang anda mahu.
ii)Gantikan '15' pada row 'timeout: 15,' dengan masa paparan yang anda mahu semasa blog dibuka
iii) Gantikan dengan url page anda pada row url: 'http://www.facebook.com/OhBest',

5. Save dah lihat hasilnya.:)


Kredit: Terima kasih kepada kakinetwork.com untuk code yang sungguh cool ini.