Ubah Lebar Gambar Dalam Entri

Ada entri dalam blog yang memerlukan anda untuk meletakkan gambar sebesar yang mungkin bergantung kepada ruang yang ada. Sebelum ini tutorial sudah menunjukkan bagaimana untuk memaparkan saiz yang maksimum untuk gambar yang telah diupload.


Untuk kali ini, tutorial akan menunjukkan bagaimana untuk menguruskan saiz gambar yang telah diupload. Ini kerana apabila gambar terlalu besar, maka ianya akan melebihi ruang yang sepatutnya untuk entri.

Terdapat 2 cara untuk tutorial ini.

Cara 1:
Masukkan width="200" ke dalam kod gambar.

Contoh:

<img src="URL GAMBAR" width="500" >


Nilai 200 boleh ditukar bergantung kepada lebar ruangan entri anda. Kebiasaannya lebar entri bagi ssebuah blog antara 400 hingga 500. Jadi anda boleh cuba mana yang sesuai.

Contoh gambar dengan width 400




Cara 2:
Masukkan width="95%" ke dalam kod gambar.

Contoh:
<img src="IMG URL" width="95%" >


Cara kedua mengunakan peratus untuk menentukan saiz gambar. Kalau anda memasukkan 95%, maka gambar yang terhasil akan mengambil lebar 95% daripada lebar sebenar ruangan entri anda.


contoh width 95%



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

p/s: height jarang dipertimbangkan kerana width yang lebih penting.

Selamat Mencuba.:)



Penggunaan saiz gambar juga penting dalam menghasilkan entri. Ada entri yang menggunakan gambar dengan saiz kecil, tetapi bagi yang menggunakan gambar saiz besar, mungkin menghadapi sedikit masalah kerana gambar yang dipaparkan tidak menggunakan ruang yang ada semaksimum mungkin.

Ini contoh gambar apabila menggunakan option image size : large.
Walaupun menggunakan option, large, tetapi gambar yang dihasilkan tidak menggunakan ruangan post dalam blog secara maksimum.


Berikut adalah cara untuk menghasilkan penggunaan gambar yang maksimum dalam blog.

Apabila anda upload gambar, akan keluar kod seperti ini.
Buang kod seperti yang telah di highlightkan.



Note :
- Tidak kisah berapa nilai width atau height, asalkan buang kod tersebut.
- utk nilai s400, ada juga nilai lain seperti s1600, s128 dan lain�. Kod yang ada perlu buang ini terletak sebelum nama gambar yang anda upload.

Selepas kod dibuang untuk gambar di atas, gambar akan menjadi saiz mengikut saiz asal gambar. Contoh di bawah.


Note: Bila menggunakan kaedah ini, tidak kisah kalau anda menggunakan image option small, medium atau large. Asalkan anda buang kod tersebut, gambar akan jadi maksimum saiz.

Selamat mencuba.:)..

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

Masalah gambar terlebih besar apabila buang kod.?

Tunggu tutorial seterusnya.:)

Hack Shutdown PC

Bagi sobat yang punya hobi ngejahilin teman ato iseng terhadap PC ato komputer teman dengan cara menshutdown PCnya, maka berikut ini ada cara yang sobat bisa lakukan :

  1. Klik START pilih RUN.
  2. Ketikkan perintah cmd pada kotak dialog RUN
  3. Setelah keluar tampilan DOS Prompt, ketik perintah shutdown.exe -i

Setelah mengetik perintah tersebut, maka akan muncul kotak dialog Remote Shutdown Dialog seperti gambar di bawah ini :
Nah, sobat bisa bereksperimen dengan memilih komputer mana aja yang ingin sobat shutdown. Tekan tomol Browse untuk mencari target, OK untuk melanjutkan proses shutdown.
Selamat mencoba! :p

Scroll Box untuk Widget

Meletakkan sesuatu widget adalah bagus untuk blog. Walau bagaimanapun, adakalanya widget tersebut boleh 'menggangu' pandangan jika mengambil ruang yang agak besar untuk blog.

Salah satu penyelesaianya adalah dengan menjadikan widget tersebut boleh scroll. Ini secara tidak langsung dapat mengurangkan ruang yang digunakan dan menjadikan blog anda nampak lebih kemas.

cara buat scroll box


Scroll box ini juga sesuai dengan apa sahaja widget yang anda mahu.:) Antara widget yang sesuai menggunakan scroll box ini adalah Mister Linky. Ini kerana jika jumlah pengunjung yang meletakkan url adalah banyak, ruang yang digunakan juga akan bertambah.

Secara ringkasnya, apa sahaja widget yang guna kod HTML boleh guna cara ini untuk jadikannya scroll.:)

Tutorial untuk membuat scroll box adalah seperti berikut..

1. Dari dashboard > design > add a gadget > HTML/javascript
(Jika anda sudah letakkan widget hanya buka HTML/javascript widget yang anda telah letak di blog)

2. Kemudian masukkan/ubah kod widget seperti berikut.

<div style="width:426px;height:100px;overflow:auto; ">

Letakkan kod widget anda disini

</div>


Note :
width: ubah mengikut lebar yang anda kehendaki
height: ubah mengikut tinggi yang anda kehendaki


3. Apabila selesai, save dan lihat hasilnya..

Senang bukan..:)

Sesetengah pemilik blog akan memasukkan link pengunjung sebagai exchange. Cara ini bagus untuk meningkatkan trafik blog. Kebiasaanya, link pengunjung akan dimasukkan oleh pemilik blog.

Tetapi dengan misterlinky, pengunjung sendiri akan meninggalkan link blog mereka pada blog� yang meletakkan widget ini. Secara tidak langsung dapat memudahkan kedua-dua belah pihak, pemilik blog dan pengunjung blog.

Berikut contoh widget misterlinky ini.




Untuk mendapatkan widget ini, anda boleh dapatkan (daftar) di www.misterlinky.net/

Setelah selesai mendaftar dengan linkwinky, dapatkan kod HTML kemudian paste di bahagian page element blog anda.

Antara kelebihan menggunakan misterlink ini adalah widget yang simple dan mudah untuk memasukkan url blog. Pemilik blog juga senang untuk menguruskan widget ini(jika ada link yang tidak dikehendaki)

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.

Letak Facebok Button 'Like' Dalam Blog

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='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>


contoh:
Letak Facebok Button 'Like' Dalam Blog


4. Save dan lihat hasilnya.:)

Penggunaan button share dalam blog untuk web sosial facebook dapat memudahkan para pengunjung sesebuah blog berkongsi apa yang disukai kepada kawan-kawan di facebook.

Letak Facebook Share Button pada Blog

Dengan hanya beberapa klik sahaja, ianya sudah siap sedia untuk dikongsi di profile facebook. selain itu penggunaan facebook share button ini dapat manarik lebih ramai pelawat ke sesebuah blog.

Contoh penggunaan facebook share button (selain blog ini) adalah di unwanted86 dan juga ohbest.

Cara untuk memasukkan facebook share button ini adalah seperti berikut.

1. Pilih jenis facebook share button yang anda kehendaki, kemudian copy code yang diberi.


Code untuk Full

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>



Code untuk Compact

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>


2. Login akaun blogger, dari dashboard > design > edit HTML > Expand Widget Templates (Jangan lupa backup template)

3. Menggunakan fungsi find (ctrl + F), cari kod ini.

