Blogger Mastering

Activate the mobile version of your blogspot blog

noreply@blogger.com (Rodney SANKINKA) — Fri, 17 Dec 2010 15:45:00 +0000

Blogger has launched the possibility to activate a mobile version of your blogspot blog. This mobile version will show the blog title, blog's description and the summary of last posts published.

If the web version of your blog shows pictures thumbnails with the summary of posts at home page, it will do the same in the mobile version.

Posts pages only show blog title, blog description, post (with pictures if any) and comments in a friendly way.

To activate the mobile version of your blog, just go to your blogger dashboard, go to "Settings", then to "Email & Mobile" and clic "Yes, On mobile devices, show the mobile version of my template."

Very simple !

Script for showing hour in your blog

noreply@blogger.com (Rodney SANKINKA) — Mon, 15 Feb 2010 23:29:00 +0000

Are you looking for a script for showing the hour in your blog, just for reminding your readers that there's a real world waiting for them ? Here is one script which doesn't need to load an external thing.

<div id='clock'>
<script type='text/javascript'>var d = new Date(); document.write(d.getHours()+':'+d.getMinutes());</script>
</div>

Just put the script above in an html/javascript widget and you'll have the exact hour showed in your blog.

Cool ?

Google Buzz button for Blogger blogspot - Buzz it

noreply@blogger.com (Rodney SANKINKA) — Fri, 12 Feb 2010 05:17:00 +0000

Today, I am happy to give you a piece of code that I've just release to help bloggers having a blogspot blog to enjoy the new google service, Google Buzz. This widget is based on the one made by Andrew Brett for TechCrunch, derived from a button used to share an items on Google Reader.

To have the Buzz it button in your blog, just login your Blogger account, goto Layout > Edit HTML > and check "expand widget" and put this piece of code before <p><data:post.body/></p> or <data:post.body/>

<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' onClick='return buzzPopup(this, 'Buzz this')' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YPxA49_M3WiBmkWw8kmRXhpwxeLSHCDTZKwFXeoiKKHcAUfVqqjZ_WnCm96b2dkMuirRGO9dOc-QSBh96afLsPvhdO1KDrPJIth1ramUq2v6g7nPaVpTPmxOpZmRRV-kX319dBdwpXG0/s1600/buzz-icon2.png'/>Buzz it</a>

When clicked, the button will send the visitor to his Google reader account to share the post.

When done, the post shared will be viewed by him and his Google Buzz followers.

I wish you'll love this Google Buzz button for Blogger blogspot, so Buzz it.

Full feed or excerpts : What to chose for your Rss readers ?

noreply@blogger.com (Rodney SANKINKA) — Sun, 07 Feb 2010 04:20:00 +0000

Do you offer a full feed or excerpts to your Rss readers ?

If you've not already chose what kind of feed to offer, I think you need two types of information to make your choice: 1) Why visitors subscribe to your feed and 2) What is the common behavior of Rss readers

1. Why visitors subscribe to your feed

I think there's three big reasons which persuade a visitor to become a Rss reader of your blog ( if you know another one, add it on comments):

He doesn't to miss updates of your intersting blog
He wants to have all his favorites’ blogs in the same place instead of checking out all bookmarks
He doesn't want to see all the ads you put in your blog

2. The common behavior of Rss readers

The best answer to this question comes from Bob Jones who said about common behavior of Rss readers that :

People that read a blog in their RSS readers don’t actually read my stuff half of the time. They scan and skip.
People that read a blog in their RSS readers don’t see any ads I have on my site. Advertisers don’t get enough ROI and stop advertising.
People that read a blog in their RSS readers hardly ever feel the need to engage in the comments. They read your post and move on.
People that read a blog in their RSS reader do not contribute to your page view statistics, making it harder for you to sell space to advertisers at a good price.
Some people can will steal and copy your content. They are called scrapers, and we all hate them. They don’t care.

With all these infos in your hands, I think you can now make chose if you want to offer a full feed or just excerpts to your Rss readers.

How to move a widget from a place to another in the html code of your template

noreply@blogger.com (Rodney SANKINKA) — Fri, 05 Feb 2010 10:09:00 +0000

One day, perhap's it will be impossible for you to use the drag and drop fonction for blogger widgets in the layout. If in meantime you have an urgent need to move a widget from a place to another, just follow the steps describe here to make the change you want :

1. Log in your Blogger account. Go to Layout > Edit html
2. Find the part of the your template where there's the widget you want to move.

Here, will take the example of the widget "followers" in the sidebar. When you create a blog and chose the minima template, your sidebar will a have three widgets showed in the following order :

