Tutorial

Showing posts with label Tutorial. Show all posts

Mp3 AL-QURAN dan TERJEMAHAN

Marilah kita baca Al-Quran,Jangan kita abaikan walaupun sedang online
Jemputlah dengar dan hayatinya..Ingatlah kepada orang yang telah pergi sebelum kita dan sedekahlah sekurang2nya baca Al-Fatihah dan niat untuk sedekah kepada semua umat islam yang telah meninggal dunia

Paparan Kecil

Paparan Besar (agak slow loading sekiranya internet anda slow)

Memaparkan keseluruhan post dengan Fungi bergerak

Salam 1 Malaysia.. kali ini saya nak kongsi cara membuat Label Post yang membolehkan ia memaparkan keseluruhan post dalam blog dengan fungsi bergerak..fungsi ini juga bagus kerana dapat menonjolkan artikal2 yang ada dalam post. CONTOH dibawah ini

Langkah 1

1. Login Akaun Blogger.
2. Klik menu Layout -> Page Elements
3. Klik Add a Gadget.
4. Pilih new gadget = HTML/Javascript

Langkah 2
Salin kod biru dibawah dan letak dalam note pad

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

</style>

    <script language="JavaScript">

imgr = new Array();

imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmL08CMFopOwYsZwecsaFj_JTjw_q7Xquk286KQC_qyHLCYU6RIOvNs551N3cw250F3I0QtRhg2lrtjUbAs0oRM1xGojKZcAI8SqTZ5dkZN-g8mTMvhFqz98Q3uNSlopvqQ8-3BQuTK_x/s240/JTads9211.PNG";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmL08CMFopOwYsZwecsaFj_JTjw_q7Xquk286KQC_qyHLCYU6RIOvNs551N3cw250F3I0QtRhg2lrtjUbAs0oRM1xGojKZcAI8SqTZ5dkZN-g8mTMvhFqz98Q3uNSlopvqQ8-3BQuTK_x/s240/JTads9211.PNG";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmL08CMFopOwYsZwecsaFj_JTjw_q7Xquk286KQC_qyHLCYU6RIOvNs551N3cw250F3I0QtRhg2lrtjUbAs0oRM1xGojKZcAI8SqTZ5dkZN-g8mTMvhFqz98Q3uNSlopvqQ8-3BQuTK_x/s240/JTads9211.PNG";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmL08CMFopOwYsZwecsaFj_JTjw_q7Xquk286KQC_qyHLCYU6RIOvNs551N3cw250F3I0QtRhg2lrtjUbAs0oRM1xGojKZcAI8SqTZ5dkZN-g8mTMvhFqz98Q3uNSlopvqQ8-3BQuTK_x/s240/JTads9211.PNG";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmL08CMFopOwYsZwecsaFj_JTjw_q7Xquk286KQC_qyHLCYU6RIOvNs551N3cw250F3I0QtRhg2lrtjUbAs0oRM1xGojKZcAI8SqTZ5dkZN-g8mTMvhFqz98Q3uNSlopvqQ8-3BQuTK_x/s240/JTads9211.PNG";
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 = 300;

home_page = "http://www.jualanterkini.blogspot.com/";

limitspy=4
intervalspy=4000
</script>

<div id="spylist">

    <script src="http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js" type="text/javascript">
</script></div>

Langkah 3
Tukarkan nama www.jualanterkini.blogspot.com/ kepada alamat blog anda

Langkah 4
Kemudian copy dan paste ke dalam gadget HTML/Javascript

last save dan view

Semoga hiasan barangan anda dapat dicapai dengan pandangan! Selamat mencuba :)

Cara Buat Blog

Buat Blog Percuma Dengan Blogspot

Cara-cara membuat blog menggunakan Blogger (juga dikenali sebagai Blogspot). Artikel ini bukanlah satu tutorial yang lengkap, ianya lebih kepada pengenalan bagi sesiapa yang baru nak berjinak-jinak dengan komputer dan blog. Tak nak cakap banyak, jom teruskan!

