Now check your blog out for new link outlook. FAQ and Caution:
This code won’t work if your template has a different name for Post body class, so if this code fails then search within your template for the class name of the post area, and replace them with my given default codes classes.
You can change the links and underlines color, together or separately; just find and replace the color code with your demand.
This code chunk made with CSS and CSS3 should work nicely on any latest web browsers.
So what your opinion about this tutorial don’t forget to mention :) Goodluck,,,
Few days ago I published a fresh post sharing widget for Blogger blogs named Stylish post sharing widget, today I am publishing another version of that sharing widget calls Flat post sharing widget. The specialty of this widget is it made with flat retina ready colors and modern Flat UI. Made with CSS, CSS3 and HTML; featuring Google font, 6 sharing service. Let’s see how it looks like and how to add it in Blogger:
Select 'Template' tab option, click 'backup/restore' from upper right corner.
Download full template and save it on your pc's Harddrive
Installing (Mandatory step)
From 'Template' tab, select 'Edit html'
And find (Using Ctrl+F or Cmd+F) into code snippet this line-
<div class='post-footer-line post-footer-line-1'>
You may find this line twice; ignore first one after second time paste all following codes below that line; and Save template.
Caution and FAQ:
If your template doesn’t contains <div class='post-footer-line post-footer-line-1'>
Or contains this line one time then search for </article> instead of that; and below </article> paste following codes.
This widget won’t appear on Homepage.
This widget is compatible with all standard templates but unique styled templates won’t support it. That case or if the widget design breaks remove it.
Few months ago I published couple of fresh post sharing widget for Blogger blogs. Starting with Foldable, Floating share bar with icon, Floating share bar with count, Coldblooded, Truck icon style etc. If you already used one of them now it’s time to use the latest Crawlist sharing widget. It’s a very popular sharing widget can be seen on a lots of popular sites powered by Wordpress I duplicated and remade it for Blogger platform. Made with CSS, CSS3 and HTML no image just gradient colors; featuring Google font, 6 sharing service. Let’s see how it looks like and how to add it in Blogger:
Stylish Post sharing widget below posts of Blogger
Select 'Template' tab option, click 'backup/restore' from upper right corner.
Download full template and save it on your pc's Harddrive
Installing (Mandatory step)
From 'Template' tab, select 'Edit html'
And find (Using Ctrl+F or Cmd+F) into code snippet this line-
<div class='post-footer-line post-footer-line-1'>
You may find this line twice; ignore first one after second time paste all following codes below that line; and Save template.
Caution and FAQ:
If your template doesn’t contains <div class='post-footer-line post-footer-line-1'> Or contains this line one time then search for </article> instead of that; and below </article> paste following codes.
This widget won’t appear on Homepage.
This widget is compatible with all standard templates but unique styled templates won’t support it. That case or if the widget design breaks remove it.
Last words, How it looking on your site and if you having any trouble with this widget don't forget to mention. New styled (Flat/minimalist designed) sharing widget under development so keep in touch on Crawlist’s fanpages. Goodluck……
