List Of Do-Follow Blogs (II)

Today tutorial blog and blogger hack. How about last lists of do-follow blogs?do you check their blogs one by one?ho3x, if you have, now we will continue with some new list. I hope you have some more time to go with me to check this ones .

Please take your seat here the list :

1. www.adityavyas.com
2. www.pureblogging.com
3. forums.digitalpoint.com
4. www.adtechz.com
5. www.cahkontes.com
6. jameseo.com
7. www.wpthemedesigner.com
8. www.onlineearns.com
9. zacjohnson.com
10. otooo.com
11. www.memwg.com
12. www.creatingrevenueonline.com
13. www.garryconn.com
14. makmalcyber.com
15. www.adityaspeaks.com
16. blogaboutyourblog.com
17. uszzz.com
18. shrink2one.com
19. clawid.i.ph
20. garryconn.com
21. www.mariocahyadi.com
22. www.rottenbananas.com
23. topjewelry.blogspot.com
24. seolatestnews.blogspot.com
25. www.retroclix.wordpress.com
26. www.itvidya.com
27. www.blueverse.com
28. www.sphere.com
29. sandnsurf.wordpress.com
30. www.seodiva.net
31. conceptguy.co.uk
32. elementsoffishing.com
33. thbnew.earnerpoint.com
34. www.uncem.tv
35. www.erqu.us
36. friendfeed.com
37. actualtechnologydot.com
38. mapstats.blogflux.com
39. www.leighrss.com
40. from20.blogspot.com
41. www.mybloglog.com
42. technorati.com
43. www.dailydollarreport.com
44. m.digg.com
45. www.technorati.com
46. www.lessnau.com
47. seo-tips-for-u.blogspot.com
48. www.dignova.com
49. feed.feedcat.net
50. www.blog.nickpierson.com
51. mytawau.com
52. www.conceptguy.co.uk

that’s all the list and hope you enjoy this information, and if you missing the last article about do-follow list before, just click here.

NExt Article: yOU GOT WRONG WITH YOUR TEMPLATE EDITING?ALWAYS GOT ERROR MESSAGE???fIND THE TIPS NEXT POST!!

i am really happy to make my blog useful for you all, keep coming and
Feel free to subscribe my article to your e-mail or feeds reader .
Happy blogging,,
See ya



Hi,,please subscribe my RSS for Free by click this image

Read More.... »»

List Of Do-Follow Blogs (I)

Today tutorial blog and blogger hack. Like as I said before, now we will find out some useful blog that make your blog get more linkback. I will give you more than 50 blogs with do-follow from my blogwalking to my lovely forum at digitalpoint. I will divide it to be 2 article so keep your track here.
Let’s begin with the list:

1. www.shoemoney.com
2. www.dotsauce.com
3. www.tameyourtechnology.com
4. www.tylercruz.com
5. www.thenetfool.com
6. www.olgizenullari.com
7. uberaffiliate.com
8. theuniversitykid.com
9. www.alistseo.com
10. feeds.feedburner.com
11. itsabunnylife.blogspot.com
12. seoroxascity.blogspot.com
13. www.jimkarter.com
14. animesources.blogspot.com
15. www.esidyo.com
16. dofollow001.com
17. www.buildify.com
18. digg.com
19. aboutblogcontest.blogspot.com
20. danieldumas.com
21. www.indocontest.com
22. www.theblogtoplist.com
23. www.tukangcari.info
24. www.blogcatalog.com
25. blog.milofi.com
26. www.projectwonderful.com
27. www.iearn-money.com
28. www.bloglines.com
29. upranks.com
30. erik-son.net
31. uncem.tv
32. blog.watchnshare.in
33. chokingyouth.tumblr.com
34. www.mynetfaves.com
35. www.cybercoded.net
36. www.jabbertags.com
37. www.smallwebbiz.info
38. www.altimamx.com
39. webride.org
40. www.free-template-ports.com
41. blog.nickpierson.com
42. heartnet02.wordpress.com
43. www.webtalkforums.com
44. www.webhostingtalk.com
45. www.darngoodreviews.com
46. www.seofiles.com
47. www.lidim.com
48. www.turasto.com
49. www.neseek.com
50. www.linkbuildr.com
51. www.marketing-ideas.org
52. www.5z5.com
53. www.truewebsuccess.com
54. rhyan.net


