Pages

21 December 2008

Membuat "pos berkaitan" V.2

Kalu aritu saya dah dapat cara nak wat "Related Post" gadjet, kali ni sya jupe gadjet yang sama fungsinya...bezanya, gadjet ni memaparkn "related post" pecah kepada tag@label yg ada dalam posting kite...cuba tgk gambar kat bawah
Gambar diatas memaparkan link yang sama kerana saya menggunakan label Blogger hack & Tutorial utk setiap Posting Tersebut..Jadi kalu nak guna kod ni, saya nasihatkan jgn guna label yg banyak..@sengihnampakgigi


Jika kamu ingin letakkannya dalam blog kamu, ikut prosedur dibawah:-

1st skali kena log in lam Blogger, gi kat |Layout| --> |Template| --> |Edit Html|.
Jangan lupa tanda pada kotak |Expand Widget Template|

Okay cuba cari kod yang warna merah kat bawah:-

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


Kalu dah jupe,letakkan kod dibawah selepas <data:post.body/> itu

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts :</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i ) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k ) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l ) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length 13);
var k;
for (k=0; k&lt;20; k ) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query &#39;feeds/posts/default/-/&#39;
label
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i )
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel ;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>


Save Template dan cube tgk perubahan dalam blog anda....:smoke:

Sumber : Kang Rohman @star

20 December 2008

MEngHiAs "Text"

:kiss::what:

Kalu duk tgk tulisan biase, bosan gak kan...jd kat sini saya nak ajar beberapa jenis hiasan selain drp Bold, Italic, tukar color yang biase digunakan...try tgk kat bawah contohnya:-

1. Tulisan Blink-Blink

2.Aku Potong


3. Tulisan Marque :girl_9:

4.
"Yesterday is HISTORY.
Tomorrow is MISTERY.
Today is a GIFT.
Thats why it is called PRESENT!"


"INi AdalAH
TuLIsan MArQueE
StYLe ScrOLL

"




5.Marquee yg ada background
marquee ada background berwarna

Okay, ini kodnye...

1. Tulisan Blink2
<blink>Tulis Dalam Ni</blink>

2.Tulisan Strike
<strike>Tulis Di Sini</strike>
atau
<s>Tulis Di Sini</s>

3.Tulisan Marquee
<marquee>Tulis Dalam Ni</marquee>

4.Tulisan Marquee Scroll
<marquee scrolldelay="20 " direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1 " align="center">Tulis Dalam Ni</marquee>

5.Marquee yg ada background
<marquee behavior="alternate" bgcolor="#00ffcc" width="80%">marquee ada background berwarna</marquee>


Ini antara yang saya tau buat, kalu ada lg...saya bgtau
Cuba Buat ye...
:pompom:

19 December 2008

Sonata Musim Salju

Indahkan kalu tgk dlm tv...salji turun kat tepi ada pokok xde daun, jalan2 ngan awek plak..pegrh:girl_11:

kat lam blog saya ni, nampak tak titik2 jatuh bak salju...cantik tak, 2 org panggil snow effect...kalu nak, awak log in dlm blogger dan klik button kat bawah ye.



lepas 2 dier akan jd gadget kat sidebar nama "snow effect" kalu xnak tgk nama "snow effect" klik edit lps 2 delete nama "snow effect" dan save.

Sumber : BloggerBusterPirate

17 December 2008

Background Tajuk Posting

Meletakkan Latarbelakang pada Tajuk postingan ( blogmenjerit )
lihat gambar diatas, Tajuk posting kita mempunyai background bg memudahkan pengunjung membezakan setiap posting yang dibuat.

untuk membuatnya, sila ikut prosedur dibawah:-
1st skali kena log in lam Blogger, gi kat |Layout| --> |Template| --> |Edit Html|

