Facebook Popup Like Box leh Facebook Like Box widget siam dan kha chu kan hre theuh tawh a nga. Tun tuma tutorial hi chu Buttom Facebook Like Box ani. Hei hi chu sidebar ah pawh nilo, popup pawh nilo, blog page zawng zawng body ah lang reng ani a, a hnuai dinglam kil ah hian tereuh te hian like box a rawn lang a ang. Button anih vangin a hnawksak thamlo a, hmawh a awlsam bawk a. A tangkai reuh khawp mai.
Blog ah Facebook Like Box siam a thatna chu tutorial hmasa khan kan hre theuh tawh a rinawm. Facebook Fan Page siam kha alo tul tak ah chuan subscription ti pungtu atan kan siam anga, blogger ah kan dah chuan visitors kan ngah phah thei a, subscription a pung a, posts thar apiang chu Facebook atang anlo hmu zung zung thei dawn anih kha.
Blogger ah Buttom Facebook Like Box Siam Dan
1. Blogger Dashboard atang chuan 'Theme' > 'Edit HTML' ah kal la,2. Ctrl+F hmangin a </style> tih hi zawng rawh.
Note: </style> hi blogger theme azirin pahnih pathum ai tam pawh i hmu mai thei, mahse a hmasa ber </style> chu tur ani.
3. </style> chung tlar (above) ah a hnuaia CSS code hi Copy la, Paste rawh.
#open-fb{background-color: #FFFFFF; border: 4px solid rgb(210, 210, 210); bottom: 0; border-bottom: 0; float:left; height: auto; margin-bottom: 0; margin-right: 5px; position: fixed; right: 0; width: auto; z-index: 10;}4. </body> tih zawng leh la, </body> tih chung (above) ah a hnuaia HTML code hi Copy la, Paste rawh.
.close-fb{color: #333!important; position: absolute; top: 1px; right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px;}
.slideUp{
animation-name: slideUp;
-webkit-animation-name: slideUp;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideUp {
0% {
transform: translateY(100%);
}
50%{
transform: translateY(-8%);
}
65%{
transform: translateY(4%);
}
80%{
transform: translateY(-4%);
}
95%{
transform: translateY(2%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
}
50%{
-webkit-transform: translateY(-8%);
}
65%{
-webkit-transform: translateY(4%);
}
80%{
-webkit-transform: translateY(-4%);
}
95%{
-webkit-transform: translateY(2%);
}
100% {
-webkit-transform: translateY(0%);
}
}
<div class='slideUp' id='open-fb'>Note: mizoBlogging tih hi nangma Facebook Page Username nen thlak ang che (pahnih a awm ang)
<a class='close-fb' href='#close-fb-like-box' onclick='hide('open-fb')' title='Close'><i class='fa fa-times'/></a>
<div class='fb-like-box ' data-header='false' data-height='62' data-href='https://www.facebook.com/mizoBlogging' data-show-faces='true' data-stream='false' data-width='187'><span style='height: 62px; width: 187px; '><iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FmizoBlogging&width=187&height=62&show_faces=false&colorscheme=light&stream=false&border_color&header=true' style='border:none; overflow:hidden; width:187px; height:62px;'/>
</span></div></div>
<script type='text/javascript'>
function show(target) {
document.getElementById(target).style.display = 'block';
}
function hide(target) {
document.getElementById(target).style.display = 'none';
}
</script>
5. Theme chu 'Save' la, a zo.
Dik lohna leh fuh lohna a awm palh chuan comment ah hnutchhiah ang che. Heng Buttom Facebook Floating Like Box hi analh kati reuha, bloggers ho tan a tangkai ka ringa, ka rawn share ani e. A siamtu chu MSDesign ani a, a thiam khawp mai. Blogger theme ati nalha, hnawksakna aneilo bawka, posts leh widgets pawh engmah a hliahlo. I lo hman tangkai ngei ka beisei. :D
Tags:
Widgets