list blog tutorial

Showing posts with label Tip blog. Show all posts

Script untuk menampilkan label

Pada posting dahulu,Tukar Nama Label Menjadi Nama Categories,kita terpaksa membuat secara manual label-label yang hendak kita tampilkan.

Kali ini kita akan berkongsi,bagai mana hendak menampilkan label,dengan mengunakan Script untuk menampilkan label.

Ada dua jenis kod yang akan kita gunakan.

Kod satu:

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

<script type="text/javascript" src="/feeds/posts/default/-/news?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://listblog-tutorial.blogspot.com/feeds/posts/summary/-/news?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://listblog-tutorial.blogspot.com/search/label/news" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category »</a>

Ganti url blog yang berwarna merah.
Ganti nama label yang ingin kita tampilkan,warna Biru

Kod kedua:

<script type="text/javascript">
var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;
</script>
<script src="/feeds/posts/default/-/News?orderby=updated&alt=json-in-script&callback=labelthumbs" type="text/javascript">
</script>
<a href="http://listblog-tutorial.blogspot.com/search/label/News" style="float:right;font:normal 10px Arial;padding:5px 0;">More on this category</a>

Ganti label yang ingin ditampilkan berwarna biru.
Ganti Url dengan nama Url anda merah.

Cara menampilkannya atau cara hendak digunakan pada blog,hanya salin dan letakan
pada >> layout >> add gadget pilih HTML/Javasxript

Semoga anda berjaya membuatnya.dan jika kurang faham,rujuk Ubah Nama Label Menjadi Nama Categories.

Ubah Nama Label Menjadi Nama Categories

Ubah Nama Label Menjadi Nama Categories,ha...Pening kepala memikirkannya.

Ada apa dengan Label dan Categories,Penting sangat ke?

Label sangat penting dalam sesebuah blog,apatahlagi kalau blog kita berbentuk blog berita.(contoh:Berita online,utusan online,sinar online dan banyak lagi.)
Malah label juga sangat Sensitive atau peka terhadap hurup besar atau kecil,contohnya Tutorial,ia amat berbeza dengan tutorial.

Cara untuk Ubah Nama Label Menjadi Nama Categories,anda harus mencari alamat feed untuk nama Categories yang akan kita ubah itu.Kalau nama Label anda ada dua,seperti ini contohnya, Tutorial Blog anda harus menambah %20 diantara dua perkataan tersebut,menjadi seperti ini Tutorial%20Blog .
Format asas alamat feed kita seperti ini:

http://alamat_blog_anda/feeds/posts/default/-/nama_label

Contoh blog ini yang nama alamatnya seperti ini:

http://listblog-tutorial.blogspot.com/

Harus di ubah menjadi seperti ini:

http://listblog-tutorial.blogspot.com/feeds/posts/default/-/Tutorial%20Blog

Jika labelnya satu perkataan,hanya menjadi seperti ini:

http://listblog-tutorial.blogspot.com/feeds/posts/default/-/tutorial

Kalau sudah memahami,kita teruskan untuk meletakan di dalam blog.

Masuk ke blog anda >> Add a Gadget

Tambah Feed yang kita hendak buat

Akan muncul seperti ini,anda ganti judul dan berapa posting yang akan kita tampilkan (hanya 5 post) dan lain sebagainya.

Simpan template dan lihat hasilnya.

Inilah hasil yang kita pelajari dengan cara di atas.
Maka bolehlah anda membuat blog seperti ini Berita Terkini

Cara-cara membuat text area dan cara auto install

--------->Tutorial ini telah ditambah baikan semula <-------

Membuat text area atau kawasan teks didalam blog kadang-kadang amat penting pada sesetengah blog.
Jika kita membuat banner bertukar link pada blog,semestinya text area ini sangat penting untuk kita meletakan script banner untuk dambil oleh pengunjung blog.

Cara-cara membuat text area juga amat mudah.

Cara satu:

<p align="center"><textarea name="code" rows="6" cols="20"> Letak script atau tulisan disini </textarea></p>

Akan menjadi begini.

Ganti tulisan “Letak script atau tulisan disini” dengan apa yang anda ingin sampaikan.
Ganti angka pada rows="6" untuk merubah ukuran tinggi kotak.
Ganti angka pada cols="20" untuk merubah ukuran lebar kotak.
Ganti perkatan "center" jika anda ingin meletakan dikiri atau kanan.

Cara kedua dimana kita memberikan highlight.

<form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Klik Disini"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Letak script atau tulisan disini</textarea></p></div></form>

Contohnya akan menjadi begini:

Ganti tulisan “Letak script atau tulisan disini” dengan apa yang anda inginkan.
Ganti tulisan “klik Disini” untuk menampilkan tulisan pada button di atas kotak text area.
Ganti angka pada WIDTH: 300px untuk ukuran lebar kotak.
Ganti angka pada HEIGHT: 144px untuk ukuran tinggi kotak.
Ganti tulisan center pada div align="center" untuk merubah posisi button yang terletak di atas kotak text area.

Cara ketiga dibuat secara Auto install

<form action="http://beta.blogger.com/add-widget" target="_blank" method="POST"><input value="tajuk widget" name="widget.title" type="hidden" /><textarea rows="3" cols="5" style="display: none;" name="widget.content">

<WIDGET ANDA>

</textarea><input value="click to auto install" class="button" name="go" type="submit" /></form>

Contohnya macam ni.

(Klik untuk bertukar link)
Pada code berwarna biru tetapkan tajuk sidebar.
Pada code berwarna merah letak scrip/code anda.
Pada code berwarna oren tetapkan tajuk pada button.

Save dan lihat hasilnya

selamat mencuba.

Camat mencuba…

Buat contact form sendiri dengan Google Docs

Sudah diketahui bahawa Google ada bermacam-macam tool yang disediakan untuk pengguna blog/internet dan salah satunya ialah Google Docs.Tool ini digunakan untuk berkongsi dokumen-dokumen secara online dan kita juga boleh membuat contact form untuk blog kita.

Saya akan terangkan cara Buat contact form sendiri dengan Google Docs,kepada yang belum lagi memahaminya.

Pertama sekali kita hendaklah mempunyai akaun gmail,dimana nanti segala maklumat akan di hantar terus ke gmail kita.

1.Setelah ada akaun gmai,bukalah akaun gmail tersebut.
maka nanti akan terlihat seperti gambar ini.

2.Klik Documents yang berada berdekatan address bar

3.Klik CREATE dan pilih Form

4..Tulis tajuk form di ruang untitled form dan masukkan kata-kata alaun di dalam ruang di bawah untitled form itu mengikut kesesuaian atau kosongkan sahaja.

5.Isi segala data,sebagai mana anda kehendaki ia muncul di dalam form nanti.Di ruang Question Type pilihlah mengikut kesesuaian yang di ingini.dan klik Done.