http://jumnuoy.blogspot.com/2011/08/add-captions-to-images-on-blogger-blog.html
Blogger platform has added a new feature to easily add caption to images without having to mess around with manual code in ‘Edit HTML’ mode. As of now, feature of adding caption to uploaded photos is only available in ‘Blogger in Draft’ editor. Besides showing captions, you can format caption text size and position. [For starters: caption is descriptive text show below photo]
គឺ រូបភាព ជាមួយនិងការពន្យល់ ឬការអធិប្បាយអំពីរូបហ្នឹងពីក្រោម ដូចរូបទីមួយ ខាងលើជាដើម
ដែលធ្វើឲ្យប្លុករបស់អ្នកមានភាពស្រស់ទ្វើឡើងមួយកំរិតទៀត។
ដូច្នេះសូមមើលការណែនាំក្នុងការធ្វើដូចខាងក្រោមៈ
1. Goto http://blogger.com login into your Blogger account.
2.Goto Design => Edit HTML
3.Find the This ]]></b:skin>
4.Put this Code below ]]></b:skin>:
5. Goto Posting New Post
6. Click “Compose” button to switch to compose mode.
7. Click ‘Image upload’ icon to upload image to your blog.
8. Single click uploaded image, this will pop up captions bar.
9. Then click ‘add captions’ button and type the caption text, that will appear at the bottom of the image.
Using other options on captions bar you can set caption text size and location among: left, right and center. If you happen to display lot of images of Blogger blog, then caption feature should comes handy for showing text description for each image quickly.
10. When you Publish post you will see like this:
នៅពេលដាក់រួចហើយ បន្ទាប់មកសូមយកកូដខាងក្រោមនេះទៅ ផស់ (Post) សាកមើលថា ចេញដូចខ្ញុំថាឬអត់?
Blogger platform has added a new feature to easily add caption to images without having to mess around with manual code in ‘Edit HTML’ mode. As of now, feature of adding caption to uploaded photos is only available in ‘Blogger in Draft’ editor. Besides showing captions, you can format caption text size and position. [For starters: caption is descriptive text show below photo]
Give captions to photos on Blogger blog
A captionគឺ រូបភាព ជាមួយនិងការពន្យល់ ឬការអធិប្បាយអំពីរូបហ្នឹងពីក្រោម ដូចរូបទីមួយ ខាងលើជាដើម
ដែលធ្វើឲ្យប្លុករបស់អ្នកមានភាពស្រស់ទ្វើឡើងមួយកំរិតទៀត។
ដូច្នេះសូមមើលការណែនាំក្នុងការធ្វើដូចខាងក្រោមៈ
1. Goto http://blogger.com login into your Blogger account.
2.Goto Design => Edit HTML
3.Find the This ]]></b:skin>
4.Put this Code below ]]></b:skin>:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 2px;
background: #ffffff;
border: 1px solid #eeeeee;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
.post-body img, .post-body .tr-caption-container {
padding: 5px;
}
.post-body .tr-caption-container {
color: #222222;
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}
}
5. Goto Posting New Post
6. Click “Compose” button to switch to compose mode.
7. Click ‘Image upload’ icon to upload image to your blog.
8. Single click uploaded image, this will pop up captions bar.
9. Then click ‘add captions’ button and type the caption text, that will appear at the bottom of the image.
Using other options on captions bar you can set caption text size and location among: left, right and center. If you happen to display lot of images of Blogger blog, then caption feature should comes handy for showing text description for each image quickly.
10. When you Publish post you will see like this:
នៅពេលដាក់រួចហើយ បន្ទាប់មកសូមយកកូដខាងក្រោមនេះទៅ ផស់ (Post) សាកមើលថា ចេញដូចខ្ញុំថាឬអត់?
Blogger platform has added a new feature to easily add caption to images without having to mess around with manual code in ‘Edit HTML’ mode. As of now, feature of adding caption to uploaded photos is only available in ‘Blogger in Draft’ editor. Besides showing captions, you can format caption text size and position. [For starters: caption is descriptive text show below photo]
Give captions to photos on Blogger blog
A captionគឺ រូបភាព ជាមួយនិងការពន្យល់ ឬការអធិប្បាយអំពីរូបហ្នឹងពីក្រោម ដូចរូបទីមួយ ខាងលើជាដើម
ដែលធ្វើឲ្យប្លុករបស់អ្នកមានភាពស្រស់ទ្វើឡើងមួយកំរិតទៀត។
ដូច្នេះសូមមើលការណែនាំក្នុងការធ្វើដូចខាងក្រោមៈ
1. Goto http://blogger.com login into your Blogger account.
2.Goto Design => Edit HTML
3.Find the This ]]></b:skin>
4.Put this Code below ]]></b:skin>:
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 2px;
background: #ffffff;
border: 1px solid #eeeeee;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
.post-body img, .post-body .tr-caption-container {
padding: 5px;
}
.post-body .tr-caption-container {
color: #222222;
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}
}
5. Goto Posting New Post
6. Click “Compose” button to switch to compose mode.
7. Click ‘Image upload’ icon to upload image to your blog.
8. Single click uploaded image, this will pop up captions bar.
9. Then click ‘add captions’ button and type the caption text, that will appear at the bottom of the image.
Using other options on captions bar you can set caption text size and location among: left, right and center. If you happen to display lot of images of Blogger blog, then caption feature should comes handy for showing text description for each image quickly.
10. When you Publish post you will see like this:
នៅពេលដាក់រួចហើយ បន្ទាប់មកសូមយកកូដខាងក្រោមនេះទៅ ផស់ (Post) សាកមើលថា ចេញដូចខ្ញុំថាឬអត់?
0 comments:
Post a Comment