កូដដាក់ពត៌មានពីម្ចាស់ប្លុកដ៏ស្រស់ស្អាតនៅក្នុង Blogger

សួស្តីអ្នកសរសេរប្លុកទាំងអស់គ្នា! តើលោកអ្នកចង់បង្ហាញពីខ្លួនអ្នក និងគោលបំណងរបស់ប្លុកដែលលោកអ្នកបានបង្កើតដែរឬទេ?  ថ្ងៃនេះ ITsupport4kh សូមបង្ហាញជូននូវកូដ មួយគឺការដាក់ពត៌មានពីម្ចាស់ប្លុកដ៏ស្រស់ស្អាតនៅក្នុង Blogger ។បើសង្កេតមើលទៅកូដប្រភេទនេះ(About Author) គឺមានច្រើនណាស់ តែនេះគឺជាកូដដែលខ្ញុំប្រើជាប្រចាំ គ្រាន់ចែករំលែក ដែលម្ចាស់ប្លុកជាទូទៅ គឺចង់បង្ហាញពីគោលបំណងរបស់ប្លុកដែលគាត់បានបង្កើត ឲអ្នកដែលចូលមើលបានដឹង ។

-   ដំបូង: Login Account Blgger របស់លោកអ្នក
-   ហើយ: ចូល​ទៅ Add a Gadget  ==>  រើសយកពាក្យ HTML/JavaScript
-   ចំលងកូដខាងក្រោម
_________________________________________________________________________________
<!--[if !IE]> --> 
<style> 
#profile{ 
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px; 
} 
#profile:hover { 
border:2px solid #ccc; 
cursor:pointer; 
} 
.opacity  { 
opacity: 0.5; 
margin-left: 50px; 
-moz-transition: all 0.5s ease-out;  
-o-transition: all 0.5s ease-out;  
-webkit-transition: all 0.5s ease-out;  
-ms-transition: all 0.5s ease-out;  
transition: all 0.5s ease-out; 
-moz-transform: rotate(7deg);  
-o-transform: rotate(7deg);  
-webkit-transform: rotate(7deg);  
-ms-transform: rotate(7deg);  
transform: rotate(7deg);  
filter: progid:DXImageTransform.Microsoft.Matrix( 
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); 
zoom: 1;  
} 
.opacity:hover  { 
opacity: 1; 
margin-left: 0px; 
-moz-transform: rotate(0deg);  
-o-transform: rotate(0deg);  
-webkit-transform: rotate(0deg);  
-ms-transform: rotate(0deg);  
transform: rotate(0deg);  
filter: progid:DXImageTransform.Microsoft.Matrix( 
                    M11=1, M12=0, M21=0, M22=1, sizingMethod='auto expand'); 
zoom: 1; 
-moz-box-shadow: 1px 1px 4px #000; 
-webkit-box-shadow: 1px 1px 4px #000; 
box-shadow: 1px 1px 4px #000; 
} 
</style> 
   <![endif]--> 
<style> 
#profile{ 
border:2px solid #888; margin:2px 5px 0px 0px; padding:2px; 
} 
#profile:hover { 
border:2px solid #ccc; 
cursor:pointer; 
} 
.opacity  { 
opacity: 0.5; 
-moz-transition: all 0.5s ease-out;  
-o-transition: all 0.5s ease-out;  
-webkit-transition: all 0.5s ease-out;  
-ms-transition: all 0.5s ease-out;  
transition: all 0.5s ease-out; 
zoom: 1;  
} 
.opacity:hover  { 
opacity: 1; 
zoom: 1; 
-moz-box-shadow: 1px 1px 4px #000; 
-webkit-box-shadow: 1px 1px 4px #000; 
box-shadow: 1px 1px 4px #000; 
} 
</style>
<img class="opacity" id="profile" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwMPcK8WgD9QLIrNoVywUgwQLYaYffxv1nSDmMRxJJDCyVsof1QuJNRctTaH1Xkg9jSIs1RDJqwKYyqat29SZaDzvCXHuU7c8CUMss7WVFa8DDR03onVDFF6OZ-F04lPV6lzsysc0iYUkm/s220/Blogger+Author.png" align="left"/> 
Hello my name Miech Chamnan,freshman of Computer Science at university and  the owner and administrator of this blog, who lives in Battambang,Cambodia. I want to share knowledge to all people...<a style="color:#888;" href="http://itsupport4kh.blogspot.com/p/about.html">Read More about me..</a>  <br/> </![endif]-->  
_________________________________________________________________________________
-     ជំនួស(Replace) កូដពណ៌ខៀវជាមួយនឹង អាស័យដ្ឋានរូបភាព (Image URL) របស់លោកអ្នក
-    សរសេរត្រង់កន្លែងកូដពណ៌ខ្មៅនូវអ្វីដែលចង់សរសេរ អំពីខ្លួនអ្នក....
-    ជំនួស កូដពណ៌ប៉ៃតងជាមួយនឹង (URL ) ពត៌មានបន្ថែមរបស់អ្នក
- ចុច  Save ជាការស្រេច!!