sf

This navigation bar made amongst CSS & jQuery gets semi-transparent when y'all scroll downward the page too is slightly showing upward past times fading out gradually becoming close transparent. When the user hovers over it, the card becomes opaque again. Inside the navigation nosotros convey around links, a search input too transcend & bottom buttons making it easier for the user to navigate to the transcend or bottom of the page. Demo If y'all desire to add together this horizontal card amongst CSS/jQuery to a Blogger blog, follow the steps below: 1. Log into your Blogger job concern human relationship too choose your blog, too then live out to "Template" too press the "Edit HTML" button. 2. Click anywhere within the code expanse too search using CTRL + F keys, this tag: </head>  3. Just above/before the </head> tag, add together the next scripts too CSS code for the jQuery menu: <style type="text/css...

This widget released yesteryear Sharethis squad was made equally a Valentine gift from them. The pump bookmarking gadget has a cool slide out upshot that makes the pump ikon dissever each fourth dimension yous mouse hover it, displaying several bookmarking buttons similar Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email in addition to many other bookmarking choices. This gadget/widget comes amongst a fixed pose in addition to stays inwards the corner of the page, in addition to thence it volition select grip of your readers' attending in addition to brand them portion your posts easily. I'm certain yous volition beloved it later seeing the exhibit of this gadget! View Demo Adding The Open Heart Bookmarking Gadget to Blogger Step 1. Go to your Blogger Dashboard , select 'Template' in addition to click the 'Edit Html' button: ....select the "Expand Widget Templates" box (it is recommended to brand a backup first) Step 2. Find ...

This Recent Comments Widget for Blogger volition display the almost recent comments on your blog's sidebar, showing a snippet of the terminal comments along amongst the championship of the postal service where the comment was made. The comments volition live gathered inwards descending fellowship amongst the newest comments at the transcend in addition to the older ones at the bottom. The gadget is coded inwards JavaScript in addition to styled amongst CSS merely at that spot hasn't been added besides much, in addition to hence that it could gibe the color system of your Blogger template. Parameters to live configured: a. Number of comments - full issue of comments to display; b. Date on which the comment has been published - either display or shroud it; c. Posts on which a comment has been made - you lot tin either shroud the postal service titles or present them; d. Number of words per comment excerpt - the showtime "n'' words of the comment volition live...

Popular Posts is a widget provided past times Blogger that displays the close visited posts on the weblog from the concluding vii days, concluding calendar month or all time. There are 3 ways to display it: 1. Display alone post service title 2. Display championship amongst icon thumbnails as well as snippets 3. Display post service championship amongst icon thumbnail 4. Display championship amongst snippets. To customize this multi-colored pop posts widget, nosotros convey to add together novel variables as well as approximately CSS codes to our Blogger template. So let's start adding it... How to add together multi-colored pop posts to Blogger Step 1. Login to your Blogger Dashboard , become to "Template" as well as striking the "Edit HTML" button. Step 2. Click anywhere within the code expanse as well as press the CTRL + F keys to opened upwards the editor' search box. Step 3. Search for the next text: Variable definitions Note: If y'a...

The Random Posts widget or gadget for Blogger volition display random posts published on your spider web log that, due to the natural construction of blogs, could larn easily lost deep inwards your archives. Most of the time, when novel people bring together your site, they rarely bother going dorsum to discovery 1 of your practiced posts. One of the best ways to order a novel life to your older posts is to display them inwards a random fellowship inwards the sidebar. This tutorial volition exhibit yous how to add together a random posts gadget inwards a Blogger blog. The advantages of this widget is that it tin live easily customized together with loads pretty fast, too displaying the post service thumbnails together with how many comments they accept received. If yous desire to add together it, follow these steps below: How to add together Random Posts Widget to Blogger Step 1. Log into your Blogger account , thence larn to 'Layout' together with click on the 'Add...

In i of the previous tutorials nosotros shared a elementary Recent Comments widget that displays the latest comments published on the weblog posts. However, the primary downside was that the widget didn't accept the selection to exhibit the users' avatars. So, for those who'd similar to run into something more, here's a fashionable Recent comments widget amongst circular avatars in addition to comment excerpts. Besides providing the selection of displaying the commenters avatars, we'll hold out able to modify the default ikon for the anonymous avatar every bit well. So, let's laid about adding this cool recent comments widget inwards our Blogger blog... How to add together recent comments widget amongst avatars Step 1. Go to Blogger Dashboard in addition to select your weblog > larn to 'Layout' in addition to click the 'Add a Gadget' link: Step 2. When the pop-up window appears, scroll downward in addition to direct the 'HTML/J...