<div class='post-header-line-1'/>



jika tidak jumpa, cari kod ini.

<div class='post-header-line-1'>





4. Selepas itu paste kod share button (langkah 1) DIBAWAH kod yang anda cari (langkah 3)

5. Save template dan lihat hasilnya.

Recent Post dengan Thumbnail Widget

Penggunaan widget recent post adalah penting untuk menunjukkan kepada pengunjung apa entri-entri terbaru yang terdapat dalam blog. Lagi berguna jika pengunjung yang datang bukannya dari frontpage. Jadi widget recent post sangat penting ketika ini.

Sebelum ini sudah diletakakn Animated recent post widget,tetapi untuk kali ini, tutorial akan menunjukkan cara meletakkan recent post widget, tetapi jenis statik.

Contoh adalah seperti gambar ini.


Cara-cara untuk meletakkan widget ini adalah seperti berikut:

1. Dari dashoard > desin > add a gadget > HTML/javascript

2. Dalam ruangan HTML/javascript, masukkan kod berikut.

<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";

imgr[1] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";

imgr[2] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";

imgr[3] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";

imgr[4] = "http://3.bp.blogspot.com/_CEj8AwvwSNM/TSBlHGugCBI/AAAAAAAAFPA/Z5MTCuXMpEs/no_image.gif";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://URL ANDA.blogspot.com/";

</script>

<script src="https://sites.google.com/site/unwanted86/javascript/recentpostthumnail.js" type="text/javascript"></script>



Note:

Anda boleh ubah beberapa kod mengikut kesesuaian blog anda.

boxwidth - lebar widget
cellspacing - jarak antara cell (default sudah ok)
borderColor - Warna background (untuk melihat senarai kod warna, RUJUK SINI)
thumbwidth & thumbheight - lebar dan tinggi thumbnail (default sudah ok)
fntsize - Size untuk tajuk
acolor - Warna tajuk.untuk melihat senarai kod warna, RUJUK SINI)
aBold - Mahu tajuk di'tebalkan' atau tidak (true or false)
numposts - Bilangan recent post yang dikehendak
home_page : http://URL ANDA.blogspot.com/ (Gantikal URL ANDA dengan url blog anda)


3. Save dan lihat hasilnya.:)

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

-Bagi yang buat tetapi tidak menjadi, dari dashboard > settings > site feed
- Pada allow site feeds, pilih FULL

Tutorial ini akan menunjukkan bagaimana untuk menjadikan cursor anda menghasilkan 'bintang�' yang berkerlipan. Terdapat pelbagai jenis warna yang telah diletakkan untuk memudahkan pemilik blog sesuaikan dengan warna thema masing�. Kata lain yang mungkin sesuai ialah untuk menjadikan cursor anda sparkle.(tak tahu istilah betul apa untuk effect ini.:)

Kalau masih tidak faham bagaimana hasilnya, boleh lihat contoh gambar di bawah.:)


Sebelum itu, tutorial ini juga boleh digambungkan dengan tutorial tukar cursor pada blog anda. Semestinya untuk menjadikannya lebih menarik. Sudah di'test' dan dibuktikan boleh.:)

Tutorial untuk membuatkan cursor anda menjadi sparkle adalah seperti berikut:

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

2. Pada ruangan HTML/javascript, masukkan kod berikut.

<script src="URL JS" type="text/javascript"></script>



Note: untuk URL JS, tukarkan dengan kod berikut mengikut warna sprakle yang anda kehendaki

Biru - https://sites.google.com/site/unwanted86/javascript/biru.js

Hitam - https://sites.google.com/site/unwanted86/javascript/black.js

hijau - https://sites.google.com/site/unwanted86/javascript/lawngreen.js

Ungu - https://sites.google.com/site/unwanted86/javascript/purple.js

Putih - https://sites.google.com/site/unwanted86/javascript/putih.js

Pink - https://sites.google.com/site/unwanted86/javascript/salmon.js

Kuning - https://sites.google.com/site/unwanted86/javascript/yellow.js

Hijau kebiruan - https://sites.google.com/site/unwanted86/javascript/aqua.js

Contoh: jika anda mahu mouse anda dengan sparkle warna biru, kodnya adalah:

<script src="https://sites.google.com/site/unwanted86/javascript/biru.js" type="text/javascript"></script>



3. Apabila sudah masukkan kod, save dan lihat hasilnya..

Senang bukan.?
Selamat mencuba.:)

Top Commentor Widget

Siapakah yang paling kerap komen pada blog anda.? Jika itu persoalannya, widget ini adalah jawapannya.:). Widget top commentor ini merupakan antara yang paling 'lengkap' ada ketika ini untuk sesiapa yang menggunakan platform blogger.

cara pasang widget top commentor pada blog

Ini kerana, dengan widget ini anda boleh menentukan siapakan yang paling kerap komen dengan ciri-ciri tambahan tertentu iaitu anda boleh tetapkan samada komen untuk keseluruhan blog anda sejak diwujudkan, ataupun pada jangka masa yang tertentu seperti sebulan atau lain-lain jangka masa Selain itu, dengan widget ni, senarai pengomen yang anda tidak mahu masukkan dalam senarai pun boleh dikecualikan.

Tutorial untuk memasang widget top commentor adalah seperti berikut.

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

2. Paste kod berikut ke ruangan HTML/javascript
<script type="text/javascript">
function getYpipe(feed) {
document.write('<ol>');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
if(feed.value.items[i].link == "")
var item ="<li>" + feed.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href="+ href + '" target="_blank">' + feed.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://URL ANDA.blogspot.com
&ExcludedNick1=NAME1
&ExcludedNick2=NAME2
&ExcludedNick3=NAME3
&ShowHowMany=10
&ExcludeCommentsBefore=08-01-2010 (i.e. 01-01-2010)
&IncludeCommentsBefore=08-31-2010 (i.e. 01-31-2010)
&_callback=getYpipe
&_id=932ec72eca30a5b8a83365f4eb4349cd
&_render=json"
type="text/javascript"></script>
<small><a href="http://tutorialuntukblog.blogspot.com/2010/08/top-commentor-widget.html">Get this widget here</a></small>



Note:


i.Tukarkan URL ANDA dengan url blog anda

ii.NAME 1, NAME 2, NAME 3 - letakkan dengan nama yang anda tidak kehendaki. Anonymous automatic terkecuali, Untuk tahu senarai nama yang mungkin anda tidak mahu, savekan dahulu, apabila dipaparkan diblog,baru anda tahu. Jika tidak mahu abaikan bahagian ini.

iii.SHOW HOW MANY - gantikan dengan berapa bilangan yang anda mahu dipaparkan

iv.Comment Before: Contoh yang diberi adalah coment untuk bulan 8 sahaja. Jika mahu senarai pengomen dari keseluruhan, tinggalkan kosong bahagian ini


3. Apabila selesai, save dan lihat hasilnya.:)

Sebelum ini sudah ada tutorial untuk widget popular post berdasarkan komen terbanyak yang terdapat dalam sesebuah entri. Untuk kali ini, tutorial adalah untuk memasukkan popular post berdasarkan kepada jumlah bilangan page view bagi sesebuah entri.


Widget ini agak simple, diambil dari foxrecord.com. Widget ini akan berfungsi serta merta sebaik sahaja kod diletakkan di blog.

Tutorial untuk meletakkan widget ini adalah seperti berikut.

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

