Jan 27, 2009

Blogger Template: Gramophonica

1 comments


Live Demo : Download

Template name: Gramophonica
Template Author: Ezwpthemes
Template Converter: Falcon Hive
Compatible BSP: Blogger only

Best viewing Browser: Firefox RC3, Opera 9.6, Google Chrome 0.3.154.9
Column: 2
Gadget: Ready
Navigation Bar: Ready
Search Bar: Ready

Instructions: Installation and settings

Blogger Template: Zinmag Primus

0 comments


Live Demo : Download

Theme Author: Jinsona Design
Converted By: Alvaris Falcon
Instructions: Installation and settings
Category: 3 Columns, Ads Ready,Fixed Width,Right Sidebar,Support Available

Recent Post Thumbnails Widget for Blogger

4 comments

I finally found a widget that shows post thumbnails that is easily configurable and much more universal than the FriendFeed widget I used previously at VietWebGuide.com. Though Google Translator failed I was able to cipher the article and thought I'd share...

Backup your template and then copy and paste the following code into an HTML widget in your Page Elements on the Layout section of your Blogger blog:



Random Rotating Post Headliner Widget for Blogger Blog - Google Ajax

0 comments
From this tutorial you will be able to add 'Random rotating post headliner widget' to your blogger blog. It rotates all your posts in simple table, with post title link and summary of the post.You can see the screenshot below. You can see the live demo here.



Step needs to add this widget in your blogger template

1. Login in to blogger dashboard

2. Go to 'Layout'

3. click on 'Add a Gadget' or Add a Page Element'

4. Popup window will appear, Click on 'HTML/Javascript'

5. Now Copy and paste the following code into the window

5. Now Copy and paste the following code into the window

5. Now Copy and paste the following code into the window


<style type="text/css">
.gfg-root {
width : 100%;
height : auto;
position : relative;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 20px;
border: 1px solid #BCCDF0;
}

.gfg-title {
font-size: 24px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
}

.gfg-title a {
color : #3366cc;
}

.gfg-subtitle {
font-size: 20px;
font-weight : bold;
color : #3366cc;
background-color: #E5ECF9;
line-height : 1.4em;
overflow : hidden;
white-space : nowrap;
margin-bottom : 0px;
}

.gfg-subtitle a {
color : #3366cc;
display:none !important;
}

.gfg-entry {
background-color : white;
width : 100%;
height : 6.9em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : auto;
height : 100%;
padding-left : 20px;
padding-right : 5px;
}

.gfg-list {
position : relative;
overflow : hidden;
text-align : left;
margin-bottom : 5px;
display:none !important;
}

.gfg-listentry {
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
padding-left : 15px;
padding-right : 5px;
margin-left : 5px;
margin-right : 5px;
}

.gfg-listentry-odd {
background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight {
background-image : url('garrow.gif');
background-repeat: no-repeat;
background-position : center left;
}

/*
* FeedControl customizations.
*/

.gfg-root .gfg-entry .gf-result .gf-title {
font-size: 24px;
line-height : 1.2em;
overflow : hidden;
white-space : nowrap;
text-overflow : ellipsis;
-o-text-overflow : ellipsis;
margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
height : 3.8em;
color: #000000;
margin-top : 3px;
}

/*
* Easy way to get horizontal mode, applicable via js options to gadget.

*/

.gfg-horizontal-container {
position : relative;
}

.gfg-horizontal-root {
height : 1.5em;
_height : 100%;
position : relative;
white-space : nowrap;
overflow : hidden;
text-align : center;
font-family: "Arial", sans-serif;
font-size: 13px;
border: 1px solid #AAAAAA;
padding : 5px;
margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
font-weight : bold;
background-color: #FFFFFF;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
float : left;
padding-left : 10px;
padding-right : 12px;
border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
color : #444444;
text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
width : auto;
height : 1.5em;
position : relative;
overflow : hidden;
text-align : left;
margin-top : 0px;
margin-left : 0px;
padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
position : relative;
background-color : white;
width : 100%;
height : 100%;
line-height : 1.5em;
overflow : hidden;
white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
display : none;
}

/*
* FeedControl customizations.
*/

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
display : none;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-title {
color: #0000cc;
margin-right : 3px;
float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
display : block;
color: #AAAAAA;
}

.gfg-branding {
white-space : nowrap;
overflow : hidden;
text-align : left;
position : absolute;
right : 0px;
top : 0px;
width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
background-repeat : no-repeat;
background-position : center;
cursor : pointer;
float : right;
width : 17px;
height : 20px;
}

.gfg-collapse-open {
background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
float : left;
}

.clearFloat {
clear : both;
}
body {
background-color: white;
color: black;
font-family: Arial;
font-size: small;
margin: 0;
}
#feedGadget {
margin-top : 5px;
margin-left: auto;
margin-right: auto;
width : 440px;
font-size: 16px;
color: #9CADD0;
}
</style>
<script src="http://www.google.com/jsapi/?key=internal-sample"
type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">

