Blogger Templates Gallery/Showcase Site : New addition to BloggerTricks

Blogger templates siteIncase you haven't noticed yet.. your favorite site has a make-over today! Hope you like the new, improved look of BloggerTricks ;)

Also, I'm proud to announce the launch of our new bloggertricks addition "Blogger Templates Gallery/Showcase" website. (templates.bloggertricks.com).

It is a blogger templates directory where we showcase some of the best blogger templates on the net by various famous designers.

So, if you are looking for a new template for your blog, instead of searching tons of websites in vain,you can simply visit our site to download hundreds of new, unique and amazing templates on the net for Free. We arrange them in categories, so you can quickly browse through them and select the best template that fits your blog.

To make it easy for you to decide on a template that suits your blog the best, we have also included a "Live demo" feature. All you need to do is simply browse through the template demos and download the ones you like. No more do you need to waste your time about downloading an inappropriate template; with the 'live demo',you make the right choice.


We are open to feedback and constructive criticism

To Your Blogging Success!!

-Kranthi.
READ MORE - Blogger Templates Gallery/Showcase Site : New addition to BloggerTricks

How To Add StumbleUpon Buttons with Share Counts to blogger

Add a one of the StumbleUpon badges/button to your site so your visitors can easily submit your content to StumbleUpon and you can start enjoying additional traffic from StumbleUpon users who want to see content like yours! Simply copy and paste the code into your site and start receiving free exposure on StumbleUpon.

Users clicking these badges will be prompted to submit a page to StumbleUpon's index so other users can enjoy your content or to view the ratings and reviews of your page from other StumbleUpon users. Your site will not be framed when users click any of these badges.

Stumble Badges are a free way to promote your site to the SU community.



1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

<div class='post-header-line-1'/>

4.Now Copy your "StumbleUpon" bookmarking buttons code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste your "StumbleUpon" bookmarking buttons code just before <data:post.body/> .

Code 1:
<script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script>

Result :


Code 2:
<script src="http://www.stumbleupon.com/hostedbadge.php?s=2"></script>

Result :


Code 3:
<script src="http://www.stumbleupon.com/hostedbadge.php?s=3"></script>

Result :


Code 4:
<script src="http://www.stumbleupon.com/hostedbadge.php?s=4"></script>

Result :


Code 5:
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>

Result :


Code 6:
<script src="http://www.stumbleupon.com/hostedbadge.php?s=6"></script>

Result :


5.Now save your template and you are done.
READ MORE - How To Add StumbleUpon Buttons with Share Counts to blogger

Free Premium Quality Social Media Icons Collection

In this post I listed another great premium and free social bookmark icons set for your website or project.Most of them there in different sizes(24�24,32�32,48�48,64�64,128�128,256�256,512�512,...).I think these social icons are very useful for your works.You can get them directly from their designer's websites.

27 Free Wooden Badges � Social Icon Pack

Inside this Icon Pack are 27 Free Wooden Social Icons, created exclusively for the viewers of Tutorial9 by Dawghouse Design Studio.





Woven Fabric Social Media Icon Set

This woven fabric set of social media icons was created by Jan Cavan from Dawghouse.

Although not suitable for every type of site, these icons will look wonderful on websites that use texture and have an organic approach to their design.

There are a total of 26 icons available as transparent PNGs and they are completely free for personal and commercial use,......





Vector Social Media Icons

This free set includes 50 icons of the most popular social media networks on the internet. The icons are designed in 32px and 16px vector format. With the vector format, you can scale the icon to any size to fit with your design or use it in high quality print materials. What you will get from the zip package: 32px and 16px in three different file formats: vector EPS, PNG, and GIF.





Social Icons hand drawned by ~TheG-Force

The icons that are included in this set are:
Blip.fm,Digg,Facebook,Firefox,Flickr,Meneame,Myspace,Technorati,Twitter,Vimeo,Wordpress,Youtube,LastFM - new,RSS - new,Blogger - new,Gmail - new,Reddit - new,StumbleUpon - new