Need more?i think it’s just enough for this time, cause your time will be no short to comment at all blogs above. I just wanna give you one tips about getting linkback on blog: Don’t spend your time to much on this!!
Why?cause it will take your time much than you ever think, maybe you just keep your content still continue now on. its better than anything at all,as I know it’s proved!!

Next post I will give the rest of the lists. So keep your time to visit my blog.
Feel free to subscribe my article to your e-mail or feeds reader .
Happy blogging,,
See ya




Hi,,please subscribe my RSS for Free by click this image

Read More.... »»

LIST OF USEFUL BLOG FOR YOUR TREASURE OF IDEA

Today Tutorial blog and blogger hack. Long time no see in my writing and I feel this time will be the right time to back in my daily task to give some useful information for you all my friends.

All we know that blogging still developing from now on, and so many blog appears in blogosphere. There is so many bloggger give their article for the reader especially for how to be a good or maybe be a master of blogging.

Now, I will take a journet to web and find some blog that very interesting and informative for you to learning more about blogging. Let’s see them ( I like to give you some link to their blog here). Check this lists :

• http://beautifulbeta.blogspot.com/
• http://bloggerbuster.com
• http://blogger-tricks.blogspot.com/
• http://hackosphere.blogspot.com/
• http://www.bloggerbuster.com
• http://hoctro.blogspot.com/
• http://blogger-hacked.blogspot.com/
• http://bloggingsecret.blogspot.com/
• http://hackosphere.blogspot.com/
• http://www.techblog.viveksanghi.com
• http://www.blogdoctor.me/
• http://woork.blogspot.com/
• http://belajarseo.com/
• http://www.blogbulk.com/
• http://bloggeruniversity.blogspot.com
• Blogspottutorial.com


There are so many more out there at blogosphere.just keep blogwalking and you will find more and more blog with theirs different content and different type of writing about blogging. So, feel free to check their blog and absorb more information about blogging.

That’s tutorial blog and blogger hack today, see you next time my friends.Don’t forget to see my post next about do-follow blog and I will give you more than 50 blog list with do-follow version.

Keep your track about my blog with more useful information. So, give your hand and subsribe my Feeds .
See ya’

Hi,,please subscribe my RSS for Free by click this image

Read More.... »»

Free Color Codes Online

Today tutorial blog and blogger hack. first,i want to give some credits to all my visitor/readers cause without you all, this blog can’t get a love PR from google. Thanks for all.

 

Now, this time we will talking about color source for your blog. are you difficult to find some color code for your blog combination or design?? here some sources for color code. just check this out.

•  Color Picker

  you can get your color code here with only slide on the cursor on the color, simple and easy to use

 

• HTML Color Codes

Here you can choose your html codes for your color, the code just show on the front of the color. easy enough.

 

• Color  Scheme

 

This moto is :Generate matching color schemes like never before! visit this site and combine the color of yours

 

• Color Blender

 

your free online tool for color matching and palette design! just combine your favorites color, have fun

 

Well, maybe those sources is enough to get your favorites color codes for your blog or design. just play your color and make some a creative style for your design.

 

don’t forget to subscribe this tutorial blog and blogger hack at my sidebar and get the updates free to your e-mail.

 

Happy blogging

Read More.... »»

Get More Traffic Here!!!

Today tutorial blog and blogger hack. nice to post  new aritcle today, now we will talking about some traffic source for our blog. i was getting my traffic from this sources until now and maybe it will increase day to day.

 

Ok let’s share it to make our blog getting more readers and also increase our rank google or alexa.

 

i will put list from my sources ,you can tell  the other sources for your blog. Yoo we will  begin now:

• Blog Catalog

One of the biiggest blog directory, and you can get more traffic here by just register and submit your blog. With some widget installed on your blog will show your friends from blogcatalog. Nice traffic source of course.

 

• MyBLoglog

Get traffic here from worldwide, register and submit your blog, join some community and you will get traffic more and more. You can also use widget from mybloglog and track some popular link on your blog.

 

• Entrecard

This site looks like a advertising site for your blog. register and get some credits, you can advertising on other blog by your credits and get more credits by sell you space for other blog. it is really easy  by just put entrecard widget and show some advert from other blog.

 

