Palki Plus - Responsive Personal Blogger Template (Pro)

Palki Plus is clean, responsive, modern and SEO Optimized personal blogger template for blogging. Palki Plus Blogger Template give you a professional blog idea for making a professional blog, portfolio and elegant website with blogspot. You may use this template in any commercial use, because is has some responsive ad slot in standard position.

Palki Plus blogger template designed to showcase your content in an effortlessly timeless style and is very important that you can share post type to social media like Facebook, Twitter and etc with easily. Equipped the documentation is easy to read and understand. It have easy and powerful admin panel for better and easiest customization. 

Palki Plus blogger template is totally responsive designed blogger template so that adapts to your style as well as the device it’s viewed on. It compatible with all devices. It is clean and fresh style and high user friendly blogger template. 

SEO is most important part of template design. MS Design always focus on SEO Optimization when design a unique template. Palki Plus isn't progressed beyond from SEO Optimization. This template up to 100% SEO scored. See The below screenshot.

First time in this template we used Author bio box with "Verified Icon" that may give your blog extra professionalism look. This Author box work with Google Plus profile. Profile picture, Profile name and description will show in this box that you used on your google plus profile. But Social icons link have must edited with your social links like, Facebook, Twitter and Google Plus. See the below screenshot.

Awesome footer section with social icons. You can put your logo and set your social media links in footer. This section may increase your blog's beauty. For adding footer logo you don't need go to the HTML section. You could add this footer logo by uploading form blog layout. See the below screenshot.

Some Awesome Features:

• Responsive [TEST]
• SEO Optimized [TEST]
• Google Testing Tool Validator [TEST]
• Easy Admin Panel
• Ads Ready
• Social Icons
• Related Posts
• Social Share Buttons
• Author Bio Box
• Facebook Comment
• Search Box
• Recent Posts Widget

• Demo
• Buy Now - $15.95

Flat Popup Facebook Like Box Widget for Blogger

Flat Popup Facebook Like Box for Blogger - in this session i shared this widget for blogger. Before some days, i shared another popup like box for blogger. That was Pop up Facebook Like box for Blogger with CSS ". This widget was made with some cookies and these are unnecessary. Recently i build another popup facebook like box widget using CSS and JavaScript (No cookies included). 

Targeted visitors are most important of any blog. Retention blog visitors more and more important. If you want to increase your facebook like then should promote your page in your blog with your blog's users. Then you will get more like from your users who visit your blog. Adding the pop up like box is most essential for get more like. So today i am gonna to share a tutorial about pop up facebook like box for blogger.

• View Result

How it work?

Recently i found a popup jQuery named Easy Static Modal Popup Plugin. I used this jQuery in this popup facebook like box widget. eZmodal is a simple and fast jQuery plugin which enables you to display static html content in a responsive, fully configurable modal popup window. This a best popup plugin. Thats why i used eZmodal in this widget. 

In first load, in this widget shown a loader. This loader like below screenshot.

Using facebook like box you may keep your visitors in your touch. This way is another great way for increase blog traffic. Popup facebook like box is great way for promote your fan page with your blog visitors. Proper use of like box, you can get more like for your fan page.

Facebook is a great way for increase blog traffic. When you share your content on your facebook page, then here is an opportunity to share your content by your visitor with others. In this way can get more extra traffic. In this circumstance you have must need promote your page with your blog. Popup like box is one of the best way.

Now lets start the tutorial. Before start work, please take a backup of your template. 

Step 1: Go to Blogger Dashboard > Template > Edit HTML and past below code before </style>

 /*=============== CSS Popup Like box by msdesignbd.com ======================*/
.mspopup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:90000;background:rgba(0,0,0,.6);overflow-x:hidden;overflow-y:auto;display:none}
.mspopup-container{background:#fff url(http://i.imgur.com/2twQjiN.gif) no-repeat 50% 50%;padding:0;font-size:14px;height:236px;position:fixed;top:50%;left:50%;z-index:90001;-webkit-box-shadow:0 0 15px 0 rgba(50,50,50,0.8);transform:translateY(-50%) translateX(-50%)}
.mspopup .mspopup-close{position:absolute;top:9px;right:20px;font-weight:700;font-family:Verdana;font-size:18px;cursor:pointer;color:#fff}
.mspopup .mspopup-close:hover{color:#535353}
.mspopup .mspopup-header{font-size:20px;padding:10px;text-align:center;color:#fff;font-family:Open Sans;background-color:#3B5998;text-shadow:1px 2px 4px #838383}
.mspopup .mspopup-header p{font-size:10px;padding:0;margin:0;font-weight:400;text-transform:initial}
.mspopup .mspopup-content{padding:10px 20px} 

Step2: Now past below code before </body> tag.

 <script src='https://cdn.rawgit.com/msdesign92/ms-design/master/mspopup.js' type='text/javascript'/>
<script type='text/javascript'>
  $(&#39;#popup-box&#39;).mspopup({
  &#39;autoOpen&#39;: true
});
        </script> 

Now Save Template.

Step3: Go to Layout > Add a gadget > HTML/Javascript and past below code.

<div id="popup-box" class="mspopup">
  <div class="mspopup-container">
      <div class="mspopup-header">
          <div class="mspopup-close" data-dismiss="mspopup">x</div>
         Like us and Join with our community
<p> Get our all latest update from our facebook page, Its free and speedy</p>
      </div>
<div class="mspopup-content">
     <div class="fb-page" data-href="https://www.facebook.com/msdesign.rtml" data-width="400" data-height="300" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div>
      </div>
  </div>
</div> 

Note: Change msdesign.rtml with your facebook page username.

That's it. Now refresh your blog and see awesomeness. Thanks...