The icons are available in the size:
24x24, 32x32, 48x48 and 64x64





Sketchy Web Icons 30 Hand Drawn Icon Pack

This Icon Pack includes 30 Hand-Drawn Web Design Icons. This is the perfect set for adding that handmade feel to your own creations online.





Roundy - FREE Social Networking Icon Set

his social networking icon set comes with 15 high quality icons in four different sizes. You can freely use these really cool and super round social icons for both your private and commercial projects.





Page Peel � A Free Social Media Iconset

The set contains 16 social icons in (transparent)PNG format.PagePeel - A Free Social Media Iconset.What are you waiting for? Get ready to peel your web pages!!!





Page Peel Social Icons � Version 2

The icons are transparent PNGs and the available dimensions are 128 x 128 and 64�64.





Old Bottle Crowns Icon Set

This free icon set consisting of 20 social media icons such as Digg, Stumble Upon, Delicious, and Twitter called Old Bottle Crowns Icon Set created by Dawghouse Design Studio for you Six Revisions readers.

The theme is worn-and-torn, so it�ll look great on grunge, vintage, classic-themed web designs. This set contains 20 200px x 200px PNG files that you can easily resize and edit for your website design.





Extreme Grunge Social Media Icons Pack

This high quality, hand made, icon pack is full with 20 Extreme Grunge Social Media Garments. Each icon is in .png format with transparent backgrounds, sized at 256�256px.Icons are free for commercial and personal use.





Grunge Peeling Stickers Social Media Icons

Each icon is in .png format sized at 128�128px with transparent backgrounds. The pack comes with a .PSD source file so that you can customize your own icons.





Bloggerttuts Network Icons

The pack contains 16 icons of the most popular social networks. The resolution is 48x48, Hope you like it.





50 Free and Exclusive Twitter Icons

Today we bring you a set of 50 free and exclusive Twitter icons that you can use for your websites.

The icons are provided in both raster and vector formats: The transparent PNG versions are 256�256, and we have also included Illustrator files so that you can resize the icons as needed.The icons are completely free for personal and commercial use.





32 Pixel Social Media Icons by leslienayibe

Another beautiful social icon set.Free for personal and commercial use!





I hope you will like also below articles:
READ MORE - Free Premium Quality Social Media Icons Collection

12 Amazing jQuery Accordions Menus Collection

I listed below useful JQuery Accordion Menus collection for your website.These menus will be very useful for your site or next project.All of these menus are worked by using jquery.If you like to add these accordion menus to your site,choose your menu from the below list.


1 . Dynamic Drive Accordion

Group contents together and reveal them on demand when the user clicks on their associated headers, with Accordion content script! Specify whether only one content within the group should be open at any given time, style the headers depending on their content state, and even enable persistence so the state of the contents is preserved within a browser session. The script enlists the help of the jQuery library for its engine. There are lots of configurable options,.........




2 . JQuery Accordion Menu - Lateralcode

This tutorial will take you through the creation of a jQuery accordion menu. There is a little twist to this: the menu contains content. Instead of it being links to multiple pages, it is a choice of what content should appear.




3 . Stupid Simple jQuery Accordion Menu

For a jQuery beginner the first thing you need to do is to include the jQuery library. Google hosts the library so you can link to it there. This can be done by putting the following code in the head of your............




4 . Accordion using jquery and css

Collipsible accordion using jQuery.An accordion is a toggle pane where one pane slides down the other pane slides up.




5 . jQuery UI Accordion

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automatically activates a part of the accordion based on the current location (URL) of the page.




6 . jQuery - Horizontal Accordions

An Xbox-like horizontal accordion that would look really good being used as a featured content slideshow .




7 . JQuery HoverAccordion

This plugin was inspired by the Accordion menus on the Apple Mac website as well as J�rn Zaefferer's Accordion plugin.




8 . Accordion Madness

Another good and simple accordian menu for you.




9 . Accordion menu using jquery