• Blogupp

Get more advantages here, the system is you put widget and show 2 of advert from other blog and the feedback is your blog is also show on other blog. It’s like exchange thumbnail to other blog. Nice traffic.

 

 

Yeah those sites is my traffic sources, do you have other traffic sources for your blog? just share it here and we will get more sources.

 

Thats tutorial blog and blogger hack today, see you at next post

 

Happy blogging

Read More.... »»

Super Hack Read More

Today tutorial blog and blogger hack. Do you know Peek-a-boo Hack? Or also known as read more? It’s difficult to say that many blog have this one inside. But sometimes it difficult to apply on our post, always put the code and publish. next post, put the code again. So why we make it simpel, read more always appear without put the code?.

This read more code i got from here. and here  Juat check For more info

 

Just relax and now we will start the hack.

 

Let’s Hack this one:

 

• First Check Your blog, if your blog has installed the previous read more, make it to default again to be  without read more. i mean redo your read more code. Just check the previous Tutorial about Read more Here.
• if you done make your blog without read more code,
• Open Your Layout, Choose Edit HTML, and back up your blog first
• Expand Widget Template and now copy this code

<script type='text/javascript'>
var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www.geocities.com/fabisnis/hack-readmore.js' type='text/javascript'/>

 

• Put those code below  </head>  tag
• Now find this tag <data:post.body/>
• Delete and Change that code with code below

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

 

• Save and Done

Now you can post your content without write the read more code again, it’s Super Read more and it will appears otomatic. If there is any problem just check again those steps above and read carefully.

Any Question just ask, my YM always stand on sidebar.

Happy tutorial blog and blogger hack for all

Read More.... »»

Alternatif ShoutBox From GFC : Wall Gadget

Hallo all, nice to meet you here, after we talked about image sources yesterday, i think we can start fro tutorial blog and blogger hack now. Mmmm,  we know that our follower gadget now cooperates with Goggle Friend Connect , the display looks like more cool and simpel.

How far do you know about Google Friend Connect? No, i don’t mean to test your knowledge  about this gadget. But maybe we  have to know a little because this new features of google has a many function for make our blog more attractive.

 

Ok, just before i go to the main topic, you can read my previous content about GFC here.

Google Friend Connect (GFC) has some of gadget such as Wall gadget, Review/Rate Gadget, Playlist Gadget, Custom gadget or you can put a silly game for your visitor called LameGame.

 

Now, we will learn how to installing Wall gadget to our blog (you can find this gadget like Facebook, seems similar).

 

• Read About Join Google Friend Connect Here
• After You register Choose Social Gadget.
• Now Choose Wall gadget

• Look at this image below, Select Page from Scope Menu

• Design Your Wall with your colour, size or else
• Get the Code and Copy
• Now Open your Layout and add a gadget Choose HTML/Java script
• Paste the code and save

 

Now our tutorial blog is done. You can put that gadget on your sidebar or footer and make your blog more attractive with Wall Gadget.

You also can put this gadget under your post without disable commneting system from blogger.

 

Enjoy this gadget and don’t forget to follow this blog with me at tutorial blog and blogger hack.

Read More.... »»

Hot Gadget: Marquee BLogroll

Today Tutorial blog and blogger hack. After Finishing my job now i can writing for my blog, i miss it. Ok, last tutorial blog we have learned about Marquee. Now we can implementation it to make a blogroll. Let’s start it with a simple steps:

• Go to Your Layout
• Add a gadget adn Choose HTML/Javascript
• Copy this code below

 

<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" width="300" height="250" scrollamount="2" align="center">

http://linkhere

http;//linkhere

………
</marque>

• If you want to change the direction of link just change the green code with “up” or “down” 
• Change the blue code with your link.
• Save and Done

   

  It’s easy and you can save some space in your template for this blogroll. Don’t miss another tutorial blog and blogger hack here.

   

  If you don’t mind please subscribe this blog and you will get the latest tutorial blog to your e-mail.

Read More.... »»

Learn About Marquee (Chapter I)

Today Tutorial Blog and Blogger Hack. My mind come to think what will i write today, maybe some HTML tips for you. Ok, without wasting time let’s we share about Marquee.

