របៀបដាក់ Social Media Icon នៅក្នុងប្លុក

Posted by : ND Sunday, March 8, 2015

ជាទូទៅនៅពេលដែលអ្នកបង្កើតប្លុកមួយរួចរាល់ហើយ ការជ្រើសរើស Template មកដាក់ជាការចាំបាច់។ មុននឹងសំរេចចិត្តយក Template ណាមួយយកមកដាក់អ្នកត្រូវពិនិត្យឲ្យបានច្បាស់លាស់។ ពេលខ្លះអ្នកយក Template មួចមកដាក់ ក៏ប៉ុន្តែវាមិនមាន Social Media Icon នោះទេ តើអ្នកត្រូវធ្វើដូចម្ដេច?

ខាងក្រោមនេះជាចំណុចខ្លះៗពីរបៀបក្នុងការដាក់ Social Media Icon ៖

តើធ្វើដូចម្តេចដើម្បីបន្ថែមវា:

ចូលទៅកាន់ Blogger Dashboard
បន្ទាប់មកចូលទៅកាន់ Template
រួចហើយចុចលើ Edit HTML (ដូចនៅក្នុងរូបខាងក្រោម)

ចុច Click នៅកន្លែងណាមួយក៏បានអោយតែនៅក្នុងកូដ ហើយស្វែងរកកូដនេះ

]]></b:skin>

បន្ទាប់មក Copy កូដ CSS ខាងក្រោមយកទៅដាក់នៅពីខាងលើ ( ]]></b:skin> )

#social-icons-V2 {
height:50px;
width:25%;
float:right;
clear:both;
z-index: 2;
position: relative;
margin-right:10px;
margin-bottom:0px;
}
.social-media-icons-V2 {
display:table
}
.social-media-icons-V2 ul {
text-align:right;
padding:5px 5px 0 0
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.social-media-icons-V2 ul {
margin-bottom:0;
padding:0;
float:right;
}
.social-media-icons-V2 li.media_icon {
margin-left:6px;
padding-left:0 !important;
background:none !important;
display:inline;
float:left;
}
.social-media-icons-V2 li:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(-360deg);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

ឥឡូវនេះជាលើកដំបូងស្វែងរកស្លាកនេះទាំងស្រុង។ ប្រសិនបើអ្នកមិនអាចរកឃើញនេះបន្ទាប់មកមានតែស្វែងរក Pink Color Bold ផ្នែកដែលដិត។

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

ហើយយកកូដខាងក្រោមបន្ថែមនៅពីលើវាបន្ថែម៖

ការប្ដូរតាមបំណង:

បន្ថែម # ដើម្បីដាក់ប្រព័ន្ធផ្សព្វផ្សាយ Url បណ្ដាញសង្គមរបស់អ្នក។
ប្រសិនបើអ្នកចង់យកចេញរូបតំណាងប្រព័ន្ធផ្សព្វផ្សាយសង្គមណាមួយនោះគ្រាន់តែលុបកូដ <li .... </ li> ។