Cari kod ini:-
.post h3 {

Tampalkan kod ini dibawahnya:-
background:url(http://4.bp.blogspot.com/_ug2su064JjY/SUlewKKM5UI/AAAAAAAAAA4/mqnuLPC6nfU/s1600/grey.gif) repeat-x;

Susunan kod akan kelihatan seperti dibawah
.post h3 {
background:url(http://4.bp.blogspot.com/_ug2su064JjY/SUlewKKM5UI/AAAAAAAAAA4/mqnuLPC6nfU/s1600/grey.gif) repeat-x;margin:0;
line-height:1.5em;
display:block;
border:1px dotted $borderColor;
border-width:0 1px 1px;
color: $postTitleColor;
font: $postTitleFont;
}


gantikan gambar background dgn menukarkan kod yang berwarna hijau


Save Template dan tgk hasilnya.

sumber : blogmenjerit

Komen Terkini

Isi form dibawah untuk mendapatkan widget "Komen Terkini"
Pastikan kamu telah Log-in ke dalam blogger kamu


Isi Form Widget

http://.blogspot.com

characters


           



blogger-templates

Dropcaps

Kamu tahu tak ape itu dropcaps..cuba kamu tgk contoh kat bawah, saya bagi 2 jenis contoh:-

Pertama


Kedua



Ianya merupakan Huruf Awalan yang berbeza dengan huruf yang lain dalam sesebuah ayat.
Jika kamu ingin letakkannya dalam blog kamu, ikut prosedur dibawah:-

1st skali kena log in lam Blogger, gi kat |Layout| --> |Template| --> |Edit Html|.
Jangan lupa tanda pada kotak |Expand Widget Template|

Skang cari kod ini (guna CTRL+F) : ]]></b:skin>
Letakkan kod dibawah sebelum kod ]]></b:skin> spt gmbar berikut:-



Untuk jenis pertama, masukkan kod ini
.dropcaps {
float:left; color: #ff9900;
font-size:70px;
line-height:60px;
padding-top:1px;
padding-right:5px;
font-family:"Monotype Corsiva";
width: 50px; }


Untuk jenis Kedua, masukkan kod ini
.dropcaps {
border: 1px solid darkkhaki;
background: khaki none repeat scroll 0% 0%; margin-right: 6px; margin-top: 5px;
float: left; color: white;
-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;
font-size: 80px; line-height: 60px; padding-top: 2px;
padding-right: 5px; font-family:"Monotype Corsiva"; }



Perhatian : Anda boleh tukar font-family:"Monotype Corsiva"; kepada tulisan kegemaran anda


Sekarang pergi pada bahagian |Setting| --> |Formatting| dan di bahagian bawah dalam kotak |Post Template|, pastekan pula kod ini.
<span class="dropcaps">P</span>ertama

Mungkin lebih mudah anda melihat code itu melalui |edit html| berbanding |Compose| ketika membuat posting baru.


Semoga berjaya..

eriyzaqistina

16 December 2008

Memasang "No Halaman"


Cuba tgk gambar kat atas...itu merupakan no yang menunjukkan halaman yang ada dalam blog kita.
Dengan adanya no halaman pengunjung akan mengetahui berapa byk page yg ada dlm blog kita. Pengunjung jg senang untuk mengingati@mencari posting kita yang menarik perhatiannya.
Ini secara x lgsung me"mesrapengguna"kan blog kita.
Ini lebih kurang membaca buku yang ade muka surat kandungan
Apepun jika ini menarik perhatian kamu, dan ingin meletakkannya dalm blog kamu. Ikut Prosedur dibawah.


1st: first skali kena log in lam Blogger, gi kat |Layout|-->|Page Element|
Ambil |Add a Gadjet|, pilih HTML/Javascript.
dan masukkan kod ini

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>



<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=8;
var displayPageNum=2;
var firstPageWord = '1st';
var endPageWord = 'End';
var upPageWord ='<<<';
var downPageWord ='>>>';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">'+thisNum+' dari '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"></div>


Kedian, anda drag (klik kiri pastu tarik) gadjet itu letak bawah Blog Posts spt gambar kat bawah:-


Nota :

Anda boleh mengubah kod² berikut mengikut kehendak anda :-

var pageCount=5;
- Jumlah halaman mukasurat yang akan kelihatan.

var displayPageNum=3;
- Jumlah topik yang akan disenaraikan setiap kali halaman mukasurat diklik.


Selamat mencuba.