Daftar di Blogspot

Untuk menggunakan Blogspot, anda haruslah mempunyai satu akaun Google terlebih dahulu (contohnya Gmail atau Orkut). Jika anda mempunyai akaun Google, anda boleh terus sign in pada laman web Blogspot.
Jika tidak, anda perlu terlebih dahulu, mendaftar di Blogspot. Pergi ke laman web Blogspot dan klik pada butang “Create Your Blog Now“. Kemudian, ikuti 3 langkah mudah berikut:

Buat satu akaun Google. Isikan borang yang diberi dengan maklumat-maklumat yang berkenaan. Setelah siap, tekan butang “Continue”.

(klik imej untuk besarkan)
Namakan blog anda. Berikan nama bagi blog anda. Jangan risau kerana nama ini boleh diubah di kemudian hari jika anda mahu. Apa yang penting adalah tentukan alamat URL bagi blog tersebut. Alamat inilah yang akan ditaip pada Internet Explorer untuk pergi ke blog anda. Alamat URL ini akan kekal, dan tak boleh diubah lagi selepas ini.

(klik imej untuk besarkan)
Pilih template. Pilih mana-mana template, iaitu rupa bagi blog anda. Template ini juga boleh diubah pada bila-bila masa.

(klik imej untuk besarkan)

Setelah ketiga-tiga langkah tersebut berjaya, mesej seperti di bawah ini akan dipaparkan, menandakan blog anda telah berjaya dibina:

Mulakan Menulis!

Kini blog anda telah sedia dibina. Anda boleh mula menulis entri baru di bahagian “Posting > Create”.
Blogger

Sekarang, tulislah apa sahaja yang anda mahu. Setelah selesai, klik pada “Publish post” dan entri tersebut akan dipaparkan pada blog anda.
Blogger

Berikut adalah contoh blog yang dihasilkan. Mudahkan?

(klik imej untuk besarkan)

Ubahsuai Rupa Blog Anda

Dalam Blogspot, bahagian sidebar biasanya digunakan untuk meletakkan profil anda, arkib, link ke blog atau laman web lain, dan sebagainya. Untuk mengubahsuai bahagian sidebar ini, pergi kepada “Layout > Page Elements”
Blogger

Klik pada “Add a Page Element” untuk menambahkan elemen baru pada sidebar anda. Klik “Edit” pada mana-mana elemen untuk mengubahsuai bahagian tersebut. Setelah siap, klik pada butang “Save” dan ia akan dipaparkan pada blog anda.
Blogger

Contoh sidebar yang dihasilkan:

Ok, Sampai di Sini Dulu

Saya kira cukuplah sampai di sini dahulu pengenalan tentang cara-cara nak buat blog menggunakan Blogspot. Selebihnya, terserahlah kepada kreativiti dan semangat anda untuk menerokai pelbagai fungsi yang boleh ditambah ke dalam blog Blogspot anda. InsyaAllah jika saya ada tips menarik untuk Blogspot, saya akan kongsikan bersama ^^

Petikan dan Tutorial diatas dipetik daripada : www.SembangKomputer.com
Tq daripada JT..semoga pelbagai lagi blogger/blogshops didalam dunia syber.

Uji Loading Page Web atau Blog kita

Salam 1 Malaysia kali ni saya nak kongsi cara mengetahui kelajuan Loading Page pada blog kita.

ok caranya mudah saja anda masuk ke http://www.numion.com/Stopwatch/ selepas itu masukan Url blog/website anda dan tekan buttom start stop watch,lepas tu anda dapat lihat number loading yang tertera pada laman tersebut....Lupa plak ianya bergantung kepada kelajuan internet anda.

..selamat mencuba dan ringan2kanlah blog anda supaya dapat memudahkan pelawat.

Timbang Berat BLog Anda