Fancy accordion menu using jQuery. In this post, you�ll see two examples of accordion. First menu�s visibility get�s toggled on clicking on the header while the another menu�s visibility get�s toogled when mouse is moved over it.




10 . Simple JQuery Accordion menus - Redux

This is a simple menu done in JQuery.This new version is rather flexible and caters to various needs people may have when building a website. It also allows multiple instances of the menu on the same webpage.





11 . Simple horizontal jQuery accordion

This is another great accordian menu created by using jquery.





12 . Simple JQuery Accordion menu

Simple JQuery Accordion menu is a best handy tool to show and hide information as needed. It also feel like a flash menu.


READ MORE - 12 Amazing jQuery Accordions Menus Collection

How To Create/Setup Sub-Domain in GoDaddy

In previous article I explain how to create a sub-domain with Enom.Today I am going to explain to how create/setup a sub domain with GoDaddy.If you registered your domain with GoDaddy and want create sub-domains from your custom domain,then this article will guide you for it.So read the article carefully and follow the steps correctly.There is not hard thing to do.

For easy explanation if we think your domain is "123.com" and you want to make a subdomain as "blog.123.com".

1.First login to your GoDaddy Account.

2.Now click on the "Advanced details" link of the domain you want to configure.



3.Now click on "Total DNS Control" from Total DNS section.



4.You can see a screen look like below:



Under "CNAMES (Aliases)" section, click on "Add New CNAME Record".



5.In next window Enter the below detail for your sub-domain.

Alias Name : blog (Instead of "blog",enter your sub-domain here)

Host Name : ghs.google.com



6.Now click OK.

You are done.Now you can add your new sub domain to a another site/blogger blog.
READ MORE - How To Create/Setup Sub-Domain in GoDaddy

How to Add a Sub-domain to a Custom Domain in Enom

In this article I hope to explain how to get a sub-domain(s) for your custom domain.If you get your custom domain name through google/blogger.com and your domain host is enom ,then you can follow the steps below to get a sub domain for your custom domain.

For a example if we think your domain is "123.com" and you want to get sub-domain from this domain like "blog.123.com".

1.First login to your google apps account using below URL:

https://www.google.com/a/cpanel/123.com/DomainSettingsAdvancedDns

Note : Replace "123.com" with your domain name.Look at the example below:

https://www.google.com/a/cpanel/premiumbloggertemplates.com/DomainSettingsAdvancedDns

Now you can see a screen look like below one:



2.Sign in using your username and password.Next screen will look like this:



3.Click on "Sign in to DNS console".

4.Now login to your enom account using your Domain and Password.



5.Click on the 'Edit' button under the 'Host Records' section.



6.Click 'Add New'.



7.Add your sub-domain name, for example, 'blog' under the 'Host Name' field.

8.Add ghs.google.com. under 'Address' field.

9.Select CNAME (Alias) under 'Record Type' field.

10.Now again click 'Add New'.

11.Add 'www.blog' under the 'Host Name' field.

12.Add ghs.google.com. under 'Address' field.

13.Select CNAME (Alias) under 'Record Type' field.

Your final work will look like this:



14.Click 'Save'.

You are done with Enom.

15.Login to your blogger dashboard--> settings- ->Publishing

16.Now Click on "Custom Domain".



17.Now Click on " Switch to advanced settings".



18.Now you must enter your domain name as the picture below:



19.Now click on "Save Settings".

20.Again tick "Redirect blog.123.com to www.blog.123.com" and click on "Save Settings".



21.Wait few hours.You are done.

Note: Now try to go to your sub domain.If it works fine,no problem.But It still doesn't work,again "Switch to: blogspot.com (Blogger's free hosting service)".



22.Now repeat steps 15-20 again.You are done.

You can see working examples here:

Domain : http://www.premiumbloggertemplates.com/

Sub-Domain : http://www.wpthemes.premiumbloggertemplates.com/
READ MORE - How to Add a Sub-domain to a Custom Domain in Enom
 

Support By Blogger