You may be familiar with Marquee cause all around the world site actually use it for some teks in theier site.

 

The Marquee code is actually simple, we just put tag like this <marquee> Your Text Here </marquee>. and  the result your text will moving from left side to right side. You can also modify this code for some purpose. See example below :

 

 

Master Blog

 

 

Let’s use some backgorund for it, look at this code:

 

<marquee bgcolor="#FFEFF0">Your Text with Background</marquee>

 

and the result is below:

Master Blog With Background

 

 

 

Let’schange the  direction of this text  ( “left”, “right”, “/top”, “/down”) , here the code:

 

<marquee direction="right" bgcolor="#99CCFF">Your Text here</marquee>

 

For example text from Right:

 

Text From right Side

 

 

That’s simple, You can change the direction with your own, Ok we will continue the tutorial blog and blogger hack tommorow cause i’m getting tired from my office. Just keep your spirit to blogging.

keep follow this Tutorial blog for the next series of Marquee. Bye

Read More.... »»

How To Make a Searching Box

Today Tutorial blog and blogger hack. Some of visitor maybe  difficult to find article in your blog and they need help. Maybe your template has no searching box install there, and it’s maybe important for some of your visitor to find something they like. So in tutorial blog today we will make a Standar Searching box  for your blog.

 

Now let’s begin with some of step here:

• Go to Layout and add a gadget
• Choose HTML/Javascript
• Copy and Paste code below

<form id="searchthis"

action="http://yourblog.blogspot.com/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>

 

• Now change the red code with your URL blog. and save.

 

Please look the searching box display

 

 

If you want to change with icon like this

 

 

Just copy and paste code below on your on layout

 

<form id="searchthis" action=”http://yourblog.blogspot.com/search” style="display: inline;" method="get">
<tr>
<td nowrap="nowrap" valign="top" height="16" align="left">
<input id="b-query" maxlength="255" class="textinputsearch" value="" name="q" size="22" type="text"/>
<input id="b-searchbtn" alt="Search"

width="18" src=”http://www.geocities.com/fabisnis/master.ico” height="19" align="top" type="image"/>
</form>

 

Dont forget to change the red code with your URL blog and your image.

 

Well that’s enough for today, just keep your visitor comfort with your service.

Don’t forget to look for the next day in tutorial blog and blogger hack here

 

See ya

Read More.... »»

Hot Gadget: Google Friend Connect

Today Tutorial Blog and Blogger Hack. You know that blogspot has a widget called follower where you can get the update from blog that you follow. Now Google also has a similar gadget  where we can connect to another blogger via google account and we can call it Google Friends Connect.

 

It’s really look  like Follower gadget where our photo show up to anyone, Interact with other visitors by making friends, sharing media, posting comments, playing games, and more, Invite friends from other social networks and contact lists to join your site or blog. Maybe you will get interest with this gadget and now our tutorial blog today is installing Google Friend Connect.

Let’s move on to the tutorial blog below

• Open google friend connect
• Click on Setup  a new site
• Fiil in your data with your site name and URL. see at below

 

 

• Just ignore the second step where you direct to add 2 files to your site (just click continue until you are in set up the member gadget)

• In set up the member gadget you can choose your gadget style, if you done with it just click on Generate Code
• Now Copy and Paste the code to your blog in sidebar or footer
• Just go to layout and add gadget choose HTML/javascript, paste the code
• Save and done

Now you have get the gadget from google, just enjoy the connection and grow your traffic from this gadget.

It’s really nice to share with you all about tutorial blog and blogger hack. just give me a feedback and we will make it really great experience for both of us.

Keep blogging and see for the next tutorial blog and blogger hack.

Best Regard

Read More.... »»

Add Star Rating To Your Blog

Today Tutorial blog and Blogger Hack. We know that relationship between blogger and reader/visitor, interaction between both of them maybe can be seen at comment or GuestBox. Now we will give some interaction tools for reader to your blog inside your post.

Star Rating is out tutorial blog today. It will show the expresision from reader about your article, And if you are the reader you will show your like or dislike about your favorite blog article. You can see the star rating below this post.

 

Just like we have done before, this tutorial blog will be easy for you:

• Go to your Layout and Choose Edit HTML
• Back up your blog and click on Expand widget Tempalte
• find this code <p><data:post body/></p>
• Now put this below that code

<script language='JavaScript'>
var OutbrainPermaLink=&#39;Your-Post-Permalink-Here&#39;;
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

 

• Save and Done

Now check your article and you will find the star rating embedded below it. Congratulation now the reader can give you a feedback and they will get fun with it.

That’s our Tutorial blog today.

Feel free  to subscribe our RSS or E-mail

 

 

Best Regard from me.

Read More.... »»

Embedded Emoticons In Your Shoutmix

Today Tutorial blog and Blogger Hack. Do you see at my Shoutmix?if you haven’t see, just check on it and you will find that  some new  emoticon has appears. like this maybe

 

or this

and many more emoticons like that where you can find it at myem0.com. Now our tutorial blog today is installing that funny emoticons in our shoutmix.We will embedded emoticons as like we embedded comment box or Installling Yahoo in comment box  before. If you haven’t use Shoutmix in your blog just sign up here.

 

Let’s make it just a simple Tutorial blog:

 

• Go to your account in shoutmix
• In dashboard, Choose Smileys
• Copy-paste emoticons code that you get it from myem0.com
• Just add code begin on http:// and end with .gif
• for example : add http://i269.photobucket.com/albums/jj72/myem0/01/yoyo-emoticon-1-014.gif in the box and click add.
• Dont forget to choose initial for your emoticons eg: :)) or :O or like this :))
• Save your setting and done

Now check at yoor shoutmix and it’s has added. But, you just can add 10 emoticons besides your standar smileys. If you want more 500 smileys, upgrade your account and it’s not free, it costs $2 /month

 

Well i think i just use free account until get some money. That’s tutorial blog today, we will see you next post.

 

If you want some update of this blog, feel free to Subscribe our RSS or E-mail.

 

See you at next Tutorial blog here

Read More.... »»

Hot Gadget : Making A Tab View

Today Tutorial blog and Blogger hack  TabView is a easy ways to give information to the readers especially for the blog with limited space. You can fill TabView with shoutmix, twitter, recent comment, or else.

 

With this Tutorial blog we will make TabView easy, so please keep your focus, now we begins:

• Go to Layout, choose Edit HTML
• Backup your blog and Expand widget Template
• Copy-Paste code below and put above the

  ]]></b:skin>

  div.TabView div.Tabs
  {
  height: 24px;
  overflow: hidden;
  }
  div.TabView div.Tabs a
  {
  float: left;
  display: block;
  width: 90px; /*width of main menu*/ text-align: center;
  height: 24px; /* height of main menu */
  padding-top: 3px;
  vertical-align: middle;
  border: 1px solid #F4F4F4; /* border colour from above */
  border-bottom-width: 0;
  text-decoration: none;
  font-family: "Times New Roman", Serif; /* Type of Fonts */
  font-weight: 900;
  color: #F4F4F4; /* Colour of fonts*/
  }
  div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
  {
  background-color: #FFFFFF;/* background colour*/
  }
  div.TabView div.Pages
  {
  clear: both;
  border: 1px solid #F4F4F4; /* line colour menu*/
  overflow: hidden;
  background-color: #FFFFFF; /* backgorund colour */
  }
  div.TabView div.Pages div.Page
  {
  height: 100%;
  padding: 0px;
  overflow: hidden;
  }
  div.TabView div.Pages div.Page div.Pad
  {
  padding: 3px 5px;

   

  • Noe put this code before tag </head>

  <script src="http://h1.ripway.com/khantry/javascript/tabview.js" type="text/javascript"></script>

   

  • Then Save
  • Now back to Layout and add a gadget
  • Choose HTML/Javascript and COpy-Paste code below

  <form action="tabview.html" method="get">
  <div class="TabView" id="TabView">
  <div class="Tabs" style="width: 350px;">

  <a>Tab 1</a>

  <a>Tab 2</a>

  </div>
  <div class="Pages" style="width: 350px; height: 250px;">
  <div class="Page">
  <div class="Pad">

  Code Here 1.1 <br />

  Code Here 1.2<br />

  </div>
  </div>
  <div class="Page">
  <div class="Pad">
  Code Here 2.1 <br />
  Code Here 2.2<br />
  </div>
  </div>
  </div></div>
  </form>
  <script type="text/javascript">
  tabview_initialize('TabView');
  </script>

   

  Then Save, Now please look this explanation :

  • You can change this width: 350px and  height: 250px
  • Change the blue code with your Text or title
  • Change the red code with your Javascript eg: shoutmix code, image, or else

  That’s tutorial blog today, hope you enjoy this, if there’s any error just tell me and i will give you a hand.

  Thanks for coming in tutorial blog and blogger hack

Read More.... »»

How to Install Yahoo Emoticon in Comment Box

Today Tutorial blog and blogger hack. At last Tutorial Blog, we have learned how to embedded Comment below post. If you havent read it just click here. It will more interesting if we put some emoticon like Yahoo emoticon above the comment box. SO, the reader can keep they ekspression when give comment. (thanks to o-om for Yahoo emoticon javasript)

Just like before at tutorial blog here, we will keep this simple and easy to do:

Go to Layout and choose Edit HTML (Back up your blog)

Copy and paste code below at above tag </body>

<script src='http://oom.blog.googlepages.com/smiley.js' type='text/javascript'/>

 

Now find this code with red colour

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl'

expr:onclick='data:post.addCommentOnclick'>

<data:postCommentMsg/>

</a> </b:if> </b:if> </p>

 

Copy-paste  code yahoo emoticon below and put it under

           <p class='comment-footer'> (just look the code at step 3)

<b><img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>

:))

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>

:)]

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>

;))

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>

;;)

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>

:D

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>

;)

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>

:p

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>

:((

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>

:)

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>

:(

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>

:X

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>

=((

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>

:-o

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>

:-/

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>

:-*

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>

:|

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>

8-}

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>

~x(

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>

:-t

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>

b-(

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>

:-L

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>

x(

<img border='0'

src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>

=))</b>

 

Save and done

Now, check your blog and comment box, is the emoticon appears or not? i hope it’s work well.

That’s tutorial blog today

Have a nice try

 

Read More.... »»

How to Make Recent Comment

Today Tutorial Blog dan Blogger Hack. Comment always make blogger happy , when your blog full of comment from visitor your will get full spirit to get more inspiration to getting better.

We needs to know when a new comment added, so recent comment is important for our blog. Every single comment will appears in tthe recent comment. You know that to adding recent comment can be make by twio ways first by RSS Feeds and another one by Javascript code.

In Tutorial blog today we will make Recent comment with Javascript code,

Let’s make it simple and quick step only:

1. Go to your Layout
2. Add a Gadget
3. Choose HTML/Javascript
4. Copy-paste code below 

<ul><script style="text/javascript">
function showrecentcomments(json) {
for (var i = 0; i < 5; i++) {
var entry = json.feed.entry[i];
var ctlink;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");
document.write('<li>');
document.write('<a href="' + ctlink + '">' + entry.author[0].name.$t + '</a>');
document.write(' on ' + pttitle);
document.write('<br/>');
if (comment.length < 100) {
document.write(comment);
}
else
{
comment = comment.substring(0, 100);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + ctlink + '">(more)</a>');
}
}
document.write('</li>');
document.write('<div style="font-size:75&percnt;;text-align:center"><a href="http://blogtutormaster.blogspot.com/2009/02/How-to-make-recent-comment.html">Get this Widget</a></div>');
}
</script>
<script src="http://Yourblogname.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script></ul>
<noscript>You need to enable JavaScript to read this.</noscript>

 

  5. Save and done

 

Note:

Change URL http://YourBlogname.blogspot.com with your blog URL

 

Now, you have a recent comment widget on your blog, everysingle comment update will show on it.

Thats Tutorial blog today,see you next time

Have a nice try

Read More.... »»

Easy Way To Make Float Image Or Float Ads

Today Tutorial blog and blogger hack. We will make a float image that can be located in our blog. You can use it for advertising, Image, RSS, Link or else. You can see this example for float image at the right bottom with blue square.

It’s easy to make float image like that. Blogger  who want to make space for advertise for her/him blog just follow this simple step:

1. Go to your Layout
2. Choose Edit HTML and Click on Expand widget Template (back up your blog first)
3. Copy this code below ( you can choose the placement)

Up-Left Foat Image

<a href='http://yourlink' style='display:scroll;position: fixed; top:5px;left:5px;' title='change with your title'><img src='http://img132.imageshack.us/img132/70/14106996d8c859fm3wq7.gif'/></a>

 

Up-Right Float image

<a href='http://yourlink' style='display:scroll;position: fixed; top:5px;right:5px;' title='change with your title'><img src='http://img132.imageshack.us/img132/70/14106996d8c859fm3wq7.gif'/></a>

 

Bottom-Right Float Image

<a href='http://yourlink' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='change with your title'><img src='http://img132.imageshack.us/img132/70/14106996d8c859fm3wq7.gif'/></a>

 

Bottom-Left Float Image

<a href='http://yourlink' style='display:scroll;position: fixed; bottom:5px;left:5px;' title=’change with your title’><img src='http://img132.imageshack.us/img132/70/14106996d8c859fm3wq7.gif'/></a>

 

   4.  Put code above <body> tag .

   5. Save your Template and done

 

Change The red code with your link and title, the orange code with your own image or banner.

 

Well now you can make a space of your blog for advertise or just put an image of your photo there. It's just a simple and interesting Tutorial blog 

Have a nice try..

Read More.... »»

How to Embedded Comment Below Post

Today tutorial blog and blogger hack. We will talk about embedded comment below the post.  it’s usually  can be done with an easy ways. Upps i say maybe two ways to embedded comment below the post.

Let’s try the first one:

1. Go to Setting and Choose Formatting
2. Choose Comments  and look at comment form placement
3. Then  choose embedded below post

Now Check your blog, is it the comment form is below post yet? If it is, now we done to do it. congratulate for your success. Now enjoy the comment below post in your blog

But, if it is fail. Now we move to the next step.

1. Go to your Layout
2. Choose Edit HTML and click on Expand Widget Template
3. Backup your blog first
4. Now find this code, especially focusing at red code

<p class='comment-footer'>

        <b:if cond='data:post.allowComments'>

        <a expr:href='data:post.addCommentUrl'            

expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

    </b:if>

</p>

5. Change these code with this code below

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>


</b:if>

6. Then save your template and it’s done

 

Well, it’s very useful if we have embedded comment below post cause visitor can easy to give a  comment .

Have a nice try 

 

Technorati Tags: Tutorial BLog,Blogger Hack

Read More.... »»

How to Make Favicon for Your Blog

Did you use favicon besides icon standard Blogger?Favicon is found on icon our bar address at web browser. The example for blogger defauls icon  like this.

we can change it with style our own like this:

 

Let's make it with easy step

1. Make  picture/image size  32x32 with format type jpg, gif, png, or bmp
2. Then open the online favicon maker like dynamics drive or favicon generator.
3. Click on browse and add an image that will be our icon
4. Then click on Generate or create icon
5. Download icon and upload at image hosting like geocities or Photobucket.
6. After then,  You will have an image URL from image hosting eg:    http://www.geocities.com/masterblog/favicon.ico    
7. Open Template and Edit HTML , copy this code and paste above <b:skin><![CDATA[/*  script

<link href=' http://yourimageURL ' rel='shortcut icon' type='image/x-icon'/>

 

      8.    Dont forget to change the code red with your URL image/icon.

      9.    Then Save

 

Congratule, now you have a new favicon with your own style..

 

Technorati Tags: tutorial Blog,blogger Hack

Read More.... »»

How to Make a Link Field

Do you know about link field? Link field is a title on your post that can click on to get full post besides read more. It’s like the title of article wordpress blog. just point your mouse at the title of content, a link of the title wiil show.

Instead the reader click on “read more” in every single content on your blog, they can also direct click on the title content  if they want to read all your article.

Let’s Begin

1. Log on your blog
2. Choose Formatting and choose “show link field” setting to “yes” the then save

If you want to posting a new post, a link will show under the title like this

just fill it with your URL content/article. for example:

this content have a title “how to make a link field” . so the link for the empty box above is http://blogtutormaster.blogspot.com/2009/01/How-to-Make-a-Link-Field.html

the link must match with your content title.

Some of Templates have a link of title already

 

See ya..thanks’ for coming

Read More.... »»