Copy dan pastekan kod di bawah dan letakkan di atas kod asal.
<div style="width:300px;height:200px;overflow:auto; ">
Warna merah boleh diubah mengikut kemahuan anda.
Selamat mencuba....semoga berjaya!
Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts
Friday, November 2, 2012
Friday, August 5, 2011
Membuat Scheduled Post
Ikuti langkah-langkah berikut:
1. Tulis entri seperti biasa.
2. Tekan Post Options > Post date and time>Scheduled at (tulis tarikh yang dikehendaki entri itu dipostkan)
3. Publish post. Ok dah pun siap. Entri anda akan keluar mengikut tarikh yang ditetapkan.
1. Tulis entri seperti biasa.
2. Tekan Post Options > Post date and time>Scheduled at (tulis tarikh yang dikehendaki entri itu dipostkan)
3. Publish post. Ok dah pun siap. Entri anda akan keluar mengikut tarikh yang ditetapkan.
Labels:
tutorial
Monday, May 2, 2011
Membuat 'Sticky Post'
Tujuan 'sticky post' adalah untuk memaklumkan sesuatu GA/Contest sedang berlangsung pada tempoh tertentu.
Ikuti langkah-langkahnya dibawah :
1. Tulis entri/new post seperti biasa.
2. Setelah siap entri itu, postkan seperti biasa.
3. Editkan post itu, pergi ke post options dan tukar tarikh (Set date and time) sebagaimana yang anda inginkan.
4. Post sekali lagi, dan entri anda akan 'stick' kat situ sehingga habis tempohnya.
Selamat mencuba.
Ikuti langkah-langkahnya dibawah :
1. Tulis entri/new post seperti biasa.
2. Setelah siap entri itu, postkan seperti biasa.
3. Editkan post itu, pergi ke post options dan tukar tarikh (Set date and time) sebagaimana yang anda inginkan.
4. Post sekali lagi, dan entri anda akan 'stick' kat situ sehingga habis tempohnya.
Selamat mencuba.
Labels:
tutorial
Monday, March 21, 2011
Meletak Tools Google Translate di Blog
Bagi memudahkan pembaca dari negara lain memahami apa yang ditulis di blog kita, jadi tools google translate ini amat membantu. Ikuti langkah-langkahnya :
1. Dashboard>Design>Add A Gadget>HTML/Javascript
2. Kemudian copy dan pastekan kod ini :
1. Dashboard>Design>Add A Gadget>HTML/Javascript
2. Kemudian copy dan pastekan kod ini :
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ms'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<small><a href="http://kelip-kelipancontest.blogspot.com/2011/03/meletak-tools-google-translate-di-blog.html" target="_blank">get this widget here</a></small>
3. Savekan.
Labels:
tutorial
Thursday, March 17, 2011
Membuat post 'link' di ShoutMix Box
Tutorial ini adalah untuk blogger baru yang tidak tahu nak letakkan url berlink di shoutmix box,(lihat gambar di atas) seperti saya baru-baru menggunakan chatbox ni. Bila ada blogger yang meninggalkan 'link' mereka di chatbox saya, saya terfikir bagaimana caranya untuk membuat link ini. Setelah membuat 'try n error', akhirnya saya berjaya juga....alhamdulillah. Ikutilah langkahnya...
1. Copy url post yang hendak dibuat 'link'.
2. Pastekan url post di shoutmix box mengggunakan > "url post" seperti contoh di bawah,
bw here,jom cari benda tersembunyi "http://kelip-kelipkehidupan.blogspot.com/2011/03/mencari-benda-tersembunyi.html"
Labels:
tutorial
Sunday, March 6, 2011
Meletak Scroll Box Di Post Terkini
<div style="width:300px;height:200px;overflow:auto; ">
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 228;
cellspacing = 8;
borderColor = "transparent";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 12;
summaryColor = "#990000";
icon2 = " ";
numposts = 10;
home_page =
"http://nama blog anda.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script></div>
<small><a href="http://kelip-kelipancontest.blogspot.com/2011/03/meletak-scroll-box-di-post-terkini.html" target="_blank">get this widget here</a></small></center>
*tulisan berwarna merah boleh diubah mengikut kesesuaian anda.
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 228;
cellspacing = 8;
borderColor = "transparent";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 12;
summaryColor = "#990000";
icon2 = " ";
numposts = 10;
home_page =
"http://nama blog anda.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script></div>
<small><a href="http://kelip-kelipancontest.blogspot.com/2011/03/meletak-scroll-box-di-post-terkini.html" target="_blank">get this widget here</a></small></center>
*tulisan berwarna merah boleh diubah mengikut kesesuaian anda.
Labels:
tutorial
Friday, February 18, 2011
"Center" kedudukan widget/iklan
1. Copy kod di bawah dan pastekan di hadapan kod asal.
<center>
2. Copy kod di bawah dan pastekan di akhir kod asal.
Lihat contoh di bawah :
<center>
2. Copy kod di bawah dan pastekan di akhir kod asal.
</center>
Lihat contoh di bawah :
<center><kod widget/iklan></center>
Labels:
tutorial
Thursday, February 17, 2011
Membuat Scroll Box di Mister Linky's Magical Widgets
1. Copy kod di bawah dan pastekan di atas kod asal widget anda.
<div style="width:300px;height:300px;overflow:auto; ">
2. Copy kod di bawah dan pastekan di akhir kod asal widget anda.
</div>
3. Kod warna hijau boleh diubah mengikut kehendak kita.
Labels:
tutorial
Sunday, February 13, 2011
Membuat Scroll Box di Live Trafic Feed
1.Dashboard>Design>Add A Gadget>HTML/JavaScript
2. Copy n Pastekan kod Live Trafic Feed anda (masuk laman webnya)
3. Letakkan kod ini <div style="width:300px;height:300px;overflow:auto; ">diatas kod asal dan kod ini </div> di akhir kod asal
3. Lihat contoh di bawah :
<div style="width:300px;height:300px;overflow:auto; ">kod asal</div>
**warna hijau boleh diubah mengikut kemahuan kita!
2. Copy n Pastekan kod Live Trafic Feed anda (masuk laman webnya)
3. Letakkan kod ini <div style="width:300px;height:300px;overflow:auto; ">diatas kod asal dan kod ini </div> di akhir kod asal
3. Lihat contoh di bawah :
<div style="width:300px;height:300px;overflow:auto; ">kod asal</div>
**warna hijau boleh diubah mengikut kemahuan kita!
Labels:
tutorial
Friday, December 24, 2010
Membuat Dropdown Menu di Blog Archive (Classic Template)
Tutorial ini dibuat untuk rakan blogger yang ingin menggunakan kaedah dropdown menu di blog archive, supaya senarai yang panjang tu dapat dipendekkan. Ikuti langkah-langkahnya :
1. Dashboard > Design > Edit HTML
2. Save template anda dahulu sebagai backup.
3. Guna Ctrl + F, cari kod dibawah :
4. Gantikan kod di atas dengan kod di bawah :
5. Preview dahulu, dan save template baru anda.
nota~ tulisan merah boleh diubah mengikut kehendak anda!
1. Dashboard > Design > Edit HTML
2. Save template anda dahulu sebagai backup.
3. Guna Ctrl + F, cari kod dibawah :
<BloggerArchives>
<a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a>
</BloggerArchives>
4. Gantikan kod di atas dengan kod di bawah :
<select name="archivemenu" style="width:100%" onchange="document.location.href=this.options[this.selectedIndex].value,'_blank')";
<option selected>- Archives -</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select>
5. Preview dahulu, dan save template baru anda.
nota~ tulisan merah boleh diubah mengikut kehendak anda!
Labels:
tutorial
Membuat dropdown menu untuk label
Sebelum itu, saya ingin mengucapkan terima kasih kepada cik merah yang sudi mengajar saya bagaimana untuk membuat tutorial ini. Ikuti langkah-langkahnya :
1. Dashboard > Design > Edit HTML.
2. Save dahulu template anda.
3.JANGAN tick the Expand Widget Templates checkbox.
<
b:widget
id
=
'Label1'
locked
=
'false'
title
=
'Labels'
type
=
'Label'
/>
5. Gantikan kod di atas dengan kod di bawah :
<b:widget id='Label1' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <select style='width:100%' onchange='location=this.options[this.selectedIndex].value;'> <option>Click to choose a label</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop> </select> <b:include name='quickedit'/> </div> </b:includable> </b:widget>
nota :
tulisan merah~tajuk boleh diubah mengikut kehendak anda,
~ketinggian boleh diubah juga.
6. Sebelum save template baru, preview dahulu.
Labels:
tutorial
Tuesday, December 7, 2010
Langkah-langkah Mendaftar Dengan Nuffnang
Entri ini diadakan khas untuk blogger-blogger baru yang belum mempunyai akaun dengan nuffnang (Asia Pasifik).
1. Mula-mula tekan foto di bawah di dalam mana-mana blog yang ada meletakkan iklan nuffnang:

