4/1/11

<p>Jika sebelumnya saya pernah posting tentang cara membuat related posts with thumbnails dan untuk kali ini saya akan posting serupa tapi tak sama iaitu "pasang related post tanpa gambar".Okey sambung kembali tutorial ini dan inilah "Widget Related Posts"<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0vf3MPCJqCgx_CkuzBnAJ5sIPlC3keDWHiW14yrZub4Y4UYo3wL6hB2QkbfGvRasry6_73V8YE8fA9olGi_dbK5DoQo_MxB9DFGbjEb5g_evelpaTHkATgpDOIaSq221OUQlAMR1rUyzF/s1600/related-posts3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0vf3MPCJqCgx_CkuzBnAJ5sIPlC3keDWHiW14yrZub4Y4UYo3wL6hB2QkbfGvRasry6_73V8YE8fA9olGi_dbK5DoQo_MxB9DFGbjEb5g_evelpaTHkATgpDOIaSq221OUQlAMR1rUyzF/s320/related-posts3.png" width="320" /></a></div>
<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
Setelah anda login pada blogger .com cari kode dibawah ini : <span style="color: red;"></head></span><br />
<br />
Kemudian gantikan dengan kode di ini :
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<br />
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
<span class="fullpost"><blockquote>
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<style><br />
#related-posts {<br />
float:center;<br />
text-transform:none;<br />
height:100%;<br />
min-height:100%;<br />
padding-top:5px;<br />
padding-left:5px;<br />
}<br />
#related-posts .widget{<br />
padding-left:6px;<br />
margin-bottom:10px;<br />
<br />
}<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
#related-posts .widget h2, #related-posts h2{<br />
font-size: 1.6em;<br />
font-weight: bold;<br />
color: black;<br />
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;<br />
margin-bottom: 0.75em;<br />
margin-top: 0em;<br />
padding-top: 0em;<br />
}<br />
#related-posts a{<br />
color:blue;<br />
}<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
#related-posts a:hover{<br />
color:blue;<br />
}<br />
#related-posts ul{<br />
list-style-type:none;<br />
margin:0 0 0px 0;<br />
padding:0px;<br />
text-decoration:bold;<br />
font-size:15px;<br />
text-color:#000000<br />
}<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
#related-posts ul li{<br />
background:transparent 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHV0F2gA11A2-o92OwDpk4QWk2bfCj7wDzn7FozybeYfOUb5qnghHzfO220LhCpahPWLx0ET8H8dDH54VRNYa-L8TAHbUZjEziBK0SYVGiyX7qQo-oIWG2SbC_XSEIGnHlbXOygNQUYCo/s200/greentickbullet.png)
 no-repeat ;<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
display:block;<br />
list-style-type:none;<br />
margin-bottom: 13px;<br />
padding-left: 30px;<br />
padding-top:0px;}<br />
</style><br />
<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<script type='text/javascript'><br />
var relatedpoststitle="<b><span style="color: blue;">Related Posts</span></b>";<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
</script><br />
<script src='http://mastergomaster.googlecode.com/files/related.js' type='text/javascript'/><br />
<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
</b:if><br />
<br />
</head></blockquote>
</span></div>
<br />
**Tulisan Related Posts boleh anda ganti mengikut kesesuaian dan keinginan anda.<br />
<br />
<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
Sekarang cari kode  ini : <span style="color: red;"> <div class='post-footer-line post-footer-line-1'></span>
<a href="http://johanrakyat.blogspot.com/" name="more"></a><br />
<br />
Kalau tak jumpa,cuba yang satu ini :
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<span style="color: red;"><p class='post-footer-line post-footer-line-1'></span>
<a href="http://johanrakyat.blogspot.com/" name="more"></a><br />
<br />
Letakkan kode dibawah ini dibawah kode di atas :
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
 <br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<br />
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
<span class="fullpost"><blockquote>
<br />
<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<div id='related-posts'><br />
<b:loop values='data:post.labels' var='label'><br />
<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<b:if cond='data:label.isLast != &quot;true&quot;'><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + 
data:label.name + <a href="http://johanrakyat.blogspot.com/" name="more"></a>
&quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;'<a href="http://johanrakyat.blogspot.com/" name="more"></a>
 type='text/javascript'/></b:if></b:loop><a 
