Followers

Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

Friday, November 2, 2012

Meletak scroll box di widget anda

 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!

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.

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.

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 :

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

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"

3. Selepas itu, tekan enter atau butang chat (lain-lain nama yang diberi oleh blogger!). Anda akan dapati post anda sudah ditukar ke perkataan "link" (lihat gambar di atas)

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.

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.

</center>

Lihat contoh di bawah :

<center><kod widget/iklan></center>

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.

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! 

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 :

<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!

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. 

4.Cari  kod di bawah dalam  HTML anda :  Guna Ctrl + F

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




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)

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

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.

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

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>
Post Berkaitan Plugin for WordPress, Blogger...