function showGadget() {
var feeds = [
{title:'title',
url:'http://BLOG_URL.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},

];

new GFdynamicFeedControl(feeds, 'feedGadget',
{numResults : 1000, stacked : true,
title: "BLOG_TITLE ~ Random Posts."});
}
google.load("feeds", "1");
google.setOnLoadCallback(showGadget);
</script>
<div id="feedGadget">Loading...</div>
<div id="feedGadget">Gadget by <a href="http://www.blogdoctor.me" target="_blank">The Blog Doctor</a>.</div>



6. Replace letter in red with your blogger URL, and black with Blog Name.


7. If you want this widget to be appear below header than move the gadget above the blog posts as show in the following fig.()

8. Save Settings.

By : BlogDoctor

Fixing Blogger Sitemap Errors and Warnings Inside Google Webmaster Tools

0 comments
You may know about Google Webmaster Tools. Here you can submit your blog/website sitemap to index your pages in Google. This hack is for blogger blog who get error message while submitting blogger generated 'atom.xml' feed sitemap to Google Webmaste Tools. If you are using feedburner service to redirect your blogger feeds, you will see this error message. Sitemap file for blogger blog looks like

http://yourblogname.blogspot.com/atom.xml.




The following Sitemap errors and warning messages are shown for my sitemap (atom.xml) in the Google WebMaster Tools , when using Blogger feeds with FeedBurner.



Even though you are submitting blogger made 'atom.xml' sitemap file to Google Webmaster Tools, its returning you with invalid XML warning message. Its because, you are using feedburner service to redirect your 'atom.xml' feed to feedburner feed.

To fix this problem, delete the existing sitemap and submit new modified atom feed sitemap url as below

http://yourblogname.blogspot.com/atom.xml?redirect=false

Replace letter in red with your blog url

From this hack your blog Feeds will still be redirected to FeedBurner but for 'Google webmaster Tools' submitted Sitemaps, the redirection won't happen.


Submitting Sitemap to Google Webmaster Tools

# Go to Google Webmaster Tools Dashboard >> Sitemaps

# Enter your modified atom feed as shown in below fig. and submit it...




Here's is the new submitted sitemap with no errors and warnings. You can see the changes in feed format from RSS Feed to Atom Feed.

Create DropDown Feed Subscription Button & Social Bookmark Link for Your Blogs - Chicklet Creator

0 comments
The objective of iFeedReaders is simple, create a one central place to send your feed and have all the subscription services coded and ready to go.

Those of you who are not to technical minded, you can create a simple link or drop down and add it to your site like any other link. No code editing, just create one simple link.

Chicklet Creator | Social Bookmark Link Creator

Protect Your Blog From Plagiarize (Copy Paste)

0 comments
May be you will be angry if your articel shown in other blog unexpectedly, moreover it without inserting the resource. I'll show you how to protect your blog from theif. But this trcik is pointed for small thief because it unusefull for expert thief. With this trick, the thief will unable to select your articel and unable to right click in your blog. But if you don't care about plagiarize, you will don't need this trick. Ok lets begin.

Go to your blog setting then chose "Template --> Edit HTML". Find this code <body> then replace with this code

<body onmousedown="return false" oncontextmenu="return false" onselectstart="return false">

Now your blog will be disable selecting and righ click, but the thief can still steal your articel by select "views --> page source" menu from their browser or by pressing "Ctrl + u", they can see your source code and can copy the articel from it. To deceive this, put your mouce cursor before this code <head> then press "enter" button many times, may be about 100 times the save your editting . Now if they press "Ctrl + u" they will only see a litle codes, he..he..

But remember this trick is only work for a fool thieves, for an expert thieves is unusable.
I don't use it into my blog because there are many script that have to be copied by readers.

How to Create Read More

0 comments
If you post an articel to your blog it will displayed on a main page, if you have a long post content, your blog will opened more long time. But it can be tricked with a script to short your post or only abstraction post will dispaled on a main page, and the full post will replaced by "Read More" link. Here's the trick to create "Readmore"

1. You have to Login to blogger, then chose Layouts -> Edit HTML
2. Click on "Expand Widgets Template" checkbox.
3. Find the code below in your HTML Codes. ( the short way to find is by copy the code below then press "Ctrl + F" then paste in the box)

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

or

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


4. If you have found it, put the code below under the above code.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>


5. Under the code, you will find code like this <p><data:post.body/></p> you have to put the code below under it.


<a expr:href='data:post.url'>Read More......</a>
</b:if>


6. You can change the "Read More" text with other.
7. Save your job.
8. Go to Setting --> Formatting Tab menu
9. At the lower page you will found "text area" box beside text "Post Template"
10. Put the code below to the box


<span class="fullpost">



</span>


11. Then click Save the setting.
12. If you want to post, put your short post or description above this code <span class="fullpost">, and the next or full post put between <span class="fullpost"> and </span> code.

How to Hide Your Post Date, Time and/or Author

0 comments
There are some reason for bloger to hide Post date, time and author. May be they want to see their blog looks clear or everything. Now I will show you the trick to "hide your post date, time and or author". the mothods is very simple, just find the code that I pointed to you and delete it. You can chose which part want to delete, date only, time only, author only or it all. Ok, if you decided to do it lets begin the hack.

1. Login to blogger the go to "Layout --> Edit HTML"
2. Click on the "Download Full Template" to back up your template first.
3. Check on the "Expand Widget Templates" check box.

Hide Post Date
find this code and delete it.
<data:post.dateHeader/>.

Hide Post Time
find this code and delete it.

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'
title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>.

Hide Post Author
find this code and delete it.

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

4. Save your editting

Jan 14, 2009

Show Related Article to Your Post in Blogger

1 comments
The advantage of showing related article to your post is it will help your readers find more information related to the topics. This is base on label or category. This is usually put to the end of the article. After your visitors finish read your article, they will find some links that related to the post base on label or category.
Here's the tutorial to create "related article to your spot":

1. Login to Blogger
2. Go to "Layout-->Edit HTML"
3. Click on "Expand Widgets Template" checkbox.
4. Then download THIS SCRIPT or HERE.
5. Open it then copy the scripts.
6. Paste the script after this code :<data:post.body/> If you have "Read more widget" you will find two codes. Put it under the first code.
7. Save your template.

Jan 12, 2009

Arthemia magazine | Blogger Template

0 comments

Live Demo | Download
Instructions: Installation and settings
Designed by : Micheal Jubel

Features

* Two/Three columns depend on your customization
* Professional design with magazine style
* Built-in search box
* Nice drop down menu
* Three footer widgets
* Banner ad ready (468×60)
* Google Adsense ready (300×250 rectangle, 120×600 sidebar)

Masinop | Blogger Template

0 comments

Live Demo | Download
Instructions: Installation and settings
Author: Falcon Hive
Designer: Padd IT Solutions

Jan 8, 2009

Widgetlike | Blogger Template

2 comments

Live Demo | Download
Author: Blog and Web
Designer: Free CSS Templates

Elegance | Blogger Template

0 comments

Live Demo | Download
Instructions: Installation and settings
Author: Falcon Hive
Designer: Power Theme

Outdoorsy | Blogger Template

1 comments


Live Demo | Download
Instructions: Installation and settings
Author: Falcon Hive
Designer: Function

Jan 5, 2009

Zinmag Remedy | Blogger Template

0 comments


Live Demo
Download
Instructions: Installation and settings
Author: Jinsona Design
Template Converted : Falcon Hive

Green Tech - Web 2.00 | Blogger Template

0 comments


Live Demo
Download
Instructions: Installation and settings
Author: Falcon Hive
Designer: Daily Blog Tips

Globex Business | Blogger Template

0 comments

Download

Live Demo
Author: Jhaysson
Designer: Joomla Templates
 

Best Blogger Template. Copyright 2008 All Rights Reserved Revolution Two Church theme by Brian Gardner Converted into Blogger Template by Bloganol dot com