Shareaholic is one of the most used all in one content sharing platform (like Addthis, Sharethis). The difference with other sharing platform of Shareaholic is;
Shareaholic has much cooler icons (Eye catchy, trendy and stylish)
Very customizable (Position, Icon size, Layout, Align, Headline)
Analytic, Fast loading, Responsive, and optional monetization option
Adding Shareaholic Sharing widgets in Blogger blog is easy, for your consideration setup process of adding Shareaholic widgets into Blogger blogs written below, read on-
Add Shareaholic Share button & bar to Blogger blog/below posts
Hit (Add Website) from Website Tools Dashboard page
Insert your BlogSpot Domain name and site name
Select platform ‘Blogger’, Content category, site Language, Hit continue
Next page you’ll see ‘Apps’ option, Turn on ‘Floating Share Buttons’, Click on ‘Setting’ icon
Now in ‘Layout’ fix Size, Counter, Align, Vertical offset, and services,
Additionally click on ‘Display rules’, Hit Save Settings
Now you’ll return to the Dashboard page, Get your mouse over ‘Location’ option
Select ‘Share Buttons’, In share button page, in Location input type ‘Below post’
Select your Theme, Headline, Position, Layout, Counter, Align and services
After all configurations complete, select ‘Save settings’,
You’ll redirect to Dashboard page, now click on ‘Get setup code’ and
Log into your Blogger blog on the other tab, select your blog
Go to ‘Template’ tab, and select ‘Edit HTML’
Search for </head> (using CTRL+F or CMD+F) into code snippet
Before </head> tag, paste ‘Get setup code’s codes
Again, Get back to Shareaholic tab, from location configuration, click on ‘</> icon’
And copy all codes from pop-up page
And from Blogger’s tab (into code snippet) search for,
<div class='post-footer-line post-footer-line-1'>
You may find this code phrase twice, ignore first phrase, after second phrase paste those codes,
You may add these codes too, with default codes cause default codes widget will appear on homepage too, re-edit the default code with this codes, like this-
If you can’t find <div class='post-footer-line post-footer-line-1'> than search for </article>, and paste codes below </article>
Save Template finally, And check your blog out for live preview
Content sharing widgets are very necessary tool for a blogsite, so share your content with style with Shareaholic sharing efforts make your Blogger blog little bit stylish and trendy. Any problem facing with tutorial leave with comments, new tutorial will release soon stay subscribed. Chill…..
Sometime into Blogger posts, we require to show some images in row. After a mass Image upload, all images shows together without any order and visual effects. That’s why an image gallery widget we should use in those posts. These widgets present images cleanly alongside with effects and increase beauty of posts too. Here such kind of image gallery I presenting to you created with HTML and CSS enhanced with CSS3 animation "transform" property (adds a smooth hover effect to images whereby the image enlarges) and shadow appears. Light weighted, high-end designed and presents images in a stylish way. Let’s see how it looks like, how to add and configure on your Blogger blog.
CSS3 Images Gallery for Blogger
Preview-
How to install & apply: This gallery set up has few steps, read on-
Step 1: CSS Embedding
Log into your Blogger, select your blog
Go to ‘Template’ tab and select’ Edit HTML’
Search for ]]>< into code snippet (using CTRL+F or CMD+F)
Configuration: In .ks-galleri img CSS class you will find default gallery images Height and Width, Change the value with your suitable Height and Width, Small resolution will be better; And ‘Save template’
Step 2: Gallery set up
Go open a “New post” or an existing post,
Upload some images what you intend to put into gallery
After upload is done, Switch ‘HTML’ view from post editor (Compose/HTML)
You will see all uploaded images source codes,
Locate the very first uploaded image’s code and paste this line,
<div class="ks-galleri">
And locate the very last uploaded image’s code and paste this word,
</div>
Configuration: You may delete Blogger system’s default image HTML rules, Shown in image below, if you don’t remove these code, default configuration of gallery won’t work nicely.
Get back to ‘Compose’ part, and publish the post
So how your images gallery working on your blog and any problem facing with gallery don’t forget to mention, new tutorials and widget will be release soon stay subscribed, Goodluck
After publishing couple of normal looking Author information box/biography box widget here today I am publishing A High end design base Author bio box build with CSS3, CSS and HTML. This widget offers:
This widget is easy to install and configure. Looks elegant with any types of blogs and highlight easily Author’s Bio and social profiles. Let’s see how it looks like, how to install in Blogger blogs and How to configure. Read on-
Before <div class='post-footer-line post-footer-line-1'> copy and paste below codes, {You may find this code phrase twice, ignore first phrase, after second phrase paste codes}
[For HTML5 template users] If your Template doesn’t contains <div class='post-footer-line post-footer-line-1'>, then search for
</article>
And below </article> paste all codes.
How to configure:
To configure: Author image; Upload your image (200x200 png/jpg) to Tiny Pic and get the raw image link, paste it on ‘Your Image Link’
To configure: Social icons; Collect your following profiles direct address link and paste on defaults
To configure: Bio texts; Write/paste your bio within <p> to </p> tag. Should be 30-40 words
And finally ‘Save Template’, and check your bio in live action Template Compatibility This Author box is compatible with almost all stranded templates but unique designed templates, highly modified templates will not accept this. It also will not work on Blogger's default Dynamic view templates. and Will not appears on homepage.
The necessity of Author box widget is so to speak. So add this Author box widget on your Blogger blog and make your blog more detailed, personality full and stylish. Any feedback, problem you facing with this widget don’t forget to mention, Goodluck.....
Previously I had published lots of Social Sharing/Bookmarking widget what appears below every post of your Blogger bogs. Few of them are Truck icon style, Elegant silver icon style, Share with counter + Feedburner email subscription, Coldblooded sharer etc. To continue that sharing widgets making and publishing here I am publishing another super smart compact Social Share/bookmarking widget. This widget created with HTML, CSS and CSS3. Got 8 slots of service (Facebook, Twitter, Google plus, Stumble upon, Pinterest, Delicious, Reddit and a Feedburner email subscription slot), Easy to add on your blogger blog. This widget will look cool on any site no matter what kind of site they are. Let’s see how it looks like and how to add it on your site.
Add Foldable Sharing Widget below posts of Blogger
To configure the Feedburner email subscription, place your Feed Id in the red marked link.
Finally Save Template; Check out your Blog for live action.
Template Capability and Faq
This widget is compatible with almost all stranded templates, but unique designed templates or highly coded templates will not accept this.
If your template build with HTML5/Following tutorial fails to show the widget on blog; then search </article> instead of <div class='post-footer-line post-footer-line-1'> And paste all codes after </article>
How it looking in your Blogger blogsite don't forget to mention, Any feedback don’t forget to mention too. Goodluck…..
We always want to protect our images from being copied, misused and stolen. To protect our images using watermark on images is very popular. Placing watermark on images we basically use Adobe Photoshop, but when time runs short we always want a smarter way. Watermarking software makes that job easier that time. Here such time saver, easy user interface base, multiple functions offering best watermarking software listed. Let’s read, download ‘em and start watermarking your images:-
uMark Image Watermarking Software, is a free and paid ($29) software for watermarking your digital images with a name, logo, or a copyright notice.
Batch Watermarking supports Watermark hundreds of photos in one go.
Add various shapes and fill them with solid or gradient colors. Add QR codes as watermark on your photos
Border and shadow Applicable
Fully Customizable Watermarks choose the font, font size, style and color for your watermarks. Set custom transparency level, add shadows or rotate watermarks to your taste.
Select from one of the 9 predefined positions to place your watermark or put the watermark at your desired location on the image by specifying top, left coordinates or by drag and drop.
Add EXIF and other metadata as watermarks (geo tagging)
Save Watermarks for Later Use
Windows PC (Requires .Net 4 framework) or a Mac. uMark is available
uMark supports 8 languages - Dutch, English, French, German, Italian, Portuguese, Spanish and Turkish.
Aoao Watermark for Photo is an easy to use Photo Watermark Software provides professional photo protection solutions for your digital photos. It’s paid ($30-$200) software, trial available.
Zero Image Quality Loss and Faster Speed
Batch watermarking - watermarking 300 photos less than 1 minute
Full control over placement and size of your photo watermark
Visual Watermark is a free and paid ($20-$40) watermarking software with lot’s of features and function,
Watermark 100 Photos in Just 1 Minute
12 built-in watermark templates and appearance options help you get the watermark look you want.
Batch Rename and resize features make publishing images much easier.
Runs on Windows and Mac
Use logo and text in any combination. Fill images with watermark for strong protection, or make the watermark glasslike for unobtrusive protection.
Choose one of 260 fonts, 66 effects and 100 transparency levels to watermark your photos with your unique watermark, software allows to change watermark size and position using visual drag-n-drop editor.
Supports JPEG, PNG, TIFF, GIF and BMP photo formats.
Copyright Metadata, Shadow & Background enhanced
Integrates with iPhoto on Mac
Watermark Effects Visual Watermark comes with 66 effects combinations.
Arclab Watermark Studio is an easy to use image watermarking software to add visible and transparent watermarks to multiple images and photos in a batch. It comes up with lite version and paid version ($20-$50)
Add a true-transparency watermark with custom opacity
Watermark or logo could be added at any position
Add a watermark on multiple positions
Flood-Fill with custom watermark size (mosaic)
Batch processing of directory structures
The image conversion software support jpeg, png, gif, tiff, bmp and psd images and can convert the images into the image formats jpeg, png, gif, tif and bmp.
Kigo Image Converter is a free and easy to use image converter for Windows users.
It is designed to change image format, scale image size, compress image and add watermark by batch.
This free image converting tool supports kinds of image formats, which include BMP, JPG, J2K, JPC, PNG, TIF, TIFF and more.
With the image converter's main functions, you can find the right solutions to convert images for different situations.
Image watermarking is important for reserving copyrights of your images. Who when going to re-use your images without permission you’ll never know. That’s why using a suitable watermarking software is recommended for everybody who shares images on web. So which one you use/you are going to use don’t forget to mention by comment.