Kira bebanan blog anda di sini. Blog di nilai dari segi Size, Load Time dan Avarege Speed per KB. Apa yang perlu anda fokuskan adalah pada saiz kerana nilai terbaik untuk sesebuah blog adalah di bawah paras 100kb. Bagi Load Time dan Avarege per speed per KB pula, ianya bergantung kepada kelajuan internet anda.Jika blog anda bersaiz lebih dari 100kb, cuba kurangkan beban pada blog anda. Kerana ini dapat membantu pelawat yang mungkin line tenetnye slow seperti saya ni..

Your domain(s): Enter each address on a new line (Maximum 10)

	(contoh: jualanterkini.blogspot.com)

Selamat menimbang!hehe

Kod Warna HTML / Collour code Html

Dapatkan kod HTML warna kesukaan anda dibawah dengan pilihan warna yang dinamik

kod warna ini banyak kegunaanya, salah satu contoh apabila kita tidak menyukai warna gadget tersebut dan tidak tahu bagaimana untuk gubah warna, jadi kali ini anda dipermudah dengan kotak meckup wajah ini cume perlu taruk kod warna kedalam ruangan yg disediakan, kerana ia mampu mengesan apakah kod dan warna tersebut

Numbered Page Navigation For Blogger

Cara membuat numbering pada bahagian bawah post seperti yang anda dapat lihat pada gambar dibawah ini atau pun di blog ini....

Tanpa membuang masa apakata ikut cara ini:

1.Login ke Blogger Dashboard dan arahkan ke Layout> Edit Html
2.Kemudian Tip pada ' Expand Template Widget '
3.Sekarang Cari Kod ini

]]></b:skin>

Lepas tu gantikan kod warna merah diatas dengan kod warna biru dibawah ini

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>

Langkah 4 Cari kod warna merah dibawah ini

</body>

Kemudian gantikan kod warna merah diatas dengan kod dibawah ini

 

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;var displayPageNum=5;var upPageWord =&#39;Previous&#39;;var downPageWord =&#39;Next&#39;;</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
</body>
 
 
Kemudan save dan lihat hasilnya.

-Seperti yang anda lihat diatas,

ada beberapa parameter boleh disesuaikan dalam kod ini

var pageCount = 5;

Kod diatas ini menentukan jumlah posting yang akan dipaparkan pada halaman.

var displayPageNum = 5;

Kod diatas ini menentukan jumlah tambahan

nombor navigation laman yang akan dipaparkan pada halaman.

var upPageWord =&#39;Previous&#39;;var downPageWord =&#39;Next&#39;;
Kedua-dua baris diatas menentukan teks yang akan dipaparkan untuk laman sebelumnya dan halaman seterusnya masing-masing.

Selamat Mencuba :) semoga blog cantik dan sihat..

sebarang masalah boleh hubungi admin JT

Memasang Status Online dan Offline

Kepada anda yang masih belum tahu bagaimana untuk memasang widget status online offline Yahoo Messenger, anda bolehlah mencubanya dengan mengikut beberapa langkah di bawah.

Contoh

JualanTerkini

Langkah Pertama

Pegi ke Laman ini >> http://www.idwebtemplate.com/blogtool/yahoomessenger_status_generator/

Kemudian ikuti Langkah 2

Langkah 2 Isi bahagian berikut:

1) isi pada: Your Name (nama samaran)
2) isi pada: Your Yahoo!Messenger Account (alamat email anda)
3) Pilih Icon Status YM anda
4) Ubah : Name Position sama ada kiri/kanan/atas/bawah/tengah
5) Copy Code Html yang diberi dan simpan dalam note pad

Langkah 3

1. Login Akaun Blogger.
2. Klik menu Layout -> Page Elements
3. Klik Add a Gadget.
4. Pilih new gadget = HTML/Javascript
5.Kemudian pastle code yang anda simpan dalam note pad pada new gadget = HTML/Javascript

Seterusnya save dan view blog anda dan cube online dan offline YM anda..Selamat Mencuba