2. Masukkan kod berikut ke ruangan HTML/javascript(tidak perlu ubah apa-apa)

<script src="https://sites.google.com/site/unwanted86/javascript/toppostpageview.js" type="text/javascript"></script>


3. Save dan lihat hasilnya. (anda mungkin perlu klik pada 3/4 link dalam blog anda untuk ianya terus berfungsi)


Note:
1:Jumlah popular post yang ditetapkan hanya 5.
2:Post terus diletakkan berdasarkan ranking tanpa memaparkan bilangan page view.

Selamat mencuba.:)

Animated Recent Post Widget

Update: Bagi sesiapa yang menghadapi masalah background widget ini tunjuk 'bandwidth exceed", boleh copy semula kod dibawah, dan masukkan semula url anda..

Kesulitan dikesali.


Meletakkan animated recent post widget dapat men'stail'kan lagi cara paparan recent post yang ada pada blog anda. Contoh recent post widget adalah seperti berikut.

(tunggu page habis load utk tengok pergerakan, pergerakan sebenar adalah lebih perlahan dan lancar)



Berikut adalah cara-cara untuk menggunakan widget ini.

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

2. copy code berikut dan paste di ruangan HTML/javascript

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://URL BLOG.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://tutorialuntukblog.blogspot.com/2010/08/animated-recent-post-widget.html" target="_blank">get this widget here</a></small>


Note: gantikan URL BLOG dengan url blog anda..

3. Save dan lihat hasilnya.

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

PERHATIAN: Didapati tidak semua template blog 'boleh masuk' dengan widget ini. Kemungkin sebahagian besar boleh menggunakan widget ini. Oleh itu anda boleh mencuba dahulu samada boleh guna atau tidak untuk blog anda. Masih belum jumpa penyelesaian untuk itu.

Harap blog anda boleh menggunakan widget ini.
Selamat mencuba.:)

Tukar Cursor Untuk Blog Anda

Menukar cursor untuk blog anda dapat menghilangkan rasa bosan melihat cursor default yang digunakan oleh komputer anda.(berbentuk anak panah putih). Atau mungkin juga anda inginkan sedikit kelainan pada cursor berbanding cursor biasa.

Tutorial kali ini ialah berkongsi website yang dapat memudahkan anda mendapatkan kod bagi cursor ini serta sedikit pengubahsuaian pada kod tersebut.

1. Buka website http://www.cursors-4u.com/

2. Pilih cursor kegemaran anda. (Pastikan anda TIDAK mengambil cursor yang jenis animated, kerana ianya hanya berfungsi dalam IE)

3. Copy code yang diberikan. Contoh kod adalah seperti berikut. Kemudian DELETE kod yang telah diwarnakan seperti dibawah

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/17/cool-blue-outer-glow-pointer.html" target="_blank" title="Cool Blue Outer Glow Pointer"><img src="http://cursors-4u.com/support.gif" border="0" alt="Cool Blue Outer Glow Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>

4. Kod akhir sepatutnya kelihatan seperti ini sahaja.
<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress;}</style>

5. Kemudian dari dashboard anda > design > add a gadget > HTML/javascript, pastekan kod di atas diruangan tersebut.

6. Save dan lihat hasilnya.

Mudah bukan.:)

Letak Widget Popular Post Dalam Blog

Anda menaip blog, tetapi adakah anda tahu dalam banyak-banyak entri yang anda ada, entri manakah yang paling popular.? Entri manakah yang mempunyai komen paling tinggi.? Tentu sukar untuk menentukan apatah lagi jika anda sudahpun mempunyai entri sehingga mencapai ratusan.:)



Tutorial kali ini akan menunjukkan cara bagaimana untuk meletakkan popular post( atau anda boleh panggil dengan nama lain) pada blog anda. Widget popular post ini adalah berdasarkan bilangan komen yang ada pada entri, bukannya berdasarkan page view. Dan semestinya tutorial ini adalah mudah sahaja.:)

1. Login akaun anda, dari dashboard > design > add a gadget > HTML/javascript

2. Dalam ruangan HTML/javascript, masukkan kod di bawah.

<ul>
<script language='javascript'>
aBold = false;
numposts=1000;
maxshowresult=5;
home_page = "http://URL BLOG.blogspot.com/";
</script>
<script src='https://sites.google.com/site/unwanted86/javascript/unwanted86-popularpost.js' type='text/javascript'></script>
</ul><br/><small><a href="http://tutorialuntukblog.blogspot.com/2010/08/letak-widget-popular-post-dalam-blog.html" target="_blank"/>Get this widget here </a></small>



Note:
-tukarkan URL BLOG dengan nama blog yang anda guna
-maxshowresult=5; tukarkan 5 dengan bilangan popular post yang anda mahu

3. Save dan lihat hasilnya..:)

Letak Button Back To Top

Meletakkan button 'back to top' biasanya digunakan untuk blogger yang kebiasaannya mempunyai entri yang panjang, ataupun entri blog tersebut sentiasa mempunyai komen yang banyak atau mungkin juga sebagai penyeri agaknya.:)
anda boleh melihat contoh back to top button di blog demo ini.



Walaupun terdapat pelbagai cara yang agak advance dengan kesan yang lagi hebat-hebat, tetapi entri ini akan menunjukkan cara yang paling ringkas untuk meletakkan button back to top ini. Tidak perlu pening kepala kerana ia hanya menggunakan beberapa step sahaja.:)

Berikut adalah tutorial untuk meletakkan button back to top dalam blog.


1. Login akaun blog anda, kemudian dari dashboard > design > add a gadget > html/javascript

2. Paste kod di bawah ke dalam ruangan html/javascript
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar"></a>



Masukkan url gambar dengan url gambar 'arrow back to top' anda.

Disini ada beberapa jenis arrow diletakkan, hanya untuk memudahkan. Tetapi jika anda ingin mencari pelbagai lagi jenis back to top arrow, anda Google sahaja.


http://img338.imageshack.us/img338/9871/2evyotw.gif


http://img132.imageshack.us/img132/5848/totopbutton.png


http://img175.imageshack.us/img175/7297/up3.png


http://img28.imageshack.us/img28/2494/30720265.png


http://img529.imageshack.us/img529/1986/96133335.png


http://img294.imageshack.us/img294/9831/14193731.gif


3. Apabila selesai save dan lihatlah hasilnya.:)


Cara Buat Textbox Dalam Blog

Membuat 'kotak' untuk apa sahaja yang anda ingin pamerkan dapat memudahkan para pengunjung untuk mengambil apa yang anda hendak kongsi, kebiasaannya kod atau mungkin juga lain-lain.

Contoh textbox sedia ada adalah textbox untuk code banner blog ini yang kelihatan di sebelah kanan blog ini.Textbox menjadikan code senang dicopy oleh pengunjung anda dan pada masa yang sama menampakkan kekemasan untuk meletakkan code dalam blog anda.

Cara Buat Textbox dalam blog


Tutorial ini akan menunjukkan kepada anda asas kepada textbox ini serta beberapa penambahan yang boleh dilakukan untuk memudahkan pemilik blog ataupun pengunjung.

Contoh kod yang hendak diletakkan didalam textbox adalah seperti berikut.
<center><a href="http://tutorialuntukblog.blogspot.com/" target="_blank">
<img src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S4HEBN0gvhI/AAAAAAAAD8M/jFmA9RrjUA0/s400/blog+tutorial+bahasa+melayu.PNG" />
</a></center>



