BTC USD 83,492.7 Gold USD 4,186.48
Time now: Jun 1, 12:00 AM

www.blogger.com - All about Blogspot

ada 2 bende lagi aku nak add kat blogspot ni.

maybe template aku ni pelik skit...

sape2 sudi, leh watkan aku (read more & related post) tak?

Tutorial Buat Sendiri Try and Error wat Read more & related post :D

Tu namanya Read More atau istilah lain dikenali sebagai expandable post summaries.

OK untuk buat blog awak jadi camtu ada dah link belajar benda ni di page 1.
Apapun ni ada satu blog ajar awak conform boleh pandai siap dengan gambar screen shot untuk anda TIRU.

Read More

Harap membantu anda KH:)

Create Related Article atau Post - ini ialah tutorialnyer
..

Step 1 : First of all add the below code just before (above) </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://technotrixdebajyoti.googlepages.com/RelatedPostsByRealtrix.co.cc.js' type='text/javascript'/>


Now Save your template.


Step 2 : Now look for <p><data:post.body/></p> in the template. Make sure to "Expand Widget Template" in the Edit HTML page.

Now add the code given below, just beneath <p><data:post.body/></p> .


<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 != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>

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


Credit to Mohamed Rias
 
Last edited:
Tutorial Buat Sendiri Try and Error wat Read more & related post :D



Create Related Article atau Post - ini ialah tutorialnyer
..

Step 1 : First of all add the below code just before (above) </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://technotrixdebajyoti.googlepages.com/RelatedPostsByRealtrix.co.cc.js' type='text/javascript'/>


Now Save your template.


Step 2 : Now look for <p><data:post.body/></p> in the template. Make sure to "Expand Widget Template" in the Edit HTML page.

Now add the code given below, just beneath <p><data:post.body/></p> .


<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 != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>

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


Credit to Mohamed Rias

Thanks... sy try lagi... semalam dah follow step, tp tak menjadi. terus fed up... arini test lagi...
 
ala khairil buat ajer sendiri..try and error..tapi sebelum tuh download ler dulu siap2 kat pc takut kalu salah blh upload balik...huhuhu..

aku pun ari tuh pun bengong jugak bila tgk html code..tapi memandangkan masing2 aku tanya buat donno ajer terpaksa ler belajar sendiri...:((

masuk ler blog aku tgk mcm maner sekrg blog aku...kira ok ler tuh bagi budak baru beljr mcm aku nie...:p
 
OK, DAH JADI SEPARUH JALAN...

1. Read more masih tak menjadi...

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "b:if" must be terminated by the matching end-tag "".

2. mCM mana nak buang (Related Posts Widget [?])
 
OK, DAH JADI SEPARUH JALAN...

1. Read more masih tak menjadi...



2. mCM mana nak buang (Related Posts Widget [?])

Dah boleh ker belum..? Kekadang benda ni jadi sebab adalah tu tertinggal code satu dua atau paste dibaris yang salah.

Jadi laling recommended awak guna Free software PSpad rather tahn guna notepad sebab dia nyer feature boleh highlight senang nampak leh monitor baris by baris..:)

Download Free Pspad http://www.pspad.com/
 
salam warga CG yg terer..heheh

ada sape2 tau nk letak Column macam 'Textarea' tapi nak yg boleh isi banner atau apa2 link dalam tu dapat display dan berfungsi..kalo ada link, kita boleh klik link tu..

kalo 'textarea' biasa, tak boleh, sbb semua tu just akan jadi display text saje....

Tujuan nk letak scroll column tu adalah sbb nak isi apa2 banner dan link, atau blogroll yg dah byk sgt kat sidebar blog...

sape2 bleh tulun? :-?

dah satu hari cari, tapi tak jumpa...ada jumpa yg ckp kne pkai iframes....tapi dah try..tak menjadi plak and taktau nk pkai...

pakar2 coding...meh la tulun sinehhh.... #:-S
 
salam warga CG yg terer..heheh

ada sape2 tau nk letak Column macam 'Textarea' tapi nak yg boleh isi banner atau apa2 link dalam tu dapat display dan berfungsi..kalo ada link, kita boleh klik link tu..

kalo 'textarea' biasa, tak boleh, sbb semua tu just akan jadi display text saje....

Tujuan nk letak scroll column tu adalah sbb nak isi apa2 banner dan link, atau blogroll yg dah byk sgt kat sidebar blog...

sape2 bleh tulun? :-?

dah satu hari cari, tapi tak jumpa...ada jumpa yg ckp kne pkai iframes....tapi dah try..tak menjadi plak and taktau nk pkai...

pakar2 coding...meh la tulun sinehhh.... #:-S

cara senang ganti

showaddelement='no'

dgn

showaddelement='yes'
 
aku baru letak star rating kat blog aku http://wordpresstoblogger.blogspot.com tp background masih putih walaupun aku dah tukar variable n css

<Variable name="backgroundColor" description="Post Background Color"
type="color" default="#E1F6F8" value="#E1F6F8">

.star-ratings {
background-color: $backgroundColor;
}

ader sesaper boleh tolong x?
 
salam warga CG yg terer..heheh

ada sape2 tau nk letak Column macam 'Textarea' tapi nak yg boleh isi banner atau apa2 link dalam tu dapat display dan berfungsi..kalo ada link, kita boleh klik link tu..

kalo 'textarea' biasa, tak boleh, sbb semua tu just akan jadi display text saje....

Tujuan nk letak scroll column tu adalah sbb nak isi apa2 banner dan link, atau blogroll yg dah byk sgt kat sidebar blog...

sape2 bleh tulun? :-?

dah satu hari cari, tapi tak jumpa...ada jumpa yg ckp kne pkai iframes....tapi dah try..tak menjadi plak and taktau nk pkai...

pakar2 coding...meh la tulun sinehhh.... #:-S

Kalau banyak sangat link kat sidebar dah penuh nak jimat ruang ada baik awak buat drop down menu guna java ni contoh code.

<SCRIPT TYPE='text/javascript'>
<!--
function dropdown(mySel)
{
var myWin, myVal;
myVal = mySel.options[mySel.selectedIndex].value;
if(myVal)
{
if(mySel.form.target)myWin = parent[mySel.form.target];
else myWin = window;
if (! myWin) return true;
myWin.location = myVal;
}
return false;
}
//-->
</SCRIPT>

letak code ni sebelum </head>

Lepas tu pergi page element wat satu HTML/Javascript.

paste code ni..dari situ boleh masukkan apa sahaja link untuk buat drop down menu

<form action="../cgi-bin/redirect.pl"
method="POST" onsubmit="return dropdown(this.gourl)">
<select name="gourl">
<option value=""/>Apa sahajalah..

<option value="http://kawanAku.com/"/>Kawan
<option value="http://apejer.blogspot.com/"/>Blog Hot
<option value="http://laling-sukan4Dhyip.blogspot.com/"/>Blog laling
<option value="URL apejer"/>Keterangan
</select>
<input value="Go" type="SUBMIT"/>
</form>
 
salam warga CG yg terer..heheh

1.ada sape2 tau nk letak Column macam 'Textarea' tapi nak yg boleh isi banner atau apa2 link dalam tu dapat display dan berfungsi..kalo ada link, kita boleh klik link tu..

2.Tujuan nk letak scroll column tu adalah sbb nak isi apa2 banner dan link, atau blogroll yg dah byk sgt kat sidebar blog...
#:-S

Oh ya..ada contoh tak? bagi satu blog yg buat camni:-? Or awak nak buat macam http://pergh.com/ check kat belah kanan top
 
Last edited:
Back
Top
Log in Register