href='http://www.mastergomaster.com/2010/03/related-posts-tanpa-gambar-atau-image.html'<a href="http://johanrakyat.blogspot.com/" name="more"></a>
 style='display:none'>Related Posts Widget</a><br />
<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<script type='text/javascript'><br />
var currentposturl=&quot;<data:post.url/>&quot;;<br />
<br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<br />
<div style="color: red;">
var maxresults=5;</div>
removeRelatedDuplicates(); printRelatedLabels();<br />
</script><br />
</div><br />
<a href="http://johanrakyat.blogspot.com/" name="more"></a>
<br />
</b:if><br />
</blockquote>
</span></div>
<br />
**Pada <span style="color: red;">var maxresults=5;</span> gantilah angka 5 jika anda mahu atau lebih mengikut kesesuian anda inginkan.
<a href="http://johanrakyat.blogspot.com/" name="more"></a><br />
<br />
Simpan dan klik Save Template,<br />
Sekian, dan terima kasih kerana sudi mencuba tutorial yang tak seberapa ini.</p>

Jika sebelumnya saya pernah posting tentang cara membuat related posts with thumbnails dan untuk kali ini saya akan posting serupa tapi tak ...

<p><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFZDbWZVrhHcXwl9ZnPElQdHtIyFrRs0r_w_FtcsWKztgk_KhOF4oe8fBNXq5Uq27jVISk6Rm8EG_2VrSG8Tw78YgwDM0hpwvrapr36Pi-FocG_x90ITw_qw-hFKfuu1Ow1SmYnRLK8yg/s1600/Green-save.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFZDbWZVrhHcXwl9ZnPElQdHtIyFrRs0r_w_FtcsWKztgk_KhOF4oe8fBNXq5Uq27jVISk6Rm8EG_2VrSG8Tw78YgwDM0hpwvrapr36Pi-FocG_x90ITw_qw-hFKfuu1Ow1SmYnRLK8yg/s320/Green-save.jpg" width="320" /></a></div>
<br />
<br />
Marilah ikuti tutorial nak jimatkan tenaga..atau pun energy save mode kat blog korang<br />
<br /><a href="http://johanrakyat.blogspot.com/" name="more"></a>
1-buka blog<br />
2-reka bentuk<br />
3-add gadjet<br />
4-pilih html link dan jawa script<br />
5-copy dan pastekan kod bawah ni.<br />
<br /><a href="http://johanrakyat.blogspot.com/" name="more"></a>
<div style="border: 1px inset rgb(108, 122, 125); margin-left: 20px; margin-right: 70px; padding-left: 30px; padding-right: 30px;">
<span class="fullpost"><blockquote>
<script  <a href="http://johanrakyat.blogspot.com/" name="more"></a>
src=’http://www.vincentcheung.ca/jsencryption/jsencryption.js’  
type=’text/javascript’></script><script  
type=”text/javascript”>if (window.jstiming)  
window.jstiming.load.tick(‘headEnd’);</script><br />
<!– save your energy –><script language=’javascript’  
src=’http://www.onlineleaf.com/savetheenvironment.js’  
type=’text/javascript’></script><!– save your energy end  
–><script type=’text/javascript’></script><script  
type=’text/javascript’></blockquote>
</span></div><a href="http://johanrakyat.blogspot.com/" name="more"></a></p>

Marilah ikuti tutorial nak jimatkan tenaga..atau pun energy save mode kat blog korang 1-buka blog 2-reka bentuk 3-add gadjet 4-pili...

Johan Rakyat

Cara pasang related post tanpa ada gambar

Cara Meletakkan Save Energy Mode Di Dalam Blogspot