Click Here to Get This Free Translation Tool

Welcome to Web Designs Blog:

Here are a collection of all website design from varies links, free web templates, Flash animation and useful article.  Please do read the article before starting your web design.  Expand your understanding on beginning to create a web even though you are one of Web designer expert.  Happy Reading...

web hosting browser design designs template free download tips photoshop fonts flash animation CSS blog resources
Showing posts with label Design Blog. Show all posts
Showing posts with label Design Blog. Show all posts

Monday, April 27, 2009

How to remove noreply@blogger.com in recent comments feeds

How to remove noreply@blogger.com in recent comments feeds#

This noreply@blogger.com will show up under recent comments feeds.

To fix this change:

http://YOURBLOG.blogspot.com/feeds/posts/default?alt=rss

to

http://YOURBLOG.blogspot.com/feeds/posts/default
or
http://YOURBLOG.blogspot.com/feeds/posts/default?alt=atom

Thursday, April 16, 2009

How Show/Remove Subscribe Post, Home, Older,Newer

How Show/Remove Subscribe Post, Home, Older,Newer#

Go to Layout>Edit HTML

Look For Below code and just add "display:none;" to hide or remove the "display:none;" to show.

Refer Code:



#blog-pager-newer-link {
float: $startSide;
display: none;
}

#blog-pager-older-link {
float: $endSide;
display: none;
}

#blog-pager {
text-align: center;
display: none;
}

.feed-links {
clear: both;
line-height: 2.5em;
display: none;
}

How to Remove Showing Post With Labels?

How to Remove Showing Post With Labels?#

When selecting post by labels and it show up at the top of blog post "Showing Post with Labels xxxx" like below:





Showing Post with Labels Books
How to get rid of it, just follow this simple steps:

1. Go to Layout>Template>HTML
2. Select Expand Widget Template
3. Look for below code:





<div class='blog-posts hfeed'> <b:include data='top' name='status-message'/><-- Remove This Line

Save your template and Done!

Friday, April 3, 2009

How to Show Related Articles to your Post?

How to Show Related Articles to your Post?#


Before you proceed to follow this code, first you must save your original
template. Unless you confident and familiar with CSS coding in blog.

This code i get it from Hoctro. Thanks to him i can easily show the related
article as per post and categories.

Please go to your blog HTML code and click the Expand Widget Templates so that you can paste this code.

Usually i will put this code at the bottom of the Body Post. Please look for this widget "Blog1".

The open code will look like below:





<b:widget id='Blog1' locked='false'
title='Blog Posts' type='Blog'>



Scroll down and look up the ending code of the upper widget as below:





<b:include name='quickedit'/>
</b:includable>
</b:widget>




Now add this code at the bottom of above widget.




<b:widget id='Blog2' locked='false' title='Blog
Posts' type='Blog'>
<b:includable id='nextprev'>
</b:includable>
<b:includable id='backlinks' var='post'>
</b:includable>
<b:includable id='post' var='post'>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
</b:includable>
<b:includable id='status-message'>
</b:includable>
<b:includable id='feedLinks'>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize'
frameborder='0' height='275' id='comment-editor' scrolling='no' src=''
width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
</b:includable>
<b:includable id='comments' var='post'>
</b:includable>
<b:includable id='main'>
<!-- *****************http://hoctro.blogspot.com*****Jan,2007******************
-->
<!-- *****************Related Articles by Labels - Take
Two****************** -->
<!--<b:if cond='data:blog.pageType == "item"'>-->
<div class='widget-content'>
<h2>Related Articles by Labels:</h2>
<div id='data2007'/><br/><br/>
<div id='hoctro'>Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a>

</u></div>
<script type='text/javascript'>

var homeUrl3 = &quot;YourBlogURL.blogspot.com&quot;;
var maxNumberOfPostsPerLabel = 100;
var maxNumberOfLabels = 100;

<b:if cond='data:blog.pageType == &quot;item&quot;'>
maxNumberOfPostsPerLabel = 100;
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
maxNumberOfLabels = 100;
</b:if>


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}

for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = decodeURIComponent(raw.substr(homeUrl3.length+21));

var txt = document.createTextNode(label);
var h = document.createElement(&#39;h4&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query +
&#39;/feeds/posts/default/-/&#39;
+ encodeURIComponent(label) +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<!--</b:if>-->
</b:includable>
</b:widget>


Then last step is to replace this code :





var homeUrl3 = &quot;YourBlogURL.blogspot.com&quot;;


to your own blog address.

The rest let it remain such as Hoctro.blogspot.com. Give credit to original coder ok.

Wednesday, March 18, 2009

Change Post Title for Blogger SEO

Change Post Title for Blogger SEO#

This trick will indeed drive more traffic to your blog. Follow this simple steps. You may need to go to blogger HTML code.

Find this code:


<title><data:blog.pageTitle/></title>



Replace it with below code:

<!-- http://web-designs-blog.blogspot.com: Title Post SEO-->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<!-- http://web-designs-blog.blogspot.com: Title Post SEO-->



Save your template and that's it your done.

Wednesday, January 21, 2009

My Checklist to design Fresh Blog in Blogspot

My Checklist to design Fresh Blog in Blogspot#

Hi again, its been a while i have not posted anything in this blog. As at today i would like to share with you my experience when i creating my fresh blog. It happen to me this couple of days when i start to create another new blog using my existing template. Seems that my previous template does not work at all.

Tried many times to upload the template and when system prompt me a message to delete few of module, another error message come out and it did not resolve anything.

So i have to start of again with a new fresh template using minima and customize my self using few varies code in the internet. Before i go into detail, below is my check list to start designing my blog.

1. Color blend - This website will assist me to select what color that suit to my new blog.

2. Tweak my blog to have Three Column Blog - I always use this website 'Old Wisdom New Lesson' whenever i have problem to set three column, put up recent post and recent comments.

3. Change Post title for Blogger SEO - i will explain to you in detail on this part since i tweak many times using the old codes and it did not work. Luckily i find another new code so simple and short. Thanks to uncle google.. hehehe

4. Readmore codes - to hide the full post in main webpage and will show the full blog post when visitor click in the post title.

5. Show related article to your post - will explain to you in detail.

6. Visitor Info - Such as from feedjit.com, mybloglog.com, a counter from statcounter.com and other blog directories. This probably the last option after blog fully optimize.

7. Setting up Feeds - I usually select feedburner.com to link my rss feed from blogspot. Feedburner has this option to allow visitor subscribe to our post via email and it is very simple to setup in blogspot.

8. Publish to blogger directories - when i make few post such as 3 or 5 post in new blog then i will publish my blog to blogger directories.

9. Index to search engine for SEO - for a start i focus only to three Giant SEO that is Google, Yahoo and MSN. Will explain to you further in my next post.

10. Make money with Ads - usually i will wait for about a week to put up ads in my blog. I will check my visitor via statcounter and see what keywords that usually visitor coming from. From the niche then i will put up more required keywords in my new blog.

11. Optional - Shoutbox for visitor, a smiley icon in post comment, customize smiley in my shoutbox, and a very minimize picture size to put up as a header or background for my blog.

Thats it. 11 checklist so far that i can share with you here.

ServerFreak Web Hosting Solutions

Related Articles by Categories:



Widget by Hoctro
 
Copyright ©2009 Web-Designs-blog. All rights reserved.