1. Asas bagi textbox adalah.
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;">MASUKKAN KOD ANDA DISINI</textarea>


Note:
height: 100px; > Gantikan dengan ketinggian yang anda kehendaki
width: 200px; > Gantikan dengan lebar yang anda kehendaki
background: #8CEFFD; Gantikan warna background dengan kod tertentu. Untuk kod warna, rujuk disini.

Contoh bagi kod di atas.


2. Untuk buatkan semua kod tersebut di'select' dengan hanya sekali klik pada textbox. Kodnya adalah:
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onclick="this.focus();this.select()" >MASUKKAN KOD ANDA DISINI</textarea>


Contoh textbox jenis ini adalah seperti berikut.


3. Untuk buatkan kod di'select' dengan hanya lalukan tetikus adalah seperti berikut
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onmouseover="this.focus()" onfocus="this.select()" >MASUKKAN KOD ANDA DISINI</textarea>


contox textbox jenis ini adalah


Mudah bukan.?
Kini anda boleh meletakkan kod didalam blog anda dengan lebih mudah dan kemas.

Selamat mencuba.:)

HTML Color Codes

Kod warna adalah penting untuk memasukkan warna background ke dalam sesuatu kod samada untuk pengubahsuaian layout atau penambahan gadget tertentu.



Berikut adalah kod warna yang ada untuk memudahkan semua sebagai rujukan.


Letak 'Recent Comments' dalam Blog

Meletakkan 'recent comments' adalah cara yang paling mudah untuk mengetahui entri manakah yang paling latest menerima komen samada dari pengunjung blog ataupun tuan punya blog.

Letak 'Recent Comments' dalam Blog


Walaupun terdapat pelbagai cara untuk meletakkan 'recent comments' ini, tetapi cara yang akan ditunjukkan ini merupakan antara cara paling ringkas untuk meletakkan widget ini.

Tutorialnya adalah seperti berikut.

1. Login akaun blogger, kemudian dari dashboard > Design > add a gadget >HTML/javascript

2. Kemudian masukkan kod di bawah ke dalam HTML/javascript
<script style=text/javascript src=http://www.freewebs.com/filer/blogger/rc1blogger.js ></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://URL blog anda/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><small><a href="http://tutorialuntukblog.blogspot.com/2010/08/letak-recent-comments-dalam-blog.html" target="_blank"/>Get widget here </a></small>



Nota: tukarkan URL blog anda dalam kod di atas dengan url blog anda.

3. Save dan tengok hasilnya..:)


TAMBAHAN:Ubahsuai juga boleh dilakukan seperti berikut.

1. Jumlah komen yang ditetapkan untuk dipapar adalah 5. Anda boleh mengubah bilangan komen yang dipaparkan. Lihat kod dibawah sebagai rujukan. Bilangan yang dicadangkan adalah antara 4 - 8
....a_rc=5;var m_rc=false...


2.Jumlah perkataan yang ditetapkan untuk satu comment adalah termasuk nama pengomen adalah 100. Anda boleh menukar jumlah tersebut mengikut keselesaan anda.
var o_rc=100;


3. Tarikh untuk komen juga boleh ditambah. Caranya tukar perkataan dalam kod berikut daripada false kepada true.
var m_rc=false;var n_rc=true;var o_rc=100


Selamat mencuba..:)

Sebelum ini sudah ada tutorial untuk menukar warna background bagi blockquote. tetapi untuk kali ini, tutorial ini akan menunjukkan pula bagaimana untuk meletakkan background bergambar bagi blockquote.


Contoh blockquote dengan background warna biasa
Letak Background Gambar Pada Blockquote

Contoh background dengan background bergambar
Letak Background Gambar Pada Blockquote
Letak Background Gambar Pada Blockquote
Letak Background Gambar Pada Blockquote


Kelebihan letak gambar sebagai background untuk blockquote adalah untuk menjadikan blockquote lebih cantik dan menarik. semestinya anda ingin berbeza berbanding hanya meletakkan background berwarna yang biasa bukan.:)

Untuk menukar kepada background bergambar, tutorialnya adalah mudah sahaja.

Cuma sebelum itu, anda hendaklah tahu gambar apa yang anda mahu letak sebagai background blockquote anda. Ini kerana pemilihan gambar bersaiz besar adalah kurang sesuai. Gambar yang paling sesuai untuk dijadikan background untuk adalah background blockquote adalah jenis seamless tile.

Anda boleh google untuk pelbagai jenis background jenis ini, selain itu disini ada 2 web yang nawarkan seamless tile background. Boleh pilih gambar yang dirasakan bersesuaian dengan warna tulisan pada blog anda.

Free Seamless Tiles 1
Free Seamless Tiles 2

Tutorial untuk menukar background blockquote ini adalah seperti berikut.

1. Login > dashboard > design > edit HTML

2. Backup template asal blog dengan download full template

3.Dengan menggunakan fungsi Find (ctrl + F), cari kod berikut
.post blockquote {


4. Kemudian di bawah kod tersebut, letakkan kod ini.
background-image:url(url gambar);

url gambar: tukarkan dengan url gambar yang anda hendak jadikan background. ( Tutorial url gambar : click here)

p/s: contoh kod adalah seperti berikut
Letak Background Gambar Pada Blockquote

5. Apabila selesai, save template dan lihat hasilnya.:)

Quran Auto Reciter-software satu ini berfungsi untuk berlatih membaca Al-quran dan juga untuk mendengarkan lantunan ayat-ayat Al-quran. Software yang sederhana tapi menurut saya sangat penting, bahkan wajib buat kaum muslim. Quran Auto Reciter juga dilengkapi dengan pengingat "sholat 5 waktu" lho. jadi buat sobat muslim yang suka lupa
sholat gara-gara keasikan browsing bisa sangat terbantu dengan adanya software ini. hehe.



silahkan klik link dibawah ini untuk mendownload :
Software Belajar Alquran
pass : ndemole

semoga bermanfaat! :-)

Pemeringkatan
Rumus Perhitungan Nilai Akhir

A. MASUK TK SBI
Rk = W + Psy + P

Keterangan:


* Rk = Peringkat
* W = Wawancara
* Psy = Psychotest
* P = Potensi



B. MASUK SD SBI
NA = P + J + Psy + Wkom + WICT

Keterangan:

* NA = Nilai akhir
* P = Potensi ( Berhitung + B. Ind. + Ingg. )
* J = Prestasi kejuaraan (diambil tingkat kejuaraan yang tertinggi)
* Psy = Psychotest
* Wkom = Wawancara kemampuan komunikasi
* WICT = Wawancara kemampuan ICT



C. MASUK SMP REGULER
NA = NU + NK + NP + NL

Keterangan:

* NA = Nilai akhir
* NU = Jumlah nilai UASBN
* NK = Nilai Kemaslahatan
* NP = Nilai Prestasi
* NL = Nilai Lingkungan



D. MASUK SMP RSBI

1. Tahap Pertama
NTP=A+B+2C+D+E+NK+NP+NL

Keterangan:

* NTP = Nilai Tahap Pertama
* A = Bahasa Indonesia
* B = BAHASA INGGRIS
* C = MATEMATIKA
* D = IPA
* E = PENGETAHUAN UMUM
* NK = Nilai Kemaslahatan
* NP = Nilai Prestasi
* NL = Nilai Lingkungan