<div id='sidebar-wrapper'>
   <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='Who am I?' type='Profile'/>
</b:section>
   </div>

If I want to put the followers widget at the bottom and to have the Profile widget at the top of the sidebar, I will begin by cutting the followers widget line and paste it at the bottom.

<div id='sidebar-wrapper'>
   <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='Who am I?' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/></b:section>
   </div>

Then, I'll cut the Profile widget line and will put it at the top of the sidebar.

<b:widget id='Profile1' locked='false' title='Who am I?' type='Profile'/>
<b:widget id='BlogArchive1' locked='false' title='Blog archive' type='BlogArchive'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>

</b:section>
</div>

I'll now have a sidebar with widgets organize the way I want it. The last thing to do will be to save the template.

So, like we have see it, it's very simple to move a widget from a place to another in the html code of your template when the drag and drop fonction doesn't work.

Why animated gifs don't work in blogger

noreply@blogger.com (Rodney SANKINKA) — Thu, 04 Feb 2010 12:24:00 +0000

If you have wonder why animated gifs don't work after being upload in a blogger post, I think a can give you a quick answer to this question.

When uploaded in a Blogger post, the animated gif having a gif extension is changed to a png image. So, if your image was named moonwalk.gif, it will be named moonwalk.png after being uploaded in your Blogger post editor.

To show a working gif animated, just upload your picture in another host and put the link in this code :

<img scr="http://yourhost.com/yourimage.gif" alt="picture, keys, words"/>

Put this code in your post and you'll have a working animated gif in you blogger blogspot post.

Accordion widget for featured posts with thumbnails

noreply@blogger.com (Rodney SANKINKA) — Tue, 02 Feb 2010 14:37:00 +0000

In SimplexPro template design by Simplex desing there’s an accordion widget which show featured posts with thumbnails. This widget help you to publicize posts of a important label of your blog.

I really love the ability it gives visitors to enhance or hide posts shows within.

This widget only work with one label and thumbnails will only be view if you offer a full feed. To have it in your blog, just follow these steps:

1. Login your Blogger account and go to “Layout” > “Edit html”
2. Place this css just before ]]></b:skin>

.accordion {
float:left;
width: 260px;
border-bottom: solid 1px #c4c4c4;
}
.accordion h4 {
background: #e9e7e7 url(http://www.webdesignerwall.com/demo/jquery/images/arrow-square.gif) no-repeat right -51px;
padding: 7px 15px;
margin:0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border-top: solid 1px #c4c4c4;
border-bottom: none;
cursor: pointer;
}
.accordion h4:hover {
background-color: #e3e2e2;
}
.accordion h4.active {
background-position: right 5px;
}
.accordion p {
background: #f7f7f7;
margin: 0;
padding: 10px 15px 20px;

}
3. Put this code before </head>

<script src='http://contact.dinhquanghuy.googlepages.com/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

$(".accordion h4:first").addClass("active");
$(".accordion p:not(:first)").hide();

$(".accordion h4").click(function(){
$(this).next("p").slideToggle("slow")
.siblings("p:visible").slideUp("slow");
$(this).toggleClass("active");
$(this).siblings("h4").removeClass("active");
});

});
</script>

Save your template.
4. Go to “Layout” and add a new Html widget where you’ll put all this code: replace words in bold with correct informations.

<script language='javascript'>
                                 imgr = new Array();
                                 imgr[0] = "http://sites.google.com/site/fdblogsite/Home/nothumbnail.gif";
                                 showRandomImg = true;
                                 jimgwidth = 220;
                                 jimgheight = 120;
                                 jfntsize = 12;
                                 jacolor = "#E67C15";
                                 jaBold = true;
                                 jtext = "Comments";
                                 jshowPostDate = true;
                                 sumtitle = 25;
                                 jsummaryPost = 200;
                                 summaryFontsize = 12;
                                 summaryColor = "#000";
                                 numposts = 6;
                                 label = "Your label";
                                 home_page = "http://yourblog.blogspot.com/";
                             </script>
<div class='accordion'>
<script src='http://simplexdesign.googlecode.com/files/j-label-fix.js' type='text/javascript'></script>

</div>

Save the widget, go to have a look and enjoy this accordion widget showing one label featured posts with thumbnails!

How to create a static page in a blogspot blog

noreply@blogger.com (Rodney SANKINKA) — Mon, 01 Feb 2010 07:25:00 +0000

Do you want to create a static page in your blogspot blog just like wordpress users do it ? Blogger has made it easy for you.

Since two weeks now, it's possible to make a static page in blogger via Blogger in draft. This static pages can help you to set a "Contact" page, a "About Me" page, etc. You only have a limitation of 10 pages. I think it can be enough for most blog, but it will not be bad if blogger set it to a more important number in the future.

