Recent Post Thumbnails Widget - Blogger Tweak

Did you see recent post with thumbnail? If yes then you definitely want to add in your blog. Yes you can.



Here are step for that.

1. Log in to your Blogger account.
2. Click Layout >> Page Element.
3. Click on Add Gadget and add below code in it.

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://img195.imageshack.us/img195/7350/blocko.gif";

imgr[1] = "http://img195.imageshack.us/img195/7350/blocko.gif";

imgr[2] = "http://img195.imageshack.us/img195/7350/blocko.gif";

imgr[3] = "http://img195.imageshack.us/img195/7350/blocko.gif";

imgr[4] = "http://img195.imageshack.us/img195/7350/blocko.gif";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#000000";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 7;

home_page = "http://example.blogspot.com/";

</script>

<script src="http://socheate.googlepages.com/recentposts_thumbnail.js" type="text/javascript"></script>

Change green text with your choice of height and width and blue text with your blog name like http://yourname.blogspot.com

4. Move your Widget as your choice and save it. You are done.

What is next to do?


If you didn't subscribe at then do it now. So, you will not loose any update on this blog.

Read More

How to resize image in Home Page at Magazine Template R.1.2

Kang Rohman has received complaints several times about Magazine Template R.1.2, it is about the image in home page that’s displayed with small size.
How can we resize the image in home page of magazine Template magazine R.1.2 ?
If you feel uncomfortable with the image size in home page at magazine Template R.1.2, you can resize it as follow:

Login to blogger with your ID
Click Layout
Click Edit HTML
Find this code :
.post-body img{
max-width:70px;
padding:1px;
float:left;
margin:0 5px 1px 0;
border: 1px solid #cadaef;
}

Focus to the code:
max-width:70px;

Change the pixel with the higher one, suggested to change not more than 300px, e.g.:
max-width:300px;

The code will be as below:
.post-body img{
max-width:300px;
padding:1px;
float:left;
margin:0 5px 1px 0;
border: 1px solid #cadaef;
}

Click Save template
Done
Additional Note:
Max-width means the width of image displayed. It is easy, right?
Happy trying!

Read More

How do I put a picture into the caption of a picture on Website

(With Caption)

នៅ ក្រោម លំនៅ ឋាន មាន កី តម្បាញ សំរាប់ ត្បាញ ហូល (រូបថត ៖ ធា)

(No Caption)

A caption to an image on Post is a short text message that appears below the image and clarifies its import. Most captions draw attention to something in the image that is not obvious, such as its relevance to the text. For complex images or images whose relationship to the text is unclear, the caption can be one or two short sentences, rarely three. Writing good captions is difficult, and the examples below may be helpful. Along with the title, the lead, and section headings, captions are the most commonly read words in an article, so they should be succinct and informative.

: search this line ]]></b:skin> and add this CSS code above that line.

.wp-caption {
border: 1px solid #DDDDDD;
text-align: center;
background-color: #EEEEEE;
padding: 4px 0px 5px 0px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;
}
.wp-caption p.wp-caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}

When you want to put Photo with Caption you should write like this:

<div class="wp-caption"><img src="http://women.open.org.kh/files/images/hol_phamoung.jpg" alt="" />
<p class="wp-caption-text">Khmer Dress(Photo by:sss)</p>
</div>

Read More

How to add comment avatars (author images) to your comments section

A great way to add comment avatars: an image (or icon) which is unique to the person who is making the comment. When using comment avatars in your blog, you will easily be able to recognize comment authors, especially those who regularly visit your blog. Also I feel this adds a greater sense of interaction between blog authors and their readers.

By default, Blogger only shows comment avatars on comment pages (either pop-up or full screen, depending on your comment settings). However, no comment avatars appear in the most visually important place: in your item pages where comments are displayed beneath your posts. Additionally, only the comment avatars of registered Blogger users may appear on these pages, so if your readers blog on a different blogging platform, their avatar cannot appear at all.

Read More

how to put Picture or Flash to your head Blog

how to put Flash or Picture of your head Blog

Add me to your Sidebar if you want to link me!

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" title="socheat" height="50" width="150"><br /> <param value="http://socheate.googlepages.com/socheat-blogspot.swf" name="movie"><br /><br /> <param value="high" name="quality"><br /> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://socheate.googlepages.com/socheat-blogspot.swf" type="application/x-shockwave-flash" height="50" width="150"></embed><br /> </object>

Before you add Flash or Picture you must to
មុននឹងអ្នកដាក់វាបាន លុះត្រាតែអ្នក ធ្វើតាមប្រមានចំណុចខាងក្រោមនេះសិន
Add Page Element របៀបបន្ថែមក្បាលទំព័រ first!

When you do already, can you put it like:
នៅពេលដែលអ្នកដាក់រួចហើយ ទើបធ្វើតាមដូចខាងក្រោម៖
How to put Flash:
You can make Flash animation By:

Adobe Flash CS3 Professional

Flashy Effect

and get your get your code:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" title="socheat" height="50" width="150">
<param value="http://socheate.googlepages.com/socheat-blogspot.swf" name="movie">

<param value="high" name="quality">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://socheate.googlepages.com/socheat-blogspot.swf" type="application/x-shockwave-flash" height="50" width="150"></embed>
</object>

You can change in the red text to your flash, copy this code to the head of your blog by add Add Page Element

Add Java Script, and past the code into it.

How to Add Picture
លោកអ្នកអាចធ្វើរូបភាពតាមរយៈ

Adobe - Photoshop

រួចហើយយកទៅផ្ញើរក្នុងវេបសាយណាមួយ ហើយ សេរសេរកូដ
<img src="http://www.tsemp-c2.org/donation/Background/04.gif">
Then copy this code to the head of your blog by add Add Page Element

Add Java Script, and past the code into it.

Read More