2. Tahap Kedua
NA=NTP+Q+R+S+T+U

Keterangan:

* NA = Nilai Akhir
* NTP = Nilai Tahap Pertama
* Q = Nilai Tes praktek komputer
* R = Nilai Tes lisan bahasa Ingris
* S = Nilai Tes psikologi
* T = Nilai wawancara
* U = Nilai UASBN SD/MI



E. MASUK SMA REGULER
NA = NU + NK + NP + NL

Keterangan:

* NA = Nilai akhir
* NU = Jumlah nilai UN
* NK = Nilai Kemaslahatan
* NP = Nilai Prestasi
* NL = Nilai Lingkungan



F. MASUK SMA RSBI

1. Tahap Pertama
NTP=A+B+C+D+E+NK+NP+NL

Keterangan:

* NTP = Nilai Tahap Pertama
* A = BAHASA INDONESIA
* B = BAHASA INGGRIS
* C = MATEMATIKA
* D = IPA
* E = IPS
* NK = Nilai Kemaslahatan
* NP = Nilai Prestasi
* NL = Nilai Lingkungan



2. Tahap Kedua
NA=NTP+Q+R+S+U

Keterangan:

* NA = Nilai Akhir
* NTP = Nilai Tahap Pertama
* Q = Nilai Tes TOEIC
* R = Nilai Tes psikologi
* S = Nilai wawancara
* T = Nilai UN SMP/MTs



G. MASUK SMK

1. SMK Reguler
NA = {65 % ( 2A + 3B + 4C + 2D)} + (35 % E) + NP + NK + NL

Keterangan:

* NA = Nilai Akhir
* A = Nilai Bahasa Indonesia
* B = Nilai Bahasa Inggris
* C = Nilai Matematika
* D = Nilai IPA
* E = Tes Khusus
* NP = Nilai Prestasi
* NK = Nilai Kemaslahatan
* NL = Nilai Lingkungan



2. SMK RSBI
NA = {70% ( 2A + 3B + 4C + 2D)} + (30 % E) + NP + NK + NL

Keterangan:

* NA = Nilai Akhir
* A = Nilai Bahasa Indonesia
* B = Nilai Bahasa Inggris
* C = Nilai Matematika
* D = Nilai IPA
* E = Tes Khusus
* NP = Nilai Prestasi
* NK = Nilai Kemaslahatan
* NL = Nilai Lingkungan



Aturan Nilai Tambahan

A. NILAI KEMASLAHATAN

1. Anak Guru
NO PENDAFTARAN REGULER RSBI
1 Pada satuan pendidikan orang tuanya sebagai guru SMP = 5
SMA & SMK = 7 SMP = 5
SMA & SMK = 7
2 Dalam rayon 1,5 1
3 Luar rayon 1

2. Anak Tenaga Kependidikan
NO PENDAFTARAN REGULER RSBI
1 Pada satuan pendidikan orang tuanya sebagai tenaga kependidikan SMP = 3
SMA & SMK = 5 SMP = 3
SMA & SMK = 5


B. NILAI LINGKUNGAN
NO CALON PESERTA DIDIK REGULER RSBI
1 Miskin tempat tinggalnya di lingkungan sekolah SMP = 5
SMA & SMK = 7 SMP = 8
SMA & SMK = 10
2 Tidak miskin tempat tinggalnya dilingkungan sekolah SMP, SMA & SMK = 2,5 SMP, SMA & SMK = 2,5

Unduh acuan NILAI LINGKUNGAN SEKOLAH RSBI

B. NILAI PRESTASI

SMP
No Tingkat Kejuaraan Juara
I II III
1 Internasional 8 7 6
2 Nasional 5 2,75 2,50
3 Provinsi 2,25 2,0 1,75
4 Kab / Kota 1,5 1,25 1,0
5 Kecamatan 0,75 0,50 0,25



SMA & SMK
No Tingkat Kejuaraan Juara
I II III
1 Internasional 10 9 8
2 Nasional 6 2,75 2,50
3 Provinsi 2,25 2,0 1,75
4 Kab / Kota 1,5 1,25 1,0
5 Kecamatan 0,75 0,50 0,25

NAMA SEKOLAH

ALAMAT

NO.TELP

KEPALA SEKOLAH

