Stylish Widgets For Your Blog

How To Add Stylish Social Icons For Bloggers Part 1

2011-11-10T16:16:00.002+08:00

I'm adding social icons for bloggers whom happens to stumble here in my blog.
These Social icons & picture below credits by Kim Madia .
I hope these icons goes well to style up your blog or website social widgets better.

All icons sizes here in these post are 30px X 43px ,to extract files for downloads to your computer.

Then go to Google Picasa Web .
Click to Upload.
Drag icons images or select photos from your computer.

Click to the image & next click to Link To This Photo.

Select sizes then click to checkbox "Image only (no links)" .
Copy embed image & replace image code to your image source.

Image Source code example :

I will see you again in on my next post "How To Add Stylish Social Icons For Bloggers Part 2 ".Hope you did found what you are looking.....Cheers!!!

Adding Breadcrumbs In Bloggers Blog

2011-11-10T08:18:00.003+08:00

To all bloggers out there,have you added breadcrumbs navigation in your blog ?
If your blog does not have these ,it's better for you to add breadcrumbs in you bloggers blog for search engine to crawl faster to your website.
You can do these simple tutorials by following these few steps :
Note : Back up your templates first.

In your HTML (Design Tabs) ,click to check box at Expand Widget Template
Press Control F & search for ]]></b:skin>
Add the code below above ]]></b:skin>

.breadcrumbs {float: left;width: 590px;font-size: 11px;margin: 5px 10px 20px 10px; padding: 0px 0px 3px 0px; border-bottom: double #EAEAEA;}

Copy & Paste to find these code below (these code might appear more than once in your blogger template) <b:include data='top' name='status-message'/>
Add <b:include data='posts' name='breadcrumb'/> below each of <b:include data='top' name='status-message'/>
Finally look for these code : <b:includable id='main' var='top'> copy & paste below code provided above <b:includable id='main' var='top'>

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>
<b:if cond='data:blog.pageType == "item"'>



<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <data:post.title/>
</b:loop>


<b:else/>
<b:if cond='data:blog.pageType == "archive"'>



<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>


<b:else/>
<b:if cond='data:blog.pageType == "index"'>


<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>


</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Preview & Save your template .
All the best & hope you will enjoy on my next blogging post .

Email Me Form For Bloggers

2011-10-28T19:24:00.000+08:00

As you can see the contact form that I'm currently using is from EmailMeForm .So far I've been using their contact forms without any problems of receiving emails for my other blogs as well.

You can sign up with them for free ,create your template forms , copy & paste straight to your 'blog page' (Reminder:Do not paste to your blog post ! )

And the best of all about this form, you can have spam free in you email box without any worries at all .

What are you waiting for ? Go & sign up for free with them now !

Google Plus Widget For Your Blog

2011-10-28T18:24:00.000+08:00

For new bloggers out there, you should have this stylish google plus widget added on your blog sidebar like this as Google plus plays a major part on social networking platform in your website or blog for publicity.

Where you can get this widget ?

Go To Widgets Plus
Go to Settings
Add your google plus profile id
Customize your widget
Lastly Get your code to paste on your sidebar html.
Save your html & refresh your blog , and that's it !

Now you'll have stylish google plus widget for your blog.

Color Code Generator

2011-10-28T16:44:00.003+08:00

Your favourite color code generator :

Simply copy & paste to modify colors in your html code.

Styling Cute Widgets On Your Blog

2011-10-27T13:29:00.004+08:00

I'm really excited to share with you these cute widgets that you can easily embed to your personal websites or blogs.
You can simply copy & paste for clocks,calendars,pin widgets straight to your html sidebars.
All you need to do just go to Cuteki.com to get your widgets from there.

There's another additions for you to send personalized e-cards messages to your friends by facebook or by email as well.

Just sign up an account with them for free,
Personalize your ecards &
Send it to your facebook to share it personally to your friends.That's it!

Reminder :

And don't forget to bookmark Cuteki url link as there will be more features coming up from them especially for upcoming holiday seasons.Cheers....!

Stylish related post widgets Part 1

2011-10-25T23:11:00.004+08:00

I've been blogging around the web recently & it caught my attention , that most of the bloggers out there have been using LinkWithin in their blogs or websites recently .

Well ,there are other related post widgets that you will consider for yourself .

Outbrain related post widget

Outbrain too, do have many platforms for bloggers & for website owners to downloads these widget within 1 minute.

Below you can watch their video clips below on how to install them or go to their link "From Here"

Another widget that I like is nrelate .
In nrealte besides related post contents, you can also create these few widgets : Most Popular contents,in text linking within your post by keywords & most interesting of all "Cool Fly Out Related Post" (Hmmm...Flyout post plugins is only for wordpress) .

Anyway ,you need to create an account with them first before download it to your blog.

And the best of all related post widgets is from Dhiti
Let me tell you why it is the best of all : Check "This Out" on their unique features.

Get your Dhiti widget by

Are you guys still going to stick around with your current related post? Well ,I let you bloggers to decide .
To be continued.........Part 2