2. Tekan Daftar>Sign Up As A Blogger>Isi Borang Pendaftaran Akaun Blogger>Diluluskan
3. Login>Getting Started>Add Ads (copy dan paste kod yang diberikan ke dalam blog anda)
1. Mula-mula tekan foto di bawah di dalam mana-mana blog yang ada meletakkan iklan nuffnang:

2. Tekan Daftar>Sign Up As A Blogger>Isi Borang Pendaftaran Akaun Blogger>Diluluskan
3. Login>Getting Started>Add Ads (copy dan paste kod yang diberikan ke dalam blog anda)
Labels:
tutorial
Meletak Scroll Box di Bloglist
Sebelum itu, saya ingin mengucapkan terima kasih kepada Haszuraidah, kerana menyediakan tutorial ini.
Ikuti langkah-langkahnya :
1. Design>Edit HTML> tick Expand Widget Templates.
2. Copy kod di bawah dan pastekan diatas kod ini ]]>.(guna CTRL + F)
#BlogList1 .widget-content{
height:200px; width:auto;
overflow:auto;
nota :
Ikuti langkah-langkahnya :
1. Design>Edit HTML> tick Expand Widget Templates.
2. Copy kod di bawah dan pastekan diatas kod ini ]]>.(guna CTRL + F)
#BlogList1 .widget-content{
height:200px; width:auto;
overflow:auto;
}
nota :
~ jika anda ada 2 atau 3 bloglist, sila pastekan di atas yang pertama dan seterusnya. Ingat diatas!Sila ubah Bloglist1>Bloglist2 dan seterusnya.
~height (warna hijau) boleh diubah mengikut kesukaan masing-masing.
Labels:
tutorial
Meletak Scroll Box di Blog Archive
Sebelum itu, saya ingin mengucapkan terima kasih kepada Haszuraidah kerana menyediakan tutorial ini untuk dikongsi bersama. Ikuti langkah-langkahnya. Save dulu blog anda!
1. Design>Edit HTML>tick Expand Widget Templates.
2. Tekan CTRL + F, untuk cari <div id='ArchiveList'>.
3.Copy kod ini <div style='overflow:auto; width:auto; height:100px;'> dan pastekan di atas kod <div id='ArchiveList'>.
4. Copy kod ini </div>, dan pastekan di atas kod <b:include name='quickedit'/>. Lihat contoh dibawah
<div style='overflow:auto; width:auto; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
Tulisan kuning, boleh diubah mengikut ketinggian scroll box yang dikehendaki.
5. Sebelum save template baru, preview dahulu.
1. Design>Edit HTML>tick Expand Widget Templates.
2. Tekan CTRL + F, untuk cari <div id='ArchiveList'>.
3.Copy kod ini <div style='overflow:auto; width:auto; height:100px;'> dan pastekan di atas kod <div id='ArchiveList'>.
4. Copy kod ini </div>, dan pastekan di atas kod <b:include name='quickedit'/>. Lihat contoh dibawah
<div style='overflow:auto; width:auto; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
Tulisan kuning, boleh diubah mengikut ketinggian scroll box yang dikehendaki.
5. Sebelum save template baru, preview dahulu.
Labels:
tutorial
Meletak Komen Terkini
1. Design>Dashboard>Add A Gadget>Feed
2. copy dan paste url dibawah
http://nama blog anda.blogspot.com/feeds/comments/default
2. copy dan paste url dibawah
http://nama blog anda.blogspot.com/feeds/comments/default
Labels:
tutorial
Thursday, December 2, 2010
Komen berlink
Bagi memudahkan pembaca blog ke blog kita, dengan hanya klik kepada komen yang kita beri :
1. Copy dan pastekan kod di bawah di ruangan komen anda
2. Tukarkan tulisan biru dengan url entri anda dan tajuk entri anda.
<a href="url post">tajuk post</a>
Labels:
tutorial
Subscribe to:
Posts (Atom)