SMP NEGERI 1
20328861 JL. RONGGOLAWE SEMARANG
Kec. Semarang Barat 7606340 Drs. H. NUSANTARA, MM
NIP. 196010101988031015
SMP NEGERI 2
20328860 JL. BRIGJEN. KATAMSO NO. 14
Kec. Semarang Timur 8414168 Drs. SUTOMO, A.Md, MM
NIP. 195702271981031010
SMP NEGERI 3
20328859 JL. MAYJEN D.I. PANJAITAN NO.58
Kec. Semarang Tengah 3541525 Dra. ROCH MULYATI, M.Si
NIP. 196112161986032010
SMP NEGERI 4
20337597 JL. TAMBAK DALAM RAYA 1, SAWAH BESAR
Kec. Gayamsari 70793227 TEGUH WALUYO, S.Pd, MM
NIP. 196204101983021003
SMP NEGERI 5
20328858 JL. SULTAN AGUNG SEMARANG
Kec. Candisari 8315140 H. SUHARTO, S.Pd, MM
NIP. 195803121979031009
SMP NEGERI 6
20328857 JL. PATTIMURA NO. 9 SEMARANG
Kec. Semarang Timur 3544024 SRI SARMINI, S.Pd, M.Pd
NIP. 196512061988032007
SMP NEGERI 7
20328856 JL. IMAM BONJOL 191 A
Kec. Semarang Tengah 3540213 Drs. WIDODO, M.Pd
NIP. 19590508 198303 1 016
SMP NEGERI 8
20328855 JL. CINDE RAYA NO. 18 SEMARANG
Kec. Candisari 8315851 Drs. H. DJOKO SUPRAYITNO, S.Pd, MM.
NIP. 19590717 198109 1 004
SMP NEGERI 9
20328854 Jl. Sendang Utara Raya No. 2
Kec. Pedurungan 6715326 SETIYO BUDI, S.Pd
NIP. 19611020 198303 1 014
SMP NEGERI 10
20328840 JL. MENTERI SUPENO NO.1
Kec. Semarang Selatan 8311526 H SUPARNO, S.Pd
NIP. 196401011985011003
SMP NEGERI 11
20328839 JL. KARANGREJO KEC.GAJAHMUNGKUR
Kec. Gajahmungkur 8311762 Drs. H. SUTRISNO, S.Pd, MM
NIP. 19560416 197710 1 001
SMP NEGERI 12
20328825 JL. ACE 42 SRONDOL WETAN
Kec. Banyumanik 7471763 ARIEF BASUKI, S.Pd, MM
NIP. 195411191977111002
SMP NEGERI 13
20328824 JL. LAMONGAN RAYA, SAMPANGAN, SEMARANG
Kec. Gajahmungkur 8316241 Drs. SISWANTO, S.Pd, M.Pd
NIP. 19590228 198303 1 015
SMP NEGERI 14
20328823 JL. PANDA RAYA NO.2
Kec. Pedurungan 6711674 TEGUH WALUYO, S.Pd. MM.
NIP. 19620410 198603 1 003
SMP NEGERI 15
20328822 JL. SUPRIYADI NO. 72
Kec. Pedurungan 6720455 H.SUNARYO PRODJO, M.Pd.
NIP. 196007271983031016
SMP NEGERI 16
20328821 Jl.Prof Dr Hamka
Kec. Ngaliyan 7606676 Drs. PURYADI, M.Pd
NIP. 196408231989021001
SMP NEGERI 17
20328820 JL. GABENG RAYA JANGLI - SEMARANG
Kec. Tembalang 8412614 MUHAMMAD AHSAN, S.Ag
NIP. 19741224 199903 1 002
SMP NEGERI 18
20328819 93. PURWOYOSO I, KEL.PURWOYOSO
Kec. Ngaliyan 7603798 Drs. RINGSUNG SURATNO, M.Pd.
NIP. 195509051978031006
SMP NEGERI 19
20331868 JL. ABDULRAHMAN SALEH
Kec. Semarang Barat 7607932 Dra. DWI LASWIJATI, MM
NIP. 195401051987032001
SMP NEGERI 20
20328818 JL. KAPAS UTARA RAYA II/2
Kec. Genuk 6594074 Drs. TEDJO HANDOKO, A.Md., MM.
NIP. 195612191977031001
SMP NEGERI 21
20331869 JL. KARANGREJO RAYA NO. 12 BANYUMANIK SEMARANG
Kec. Banyumanik 7471554 HM. SUYADI, SH, S.Pd, MM
NIP. 195806071979031007
SMP NEGERI 22
20328817 JL. RAYA GUNUNGPATI
Kec. Gunungpati 6932266 Drs. Hj. IDA NURLAILA CANDRA, M.Pd.
NIP. 195611251982122001
SMP NEGERI 23
20328816 JL. RM HADI SUBENO MIJEN
Kec. Mijen 7711053 Drs. SUWARNO AGUNG NUGROHO, MM.
NIP. 196810111993031005
SMP NEGERI 24
20328815 JL. PRAMUKA 1 GUNUNGPATI
Kec. Gunungpati 6921570 Drs. UMAR
NIP. 19640307 199003 1 011
SMP NEGERI 25
20328826 JL. KUALAMAS, TANAH MAS
Kec. Semarang Utara 3513474 Dra. ERNA K. RAHAYU, MM
NIP. 19600517 198403 2 009
SMP NEGERI 26
20328827 JL. MPU SENDOK II
Kec. Banyumanik 7473102 EKO SUWANTO, S.Pd
NIP. 196811051990031004
SMP NEGERI 27
20328838 JL. NGESREP TIMUR RAYA VI NO. 4
Kec. Banyumanik 7471253 Drs. HARYANTO DIWYANTORO, MM.
NIP. 19610612 198603 1 027
SMP NEGERI 28
20328837 Jl. Kyai Gilang Mangkangkulon Tugu
Kec. Tugu 8660680 AGUS SETYONO DARYANTO, S.Pd., MM.
NIP. 196408061986011003
SMP NEGERI 29
20331870 JL. KEDUNGMUNDU SEMARANG
Kec. Tembalang 6719112 ERNA LISTYATI, S.Pd.
NIP. 196102021981032006
SMP NEGERI 30
20328836 JL. AMARTA NO. 21
Kec. Semarang Barat 7604005 Drs. Al. BEKTI WISNU TOMO, MM.
NIP. 196105171986031011
SMP NEGERI 31
20328835 JL. TAMBAKHARJO SEMARANG BARAT
Kec. Semarang Barat 7609373 ENDANG SARWO SRI, S.Pd
NIP. 19530315 198003 2 002
SMP NEGERI 32
20328834 JL. KI MANGUNSARKORO NO.1
Kec. Semarang Tengah 8412113 Drs. PARLIN, M.Ag
NIP. 195702271986031006
SMP NEGERI 33
20328833 JL. Kompol R. Soekanto
Kec. Tembalang 70799107 CH.RETNANINGSIH, S.Pd.
NIP. 195909161986032004
SMP NEGERI 34
20328832 JL. TLOGOMULYO PEDURUNGAN
Kec. Pedurungan 6710576 Dra. YULI HERIANI, M.M
NIP. 19610718 198710 2 001
SMP NEGERI 36
20328830 JL. PLAMPITAN NO. 35
Kec. Semarang Tengah 3544416 L. YEKTI SETYAWATI, SPd
NIP. 196011281983032010
SMP NEGERI 37
20328829 JL. SOMPOK NO. 43
Kec. Semarang Selatan 8446802 Drs. R. SUTRISNO
NIP. 196311031988031010
SMP NEGERI 38
20331871 JL. BUBAKAN NO. 29
Kec. Semarang Tengah 3544344 SRI PUJI MARIMAH YULIANA, S.Pd
NIP. 196203311983032006
SMP NEGERI 39
20328828 JL. SOMPOK NOMOR 43 A
Kec. Semarang Selatan 8311540 Drs. EKO DJATMIKO, M.Pd
NIP. 196005251982021004
SMP NEGERI 40
20328814 JL. SUYUDONO 130 Semarang
Kec. Semarang Selatan 3553930 Dra. CICILIA SRI MARYUNI, MM
NIP. 196406131988032011
SMP NEGERI 41
20331872 JL. CEPOKO UTARA GUNUNGPATI
Kec. Gunungpati 6932183 Drs. SIMINTO, M.Pd
NIP. 19670430 199703 1 001

NAMA SEKOLAH

ALAMAT

NO.TELP

KEPALA SEKOLAH
SMA NEGERI 1
20328867 JL. TMN MENTERI SUPENO NO.1
Kec. Semarang Selatan 8310447 Drs. H. BAMBANG NIANTO MULYO,M.Ed
NIP. 196104291986031007
SMA NEGERI 2
20328896 JL. SENDANGGUWO BARU NO.1
Kec. Pedurungan 6715994 SUPRIHADI, SE, M.Pd.
NIP. 195707071979031016
SMA NEGERI 3
20328895 JL. PEMUDA NO.149
Kec. Semarang Tengah 3544287 Drs. HARI WALUYO
NIP. 196402071988031016
SMA NEGERI 4
20328894 JL. KARANGREJO RAYA 12A
Kec. Banyumanik 7471540 Dra. Hj. SRINATUN, M.Pd
NIP. 195705071981032010
SMA NEGERI 5
20328893 JL. PEMUDA 143
Kec. Semarang Tengah 3543998 Drs. WAINO S., S.Pd., M.Pd.
NIP. 19550701 198703 1 003
SMA NEGERI 6
20328892 JL. RONGGOLAWE NO. 4 KOTA SEMARANG
Kec. Semarang Barat 7605578 Drs. TOTOK WIDYANTO.
NIP. 195910301984031004
SMA NEGERI 7
20328891 Jl. Untung Surapati
Kec. Ngaliyan 7605977 Hj. KASTRI WAHYUNI, SPd. MM
NIP. 195606151979032005
SMA NEGERI 8
20328866 JL. RAYA TUGU
Kec. Ngaliyan 8664553 Drs. HARYOTO, M.Ed
NIP. 196001291986031010
SMA NEGERI 9
20328939 JL. CEMARA RAYA PADANGSARI
Kec. Banyumanik 7472812 Drs. NASIKHUN, M.Pd
NIP. 19550419 198012 1 001
SMA NEGERI 10
20328878 JL. KAPAS UTARA RAYA
Kec. Genuk 6594078 MULYATI, S.Pd, MM
NIP. 195504201979032004
SMA NEGERI 11
20328879 JL LAMPER TENGAH
Kec. Semarang Selatan 8413670 Dra. Hj. SRI NURWATI, M.Pd.
NIP. 195301161979032004
SMA NEGERI 12
20328911 JL. RAYA GUNUNGPATI
Kec. Gunungpati 6932224 Dra. TITI PRIYATININGSIH, MPd
NIP. 19610130198403 2 005
SMA NEGERI 13
20328910 JL. ROWOSEMANDING MIJEN
Kec. Mijen 7711024 Drs. WIHARTO
NIP. 196310031988031009
SMA NEGERI 14
20328899 JL. KOKROSONO, PANGGUNG LOR, SEMARANG UTARA, KOTA
Kec. Semarang Utara 3513404 Drs. WAGINO SUNARTO
NIP. 19570413 198603 1 011
SMA NEGERI 15
20328898 JL. KEDUNGMUNDU RAYA NO.34
Kec. Tembalang 6719871 SLAMET PANCA MULYADI, S.Pd, M.Pd
NIP. 19630627 198803 1 005
SMA NEGERI 16
20328897 JL. NGADIRGO TENGAH KEC. MIJEN
Kec. Mijen 70776790 Drs. KHOIRUL IMDAD, Ed.M.
NIP. 196006181986031010