Sumber : eriyzaqistina,Rias Techno

15 December 2008

MeMBuat "Blogumus : Label Flash Beranimasi"

Mungkin ada yg jeles tgk tag sesetengah blog itu beranimasi tp malu nk btanya..:girl_3:cuba tgk contoh kat bawah..


Contoh Blogumus Amanda Fazani

Jd kat sini saya ingin bkongsi cara membuatnya...macam biase

1st: first skali kena log in lam Blogger, gi kat |Layout|, pilih |Template|, sila pilih |Edit Html|. Jangan lupa tanda pada kotak |Expand Widget Template|

kedian cari kod ni
<b:section class='sidebar' id='sidebar' preferred='yes'>

letakkan dibawahnya kod ini
<b:widget id='Label2' 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'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


didalam kod diatas saya telah warnakan beberapa perkataan dgn warna merah, fungsi mereka adalah spt brkut:-
240 = saiz lebar
300 = saiz tinggi
ffffff = warna latarbelakang
333333 = warna tulisan
12 = saiz tulisan

untuk rujukan kod2 warna html, sila klik disini.
:girl_2:

anda boleh preview tlebih dahulu utk melihat hasilnya.
save template, skang tag label anda yg bergaya sdh siap..tepuktangan

sumber : eriyzaqistina

Membuat "pos berkaitan"

Kalu mat salleh diorang cakap "RELATED POST", kiranya ini untuk memudahkn visitor blog kita utk mencari link2 yg bersesuaian tanpa perlu ke halaman depan "HOME".
Navigasi yang senang akan membuatkan pengunjung berada di blog kita lebih lama disamping meneroka posting yang menarik perhatian mereka

Cuba lihat gambar kat bawah, itu merupakan "Related Post" utk blog saya....

@fizi01Jika kamu berminat, sila ikut prosedur dibawah:-

1st: first skali kena log in lam Blogger, gi kat |Layout|, pilih |Template|, sila pilih |Edit Html|. Jangan lupa tanda pada kotak |Expand Widget Template|

Cari kod </head> , masukkan kod dibawah diatas </head>

<style>

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://javascripthost.com/s1/bin/fyzuex.RelatedPosts.js' type='text/javascript'/>


2nd: kedian cari kod ini <data:post.body/> , dan letakkan dibawahnya kod ini

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; data:label.name &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>


dan save template, maka widget ini sudah siap utk dipaparkan...:girl_14:

sumber : realtrix Pirate

14 December 2008

Membuat "Baca Selanjutnya" V2

Sebelum ni saya dah bagi cara nak wat "Baca Selanjutnya" tp nampaknya cara 2 ada problem ngan ie (Internet Explorer) jd kali ni saya nak bg cara yg lain lak iaitu:-
Membuat "Baca Selanjutnya" disamping memaparkan gambar yg ada lam post anda. Macam blog saya, ada gambar smiley kan ditepi ringkasan catatan post blog...
:girl_7:
Perhatian: Kalau anda dah cube "hack" @ cara membuat "baca selanjutnya"/"read more" atau sebagainya yang lain pastikan anda buang dan kembali kepada asal. Anda sebaiknya menyimpan Template {dgn m"klik" Download Full Template} sebelum mencuba cara ini supaya senang untuk kembali kepada kod yg asal.