Inlike normal blog post, when published, a page will not appaer at homepage of your blog or in archive (and it doesn’t have labels).

To create a static page for your blogspot blog, you only need to go to your Blogger account vi Blogger in draft, clic on “New post” and in the next page, clic on “Edit pages”. You will the see a button to create a new page, clicit. Add content to your new stand-alone page and publish it.

Next, you’ll have the choice of showing links to your pages in a menu bar (just under the header) or in a Linklist widget in your sidebar. Make your choice and I

The cool thing with the pages menu bar, it’s that you can drag and drop items inside.

So, you want to have a wordpress like page in your blogspot blog ? Just log in Blogger in draft and have fun !

How to use the new blogger post Editor

noreply@blogger.com (Rodney SANKINKA) — Sun, 31 Jan 2010 11:47:00 +0000

Do you know that Blogger has a new post editor ?

Blogger old post editor

Sometimes, there are features that Blogger introduce but that most users ignore. I thing it's the case of the new post editor which is more improved than the old one, but even if you've create a new blogger account yesterday or today, you'll still have the old post editor to use.

Blogger's new post editor

To use the new blogger post editor, just go to Settings and scroll down the page till "Global settings". Select "Updated editor" and "Save settings".

Here are some features of the new post editor :

- New buttons (like one for inserting a break that will show a read more link in the home page of your blog)
- Images resizing is more easy
- You can choose to interpret typed html or to show them litteraly (see "options")
- Blogger doesn't add html codes when you add tables
- You can resize the post editor (just maintain clic at the right bottom and elance)
- etc.

I suggest you to use this new blogger post editor for having more fun with your blogspot blog.

LinkWithin - Related Posts with Thumbnails

noreply@blogger.com (Rodney SANKINKA) — Sun, 31 Jan 2010 11:03:00 +0000

Want to show related posts with thumbnails ? LinkWithin can help.

One of the best method to keep visitor reading others posts of your blog after reading the one they come in for, it's to show them related posts at the end of each post of your blog.And LinkWithin make it easy for you to do that.

With this widget, your past posts will not go waste cause it will index all your blog archive to give to your new and past readers a way to an accessibility to them.

LinkWithin is just a free widget wich take your blog to another level by showing related posts with thumbnails.

How to change your template without losing your widgets

noreply@blogger.com (Rodney SANKINKA) — Fri, 29 Jan 2010 09:26:00 +0000

Blogger as introduce a new feature which allow users to change templates of their blogs without losing their widgets. The cool thing with this feature is that you'll not have to go to tricks your html code for that, it's all done with one click.

When you're putting a new template in your blog and if this template is lacking some widgets wich were present in the previous, Blogger will let you know that your new theme has not the widgets which will be list. You'll have the choice to Keep them or to just delete them all.

If you choose to "Keep your widgets", Blogger will install them in the sidebar of the new template so you'll be able to drag them to another location when you'll finish (just go to page elements for that).

So, now it's very easy to change a blogger template without losing widgets. Great !

How to transfer a Blogspot blog to another Blogger account

noreply@blogger.com (Rodney SANKINKA) — Mon, 25 Jan 2010 19:58:00 +0000

One day, you'll peraph's sell your blog for one million dollar or will just have to give it to another person cause of lack of time to maintain it. If you have others blogs in your Blogger account and want to let the new owner to have a total access and control to his new blog without seeing you among administrators you can just transfer the blog to his account. This task is really simple like we will see it set by step.

1. Send an invitation to the new owner of the blog and set him as an administrator when he'll accept your invite.

2. The new administrator can now go in his blogger account and delete you as administrator and even author of the blog.

It's all, only this two step and you're done.

Visiting card Blogger template

noreply@blogger.com (Rodney SANKINKA) — Sun, 24 Jan 2010 21:29:00 +0000

Demo | Download