SMK NEGERI 1 SEMARANG
20328948 JL. DR. CIPTO NO. 93
Kec. Semarang Timur 3545601 Drs. M. SUDARMANTO
NIP. 19610824 198703 1 009
SMK NEGERI 2 SEMARANG
20328970 JL. DR. CIPTO 121 A
Kec. Semarang Timur 8455757 Drs. H. SUPRIYANTO, M.Pd
NIP. 196108081986031015
SMK NEGERI 3 SEMARANG
20328946 JL. ATMODIRONO RAYA NO. 7 A
Kec. Semarang Selatan 8311538 Drs. FELIK YUNIARTO
NIP. 196206091988031007
SMK NEGERI 4 SEMARANG
20328945 JL. PANDANARAN II / 7
Kec. Semarang Selatan 8311534 Drs. H. BAMBANG SUHARJONO, MT
NIP. 195609281981031007
SMK NEGERI 5 SEMARANG
20328944 JL. DR.CIPTO 121
Kec. Semarang Timur 8416335 Drs.SLAMET SARJONO
NIP. 196405061988031011
SMK NEGERI 6 SEMARANG
20328981 JL. SIDODADI BARAT NO. 8
Kec. Semarang Timur 8312438 Drs. H. AHMAD ISHOM, M.Pd
NIP. 19621219 199303 1 007
SMK NEGERI 7 SEMARANG
20337604 JL. SIMPANG LIMA SEMARANG
Kec. Semarang Selatan 8311532 Drs. EDI DRAJAT WIARTO, M.Pd
NIP. 196109251988031007
SMK NEGERI 8 SEMARANG
20328962 JL. PANDANARAN II/12
Kec. Semarang Selatan 8312190 Drs. H. BAMBANG TJIPTADI
NIP. 19531228 197802 1 004
SMK NEGERI 9 SEMARANG
20328969 JL. PETERONGANSARI NOMOR 2
Kec. Semarang Selatan 8311535 Dra. SITI FADHILAH, M.Pd.
NIP. 19611021 198803 2 005
SMK NEGERI 10 SEMARANG
20328947 JL. KOKROSONO NO. 75
Kec. Semarang Utara 3515701 Drs. DIYANA, MT
NIP. 196307231989031005
SMK NEGERI 11 SEMARANG
20328963 JL. CEMARA RAYA BANYUMANIK
Kec. Banyumanik 7472008 Drs. L. JOKO RAKITO, M.Pd
NIP. 196202111987021004

IT

� Bluetooth
Salah satu standar koneksi nirkabel jarak dekat yang bisa menghubungkan peranti elektronik seperti ponsel, PDA atau PC.
� CD-R
Compact Disc Recordable.Jenis CD kosong yang hanya bisa merekam sekali saja.
� CD-RW
Compact Disc Rewritable.Jenis CD kosong yang dapat merekam berulang kali, seperti kaset dan disket.
� FAT32
File Allocation Table 32 bit. Sistem yang digunakan Windows 9x untuk mengatur files yang disimpan dalam hard disk.

