Tạo khung đăng bài viết giống Facebook 99% cho Blogspot

Dễ ợt à . Tạo 1 Widget ở nơi cần hiển thị rồi cho All code vào lưu lại là xong. <style> #post_by_bacsiwindows{-webkit-user-select:none...

Tạo khung đăng bài viết giống Facebook 99% cho Blogspot

1 Comment tháng 1 27, 2018
Dễ ợt à . Tạo 1 Widget ở nơi cần hiển thị rồi cho All code vào lưu lại là xong.

<style>
#post_by_bacsiwindows{-webkit-user-select:none;user-select:none;-moz-user-select:none;margin:0 0 10px;background:#fff;padding:10px;box-sizing:border-box;position:relative;z-index:70;border:1px solid #ddd}#post_by_bacsiwindows i{margin:0 5px 0 0}#post_by_bacsiwindows h2{border-bottom:1px solid #eee;padding:0 0 8px;font-size:14px;color:#666;font-weight:500;margin:0}#post_by_bacsiwindows .content{position:relative}#post_by_bacsiwindows .content img{width:40px;border-radius:50%;position:absolute;top:15%;left:0;transition:0s}#post_by_bacsiwindows a.btn_status{margin:10px 0 0 0;display:inline-block;background:#f2f2f2;padding:5px 14px;border-radius:100px;font-size:14px;font-weight:500}#post_by_bacsiwindows a.btn_status:hover{background:#ddd}form input{background:#f4f4f4;outline:0;border:0;font:400 14px Roboto,sans-serif;padding:8px 14px;box-sizing:border-box;color:#555;width:50%;transition:.3s;display:inline;float:left;border-radius:100px;margin:0}form input:focus{background:#eee}form input::-webkit-input-placeholder{color:#999}form input:focus::-webkit-input-placeholder{color:#888}form textarea::-webkit-input-placeholder{color:#999}form textarea:focus::-webkit-input-placeholder{color:#888}form textarea{border:0;padding:30px 55px 5px;box-sizing:border-box;outline:0;width:100%!important;font:400 14px Roboto;color:#555;transition:.3s}form .freebirdFormviewerViewItemsItemItemTitleContainer{margin:0}form .freebirdFormviewerViewItemsItemItemTitleContainer  h2{text-transform:uppercase;font:500 14px Roboto;display:none}form .freebirdFormviewerViewItemsItemItemTitleContainer  h3{font-size:14px;font:400 14px Roboto;display:none;color:#888}form #send_btn_bsw{margin:.7em 0 0 0;background:#4267b2;padding:5px 20px;color:#fff;font:500 14px Roboto;border-radius:100px;cursor:pointer;width:auto;float:right;text-transform:uppercase}form #send_btn_bsw:hover{opacity:.9}.box_content_BSW{height:0;opacity:0;visibility:hidden;transition:.3s;border-bottom:1px solid #eee;float:left;width:100%;padding:0}#post_by_bacsiwindows:hover .box_content_BSW{height:auto;opacity:1;visibility:visible;padding:0 0 10px}#post_by_bacsiwindows:hover img{top:9%!important}
 @media screen and (max-width:1000px){.view_more .doan-trich,.chuc_mung_nam_moi_bacsiwindows,.bsw_nf_loading_,#post_by_bacsiwindows,#sidebar-bsw_wrapper,ul.BacSiWindows_RCv3{display:none!important}}@media screen and (max-width:1100px){#lower-bsw_wrapper{width:100%!important}#lowerbar-bsw_wrapper{float:none!important;margin:auto!important;width:90%!important}.lowerbar h2{background:rgba(3,3,3,.2)!important;text-align:center!important;margin:20px 0!important;padding:10px 0!important;font-size:28px!important}#content-bsw_wrapper{width:67%}#sidebar-bsw_wrapper{display:none}}@media screen and (max-width:768px){.logo_bsw img{visibility:hidden}#bsw_m-_2-navi-__{width:90%}#bsw_livesearchboxv2 input:focus{width:90%!important;background-position:2%;padding-left:35px}#bsw_livesearchboxv2 input{left: 18px; border-radius: 100px; width: 0; height: 30px; background: #365490 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJGk6cVnEWJXsJ4ZNCaCIdZgJ1fBp_Iv4FtT4W3E5f9OT1KFwActlZtb9K9s8Jz6kGrWQO6a5EL1zYKy_UMIynXuXw-K_emfcN-91iO5f8eEF9LdHRhnW5HWvKjVnoENeP33zFcdUxVCvr/s20/search_icon.png) no-repeat top left; padding: 0 16px; font-family: 'Roboto',sans-serif; font-size: 14px; box-sizing: border-box; top: 50%; position: absolute; transform: translate(0,-50%); border: 0; outline: 0; background-position: 50%; color: #f3f3f3; transition: .3s;}
#entry-header h1{white-space:normal}label .menu,#leftmenuv3_bswtheme,.res_items_bswmenuv3{display:none!important}.post tr{display:none!important}#ban-dang-xem-chuyen-muc,.overlay_thumbnail_img{display:none!important}.copyright-lower{width:100%!important}.copyright-lower-right,.copyright-lower-left{float:none!important;display:block!important;text-align:center!important}}@media screen and (max-width:885px){.bsw_wrapper{width:100%}.authorsocial{width:100%;text-align:center;background:#EEE}#content-bsw_wrapper{width:95%;float:none;margin:0 auto}.post-outer{margin:5px 5px 0 0}#sidebar-bsw_wrapper{width:350px!important;max-width:100%;margin:0 auto;float:none}#site-inner{width:61%}}@media screen and (max-width:800px){#bacsiwindows_related-posts{background:#fff}.bsw_wrapper{width:100%}.post-outer{max-width:100%!important;width:100%!important;margin:5px 0 14px}.main-social{display:none}.sig{min-width:0}.entry-social{display:none}.post-info,.toggle{display:none!important}.logo{visibility:hidden!important}}@media only screen and (max-width:768px){.bsw_wrapper{width:100%}@media screen and (max-width:600px){.nav li .dropdown-menu_bacsiwindows{width:300px}.bsw_wrapper{width:100%}#site-inner{width:100%;float:none}#sidebar-bsw_wrapper{width:350px!important;max-width:100%;margin:0 auto;float:none;display:inherit}.post-info,.toggle{display:none!important}.sidebar .widget{padding:10px}.logo{visibility:hidden!important}.widgetsplitone_right{width:100%;margin:14px 0 0 0;float:left}.widgetsplitone_left{width:100%}}@media screen and (max-width:500px){::-webkit-scrollbar{display:none!important}.bsw_wrapper{width:100%}.post-title{display:block;width:auto}}@media screen and (max-width:450px){.bsw_wrapper{width:100%}.post-body{clear:both}#bacsiwindows_related-posts .related_img{display:none}#related-title{font-size:18px;width:100%;text-align:left}#bacsiwindows_related-posts a{margin:0!important;width:100%}#bacsiwindows_related-posts h5{text-align:center}.comments h4{text-align:center}.left{float:none;text-align:center}.post-info,.toggle{display:none!important}}@media screen and (max-width:360px){.bsw_wrapper{width:100%}}</style>
<div id='post_by_bacsiwindows'>
<h2><span style='padding: 0 7px 0 0; border-right: 1px solid #ddd'><i aria-hidden='true' class='fa fa-pencil'></i> Tạo bài viết mới</span><span style='margin:0 0 0 8px'><i aria-hidden='true' class='fa fa-question'></i>Q&A</span></h2>
<div class='content'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj68_HRjiSEc3QhwXfSMO5K8JRKVnx1TRbJA0UkXj5VwpvJ-Anam_o9n6ci8xuvSpbKuVgvhcHwOn57Z5Dx_25Qtxd1Qkb5HMrXMemQyiWTdzSfQxvRiG23r_c6oLzo7rZQlg2oj9Dmuzjs/s220/24909770_1675929462430098_3781171972852934603_n.jpg'/>
<script type='text/javascript'>
    var submitted = false;
    </script>
<iframe id='hidden_iframe' name='hidden_iframe' onload='if(submitted) {window.location=&#39;//www.starnhanit.com/?rep=Thành_Công&#39;;}' style='display: none;'></iframe>
<form action='https://docs.google.com/forms/d/e/1FAIpQLScmFBKdEpWMN8xtfa_94txD3IQwwlGeXYHGuQfML4VJJya_Pw/formResponse' method='post' onsubmit='submitted=true;' target='hidden_iframe'>
<div class='freebirdFormviewerViewFormCard'>
<div class='freebirdFormviewerViewAccentBanner freebirdAccentBackground'></div>
<div class='freebirdFormviewerViewFormContent'>
<div class='freebirdFormviewerViewItemList' role='list'>
<div class='freebirdFormviewerViewItemsItemItem freebirdFormviewerViewItemsTextTextItem' data-item-id='1944317674' data-required='true' jsaction='sPvj8e:e4JwSe,vwKRrd;' jscontroller='rDGJeb' jsname='ibnC6b' role='listitem'>
<div class='freebirdFormviewerViewItemsItemItemHeader'>
<div class='freebirdFormviewerViewItemsItemItemTitleContainer'>
<div aria-describedby='i.desc.1944317674 i15' aria-level='2' class='freebirdFormviewerViewItemsItemItemTitle freebirdCustomFont' dir='auto' role='heading'>
<h2> Nội dung bài viết</h2>
</div>
<div class='freebirdFormviewerViewItemsItemItemHelpText' dir='auto' id='i.desc.1944317674'>
<h3> Nội dung câu hỏi, bài viết của bạn.</h3>
</div>
</div>
</div>
<div class='quantumWizTextinputPapertextareaEl modeLight freebirdFormviewerViewItemsTextLongText freebirdThemedInput' jsaction='clickonly:KjsqPd; focus:Jt1EX; blur:fpfTEe; input:Lg5SV;' jscontroller='pxq3x' jsname='W85ice' jsshadow=''>
<div class='quantumWizTextinputPapertextareaMainContent exportContent'>
<div class='quantumWizTextinputPapertextareaContentArea exportContentArea'>
<textarea aria-label='Nội dung bài viết' class='quantumWizTextinputPapertextareaInput exportTextarea' data-initial-dir='auto' data-initial-value='' data-rows='1' dir='auto' jsaction='input:Lg5SV;ti6hGc:XMgOHc;rcuQ6b:WYd;' jscontroller='gZjhIf' jsname='YPqjbf' minlength='50' name='entry.624827756' placeholder='Đăng bài viết hoặc câu hỏi lên Blog Star Nhân IT' required='' tabindex='0'></textarea></div>
<div class='quantumWizTextinputPapertextareaUnderline exportUnderline'></div>
<div class='quantumWizTextinputPapertextareaFocusUnderline exportFocusUnderline' jsname='XmnwAc'></div></div>
<div class='quantumWizTextinputPapertextareaCounterErrorHolder'>
<div class='quantumWizTextinputPapertextareaHint exportHint' jsname='ty6ygf'></div></div>
</div>
<div class='freebirdFormviewerViewItemsItemGradingGradingBox freebirdFormviewerViewItemsItemGradingFeedbackBox' jsname='R7fTud'></div>
<div class='freebirdFormviewerViewItemsItemErrorMessage' id='i.err.1944317674' jsname='XbIQze' role='alert'></div></div>
<div class='box_content_BSW'>
<div class='freebirdFormviewerViewItemsItemItem freebirdFormviewerViewItemsTextTextItem' data-item-id='1203502307' data-required='true' jsaction='sPvj8e:e4JwSe,vwKRrd;' jscontroller='rDGJeb' jsname='ibnC6b' role='listitem'>
<div class='freebirdFormviewerViewItemsItemItemHeader'>
<div class='freebirdFormviewerViewItemsItemItemTitleContainer'>
<div aria-describedby='i.desc.1203502307 i3' aria-level='2' class='freebirdFormviewerViewItemsItemItemTitle freebirdCustomFont' dir='auto' role='heading'>
<h2> Tiêu đề câu hỏi</h2>
</div>
<div class='freebirdFormviewerViewItemsItemItemHelpText' dir='auto' id='i.desc.1203502307'>
<h3> Bạn muốn hỏi gì? (Đây cũng là tiêu đề bài viết)</h3>
</div>
</div>
</div>
<div class='freebirdFormviewerViewItemsTextItemWrapper'>
<div class='quantumWizTextinputPaperinputEl freebirdFormviewerViewItemsTextShortText freebirdThemedInput' jsaction='clickonly:KjsqPd; focus:Jt1EX; blur:fpfTEe; input:Lg5SV;' jscontroller='pxq3x' jsname='W85ice' jsshadow=''>
<div class='quantumWizTextinputPaperinputMainContent exportContent'>
<div class='quantumWizTextinputPaperinputContentArea exportContentArea'>
<div class='quantumWizTextinputPaperinputInputArea'>
<input aria-describedby='i.desc.1203502307 i.err.1203502307' aria-label='Tiêu đề câu hỏi' autocomplete='off' class='quantumWizTextinputPaperinputInput exportInput' data-initial-dir='auto' data-initial-value='' dir='auto' jsname='YPqjbf' minlength='20' name='entry.1774912213' placeholder='Tiêu đề bài viết' required='' style='width: 48%; margin: 0 2% 2% 0;' tabindex='0' type='text' value=''/></div>
<div class='quantumWizTextinputPaperinputUnderline exportUnderline'></div>
<div class='quantumWizTextinputPaperinputFocusUnderline exportFocusUnderline' jsname='XmnwAc'></div></div>
</div>
<div class='quantumWizTextinputPaperinputCounterErrorHolder'>
<div class='quantumWizTextinputPaperinputHint exportHint' jsname='ty6ygf'></div></div>
</div>
</div>
<div class='freebirdFormviewerViewItemsItemGradingGradingBox freebirdFormviewerViewItemsItemGradingFeedbackBox' jsname='R7fTud'></div>
<div class='freebirdFormviewerViewItemsItemErrorMessage' id='i.err.1203502307' jsname='XbIQze' role='alert'></div></div>
<div class='freebirdFormviewerViewItemsItemItem freebirdFormviewerViewItemsTextTextItem' data-item-id='156911484' data-required='true' jsaction='sPvj8e:e4JwSe,vwKRrd;' jscontroller='rDGJeb' jsname='ibnC6b' role='listitem'>
<div class='freebirdFormviewerViewItemsItemItemHeader'>
<div class='freebirdFormviewerViewItemsItemItemTitleContainer'>
<div aria-describedby='i.desc.156911484 i6' aria-level='2' class='freebirdFormviewerViewItemsItemItemTitle freebirdCustomFont' dir='auto' role='heading'>
<h2> Tác giả</h2>
</div>
<div class='freebirdFormviewerViewItemsItemItemHelpText' dir='auto' id='i.desc.156911484'>
<h3> Tên của bạn sẽ xuất hiện cuối bài viết</h3>
</div>
</div>
</div>
<div class='freebirdFormviewerViewItemsTextItemWrapper'>
<div class='quantumWizTextinputPaperinputEl freebirdFormviewerViewItemsTextShortText freebirdThemedInput' jsaction='clickonly:KjsqPd; focus:Jt1EX; blur:fpfTEe; input:Lg5SV;' jscontroller='pxq3x' jsname='W85ice' jsshadow=''>
<div class='quantumWizTextinputPaperinputMainContent exportContent'>
<div class='quantumWizTextinputPaperinputContentArea exportContentArea'>
<div class='quantumWizTextinputPaperinputInputArea'>
<input aria-describedby='i.desc.156911484 i.err.156911484' aria-label='Tác giả' autocomplete='off' class='quantumWizTextinputPaperinputInput exportInput' data-initial-dir='auto' data-initial-value='' dir='auto' jsname='YPqjbf' minlength='15' name='entry.1169893390' placeholder='Họ tên của bạn' required='' style='margin:0 0 2% 0' tabindex='0' type='text' value=''/></div>
<div class='quantumWizTextinputPaperinputUnderline exportUnderline'></div>
<div class='quantumWizTextinputPaperinputFocusUnderline exportFocusUnderline' jsname='XmnwAc'></div></div>
</div>
<div class='quantumWizTextinputPaperinputCounterErrorHolder'>
<div class='quantumWizTextinputPaperinputHint exportHint' jsname='ty6ygf'></div></div>
</div>
</div>
<div class='freebirdFormviewerViewItemsItemGradingGradingBox freebirdFormviewerViewItemsItemGradingFeedbackBox' jsname='R7fTud'></div>
<div class='freebirdFormviewerViewItemsItemErrorMessage' id='i.err.156911484' jsname='XbIQze' role='alert'></div></div>
<div class='freebirdFormviewerViewItemsItemItem freebirdFormviewerViewItemsTextTextItem' data-item-id='52344200' data-required='true' jsaction='sPvj8e:e4JwSe,vwKRrd;' jscontroller='rDGJeb' jsname='ibnC6b' role='listitem'>
<div class='freebirdFormviewerViewItemsItemItemHeader'>
<div class='freebirdFormviewerViewItemsItemItemTitleContainer'>
<div aria-describedby='i.desc.52344200 i9' aria-level='2' class='freebirdFormviewerViewItemsItemItemTitle freebirdCustomFont' dir='auto' role='heading'>
<h2> Link Facebook</h2>
</div>
<div class='freebirdFormviewerViewItemsItemItemHelpText' dir='auto' id='i.desc.52344200'>
<h3> Hoặc link Blog cá nhân của bạn?</h3>
</div>
</div>
</div>
<div class='freebirdFormviewerViewItemsTextItemWrapper'>
<div class='quantumWizTextinputPaperinputEl freebirdFormviewerViewItemsTextShortText freebirdThemedInput' jsaction='clickonly:KjsqPd; focus:Jt1EX; blur:fpfTEe; input:Lg5SV;' jscontroller='pxq3x' jsname='W85ice' jsshadow=''>
<div class='quantumWizTextinputPaperinputMainContent exportContent'>
<div class='quantumWizTextinputPaperinputContentArea exportContentArea'>
<div class='quantumWizTextinputPaperinputInputArea'>
<input aria-describedby='i.desc.52344200 i.err.52344200' aria-label='Link Facebook' autocomplete='off' class='quantumWizTextinputPaperinputInput exportInput' data-initial-dir='auto' data-initial-value='' dir='auto' jsname='YPqjbf' minlength='15' name='entry.1053088425' placeholder='Link Blog hoặc Facebook' required='' style='width:48%;margin:0 2% 0 0' tabindex='0' type='text' value=''/></div>
<div class='quantumWizTextinputPaperinputUnderline exportUnderline'></div>
<div class='quantumWizTextinputPaperinputFocusUnderline exportFocusUnderline' jsname='XmnwAc'></div></div>
</div>
<div class='quantumWizTextinputPaperinputCounterErrorHolder'>
<div class='quantumWizTextinputPaperinputHint exportHint' jsname='ty6ygf'></div></div>
</div>
</div>
<div class='freebirdFormviewerViewItemsItemGradingGradingBox freebirdFormviewerViewItemsItemGradingFeedbackBox' jsname='R7fTud'></div>
<div class='freebirdFormviewerViewItemsItemErrorMessage' id='i.err.52344200' jsname='XbIQze' role='alert'></div></div>
<div class='freebirdFormviewerViewItemsItemItem freebirdFormviewerViewItemsTextTextItem' data-item-id='1516774759' jsaction='sPvj8e:e4JwSe,vwKRrd;' jscontroller='rDGJeb' jsname='ibnC6b' role='listitem'>
<div class='freebirdFormviewerViewItemsItemItemHeader'>
<div class='freebirdFormviewerViewItemsItemItemTitleContainer'>
<div aria-describedby='i.desc.1516774759' aria-level='2' class='freebirdFormviewerViewItemsItemItemTitle freebirdCustomFont' dir='auto' role='heading'>
<h2> Địa chỉ Email của bạn</h2>
</div>
<div class='freebirdFormviewerViewItemsItemItemHelpText' dir='auto' id='i.desc.1516774759'></div></div>
</div>
<div class='freebirdFormviewerViewItemsTextItemWrapper'>
<div class='quantumWizTextinputPaperinputEl freebirdFormviewerViewItemsTextShortText freebirdThemedInput' jsaction='clickonly:KjsqPd; focus:Jt1EX; blur:fpfTEe; input:Lg5SV;' jscontroller='pxq3x' jsname='W85ice' jsshadow=''>
<div class='quantumWizTextinputPaperinputMainContent exportContent'>
<div class='quantumWizTextinputPaperinputContentArea exportContentArea'>
<div class='quantumWizTextinputPaperinputInputArea'>
<input aria-describedby='i.desc.1516774759 i.err.1516774759' aria-label='Địa chỉ Email của bạn' autocomplete='off' class='quantumWizTextinputPaperinputInput exportInput' data-initial-dir='auto' data-initial-value='' dir='auto' jsname='YPqjbf' minlength='15' name='entry.1526955289' placeholder='Địa chỉ Email' tabindex='0' type='text' value=''/></div>
<div class='quantumWizTextinputPaperinputUnderline exportUnderline'></div>
<div class='quantumWizTextinputPaperinputFocusUnderline exportFocusUnderline' jsname='XmnwAc'></div></div>
</div>
<div class='quantumWizTextinputPaperinputCounterErrorHolder'>
<div class='quantumWizTextinputPaperinputHint exportHint' jsname='ty6ygf'></div></div>
</div>
</div>
<div class='freebirdFormviewerViewItemsItemGradingGradingBox freebirdFormviewerViewItemsItemGradingFeedbackBox' jsname='R7fTud'></div>
<div class='freebirdFormviewerViewItemsItemErrorMessage' id='i.err.1516774759' jsname='XbIQze' role='alert'></div></div>
</div>
</div>
<div class='freebirdFormviewerViewNavigationNavControls' data-is-receipt-checked='false' data-should-execute-invisible-captcha-challenge='false' data-shuffle-seed='-1616823579904360178' jsaction='rcuQ6b:npT2md;JIbuQc:Gl574d(QR6bsb),V3upec(GeGHKb),HiUbje(M2UYVd),NPBnCf(OCpkoe);' jscontroller='lSvzH'>
<div class='freebirdFormviewerViewNavigationButtonsAndProgress'>
<div class='freebirdFormviewerViewNavigationButtons'></div>
<input id='send_btn_bsw' name='submit' type='submit' value='Gửi'/></div>
</div>
</div>
<input name='fvv' type='hidden' value='1'/><input name='draftResponse' type='hidden' value='[null,null,"-1616823579904360178"] '/><input name='pageHistory' type='hidden' value='0'/><input name='fbzx' type='hidden' value='-1616823579904360178'/></div>
</form>
<a class='btn_status' href='#HDSD'><i aria-hidden='true' class='fa fa-picture-o' style='color:#5db98b'></i>Thêm ảnh</a>
<a class='btn_status' href='#HDSD'><i aria-hidden='true' class='fa fa-heartbeat' style='color:#cc7762'></i>Hướng dẫn SD</a>
<a class='btn_status' href='#HDSD'><span><i class='fa fa-ellipsis-h' style='margin:0'></i></span></a></div>
</div>

 Nguồn Code : Trích trong temp BSW 9.5.0 
Tạo khung đăng bài viết giống Facebook 99% cho Blogspot Tạo khung đăng bài viết giống Facebook 99% cho BlogspotUnknown8.8stars based on9reviewsDễ ợt à . Tạo 1 Widget ở nơi cần hiển thị rồi cho All code vào lưu lại là xong. <style> #post_by_bacsiwindows{-webkit-user-select:none...
avatar

Cái này thik hợp vs theme FB thui :(

delete lúc 01:52 4 tháng 2, 2018



Emoticon

  • Blog bạn bè:
  • Phú Cường Blog |
  • TKN Blog |
  • Baoshady Blog|
  • Dan47 blog |
  • Siin Blog |
  • PRINCE DESIGN |
  • Hưng Star |
  • Tuổi Trẻ IT |
  • Z0mbie.win |
  • Hồ Nguyên IT |
  • Phụ kiện cực rẻ |