This mini blog with only 3 pages is the perfect personnal blog for those who are really active on social media sites and blog less (or don't blog). It can only be used by those who want to a mini blog outside their current ones with not much content on it, just simple presentation of their works.

1. Create a New blog for your visiting card
2. Create two posts, one for your "About" page and the other for your "Contact" page. In the "Contact" just put a word, what ever, it'll not appaer when you'll install the visiting card blogger template.

3. Show your blog in the browser and copy the link location of the two posts.

4. After that, go to edit the posts and delete titles then publish again.

5. Template installation

Extract Blogger Template - visitingcard.zip
After login, goto Layout > Edit HTML > Browse > choose Blogger Template - visiting-card-blogger-template.xml > Upload > Save Template

6. Posts pages

After login, goto Layout > Edit HTML > and check "expand widget"

Find this line :

<b:if cond='data:blog.url == "http://yourblog.blogpost.com/about.html"'>

Put your about page link instead of http://yourblog.blogpost.com/about.html

Find this line :

<b:if cond='data:blog.url == "http://yourblog.blogpost.com/contact.html"'>

Put your contact page link instead of http://yourblog.blogpost.com/contact.html

Save your template.

7. Menu links

Find these code :

<li><a href='http://yourblog.blogpost.com/about.html'>About</a></li>
<li><a href='http://yourblog.blogpost.com/contact.html'>Contact</a></li>

Replace the two links with yours (those you have copy in the step 3)

8. Picture or avatar

<img alt='VisitingCardBlogger' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiAWmifDi2HuaUFodT8XrUAlvf0J3soEMobvtef0IL-oaakwUszY2IrPtZrCZ2i7wboAIOYjd45bk_egsCOacqhch0sb9diRVgxBGAZdMEzjPwDuqWoxvwHlB5zUKzPpBMzjnGznXH3C0n/s1600/person.png'/>

Put your Picture or avatar link to replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiAWmifDi2HuaUFodT8XrUAlvf0J3soEMobvtef0IL-oaakwUszY2IrPtZrCZ2i7wboAIOYjd45bk_egsCOacqhch0sb9diRVgxBGAZdMEzjPwDuqWoxvwHlB5zUKzPpBMzjnGznXH3C0n/s1600/person.png

Your picture must have 59px with and 60px height.

9. Title and description

Find these codes :

<h1>My visiting card</h1>
<p>A short description of your person</p>

10. Networks links

Find these codes and add your links between '' after href=

<li><a href=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFrzWet11a5ZWd5N0KXv3UgJ222R08zxIFY73qJJ_uv57g5JLt_XSvV_ViaSZxpOBT3BGYxATLzITOpfrhAlH3fi8LWKDU61QyjnrIgYTnX62_lIGzSaNaStZGfDadqWNaIdlEN_Rse1zO/s1600/i_twitter.png'/> <strong>Twitter</strong>twitter.com</a></li>

            <li><a href=' '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX7IxiaIlZ0ZGdyJW9eaTdfB4kQTvehOhpJr7MudcJmPcaZTxnVlcJMweTgFL6QyDzpZ1203jM8_1O2sqk2bLKiO8UWFdtjX38kSTsWefYjcaviV0izboCPq5xFrnjxY87UBvSbpQuOMHZ/s1600/i_facebook.png'/><strong>Face Book</strong>facebook.com</a></li>

            <li><a href=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEsVv3ZIbUNnKLp9Aossf3bijULvXQMENxrvyEwBivl7BOjXojIDVjIEVOuaLsUdtvQeVgrQKFhS_izxEFk73OOVizUypbJ9lsVkGRYf-poyaZPr7yeKAORGmJZlNpdxEcWNX8TixkMTV9/s1600/i_stumbleupon.png'/> <strong>Stumbleupon</strong>stumbleupon</a></li>

            <li><a href=' '><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLBSWE7Unini1W64CEcrvtTuqqX9BCvH85MPctcofeyC3CRgTCU1ugY8SmWP4XNRgOfq0Im3N9npLgi-hv2PbMQQ-GpYmd05YOuDBH-dz9cBSLbNKkJFVulEsKTl0D8ZZ2sksL_tWmQJ2/s1600/i_delicious.png'/> <strong>Delicious</strong>delicious.com</a></li>
           <li><a href=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIYqb9lT1YHbSHkkxzi8MDchhIMKDMAVBP_F18h9Vgtwj4q_9NrzCMsMdZijO8rN06Kfm6oz37Wje50oQWvJZSMl8yHascNYhsIZEheC5AELRqy_ILWPNhe2t3Rq4zhFVT2q-LaS32r_Lx/s1600/i_digg.png'/> <strong>Digg</strong>digg.com</a></li>

            <li><a href=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggnl-8GHB3NlDq3yqcnMvlJ9yrzROBjLJG0PRZ6nxX2pyqCPYJw5SXQMOPj7RwbJOEtU7rkgp0IOHx34daGlIkRQfooCV_iDiFNkoueNkvVB2c3sh6TV3Amdyl8zS0eNsWrZZvR3VytaE0/s1600/i_flickr.png'/> <strong>Flickr</strong>flickr.com</a></li>
            <li><a href=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9KvmJ6zPxn7IDe_llJulhLieueRMK-o1q3mjZ5E8HtJuLZykdUwPi1QCeJiPqDW19NnwaMziC6P6LUnyPzXxifcUGdE45OwMECnlbR6GlhktJ19wV1cYIbOgN30wk7_Bxhkb5HAarPrG8/s1600/i_lastfm.png'/> <strong>Last.fm</strong>last.fm</a></li>

            <li><a href=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitj2Ey4w2ro0XF7YB52inHKN3utlgNrmt5yRYtgQXJaydYb176pSf4cldmv0URmmW04MgSXPBcV3iNVOuJfVd3gvER52rQTlM_XAPHnJqm6jwtAnKvzUYTtHF_5NCvl2WjqP2pt5SFuz2s/s1600/i_myspace.png'/><strong>My Space</strong>myspace.com</a></li>

            <li><a href=''><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPXu-lA7opgpiPIQagMpkE6izcSm2_zf3XGduTC8kPaGvsunKNayZXC2OSt4TRZ66GIROSQ6aTuESiBGrBo5ZDpJiE1PoI90jdj_r8yfnqgo0l1SNHzi1iX7yNUWDr4zi9k7DwiCiumsNr/s1600/i_reddit.png'/> <strong>Reddit</strong>reddit.com</a></li>

To add a new network link, just put this code after those one and fill it with correct informations.

            <li><a href='Your profil link in the social site'><img src='http://network-image-link.com/network.png'/> <strong>Social site name</strong>Socialsitelink.com</a></li>

Your network picture must be 30x30px.

11. Contact content

Find these codes and put your informations

<div class='row'><span class='field_l i_company'>Company:</span><span class='field_r'>Your Company Name</span></div>

          <div class='row'><span class='field_l i_location'>Location:</span><span class='field_r'>You Location (Town, Country)</span></div>

          <div class='row'><span class='field_l i_web'>Website:</span><span class='field_r'><a href='http://yourblogurl.blogspot.com'>Blog or website name</span></div>

          <div class='row'><span class='field_l i_mail'>E-Mail:</span><span class='field_r'>youremail@host.com</span></div>

          <div class='row'><span class='field_l i_mail'>IM :</span><span class='field_r'>YourIM</span></div>

          <div class='row'><span class='field_l i_mail'>Skype:</span><span class='field_r'>yourskype</span></div>

Save your template and Enjoy!

Fresh Tweet Blogger template

noreply@blogger.com (Rodney SANKINKA) — Mon, 18 Jan 2010 13:05:00 +0000

Demo | Download

Fresh Tweet is a simple template inspired by Twitter and made for wordpress by FreshPress Theme.

Installation instruction

1. How to install?

Extract Blogger Template - freshtweet.zip
After login, goto Layout > Edit HTML > Browse > choose Blogger Template - fresh-tweet-blogger-template.xml > Upload > Save Template

2. Menu bar

After login, goto Layout > Edit HTML > search this code and add links

<ul>
               <li><a href=' '>Socialize</a></li>
                <li><a href=' '>About</a></li>
                <li><a href=' '>Contact</a></li>
               <li><a href='' title='Subscribe to RSS feed'>RSS <img alt='RSS' border='0' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXouD9L9d7gsJHqPMEieKE3cBmaqP9WLh2k7qfnOX_p_tMfH9eJshAbbOOyAYJ3bMXKSlx3hkljNwHdArCVY1P3OMGg43LqBpMkzKsOGy48kfCElpz0woD_xD2mZVtP51ohbSAxACSYwFd/s1600/rssicon.png' width='16'/></a></li>
            </ul>

3. Rss link in post footer

After login, goto Layout > Edit HTML > Click "Expand widgets"

search this code and add link

<a href=' ' title='Subscribe to my blog RSS feed'>RSS</a>

Enjoy !

dNoteBook Blogger template

noreply@blogger.com (Rodney SANKINKA) — Fri, 15 Jan 2010 09:31:00 +0000

Demo | Download

Free Blogger template with right sidebar: 2 columns, brown, gray, blue and white colors, widgets ready, Search box, Pages, RSS and Twitter buttons in header, places for banners, Adsense ready, etc.

1. How to install?

Extract Blogger Template - springloaded.zip
After login, goto Layout > Edit HTML > Browse > choose Blogger Template - dNoteBook-blogger-template.xml > Upload > Save Template

2. Date

After login, goto Layout > Page Elements > edit Blog Posts > change time format to long date (e.g Tuesday, May 12, 2009). Remember, change time format NOT date format.

3. Blog description

After login, goto Layout > Edit HTML > fin these codes

<title><data:blog.pageTitle/> | Here goes my blog description</title>

To change the description, replace "here goes my blog description" by your blog description.

4. Logo

Fin this code

<div class='logo'><a expr:href='data:blog.homepageUrl'><img alt='' border='0' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM1X-TsKYKmOr2W82Yo8HvWY_-5vxoLwIWF-9HBI4uJXauB11aC1Hdl2UCQ03BpjsiyGoqB1x-rpUKMIVMsnWZPPs9tCi-aJQLT7R0YcLRcCdGb-NDR7gVStjGUi5-4PUvqeBpj_UZ21vj/s1600/logo2.png' title='Home' width='300'/>
</a>

Change the image url of this code by the url of your logo. You have psd and jpg logo in the zip file that you can edit to suit to your blog.

5. Twitter and Feed

Find these codes

<span style='margin-left:110px;'><a href='http://www.twitter.com/rodval4ever' target='_blank'><img alt='Follow me on Twitter' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3dwXzlwJ1PyNtYfju65CeYvl1A4FpySKbrQyzRqT7X6XqhKuscl0bEDRSWmjKpbSCX5kCGzwtzsCHt4418X_x8QPz3U4P25KDIwZ3E9NVdDEXJNlPxeGX_pOLAm6EBx-lvtZCE8FCMN9b/s1600/twitter.png' title='Follow me on Twitter' width='80'/>
</a> <a href='http://feeds.feedburner.com/BloggerMastering'><img alt=' FEED' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIu8K_Rf3JT3Di9QVHVbqRp2FiYhGa26Ut8Q97DBzFuOJSRncykCGVS31GDnVisXaRIq7nGH3egxXoTVEGjdSEVtBF7amzlDnu2h3E3OLfBwBVlYGskKBUo-eGSngAFK1nkN43q0yLjF5g/s1600/rss.png' title=' FEED' width='80'/>
</a></span>

Replace twitter and Feedburner url by your twitter and feed url.

If you want to have the search logo wich is bugging on Chrome, just add this code before </div>

<span style='margin-left: 120px;'><img alt='search' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg50XgkFlg1gXE_y3maK-MxMYjVjlNGE96l7FP3-Pd-23JDjddJf2VtCmem2uhWmUCWGtHGOByI2ocbfgo1LrSX88RdW4KL7p0_0ejv9zdi5kLddlRB6CIBFLinvGcf3WxU_OVgmiBE2035/s1600/sicon.png' title='search' width='80'/></span>

6.Navigation

Find these lignes and put your info on

<ul id='dropmenu'>
<li><a href='' title='Home'>Home</a></li>
<li><a href='' title='About'>About</a></li>
<li><a href='' title='Original'>Original</a></li>
<li><a href='' title='Contact'>Contact</a></li>
            <li> </li></ul>

7. Footer

The 3 columns footer can be found with this code. Change the titles colums, add links and change links texts.

<div id='footer-box1'>
<h2>Column 1</h2><hr/>
<ul>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>

</ul>
</div>

<div id='footer-box2'>
<h2>Column2</h2><hr/>
<ul>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
</ul>
</div>

<div id='footer-box3'>
<h2>Column 3</h2><hr/>
<ul>

<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
</ul>
</div>

Enjoy !

SpringLoaded Blogger Template

noreply@blogger.com (Rodney SANKINKA) — Tue, 12 Jan 2010 05:35:00 +0000

SpringLoaded by the449 is a 2 column green template that provides support for Widgets, Gravatars and other staff. It’s a simple yet effective design featuring rounded corners and interesting tabs for the post dates.

Demo | Download

1. How to install?

Extract Blogger Template - springloaded.zip
After login, goto Layout > Edit HTML > Browse > choose Blogger Template - springloaded-blogger-template.xml > Upload > Save Template

2. Date

After login, goto Layout > Page Elements > edit Blog Posts > change time format to long date (e.g Tuesday, May 12, 2009). Remember, change time format NOT date format.

3. Navigation

After login, goto Layout > Edit HTML > fin these codes

<ul id='navigation'>
<li class='page_item '><a expr:href='data:blog.homepageUrl'>Home</a></li>

<li class='page_item page-item-2'><a href=' ' title='About Springloaded'>About Springloaded</a></li>
<li class='page_item page-item-3'><a href='http://449.com' title='about 449'>About 449</a></li>
</ul>

Change the text and links

To add link, just put codes like these one above </ul>

<li class='page_item page-item-4'><a href='' title=''>Link text</a></li>
<li class='page_item page-item-5'><a href='' title=''>Link text</a></li>
<li class='page_item page-item-6'><a href='' title=''>Link text</a></li>

Enjoy!

ComicPress Blogger template 3 columns

noreply@blogger.com (Rodney SANKINKA) — Mon, 11 Jan 2010 08:25:00 +0000

Live demo | Download

ComicPress V2.8 is 3 columns wordpress theme with a fixed width designed by Tyler Martin, John Bintz and Philip M. Hofer. Just very simple to install.

You will love this Sleek yet neutral design for its simplicity and clean.You can see some features below.

For Installation instructions, please read here.

FEATURES:

- 3 columns
- Widget Ready
- Title and description

To change title and description, go to edit html and find this code

<div id='header'>
        <h1><a href='http://comicpress-blogger-template.blogspot.com/'>ComicPress 2.8 for Blogger Demo</a></h1>
    <div class='description'>Vertical 3-Column Layout for Blogger</div>
        <div class='clear'/>
</div>

Replace ComicPress 2.8 for Blogger Demo by the title of your blog and replace Vertical 3-Column Layout for Blogger by the description of your blog.

Also replace http://comicpress-blogger-template.blogspot.com/ by the link of your blog.

- Menu Navigation bar

To change de name and link, just go to edit html and find this code (the on in bold is for the link at right)

<div id='menunav'>
                                                        <div class='menunav-prev'>
                    <a href='http://souvenirs-de-prison.blogspot.com/'/>                    </div>
                                </div>
        <ul id='menu'>
        <li class='page_item page-item-home current_page_item'><a href='http://comicpress-blogger-template.blogspot.com/'>Home</a></li>
        <li class='page_item page-item-2'><a href='http://blogger-mastering.blogspot.com/2010/01/comicpress-v28-blogger-template-3.html' title='About'>About</a></li>
<li class='page_item page-item-3'><a href='http://comicpress.org/demo-v3c/about/' title='Original ComicPress'>Original</a></li>
        </ul>
    <div class='clear'/>
</div>

- Numbered Pages navigation ready

To change it based on your blog setting, go to edit html and look for this (at the end of the page):
var postperpage=2;
var numshowpage=4;
Postperpage : How many Post every Page for your blog
numshowpage : how Many number will show in Your page Navigation

- Built-in Archive Calendar (Thanks to Phydeaux)

Instructions for making de calendar work when you install this template.

Goto the Page Elements page, find your Archive Widget (the first widget of the left sidebar), and click to edit it. You'll see a screen like this

The title can be anything you want. The style MUST be Flat List as show. Options should NOT have Show Oldest Posts firsts checked. Archive Frequency MUST be Monthly. The Date Format can be anything you want. The calendar will accept whatever you decide here.

Save the widget. Then try it out. Go view your blog and if everything is correct you should have the calendar working now.

- Featured Content Slider (Thanks to Kranti and Abu Farhan)

Edit the Slideshow...

Goto the Page Elements page, find your Slideshow Widget (the first widget of the main column), and click to edit it.

wait! First prepare your images... the images should be 510(width) x 340 (height) pixels. Use Photoshop or any other image editing software to crop the images to 510 x 340 px and then upload the images to some image host like photobucket,tinypic,etc.

Next, put this code in the html widget (the first of the main column)

The pattern is like this



<div id='myGallery'>





<!-- First Picture Start -->





<div class='imageElement'>





<h3>Title 1  </h3>





<p/>





<a class='open' href='LINK 1 '/>





<img alt='Valentine And Me' class='full' src='URL OF IMAGE 1 '/>





</div>





<!-- First Picture End -->





<!-- Second Picture Start -->





<div class='imageElement'>





<h3>Title 2  </h3>





<p/>





<a class='open' href='LINK 2 '/>





<img alt='Valentine And Me' class='full' src='URL OF IMAGE 2 '/>





</div>





<!-- Second Picture End -->





<!-- Third Picture Start -->





<div class='imageElement'>





<h3>Title 3  </h3>





<p/>





<a class='open' href='LINK 3 '/>





<img alt='Valentine And Me' class='full' src='URL OF IMAGE 3 '/>





</div>





<!-- Third Picture End -->







</div>

Got it? Now edit those links and Save the Changes!!

Now, ComicPress template is successfully installed!

Newsletter gadget of Google Friend connect

noreply@blogger.com (Rodney SANKINKA) — Wed, 02 Dec 2009 18:43:00 +0000

Google friend connect hase release a newsletter gadget wich allow you to send e-mails to your blog followers and mail subscribers that had use the friend connect form to subscribe to your blog.

Unlike the feedburner newsletter wich send only new post publish in your blog to your mail subscriber, the Google friend connect newsletter will not be part of your blog. It’s why there’s a text editor where you can write your message, add pictures, link and others staff to the newsletter.

Free method for offering an e-book to download after e-mail subscription

noreply@blogger.com (Rodney SANKINKA) — Wed, 02 Dec 2009 16:47:00 +0000

I have realize that it’s very difficult to find a free method to offer an e-book to download after email subscription, so, I’ve come with this one where you only need to use Feedburner, Gmail and a place to host your e-book.

1. Host the e-book somewhere and copy the link location

2. Create a new Gmail account for the e-book (like: e-bookofmyblog@gmail.com) and activate the automatic response. (See “Settings”, at top right).

In the automatic message, write a simple text where you give the link for downloading the e-book.

For example:

Thank you for registering

Like promise, here is the link to download my eBook:

http://hostingsite.com/myblog-ebook.pdf

See you next on my blog.

3. In the Feed burner account of your blog, change the confirmation message and give to conditions for completing e-mail subscription, like this:

A. Click the link below to confirm your subscription

B. Send an email to e-bookofmyblog@gmail.com with the title “E-book” and you will receive the e-book in the following minute.

The problem here is that the reader can avoid the first step and just complete the second. But, if the aim is to have a large email list, it’s not really a problem because you’ll have the e-mails of all the e-book downloaders in your Gmail account and can use them to send newsletter with Google friends connect (free) or another service.

4. Just bellow or after the e-mail subscription form of your blog, inform readers that they will receive an e-book after email subscription.

There are many advantages with this method: You don’t have to pay to accomplish it and you have no limitation of number of subscribers who will receive the e-book.

Blog disclaimer

noreply@blogger.com (Rodney SANKINKA) — Wed, 02 Dec 2009 15:53:00 +0000

The information contained in this blog is for general information purposes only. Whilst we endeavor to keep the information up-to-date and correct, we make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability or availability with respect to the blog or the information, products, services, or related graphics contained on the blog for any purpose. Any reliance you place on such information is therefore strictly at your own risk.

In no event will we be liable for any loss or damage including without limitation, indirect or consequential loss or damage, or any loss or damage whatsoever arising from loss of data or profits arising out of or in connection with the use of this blog.

Through this blog there are links to other webites which are not under the control of “http://blogger-mastering.blogspot.com/”. We have no control over the nature, content and availability of those sites. The inclusion of any links does not necessarily imply a recommendation or endorse the views expressed within them.

Every effort is made to keep the blog up and running smoothly. However, “http://blogger-mastering.blogspot.com/” takes no responsibility for and will not be liable for the blog being temporarily unavailable due to technical issues beyond our control.

QUESTIONS, COMMENTS, OR REPORT OF INCIDENTS

You may direct questions, comments or reports to:

rodney.sankinka (at) gmail.com

REVISIONS TO THIS BLOG DISCLAIMER WITHOUT NOTICE

This DISCLAIMER is dynamic. It will continually change. You may not assume that it remains the same and you agree to check the policy each time you visit the site for changes. Unless, in the sole opinion of the blog, this policy changes so drastically as to suggest a posted notification on the site or via email, you will receive no notification of changes to this Disclaimer nor, under any circumstances, does this site promise notification.

Your continued use of this site always evidences your acceptance of the terms this DISCLAIMER or any modifications.

LATEST UPDATE

This Disclaimer was last updated on: December 02, 2009

Colourise Blogger template - 2 columns

noreply@blogger.com (Rodney SANKINKA) — Tue, 01 Dec 2009 15:48:00 +0000

Demo | Download

Decorated with the elegant color header image, Colourise template is the enhanced version of the Urban Artist template. The background and design are still the same, but a footer sidebar is set on the bottom of the template, which offers more space to place widget while maintain your content's width.

1. How to install?

Extract Blogger Template - springloaded.zip
After login, goto Layout > Edit HTML > Browse > choose Blogger Template - springloaded-blogger-template.xml > Upload > Save Template

2. To change the blog name and description

After login, goto Layout > Edit HTML > fin these codes

<div id='header'>
      <h1 id='logo-text'><a expr:href='data:blog.homepageUrl'>Colourise Demo Server</a></h1>
        <p id='intro'>
        Just another Blogger theme site
        </p>

Change "Colourise Demo Server" by your blog name and "Just another Blogger theme site" by your blog description.

3. Navigation

Fin this code and put you links and words instead of others. Respect the pattern if you want to ad more links.

<div id='nav'>
            <ul>
<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li class='page_item page-item-2'><a href='http://demo.themelab.com/?page_id=2' title='About'>About</a></li>
<li class='page_item page-item-9'><a href='http://demo.themelab.com/' title='Advertise'>Original theme</a></li>

Enjoy !

<li class='page_item page-item-10'><a href='http://www.contactify.com/991c4' title='Contact'>Contact</a></li>
            </ul>
        </div>