FLOATING FACEBOOK LIKE BOX WIDGET BLOG A DAH DAN

Facebook page tihlarna leh liker  pun theih nana hmanraw tangkai tak pakhat chu - “Floating Facebook Like Box Widget” hi a ni.  Blogger te tana a tangkaina chhan em em chu - i blog an tlawh lai ngeiin i fb page kha a lo display dawn tihna a ni a, i blog kha an ngainat zawng a nih hlauh chuan i fb page pawh chu an like ve nghal ngeiin a rinawm a ni. Chuvangin blogger tan chuan fb page promote na tha tak a ni.
                                                                               Dawnga Chinzah

A hmasa berah chuan fb page i neih a ngai a, i nei lo a nih chuan i siam hmasak phawt a ngai ang. Fb page i siam zawh hnua he widget hi i blog ah i hmang a nih ngat chuan i fb page liker pun theihna chance a sang sawt ti ila, kan uar lu lovang chu! Blogger ni bawk  leh fb page enkawl lai ni bawk tan chuan he widget hi hman ngei ngei tur a ni ang. Tin, mobile atang pawhin he widget hi a hmuh theih tho a ni.

Floating Facebook Like Box Widger Install dan:

1.Blogger Dashboard ah login la, Theme > Edit HTML ah kal rawh.

2. Theme Editor chhung khawi emaw laiah vawikhat click zeuh la, Control + F hmet la.

3. </style> tih chhu-in Enter hmet rawh.

4. </style> tih chungah a hnuaia CSS hi i copy paste dawn nia.

<br /> #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;} .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%); } }<br />

5, </body> tih hi Theme Editor chhungah vek Control + F hmangin zawng leh la, a hnuaia mi hi i copy paste leh ang.

<br /> <div class='slideUp' id='open-fb'> <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/Dawngachinzah' 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%2F Dawngachinzah&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><br />

Note: Dawngachinzah tih hi pahnih a awm a, i fb page user name in i thlak ve ve dawn nia.

6. Tichuan Save Theme tih kha i click tawh ang..