បង្ហាញរូបភាពនៅក្នុង ទំព័រដើម បិទវីញនៅក្នុងអត្ថបទ

ដើម្បីលាក់រូបភាព / រូបភាពពីអ្នកសរសេរប្លុកនិងធ្វើឱ្យការប្រកាសឱ្យពួកគេលេចឡើងតែក្នុងគេហទំព័រ, យើងនឹងបន្ថែមមួយគ្រាន់តែជាដុំតូចមួយនៃកូដ CSS បានក្នុងពុម្ពរបស់យើងហើយបន្ទាប់មកប្រើថ្នាក់ "hidepic" រាល់ពេលដែលយើងចង់លាក់រូបភាព។

ការគ្រាន់តែធ្វើតាមជំហានបន្តបន្ទាប់:

• ជំហានទី 1

សូមចូលទៅកាន់ផ្ទាំងគ្រប់គ្រង - ពុម្ព - ​​កែ HTML ដែល មានក្នុងរូប

• ជំហានទី 2

ចុចនៅកន្លែងណាមួយក្នុងតំបន់កូដនិងចុចគ្រាប់ចុច CTRL + F ដើម្បីបើកប្រអប់ស្វែងរក: ។

• ជំហានទី 3

ការវាយឬបិទភ្ជាប់កូដនេះនៅក្នុងប្រអប់ស្វែងរកបន្ទាប់មកចុច Enter ដើម្បីស្វែងរកវា:

]]></b:skin>

•  ជំហាន 4.

បិទភ្ជាប់កូដខាងក្រោមគ្រាន់តែនៅខាងក្រោមវា

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style>
.hidepic{
display: none;
}
</style>
</b:if>

• ជំហាន 5.  រក្សាទុកពុម្ព

ឥឡូវនេះរាល់ពេលដែលអ្នកបង្កើតការប្រកាសដំបូងបន្ថែមរូបភាពមួយដែលអ្នកចង់លាក់ហើយបន្ទាប់មកប្តូរទៅនេះការជា HTML ថេបដែលជាកន្លែងដែលអ្នកនឹងមើលឃើញកូដ HTML នៃរូបភាពដែលអ្នកបានបន្ថែមទៀត - វានឹង មើលទៅអ្វីមួយដូចនេះ:

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTi6Br75EVCDAEnBdZkw_3EDPPzNeEYPmJUbuNUmgeIGt38gBCvGVlxA9n_oN3uRNgFZE4HOKL026Ua5AvT2C31myqCJGGlv76iLVBz8F0xilm18EeGmSM-0JokllQQ6hjujVFmI6iG-E/s1600/fire_bird_by_fhrankee-d32af8v.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTi6Br75EVCDAEnBdZkw_3EDPPzNeEYPmJUbuNUmgeIGt38gBCvGVlxA9n_oN3uRNgFZE4HOKL026Ua5AvT2C31myqCJGGlv76iLVBz8F0xilm18EeGmSM-0JokllQQ6hjujVFmI6iG-E/s320/fire_bird_by_fhrankee-d32af8v.png" width="320" /></a></div>

ចំណាំ:
វាគួរតែមាននៅទីតាំងពិតប្រាកដដែលជាកន្លែងដែលរូបភាពរបស់អ្នកត្រូវបានបន្ថែម ប្រើ (ប្រសិនបើរូបភាពនេះគឺនៅពាក់កណ្តាលនៃអត្ថបទបន្ទាប់មកកូដនេះគួរតែត្រូវបានរកឃើញនៅពាក់កណ្តាល) 

• ជំហានទី 6 : ជំនួស "separator" ជាមួយ "hidepic" - សូមមើលរូបថតអេក្រង់ខាងក្រោម: