:: Anything Goes Blog ::

Familiar with MyBlogLog? MyBlogLog is one of the largest blogger community that allows you to have more friends and get to know to each other and of course it works the same as Friendster, Myspace, and Facebook but since it's a blogger community then you must have a slightly thought to difference this among the others.

In MyBlogLog you can get to know to each other as blogger and build relationship as blogger. Well, i'm not going to discussing them throughout here instead i will give you tips to displaying your MyBlogLog commenter author photos

1. Go To your Dashboard Layout, click on Edit HTML and check the "expand widget templates" box. Go to your head tags and place this before [/head>

[script src='http://blog.merlinox.com/MrX/Blog/test/myBlogAvatar2.js' type='text/javascript'/>

2. After that, find this code [CTRL + F]

[b:loop values='data:post.comments' var='comment'>

3. Add the following code below it:

[div style='border:0;float:left;margin: 0 5px 0 0;'>
[script>
myBlogAvatar('[data:comment.id/>','[data:comment.authorUrl/>');
[/script>
[/div>

4. Save it

This trick requires you to have an account and you must be logged in when you're commented. I don know if this truly gonna works for blogger user, but for Wordpress user, yes they can. And in any case you're facing problem in making this trick to works, then you can visit Merlino Blog and find out the solution

Attention! To make the works, please replace [ with <

Read More...

Summary only...

Expandable Post means when you create long article post which forcing your reader to scroll all the way down to read the entire of your blog post, then this hacks could save more of the loading time and save their time also from only reading the summary. For those who always used to write short story, this tweaking tips doesn't really a necessity, but it will help for those who love to make a long articles. Hackospehere has the ideas for implementing this hacks.

1. Go to your Dashboard Layout, click on Edit HTML, check the Expand codes templates and find the , Place this code above it

[b:if cond='data:blog.pageType != "item"'>
[script type="text/javascript">

var fade = false;
function showFull(id) {
 var post = document.getElementById(id);
      var spans = post.getElementsByTagName('span');
      for (var i = 0; i < spans.length; i++) {
           if (spans[i].id == "fullpost") {
               if (fade) {
                  spans[i].style.background = peekaboo_bgcolor;
                  Effect.Appear(spans[i]);
              } else spans[i].style.display = 'inline';
           }
           if (spans[i].id == "showlink")
               spans[i].style.display = 'none';
           if (spans[i].id == "hidelink")
               spans[i].style.display = 'inline';
      }
}

function hideFull(id) {
 var post = document.getElementById(id);
      var spans = post.getElementsByTagName('span');
      for (var i = 0; i < spans.length; i++) {
           if (spans[i].id == "fullpost") {
               if (fade) {
                 spans[i].style.background = peekaboo_bgcolor;
                 Effect.Fade(spans[i]);
               } else spans[i].style.display = 'none';
           }
           if (spans[i].id == "showlink")
               spans[i].style.display = 'inline';
           if (spans[i].id == "hidelink")
               spans[i].style.display = 'none';
      }
      post.scrollIntoView(true);
}

function checkFull(id) {
 var post = document.getElementById(id);
      var spans = post.getElementsByTagName('span');
      var found = 0;
      for (var i = 0; i < spans.length; i++) {
           if (spans[i].id == "fullpost") {
               spans[i].style.display = 'none';
               found = 1;
           }
           if ((spans[i].id == "showlink") && (found == 0))
               spans[i].style.display = 'none';
      }
}

[/script>
[/b:if>

2. Find the includable called 'post' and copy/paste the changes highlighted in red

[b:includable id='post' var='post'>
[div class='post uncustomized-post-template' expr:id='"post-" + data:post.id'>
  [a expr:name='data:post.id'/>
  [b:if cond='data:post.title'>
    [h3 class='post-title'>
    [b:if cond='data:post.url'>
      [a expr:href='data:post.url'>[data:post.title/>[/a>
    [b:else/>
      [data:post.title/>
    [/b:if>
    [/h3>
  [/b:if>

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

 [div class='post-body'>

   [b:if cond='data:blog.pageType == "item"'>

      [p>[data:post.body/>[/p>

   [b:else/>
      [style>#fullpost {display:none;}[/style>
      [p>[data:post.body/>[/p>
      [span id='showlink'>
        [p>[a href='javascript:void(0);' expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"'>Read More...[/a>[/p>
      [/span>
      [span id='hidelink' style='display:none'>
        [p>[a href='javascript:void(0);' expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"'>Summary only...[/a>[/p>
      [/span>
      [script type='text/javascript'>
        checkFull("post-" + "");
      [/script>
   [/b:if>

   [div style='clear: both;'/> [!-- clear for photos floats -->
 [/div>

3. Go to Settings > Formatting and at the bottom, you will find "Post template" text box. Copy and paste these lines in to that text box and save the settings.

Type your summary here
[span id="fullpost">
Type rest of the post here
[/span>

And in case you're facing any problem regarding this hack (like bandwidth exceeded or whatsoever), then try to replace the Expandable head JS file with this one: http://h1.ripway.com/Diablo888/expandable%20head.js Also please consider to replace the one in red highlight at my MS Word document.

Note - I'm uploading this JS and MS word file in case if their site went down for several reason

Attention! To make the works, please replace [ with <

Read More...

Summary only...

Ever wonder how you can display related post in every blog post? You probably have seen this on high traffic site. But why does this tips really can benefit you is because it has more advantage as people can actually view more of your blog post and spend more time on your blog. Thanks to RealTix for showing you how its really possible to create related post.

1. Go to your Dashboard Layout, click on Edit HTML and check the "Expand widget codes" box, add the below code before tags

[style>

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

[/style>
[script src='http://technotrixdebajyoti.googlepages.com/RelatedPostsByRealtrix.co.cc.js' type='text/javascript'/>

2. Find these lines: [p>[data:post.body/>[/p>

[b:if cond='data:blog.pageType == "item"'>
[div id="related-posts">
[font face='Arial' size='3'>[b>Related Posts : [/b>[/font>[font color='#FFFFFF'>[b:if cond='data:label.isLast != "true"'>,[/b:if>[b:if cond='data:blog.pageType == "item"'>

[script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>[/b:if>[/b:loop> [/font>
[script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
[/script>
[/div>[/b:if>

3. Save your template and you are done

Question?
So how big is this tips can go so far?

Answer
This tips allows your reader to digg more of your blog post, so there is a chance that your blog could get more exposure and viewers. And most of popular blog has perform this trick which helping them a lot in improving their traffic.

If you're facing any problem to load the JS files, then try to replace http://technotrixdebajyoti.googlepages.com/RelatedPostsByRealtrix.co.cc.js with this one: http://holdingforahero.bravehost.com/RelatedPosts.js

Attention! To make the works, please replace [ with <

Read More...

Summary only...

JohnChow is one of the pro blogger that always sharing their best blogging tips, has made a new contest during this christmas

The contest itself will ended at 24 December . So guys here i'm going to tell you about something, that $6000 is not all yours, you can win it but you have to share $5000 to charity organization, and the rest $1000 is all yours

This Contest (however) was intends to teach you how to share what you have to the people who really needs your help. Its a christmas time, a wonderful moment when you used to spend it with your family, kids, BF/GF, and your friends but for they who lived in poverty, war, and loneliness situation, couldn't enjoy as much as we do

They deserved to receive this money as it will help them to live. If i ever win this contest then i'm going to share my $5000 to Operation Help Children whose doesn't have their parents any more or to Help The Afganistan Children who lived in feared situation due to war

One more thing, this contest was being sponsored by XR.com. If you don know about XR.com, its a tiny url site to shortening your site URL. So at least it will help you to safe more of your spaces when you have so many link in one single post. However this site require some registration. The registration itself is not necessary since you can shortening your site URL for being anonymous and you can also email it to your friend once you have convert it. Trust me you wont believe how small is the link once you use it.

Read More...

Summary only...