Menu

Lovely Cute
  • More Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Dream Fun Product

    Drop Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Home
  • About
  • Contact
  • Sitemap
  • Others
    • Gambar Lucu
    • Infografis
    • Inspirasi
    • Motivasi
    • Photoshop
    • Teka-teki
    • Tips
    • Ucapan

Quicker BD

  • Menu
  • Home
  • Blogger
    • SEO
      • SEO 1
      • SEO 2
    • CSS
      • CSS 1
      • CSS 2
      • CSS 3
      • CSS 4
      • CSS 5
    • Jquery
      • Jquery 1
      • Jquery 2
  • Music
    • Product 1
      • Sub Item
      • Sub Item
    • Product 2
      • Sub Item
      • Sub Item
  • Flat UI
  • Features
Home » Blogger jQuery » Blogger Widget » How-to » Widget Generators » Recommended Posts Slide out Widget Generator

Recommended Posts Slide out Widget Generator

Here i am with an another blogger widget generator "recommended posts slide out widget" which works based on jQuery and it will be show up on the posts pages only with the jQuery slide effect. default setting of the position of the this widget will be right side of the page but using our generator you will be able to set the position right or left according to your need. along with that option you have also some additional options such as show/hide social share buttons in slide box, Customize background color or border color or title links color of the slide widget etc.

Also read : jQuery Pop-up Facebook Like box Widget Generator V1

After adding recommended posts slide out widget to your blog, it will helps to increase the page views of your blog. Whenever, a visitor comes to your blog's post and scroll down to read more then recommended posts box will be slide out to the left or right side as you set it. and it will recommended to read other related article to your readers.

Recommended Posts Slide out Widget

How to Add This Widget to Blogger ?
STEP : 1 Adding marker
First of all go to blogger > Template > HTML Editor and search for <data:post.body/> tag in your blog's HTML and copy and paste the below code just after the above tag you searched.

<b:if cond='data:blog.pageType == "item"'> <div style='display:none' id='bpslidein_place_holder'></div></b:if>

STEP : 2 : Generate the widget code
  1. Go to this Recommended Posts Slide out Widget Generator page.
  2. Customize settings and fill the all required data.
  3. Click on "Generate" button to get the code of the widget. Simply, Click on "Copy to Clipboard" button then code will be copied automatically.
  4. Now, go to your blogger dashboard > Layout > Add a gadget > Choose HTML/Javascript from the list. and paste the copied code into it. 
  5. Finally, save your widget and you have done !
Thanks :)

Last Update : 28-1-2015
Add Comment
Blogger jQuery Blogger Widget How-to Widget Generators

Share

Like

G+

Tweet

Tweet
Related Posts

Show Conversion CodesHide Conversion Codes
Show EmoticonHide Emoticon
Newer Older Home
Powered by Blogger.

Weekly Posts

  • How to Add A Transparent Notification Bar To Blogger
    How to Add A Transparent Notification Bar To Blogger
  • Xmas "Flying Santa Claus" Widget for Blogger
    Xmas "Flying Santa Claus" Widget for Blogger
  • Supreme V2 ( Version 2) Responsive Blogger Template Download for free
    Supreme V2 ( Version 2) Responsive Blogger Template Download for free
  • How to Add Animated Flying Android Man Widget to Blogger
    How to Add Animated Flying Android Man Widget to Blogger
  • Create a Free Blog with Blogspot.com
    Create a Free Blog with Blogspot.com
  • How to Embed YouTube Videos In Blogger Posts
    How to Embed YouTube Videos In Blogger Posts
  • Use A Drop Cap Large First Letter In Posts On Blogger
    Use A Drop Cap Large First Letter In Posts On Blogger
  • Download Best and SEO Friendly Blogger Templates for your Blog
    Download Best and SEO Friendly Blogger Templates for your Blog
  • Flash SWF file Embed Code Generator
    Flash SWF file Embed Code Generator
  • Simple Recent Posts Widget for Blogger / Blogspot
    Simple Recent Posts Widget for Blogger / Blogspot

Blog Archive

  • ►  2017 (2)
    • ►  October (1)
    • ►  May (1)
  • ►  2016 (5)
    • ►  October (1)
    • ►  September (1)
    • ►  March (1)
    • ►  February (2)
  • ►  2015 (28)
    • ►  November (1)
    • ►  September (7)
    • ►  August (2)
    • ►  July (1)
    • ►  June (1)
    • ►  April (3)
    • ►  March (3)
    • ►  February (5)
    • ►  January (5)
  • ▼  2014 (105)
    • ►  December (4)
    • ►  November (6)
    • ►  October (1)
    • ►  September (8)
    • ►  August (12)
    • ►  July (14)
    • ►  June (5)
    • ►  May (11)
    • ►  April (5)
    • ►  March (15)
    • ▼  February (24)
      • Mashable Style AJAX Navigation Menu Widget for Blo...
      • How to Add Related Posts Widget with Thumbnails to...
      • Color Code Generator for CSS
      • How To Remove Blogger Navbar
      • How to Add Facebook Like/Fan Box To Blogger
      • How to Add Google AdSense Below Post Title in Blogger
      • Recent Comments with Avatar Widget Generator
      • Enable YouTube Video Comments on Blogger
      • Add Floating Social Sharing Buttons Below Blogger ...
      • Remove Subscribe To Posts Atom Feed Links On Blogger
      • Use A Drop Cap Large First Letter In Posts On Blogger
      • Animated Flying Twitter Bird Widget Generator
      • jQuery Slide Out Social Sharing Box Widget Generator
      • Animated Flash Clock Widget Generator
      • Blogger Recent Posts Widget With Thumbnail Generator
      • Google Flag Translate Widget for Blogger
      • Blogger XML Sitemap Generator
      • Recommended Posts Slide out Widget Generator
      • Flash SWF file Embed Code Generator
      • jQuery Pop-up Facebook Like box Widget Generator V1
      • Facebook Invite Friends Button Generator
      • Blogger Meta Tag Generator Tool
      • HTML iFrame Code Generator
      • How to Add Widget or Gadget to Blogger / Blogspot

Labels

  • Facebook
  • twitter
  • googleplus
  • linkedin
  • youtube
  • flickr
  • vimeo
  • deviantart

Copyright Quicker BD 2018

Published By Gooyaabi Templates