� Hub
Peranti penghubung dalam sebuah jaringan komputer.
� Infrared
Atau IrDA. Lengkapnya koneksi infrared. Koneksi antarperanti dengan infrared (inframerah) sebagai media penghantarnya
� NTFS
New Technology File System.Sistem pengaturan direktori dan berkas pada hard disk yang digunakan oleh Windows NT, XP, dan 2000.
� PCI (Peripheral Component Interconnect ).
Lengkapnya slot PCI. Salah satu slot pada motherboard PC untuk menambahkan periferal.
� UTP (Unshielded Twisted Pair).
Salah satu jenis kabel yang umum digunakan dalam sebuah LAN. Tingkat transmisi datanya mencapai 100 Mbps.
� Web hosting
Penyediaan ruang untuk menyimpan halaman web oleh pemilik komputer/server, yang dapat diakses 24 jam via internet.
� Bit rate
Kecepatan transfer atau penyandian data. Biasa diukur dengan satuan Kbps (Kilobitper detik). Misalnya, modem dial-up 56 Kmemiliki bit rate 56 Kbps.
� Codec
Dari kata compressor/decompressor.Teknologi kompresi/dekompresi data komputer berupa file audio/video. Atau dari kata coder/decoder. Chip dalam sistem telekomunikasi untuk mengubah sinyal analog ke digital dan sebaliknya (misalnya pada modem).
� Kompresi
Cara yang dilakukan oleh komputer untuk memadatkan file agar ukurannya mengecil.
� MP3 (MPEG audio player 3).
Standar pengompresan file musik digital agar ukurannya mengecil dan menjadi seperduabelas ukuran aslinya.
� Open Source
Lengkapnya open-source software. Jenis software yang source code-nya terbuka untuk umum, dengan demikian pengguna dapat memodifikasinya, termasuk untuk meningkatkan kualitas software itu sendiri.
� Ripping
Dalam musik digital berarti cara untuk mengubah file CD audio ke dalam file berformat WAV, untuk kemudian diubah lagi menjadi berformat MP3.
� Tag
Bagian dari file MP3 yang berisi info tentang artis dan lagunya.
� Track
Jalur penampung hasil rekaman suara, yang dapat dimainkan terpisah dari lagu utama(kumpulan track lainnya), dan bisa diedit.
� WAV
Format penyimpanan file suara yang digunakan oleh Windows.
Lanjut >>
� Binary.
Lengkapnya binary code (kode biner). Sistem pengodean yang dipakai komputer untuk menyimpan dan membaca data dalam format dua digitangka, 0 dan 1.
� Blue Screen.
Saat layar monitor berubah warna menjadi biru dengan sebuah pesan kesalahan (error) yang terjadi pada komputer Anda.
� Hard disk.
Cakram padat. Media penyimpanan data berkapasitas besar.Pada PC, hard disk sekaligus merupakan penampung sistem operasi dan aplikasi.
� Kartu grafik ( VGA Card ).
Disebut juga VGA card atau video adapter. Card yang terpasang pada PC untuk keperluan penayangan gambar ke monitor.
� Motherboard.
Biasa disingkat mobo. Papan sirkuit utama di dalam komputer, tempat semua komponen pendukung komputer terpasang dan terhubung.
� Prosesor.
Chip yang merupakan otak dari komputer. Semakin cepat prosesor semakin bagus pula kinerja PC.
� Sistem operasi.
Software utama yang mengendalikan kerja sama antara komponen-komponen hardware dan software dalam komputer.
� Access point.
Peranti yang wajib digunakan dalam suatu proses kirim-terima data pada jaringan nirkabel. Biasanya access point mampu menghubungkan antara jaringan nirkabel yang satu dengan jaringan nirkabel lainnya.
� Client.
Lengkapnya client computer. Boleh juga disebut komputer klien. Komputer yang terhubung ke server.
� CompactFlash.
Salah satu jenis media penyimpanan eksternal berupa kartu seukuran 43 X 36 mm,luntuk disisipkan ke dalam peranti digital macam kamera, PDA dan ponsel.
� DHCP ( Dynamic Host Configuration Protocol. ).
Protokol yang digunakan untuk menentukan IP address secara otomatis ke semua komputer dalam jaringan yang sama.
� Ethernet.
Teknologi standar jaringan komputer lokal (LAN) yang dikembangkan oleh Xerox bekerja sama dengan DEC dan Intel pada tahun 1976. Kecepatan transfer datanya 10 Mbps.
� ICS (Internet Connection Sharing).
Utility bikinan Microsoft untuk membagi koneksi internet dari satu PC ke PC lainnya. Ada pada Windows 2000, NT dan XP.
� IEEE 802.11b.
Standar internasional untuk jaringan nirkabel yang beroperasi di frekuensi 2,4 GHz dengan kecepatan transmisi hingga 11 Mbps.
� Interferensi.
Gangguan yang muncul karena bertemunya dua atau lebih gelombang elektromagnetik.
� IP address ( Alamat IP ).
Berupa deretan angka terkelompok, yang menjadi identitas sebuah komputer dalam jaringan internet.
� LAN ( Local Area Network ).
Beberapa komputer yang saling terhubung dan dapat berkomunikasi sehingga menjadi sebuah jaringan setempat.
� Mac Address.
Alamat identifikasi setiap peranti nirkabel saat terkoneksi pada suatu jaringan nirkabel.
� PCMCIA card / Kartu PCMCIA (Personal Computer Memory Card International Association) atau PC card.
Jenis kartu untuk menambahkan periferal pada komputer laptop. Plug and play Colok dan mainkan. Standar Windows yang memungkinkan pemasangan periferal secara mudah, seperti PC card nirkabel, printer, scanner, atau peranti multimedia lainnya.
� Router.
Perangkat untuk mengoneksikan lebih dari satu komputer secara bersamaan ke jaringan internet.
� SD Secure Digital.
Kartu memori yang sudah dilengkapi fitur pengamanan data. Kartu ini merupakan generasi kedua dari MultiMedia Card ( MMC ) . Banyak digunakan oleh MP3 player dan handheld computer.
� Server.
Komputer yang menjadi pusat dan pengontrol dalam sebuah jaringan.
� Subnet Subnetwork.
Suatu jaringan kecil, bagian dari jaringan yang lebih besar. Digunakan untuk menyederhanakan sistem pengalamatan pada beberapa jaringan komputer.
� WEP ( Wired Equivalent Frequency ) .
Fitur keamanan yang disediakan Wi-Fi untuk memproteksi jalur data. WEP tersedia dalam mode enkripsi 64 dan 128 bit.
� Wi-Fi Wireless Fidelity.
Standar jaringan nirkabel khusus untuk IEEE 802.11.
� WLAN ( Wireless Local Area Network ) .
Sejenis jaringan komputer yang saling terhubung secara nirkabel dengan memanfaatkan frekuensi gelombang radio sebagai sarana komunikasi.

Cara dapatkan url gambar

Apabila menguruskan sesebuah blog, tidak akan terlepas untuk meletakkan gambar. Mungkin tujuan untuk meletakkan gambar adalah pelbagai, tetapi perkara penting untuk diketahui adalah url gambar. Url gambar boleh dikatakan sebagai 'alamat' kepada sesebuah gambar.

Sebagai contoh, untuk gambar ini, urlnya adalah ini http://3.bp.blogspot.com/_CEj8AwvwSNM/S7jQoxh5CBI/AAAAAAAAENA/UZiN0WCeDpE/blog+tutorial+bahasa+melayu.PNG

Walaupun anda boleh mengupload gambar menggunakan kaedah yang sudah tersedia, tetapi ada kalanya anda memerlukan url bagi sesebuah gambar terutamanya apabila melibatkan trick yang hendak diletakkan pada blog.

Persoalan asas, bagaimana untuk mengetahui url bagi sesebuah gambar yang sudah tersedia dalam laman web.

Sebagai contoh gambar tadi, bagaimana untuk mendapatkan urlnya.
Disini diletakkan cara yang digunakan untuk beberapa browser yang berbeza.

Caranya mudah, pada gambar yang anda kehendaki dalam sesebuah laman web, right click pada gambar tersebut dan pilihan ada berbeza seperti yang ditunjukkan di bawah.

FIREFOX

Cara dapatkan url gambar

GOOGLE CHROME
Cara dapatkan url gambar

OPERA
Cara dapatkan url gambar

SAFARI
Cara dapatkan url gambar

INTERENT EXPLORER
(agak leceh sedikit kerana ada dua step)
Cara dapatkan url gambar


Cara dapatkan url gambar


-----------------------------
anda boleh cuba samada berjaya dengan masukkan url gambar dalam kod ini kemudian test pada ruangan post entri anda.

<img src="Masukkan URL gambar disini" />



p/s: perlu diberi perhatian ada sesetengah laman web yang anda tidak boleh copy gambar-gambar mereka seperti fotography dan lain�. Tetapi rasanya kebanyakan tiada masalah asalkan mendapat kebenaran daripada empunya.

Letak sistem rating pada blog

Adakah anda rasakan pengunjung blog anda menyukai entri yang anda post dalam blog anda.?
Bagaimana anda menentukan samada mereka suka atau tidak entri pada blog.? Adakah semata� melalui komen yang di hantar.?

Kini dengan menggunakan sistem rating, anda dapat menilai tahap 'kesukaan' pengunjung blog anda terhadapa entri yang anda taip dengan lebih stylo.:)

Letak sistem rating pada blog


Contoh sistem ini telah diletakkan di test blog

Cara untuk letak sistem ini agak senang kerana tidak memerlukan anda untuk ubah code html anda, semuanya tersedia dan anda hanya perlu ikuti beberapa langkah berikut.


1. Login akaun blogger anda.

2. Buka web http://www.outbrain.com

3. Pada paparan pilih option yang anda.

-->Digalakkan untuk mendaftar untuk mendapatkan maklumat rating dan juga (paling penting bagi aku) untuk membuang 'related post' yang didatangkan secara automatic dalam sistem ini.
Letak sistem rating pada blog


4. Klik install dan paparan baru akan muncul
Letak sistem rating pada blog

5. Pada paparan, pilih blog anda kemudian klik 'add widget'.
Letak sistem rating pada blog


6. Selesai. (Anda boleh buat pengubahsuaianan daripada akaun yang anda telah buat sebelum ini)