Cara untuk melakukannya sama iaitu:-
  • first skali kena log in lam Blogger, gi kat |Layout|, pilih |Template|, sila pilih |Edit Html|. Jangan lupa tanda pada kotak |Expand Widget Template|
  • cari kod ini <data:post.body/> (guna Ctrl+F) dan gantikan dengan kod in
  • <script type='text/javascript'> summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://fyzue.googlegroups.com/web/summary-post.js?gda=7UVUS0IAAADO3BEIxSOga0BpaaAzlnPpPyIx6f124uEHABR_jyVMt_EIqLu6jymKgpUD1MIb44hV4u3aa4iAIyYQIqbG9naPgh6o8ccLBvP6Chud5KMzIQ' type='text/javascript'/> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><div class='readmore'><a expr:href='data:post.url'>
    Selanjutnya</a></div> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  • Untuk makluman, Kod yang merah berfungsi untuk:

    summary_noimgadalah bilangan huruf yg perlu dipaparkan bagi mewakili post yg tidak mpunyai gambar.
    summary_img adalah bilangan huruf yg perlu dipaparkan bagi mewakili post yg mpunyai gambar.

    img_thumb_height adalah tinggi gambar yg diwakili (pixel).

    img_thumb_width adalah lebar gambar yg diwakili (pixel).
  • Untuk mencantikkan lagi blog itu, cari kod ni ]]></b:skin> dan letakkan kod dibawah diatasnya
  • /* readmore */
    .readmore a {
    float : right;
    font-size: 10px;
    color: #fff;
    background: #141414;
    -moz-border-radius:0.3em;
    margin-top: 0px;
    padding : 1px 5px; }
    .readmore a:hover {
    color:#fff;
    background: #444444; }
    .readmore a:link { border-bottom:none; }

  • itu saje, sekarang cuba apply dalam blog anda.:girl_4:
Sumber : easyadsensevnsengihnampakgigi

13 December 2008

Masukkan Smiley dalam blogger

Saya blaja masukkan smiley diamsembahtakboletensiontensionbabaisighnerdnerdnerdnerdbusukihikhikpenat kat lam blogger saya, nanti masa nak buat new post smiley2 tu kuar la cam kat bawah,





nak masukkan smiley just klik2 je..
nak blaja, ikut instruction kat bwh yer....

  • Mesti guna firefox, jd yg xde tu kena la download dlu.
  • lepas tu tambah add-on greasemonkey (ada muka monyet senyum kat bawah hujung kanan browser kalu dah ada)
  • Selepas itu anda install pula script ini (klik saja tak perlu save, dan ia akan kuar dalam Greasemonkey, tekan install).
  • kedian log in dlam blogger,edit template dan cari kod ini ]]></b:skin>
  • nak senang tekan "ctrl+f" dekat find masukkan kod yang nak dicari
  • Masukkan pula kod dibawah sebelum kod ]]></b:skin>

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}



  • Save template anda.
  • lps tu try buat new post, kalu sume okay icon smiley cam gmbar

  • ni akan kuar.

  • kini smiley anda sudah ready untuk digunakan.

jom minum minum





sumber : Blog Menjerit

MEmBuat BAca SeLAnJutNYa

Xyah saya terangkan ape benda "Baca Selanjutnya", kamu memang dah tahukan...kalu xth tgk gambar kat bawah @ anta komen kat saya adacall
nak buat camtu tak, kalu nak buat ikut prosedur kat bawah ye...ThumbsUp

  • first skali kena log in lam Blogger, gi kat |Layout|,
  • pilih |Template|, sila pilih |Edit Html|. Jangan lupa tanda pada kotak |Expand Widget Template|.
  • cari kod ini
</head>
  • kedian masukkan atas </head> kod ini
<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/><br><script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.expander.js' type='text/javascript'/><br><script type='text/javascript'><br>$(document).ready(function() {<br>$('.excerpt').expander({<br>slicePoint: 280, // default is 100<br>expandText: '[...]', // default is 'baca selanjutnya…'<br>});<br>});<br></script>
  • cari kod kat bawah ni;
<div class='post-body entry-content'><br><data:post.body/><br><div style='clear: both;'/> <!-- clear for photos floats --><br></div>
  • dan gantikan dengan kod ini (buang yang kat atas)
<b:if cond='data:blog.pageType != "item"'><br><div class='excerpt post-body entry-content'><br><data:post.body/><br><div style='clear: both;'/> <!-- clear for photos floats --><br></div><br><b:else/><br><div class='post-body entry-content'><br><data:post.body/><br><div style='clear: both;'/> <!-- clear for photos floats --><br></div><br></b:if>
  • kedian |Save Template| dan cuba buat pos baru...refresh@reload blog kamu.
  • sila tekan " Ctrl+F" untuk mencepatkan proses pencarian kod star
Sumber : bloggerbuster
Hakmilik sepenuhnya : jquery dan plugins.learningjquery Pirate