Ads Area

ដាក់​កូដ​ប៊ូតុងអណ្ដែតចុច subscribe Youtube សម្រាប់ Blogger / button Floating Youtube subscribe button

 

ជា​ទូទៅ​អ្នក​មាន Youtube channel តែងតែ​សុំ​ឲ្យ​អ្នក​មើល​ជួយ​ចុច like ជាពិសេស​គឺ​ចុច subscribe  រហូត​ដល់​ធ្វើ​ក្រាហ្វិក​ដាក់​ក្នុង​វីដេអូ​ថែម​ទៀត​ផង ។ សម្រាប់​គន្លឹះ​នេះ យើង​និង​មើល​ពី​របៀប​ដាក់​ផ្ទាំង​​ចុច subscribe Youtube ដែល​អណ្ដែត​នៅ​ផ្នែក​ខាង​ក្រោម​ឆៀង​ខាង​ឆ្វេង​អេក្រង់ monitor ដើម្បី​ជួយ​បង្កើន​ចំនួន​អ្នក​ចុច subscribe Youtube សម្រាប់​ម្ចាស់​ប្លក់ ឬ​ក៏​ជួល​ប្លក់​ល្បីៗ​ឲ្យ​ដាក់​កូដ​នេះបាន ។

៙ របៀប​ដាក់​កូដ​ចូល template ៖

១- ចូល​គណនី blogger របស់​ជា​មុន​សិនមក

២- ចូល​ទៅ​កាន់ Theme > Edit html

៣- ស្វែងរក​ស្លាកក​កូដ </head> រួច​ចម្លង​កូដ​ខាង​ក្រោម​យក​ទៅ​ដាក់​ពី​លើ ។

<div class='AT-sub jhfdiuh0' id='at746427'>
<div class='AT-sub-close' onclick='document.getElementById(&quot;at746427&quot;).style.display=&quot;none&quot;'><svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg></div>
<div class='AT-sub-img'><img alt='AnuTrickz'  src='https://1.bp.blogspot.com/-c9J78QNrioE/X_UjgJyL9kI/AAAAAAAA_Wo/DQ29__vj0YwgFKGDx6UUxVAv09uaNYm-ACLcBGAsYHQ/s0/Artboard%2B1%2Bcopy%2B2.png'/>
</div>
<div class='AT-sub-content'>
<span class='title'>អាក្បាលធំ</span>
<span class='desc'>Subscribe our Youtube Channel</span>
</div>
  <div class='at-btn'>
  <a href='https://www.youtube.com/channel/UCkcyTy0F9FO4mAnhE93q3Qw?sub_confirmation=true' target='_blank'>
  <span class='bt-text'>Subscribe</span></a>
</div></div>
កន្លែង​កែប្រែ​កូដ ៖ https://1.bp.blogspot.com/-c9J78QNrioE/X_UjgJyL9kI/AAAAAAAA_Wo/DQ29__vj0YwgFKGDx6UUxVAv09uaNYm-ACLcBGAsYHQ/s0/Artboard%2B1%2Bcopy%2B2.png ជា​កន្លែង​ដាក់​រូបភាព Channel អាក្បាលធំ ជា​កន្លែង​ដាក់​ឈ្មោះ Channel Subscribe our Youtube Channel កន្លែង​សរសេរ​ពាក្យ​ឲ្យ​គេ​ជួយ​ចុចជាវ UCkcyTy0F9FO4mAnhE93q3Qw ជា​ ID របស់ Channel youtube ដែល​អាច​ជា​លេខ​កូដ ឬ​ឈ្មោះ​ដែល​អ្នក​បាន​ប្ដូរ​ហើយ ។ ហើយ​អាច​នឹង​មាន​ទម្រង់​បែប​នេះ https://youtube.com/c/xxxxxx?sub_confirmation=true ៤- ស្វែងរក​ស្លាក​កូដ រួច​ចម្លង​កូដ CSS ​ខាង​ក្រោម​យក​ទៅ​ដាក់​ពី​ក្រោម ។
<style>
/* Subscribe button by Anutrickz */
.AT-sub { position: fixed; left: 55px; bottom: 20px; background-color: #f2f2f2; padding: 12px 15px 12px 12px; border-radius: 15px; box-shadow: 0 4px 12px 0 rgba(9,32,76,.05); display: flex; align-items: center; max-width: 300px; min-width: 280px; color: #000000; overflow: hidden; z-index: 50;} .AT-sub .AT-sub-close { position: absolute; top: 4px; right: 8px; } .AT-sub .AT-sub-close svg { width: 22px; height: 22px; fill: #000; } .AT-sub .AT-sub-img { width: 70px; height: 50px; } .AT-sub .AT-sub-img img { display: flex; align-items: center; justify-content: center; width: 50px; } .AT-sub .AT-sub-content { width: calc(100% - 70px); padding-left: 1px; } .AT-sub .AT-sub-content a { display: block; color: inherit; } .at-btn{font-weight: 700; font-size: 11px; display: flex; align-items: center; justify-content: flex-end; width: 73px; height: 25px; padding-right: 12px; background-color: #e4393c; border-radius: 4px; color: #fff; margin-top: 12px; bottom: 0; right: 0; } .AT-sub .AT-sub-content .title { display: block; font-weight: 700; font-size: 13px; text-align: left; padding-left: 12px }.AT-sub .at-btn a { display: block; color: inherit; color:#fff; } .AT-sub .AT-sub-content .desc { display: block; font-size: 10px; margin-top: 5px; color: #000; text-align: left;padding-left: 12px }.bt-text{margin-left:9px}
</style>
៥- ចុង​បញ្ចប់​ចុច Save template ហើយ​ទៅ​មើល​លទ្ធផល​ជាការស្រេច ៕ ប្រភព https://akbalthom.blogspot.com/2021/05/subscribe-youtube-blogger-button.html

Top Post Ad

Below Post Ad