A Facebook Fan Box or Like Box is a nifty plugin that allows weblog visitors to subscribe to your weblog updates via their Facebook accounts, without leaving your blog. Once subscribing (by pressing the similar button), visitors volition have your most recent weblog updates on their Facebook page . This box likewise displays faces of the "likers" on your blog. Before creating a fan box, you lot should already bring a Facebook fan page. If you lot haven't already done so, delight encounter hither How to Create a Facebook Fan Page . How to Create a Facebook Like Box 1. Find out your Facebook fan page URL past times visiting your Facebook fan page too re-create the URL inward the address bar - you lot tin forcefulness out encounter how your URL should await similar inward this screenshot: 2. Next, view this page: https://developers.facebook.com/docs/plugins/page-plugin 3. Paste your URL into the Facebook Page URL field, every bit it is shown below: Note: If you lot ...

The Facebook Like push clitoris volition let visitors to Like your postal service as well as part it alongside their Facebook friends. In this tutorial, nosotros volition run into how nosotros tin forcefulness out add together a Like push clitoris for each private Blogger post, as well as non a Facebook fan box for the entire blog (which is every bit good a adept sentiment to bring it inward the blog's sidebar). Having a Facebook Like push clitoris below your postal service titles makes easier for Facebook users to similar specific posts on your blog, which inward plough displays the liked content on their profile (and potentially on their friend's feeds). If y'all desire to add together the Facebook Like Button below your blogger postal service title, as well as hence follow these steps: Adding Facebook Like Button Below Post Titles Step 1. Go to Blogger Dashboard > Template > Edit HTML  Step 2. Click anywhere within the code expanse as well as search using ...

Now hither is a wonderful hack for displaying related posts beneath each of your spider web log posts along amongst ship service thumbnails. The related posts are picked from other posts having same category/label/tag. With this hack many of your readers volition rest on your site for longer periods of fourth dimension when they run across related posts of interest. Adding the Related Posts Widget to Blogger/Blogspot Step 1. Log inwards to your Blogger account in addition to become to Template > Edit HTML Step 2. Click anywhere within the code surface area in addition to press the CTRL + F keys: Step 3. Search for this tag that yous request to add together within the search box (hit Enter to honor it): </head> Step 4. Copy in addition to glue the below code simply before/above the </head> tag: <!--Related Posts amongst thumbnails Scripts in addition to Styles Start--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <styl...

In the final tutorial, nosotros wrote most how to add together the Related Posts widget amongst thumbnails inward Blogger to display related posts from the same category based on the given labels, which would look only at the terminate of your weblog posts. However, perhaps to a greater extent than or less of yous may prefer a elementary version of this related posts widget to display alone the posts titles. If yous desire to add together it, follow the side past times side steps below: How to add together Related Posts Widget to Blogger Step 1. Go to 'Template' together with hitting the 'Edit HTML' button. Step 2. Once the template editor opens, click anywhere within the code expanse together with press the CTRL + F keys, together with then type the next tag within the search box (hit Enter to abide by it): </head> Step 3. Just to a higher house the </head> tag, glue the next CSS code: <b:if cond='data:blog.pageType == &quot;item&qu...

In this tutorial, I volition present y'all how to add together a cool floating Facebook similar widget for Blogger that slides to the left on mouseover. Demo: You tin run across a static Facebook badge on the correct side of this blog: Demo blog Adding Static Facebook Like widget on Blogger Step 1. Log inward to your Blogger account, become to "Template" as well as hitting the "Edit HTML" button Step 2. Click anywhere within the code surface area as well as press the CTRL + F keys to opened upwards the search box: Step 3. Search (CTRL + F) for this tag: </head> Step 4. Add the next code only before/above </head> tag: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> Step 5. Save the Template. Step 6. Go to Layout > Add a novel Gadget > conduct the 'HTML/JavaScript' gadget as well as glue the code below inward the HTML box: <style type="text/...

The nearly pop spider web pattern tendency over concluding duo of years are horizontal sliding panels, likewise known equally sliders or carousels. One of the effective ways to growth the site usability too engage the user is to add together a pop posts gallery higher upward Blogger posts to display the nearly viewed 10 posts on your blog. To run into it live, delight see the demo spider web log below. Demo blog Adding Popular Posts Gallery Above Blogger Posts Before adding the Popular posts widget equally gallery inward Blogger, delight banknote that this widget is non fully compatible amongst all templates, hence it's recommended to brand a backup earlier making whatever changes inward your Blogger template. Now, follow these steps: 1. Go to Dashboard, click "Template" > hitting the "Edit HTML" clitoris too click anywhere within the code expanse > press the CTRL + F keys to opened upward the Blogger search box. 2. Type or glue this ta...