Posts

Showing posts from November, 2014

How to Auto tweet and Auto post to Facebook your Blogger blog’s post

By
Image
Letting your social networking fan know about your new published post instantly ‘Auto tweet and auto post to Facebook’ your post is very effective and time saving. For Wordpress - using plugin can solve this auto tweet and auto post job but Blogger doesn’t have option like this. But there is also solution exists. Let’s see what I’m talking about Auto tweet and Auto post to Facebook your blogger blog’s post.


How to Auto tweet and Auto post to Facebook your Blogger’s post

Twitter Feed, does the job easily. All you need to do is set up your blog URL at their service. Here is a quick overview: How to submit you blog at Twitter Feed for Auto tweeting and Auto posting to Facebook your Blog post.

Below walk through steps are written; just read on:-
Open an account at Twitter Feed, confirm your email, and visit dashboard.Click on ‘Create new feed’, you will direct to setup pageIn setup page ‘Name your feed’ and ‘add your source URL’ you’ll be fill up with your site’s feed. Every site has feed…
Read more

7 best CMS/script for building Social networking website

By
Image
The demands of social networking and community sites are increasing rapidly. For building a community/networking site you need to code it from scratch. But if you are not a pro coder or you don’t have a nerd team, building a social networking website is completely impossible. So as non coder to build Social networking website you can use CMS (content management system - readymade platform what helps you to build site) also known as platform software or script. With social networking CMS you will be able to-
Build a Social networking website in a short time It can be use for personal or commercial purposeCustomizable, so you can modify any part of site as you wantSome of these CMS are open source (completely free and you can modify/upgrade the source code) and some of paid. Let’s see what content management systems I talking about for building Social networking website.

7 best CMS/script for building Social networking websiteDolphin Dolphin is the world's most advanced community CMS…
Read more

6 best Captcha Plugins for Wordpress

By
Image
The usefulness of using Captcha on your site is so to speak. Most important some reason stands for your website’s security. Like-
Preventing spam bots (The bots what leaves/posts spam links as a comment or message automatically)It does brute force protection (Login, account hacks)Preventing Harmful data collector bots (Those automated programs collecting certain types of sensitive information, like-email, password)Cookie base bots (Bots what examine cookies for their good, like-advertise serve)Prevents DDOS attacks (The bots what assist with massive downloading of content from multimedia websites, and make server down) And so on.

And if you use Wordpress you can get rid of these security problems with just installing a Captcha plugin. There are a lot’s of Captcha plugin you may find in wordpress plugin depositary. But I did some check and writing here 6 best Captcha plugin for wordpress based on there popularity, styling over all worth to have performance. So read on-

6 best Captcha P…
Read more

3 best Popular Post widget for Blogger

By
Image
Blogger’s default Popular post widget is very simple, it just shows lines of titles. But this popular post widget can be customize by changing default CSS code of template. So I designed 3 different popular post widget with CSS and CSS3 codes. All you need to do is embed your favorite popular post widget codes in to your Blogger template. Let’s see how they look like and how to add them in your Blogger blog.


Flat popular post widget for Blogger
Very trendy designed, Flat color, CSS3 transition, Google font.

Preview-


Codes for copy-

/*crawlist.net pop post label starts*/  @import url(http://fonts.googleapis.com/css?family=Droid+Serif);
.popular-posts ul{padding-left:0px;}
    .popular-posts ul li {background: #FFF  no-repeat scroll 5px 10px;
    list-style-type: none;
    margin:0 0 5px 0px;
    padding:5px 5px 5px 20px !important;
    border: 1px solid #dcdcdc;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
-webkit-transition: all 1.5s ease;
    -moz-…
Read more

How to use Google Font in Blogger post

By
Image
Your Blogger template’s default fonts are basically Ariel, Georgia, Times, Trebuchet, Helvetica. These fonts are simple and not so attractive. If your blog running with these default fonts may be you will lost some audience, those audience who care about your blog design overall too. But these default fonts can be change easily. There are lots of font provider offers web fonts what can be easily integrate to your site. Google web font is one of best web font provider. In Google font’s collection more than 650+ font with various styles you can find. Using Google font in your post, you can customize your font style more specifically, like font thickness, slant, width, line height, font weight, font script etc. Let’s add Google font in your Blogger, this process is easy and difficulty is beginner. Read on-

How to use/install Google Font in Blogger post
Step 1: Choosing Fonts
Go to Google web font (Here), See demo of font family by Word, Sentence, Paragraph. Use Filter (Left side) for find …
Read more

Add Blockquote/Syntax highlighter in Blogger

By
Image
In post we use Blockquote for highlighting some important text, quote, poem, codes etc. Blogger’s default Blockquote is just a quote sign, it’s so simple. Again if you use custom blockquote what developed by other Blogger developers those Blockquotes basically designed with image, those looks cool but it increase Http request, page size and loading speed. So here I presenting a simple CSS3 blockquote design for you, what doesn’t make extra pressure on Http request, responsive, flat designed. It made with solid CSS3 and Google font. Let’s see how it looks like and how to add it to your blogger blog.

Add Blockquote/Syntax highlighter in Blogger
Preview-



Live Demo- (Click Here)

How to add it in your Blogger-

All you need to do is embedding these given code into your template, Let’s start-

Step 1: Backup your template (Optional step)
Login to your blogger, select your blog, Select 'Template' option, click 'backup/restore' from upper right corner. Download full template and save…
Read more

Testimonial Widget for Blogger/Wordpress

By
Image
No matter your Blogger or Wordpress site is for Blogging, selling product, download stuffs using Testimonial widget is necessary. Testimonial widget represents your sites and product’s quality and it increase your visitors trust on your content directly. Here I developed a simple minimalistic Testimonial widget for you, it made with little amount of HTML, CSS, CSS3, Google font. It’s easy to add, configure, lightweight, fast loading. Let’s see how it looks like and how to configure it. Read on-

Testimonial widget for Blogger/Wordpress
Preview-



Live Demo- (Click here)


Codes for copy-

<link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'/>
<style>/*crawlist.net CSS starts*/
.ks-tasti {height:293px; width:280px; padding:5px 8px;    -webkit-border-radius: 3px;
     -moz-border-radius: 3px; border-r…
Read more

Add 5 Superb CSS3 effect on Images of Blogger blog

By
Image
In our Blogger post we use various images as hint, example, for showcase an object or just as a part of post. Highlighting those images, effect’s on images necessary too. In Blogger’s default template your images automatically gets border and shadow effect, again if you are using custom template your may be not having any effect on your images.
But if you want more specific effect on your images or you want to use custom effect on your Blogger blog you can use CSS3 effects for images. Here 5 superb, most popular CSS3 effect code  I gathered (Shadow, Opacity, Tilt, Jump, Morph effects). See what image effect suits your images, and add them on your blogger images.

CSS3 Shadow effect on Images
Just Shadow effect

HTML


<img class="ks-sado" src="image link" />

CSS


.ks-sado {-moz-box-shadow:0 2px 10px rgba(0, 0, 0,.75);
-webkit-box-shadow:0 2px 10px rgba(0, 0, 0,.75);
  box-shadow: 0 2px 10px rgba(0, 0, 0,.75);}


Shadow effect on mouse hover

HTML


<img class="ks-sa…
Read more

How to remove Border & Shadow from images of Blogger

By
Image
If you are using Blogger's default template or other templates, there is a default function of those template you may be don't like is Border and shadow around images. This function doesn’t make all images important or all images look awful!
So if you want to get rid of these automatic imposed borders and shadow effect on your images of your blogger blog, read on- To make this tutorial done will not take more than 2 minutes and difficulty is beginner.

How to remove Border and Shadow from images of BloggerFirst log into your Blogger account, select your blog, Go to ‘Template’ tab, than select ‘Edit HTML’. Search (Using Ctrl+F or Cmd+F) for post-body img  Under ‘post-body img’ you will find these codes-
border: 1px solid $(image.border.color);
  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);Identify and Select all these codes and DELETE ‘em. Hit ‘Save Template’ Now go check out your…
Read more