Blogger Tutorial : How to put RTRW TV on your Blog/Web

in the previous post I've explained a little about "RTRW TV" and "Watch Online TV".

but how to put the TV on your TV on your Blog or Web..?

Just easy tutorial.

Copy and Paste code below to your blog/web

<iframe src="http://bumimasg10.webs.com/tv-/bumimas.html" frameborder="0" height="450" scrolling="no" width="600"></iframe>

and watch now. good luct.

[...]

Blogger Template : Top 10 Blogger Template Providers

List Top 10 Blogger Template Providers - Andrastorm Version :

1. Btemplate
2. Blog Template For You
3. Zoomtemplate
4. Blogger-Template
5. Blogcrowds
6. Blogger Tempalte Place
7. Bloggertemplates.org
8. Beta Template
9. Anshuldudeja
10. Our Blogger Templates

if you have Recomondation for Most Blogger template, send me Message.

[...]

Blogger Tutorial : Facebook Widget/Plugins

More facebook widget for Blogger :

Facebook Bedge :

1. Profile badges
2. Like badges
3. Photo badges
4. Page badges

Facebook Social Plugins :

Like Button

The Like button lets a user share your content with friends on Facebook. When the user clicks the Like button on your site, a story appears in the user's friends' News Feed with a link back to your website.

When your Web page represents a real-world entity, things like movies, sports teams, celebrities, and restaurants, use the Open Graph protocol to specify information about the entity. If you include Open Graph tags on your Web page, your page becomes equivalent to a Facebook page. This means when a user clicks a Like button on your page, a connection is made between your page and the user. Your page will appear in the "Likes and Interests" section of the user's profile, and you have the ability to publish updates to the user. Your page will show up in same places that Facebook pages show up around the site (e.g. search), and you can target ads to people who like your content.

There are two Like button implementations: XFBML and Iframe. The XFBML version is more versatile, but requires use of the JavaScript SDK. The XFBML dynamically re-sizes its height according to whether there are profile pictures to display, gives you the ability (through the Javascript library) to listen for like events so that you know in real time when a user clicks the Like button, and it always gives the user the ability to add an optional comment to the like. If users do add a comment, the story published back to Facebook is given more prominence.

To get started, just use the configurator below to get code to add to your site.

Activity Feed

The Activity Feed plugin displays the most interesting recent activity taking place on your site. Since the content is hosted by Facebook, the plugin can display personalized content whether or not the user has logged into your site. The activity feed displays stories both when users like content on your site and when users share content from your site back to Facebook. If a user is logged into Facebook, the plugin will be personalized to highlight content from their friends. If the user is logged out, the activity feed will show recommendations from your site, and give the user the option to log in to Facebook.

The plugin is filled with activity from the user's friends. If there isn't enough friend activity to fill the plugin, it is backfilled with recommendations. If you set the recommendations param to true, the plugin is split in half, showing friends activity in the top half, and recommendations in the bottom half. If there is not enough friends activity to fill half of the plugin, it will include more recommendations.

You specify a domain to show activity for. The domain is matched exactly, so a plugin with site=facebook.com would not include activity from developers.facebook.com. You cannot currently aggregate across multiple domains.

The plugin is available either via a simple iframe you can drop into your page, or if you are using the new JavaScript SDK, you can use the XFBML tag.

Comments

The Comments Box easily enables your users to comment on your site's content — whether it's for a web page, article, photo, or other piece of content. Then the user can share the comment on Facebook on their Wall and in their friends' streams.

To administer your comments box, you need to be listed as a developer on the application used to initialize the JavaScript SDK. An 'Administer Comments' link will appear below the 'Post' button for developers of the application.

Facepile

The Facepile plugin shows the Facebook profile pictures of the user's friends who have already signed up for your site.

You can specify the maximum number of rows of profile pictures to display. The plugin dynamically sizes its height; for example, if you specify a maximum of four rows, and there are only enough friends to fill two rows, the height of the plugin will be only what is needed for two rows of profile pictures. The plugin doesn't render if the user is logged out of Facebook or doesn't have friends who have signed up for your site using Facebook.

Using the new JavaScript SDK, the plugin is available via the XFBML tag.

Like Box

The Like Box is a social plugin that enables Facebook Page owners to attract and gain Likes from their own website. The Like Box enables users to:

- See how many users already like this page, and which of their friends like it too

- Read recent posts from the page

- Like the page with one click, without needing to visit the page

Live Stream

The Live Stream plugin lets users visiting your site or application share activity and comments in real time. Live Stream works best when you are running a real-time event, like live streaming video for concerts, speeches, or webcasts, live Web chats, webinars, massively multiplayer games.

Login Button

The Login Button shows profile pictures of the user's friends who have already signed up for your site in addition to a login button.

You can specify the maximum number of rows of faces to display. The plugin dynamically sizes its height; for example, if you specify a maximum of four rows of faces, and there are only enough friends to fill two rows, the height of the plugin will be only what is needed for two rows of faces.

Using the new JavaScript SDK, the plugin is available via the XFBML tag.

Recommendations

The Recommendations plugin shows personalized recommendations to your users. Since the content is hosted by Facebook, the plugin can display personalized recommendations whether or not the user has logged into your site. To generate the recommendations, the plugin considers all the social interactions with URLs from your site. For a logged in Facebook user, the plugin will give preference to and highlight objects her friends have interacted with.

You specify a site for which to show recommendations for. The domain is matched exactly, so a plugin with site=facebook.com would not include URLs from developers.facebook.com. You cannot currently aggregate across multiple domains.

The plugin is available either via a simple iframe you can drop into your page, or if you are using the new JavaScript SDK, you can use the XFBML tag.

For more, visit Facebook Developers.

[...]

11 Ways to Enhance a User Interface with MooTools

11 Ways to Enhance a User Interface with MooTools. Articles on this one contains a collection of 11 tutorials MooTools to improve the interface of a site. Click here if you're interested in learning tutorial-tutorial.

Hopefully useful.

[...]

Add Beautiful Fonts in Blogger/Blogspot Blogs Using Google Fonts

You're probably already bored with the look of a simple font. change the font you want your blog / web you using a font that is more beautiful. way quite easily. you simply change the fonts contained in blog / your website with google fonts. for example, you can view "Cinta Sendal Jepit" blog.

How to Add Google Fonts in Blogger Blogs.
the way is very easy now.

• You just choose the font you like here or go directly to Google Font Directory.
• Select a font from the list there.
• On the next page, click Get the code link.
• You'll see some code which looks something like this:

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

This is the code we need but when I copied and used this code in Blogger, an error occurred. To deal with the error, you have to close the link tag by adding /(slash) right before > in the above code and it would look something like this:

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>

So, whichever font you use, just add a / before > in the code of that font. For now, copy the above code and go to your Blogger account.

• Go to Layout then Edit HTML tab and find . After that, paste the step 4 code right before tag. The result would look something like this:

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
</head>

After adding the code, save your template.

• Now, we can use this font in headings and text. For example, if you want to use the web font in posts then use some code like this:

<span style="font-family: Lobster;">Any text here will be displayed by a web font like Lobster in this tutorial.</span>

quite easy. good luck.

[...]

Website/Blog Speed Test

How to use this tool

1. Enter the address of the page you want to check the speed for into the text box. (eg. www.iwebtool.com/tools)

You can enter up to 10 different websites to check the speed for. After entering the first address, press Enter and enter a new address on the new line.

2. Click the "Check!" button.

The results will provide a rough estimation of the speed however at some point the server may lag which will cause the results to vary

If the results are highlighted red, this means the website is either slow or offline. If the results are highlighted in blue, this means the website is extra fast comparing to the average loading time.

Your domain(s): Enter each address on a new line (Maximum 10)   (eg. iwebtool.com)

Powered by iWEBTOOL

[...]

Meta tags Extractor

How to use this tool :

1. Enter URL to extract meta-tags from.
2. Click "Extract!" button.

Extract meta-tags from: http://   (eg. iwebtool.com)

Powered by iWEBTOOL

The meta-tags information will be displayed below.
You can also simply copy and paste the tags onto your website.

[...]

Express yourself with the Blogger Template Designer

We’re thrilled to announce that the Blogger Template Designer has launched to Blogger in Draft, our experimental playground where users can try out Blogger’s latest features. The Template Designer brings a new level of customization to your blog. Take a look:

In the Template Designer, you’ll find:

• 15 new professional templates to start from (and more on their way)
• Custom blog layouts with one, two and three columns
• Hundreds of professional background images from iStockphoto
• Customizable colors, fonts, and more!

We have more details and tips in our Blogger Template Designer post on the Blogger in Draft blog.

We worked with iStockphoto, the leading microstock image marketplace, to put together a great collection of beautiful images and patterns to use as backgrounds on your blogs. The photos are stunning, and are free to use on your Blogger blog.

That being said, today’s launch is just the beginning. We’ll add more of our own designs over the coming weeks and months and, through the new Template Design Group, we’ll be working with members of the Blogger design community to bring their templates into the new Template Designer.

Help test drive the Blogger Template Designer by logging into Blogger In Draft, and learn more about the new features in more detail on the Blogger In Draft blog.

By : Blogger Buzz

[...]

Create archive blog / web with flash

So many tutorials on blogs or websites, which teaches how to make a recent post, blog archives, or tutorials on how to make a list of the contents of a blog or website. and maybe now it is not unusual among bloggers. but I admit that widgets are very useful and helpful. as an example, I still use it on my blog.

I have just read the articles from the blogger buzz. and I read a long article. I tried a tutorial that provided by the blogger buzz. the result is a posting I made this. that is about to make a list of the contents of / archive blog or website with flash format. and of course this widget provided by Widgetbox. and we can make it according to your own creations. you just register it at Widgetbox.



In this post I will only give a little information about the widget / application of this flash. so if you want to try it you can immediately try it at Widgetbox.

Hopefully useful. and do not forget to give me a response about this arikel comment below this article.

Thanks for Blogger Buzz

[...]

How to make the under nafbar like " Andrastorm Global Site"

Did you ever think to make the blog nafbar as " Andrastorm Global Site Navbar". As shown below:

• Very easy way. you just follow the steps below:
• - Login to your blogger account
• - click layout - edit html
• - go to your template code and find the code ]]></b:skin>
• - then copy the code below and paste it directly above the code ]]></b:skin>

code :

/* code for under navbar
--------------------------------------- */

#under-navbar img {
/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}

#under-navbar p.info {
float: right;
padding-right:40px;
line-height: 1.5;
height: 100%;
vertical-align: bottom;
}

#under-navbar p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
line-height: 1.2;
vertical-align: bottom;
}

#under-navbar a {
color:#00CCFF;
text-decoration:none;
}
#under-navbar a:hover{
color: #00FFFF;
}
#under-navbar {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5px solid #003366;
background: #58595B url(http://www.promoruparupa.com/wpprr/wp-content/themes/inanis-glass/images/wind/menu-bg.png);
width: 100%;
left: 0px;
text-align: left;
color: #ffffff;
font-family: verdana;
font-size: 12px;
z-index:10000;
bottom:0;
}

• - After that, copy the code below, and paste the below code just above </body>

Code :

<div id='under-navbar'>
<p><img src='http://winksite.mobi/xhtml/images/logos/27614-20090412071612.png' style='width: 28px; height: 28px;'/>&#160;&#160;&#160;
<a href='http://andrastorm-global-site.blogspot.com/'><b>Andrastorm Site</b>
</a>&#160;&#160;&#169;&#160;2009&#160;|
Design by <a href='http://andrastorm-global-site.blogspot.com/' target='_blank'>Andra Pratama</a>
&#160;&#160;&#160;<img border='0' src=''/></p>
<p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> |
Subcribe <a href='http://www.feedburner.com' target='_blank'><a href='http://feeds.feedburner.com/AndrastormGlobalSite'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/AndrastormGlobalSite?bg=000000&amp;fg=FFFFFF&amp;anim=1&amp;label=listeners' style='border:0' width='88'/></a></a></p>
</div>

• - And last, click save.

See your blog nafbar now

Hopefully useful

[...]

How to increase backlinks "Very effective"

Very easy way. just follow the steps below :

1. Copy the list below into your blog posts.
2. Add your link to the bottom of the list. or the lowest order.
3. Watch the backlinks to your blog increase dramatically via Technorati.
4. The sooner you join, the more backlinks you will receive.

Technorati Authority
Copy Here :

1. Make Money Online | Money Blogging Tips
2. Blogger Dashboard | http://blogger-dashboard.blogspot.com
3. Indo Contest
4. Mga Kwentong Ma Alamat
5. Contest Love
6. It Blood
7. I Heart Contest
8. Nurse Jen Doll
9. Your Web and Graphics Design
10. My Blog Contest
11. Prize King Contest Blog
12. Computer Collections
13. Medan Blogger
14. Eiffel Tower
    
15. Programming the Life
16. John Doro Dot Com
17. Paco Contest
18. Couch Surfing Host
19. Erick's Blog
20. My Life 4 Hire
21. The Spirit of Blogging
22. EmTNester
23. Amori, poesi, arte, chat
24. Great Wall of China
25. The Painted Veil
26. FeeFiFoto Blog
27. I am Harriet
28. Phoenix2Life
29. Anurag Bhateja
30. Online Treasure
31. Gorilla Sushi
32. London Eater
33. News n' Tech Palace
34. Sherry Rambling
35. Blogging Tips and Tools
36. Selbst Management
37. Skip Ratt
38. Eljon
39. Heart Net
40. Just 4 You
    
41. Widgets For Free
42. Bubble Crush
    
43. GoGalavanting
44. Mesothelioma Cancer Help
45. How Things Do
46. Hardware Rig
47. Reality View
48. Utah Web Design
49. Hero Help Tutorials
    
50. Nub Lag Teh Server
51. Jobs Human Resources
52. Naeem's Blog
53. Facts For History
54. Prasdikatama
55. McPhee-Env
56. PeriPheryPoem
57. Writings of RYU
58. Heart Net
59. Cater Hater
60. Tech Recipe
61. Tech Boy UK
62. Internet Leashed
63. Tha Good Life Reviews
64. Solaris Photography
65. bSaves - Saving Energy Search Engine - Black Google
66. Sitfu
67. The All Rounder
68. The Science of Getting Richer
69. University Results
70. Surigao Digital Services
71. Senior BabyBoomers
72. Gazlo
73. Jessi & Ray Dream Life
74. Life Around Raymond
    
75. Susan Boyle
76. Get Any Thing
77. Exclusive Arena
78. The Star Girl
79. Tem Bolog
80. Trash XP
81. How Hero - How to Tutorials - Video Tutorials
82. Blog Darma
83. Money Central Online
84. Watch Free Online Movies
85. Zoom Your View
86. Hey I Want a Job
87. Dog Pet Grooming Supplies
88. Find Torrent Search Engine
89. www.jefusion.info
90. www.thegenerationv.com
91. http://beginlearn.blogspot.com/
92. byspace.blogspot.com
93. http://bangla-songs-music.blogspot.com
94. http://about-new-blogger.blogspot.com
95. http://www.theroadtovalor.blogspot.com/
96. Andrastorm Global Site
97. http://rumah-kuliner.blogspot.com
    
98. http://Stormfun.blogspot.com
    
99. http://andrastorm-global-site.blogspot.com/
100. ADD YOUR LINK HERE

Hopefully helpful

[...]

Choose a beautiful template

For those of you who have done some of the settings as the previous post, the next steps that need to mate to do is choose a template. Glance is a template template designs web pages or blog and all its components (eg images, stylesheets, etc.) file either static or dynamic files that a program or application running as a web application. As my friend see now, as the banner above, white background, the columns to the right, and all you see now is one form of the template design. Selecting a beautiful template is necessary, because the view is interesting template for the view it will make the visitors of our blog to be at home for a long time in our blog but of course the content of our blogs are also very supportive.

selection steps template on blogger.com:

• Please login first ye
• Click the "Layout" (if you're using new blogger), or click the "Template" (if you're using a classic template).
• Click "Pick New Template", please you choose a template that you like. Before deciding to select "template" is, you should see the first one at which the sample layout provided a way to click on "preview template". If the taste has found the most you like, please click on "Save template" which is on the right top, finished.

Maybe you've visited a few blogs on the Internet that use blogger.com (blogspot), but the template is in use is not in the choice when selecting a template. This is the possibility that the template in the template used was made not from bloggers themselves. On the Internet many sites that provide free templates for use in Blogger (blogspot), If you'd like to see the various templates made not from blogger.com please click here.

[...]

Share the Blogger navbar

Blogger buzz again reported that it has added a new feature, the feature which share facilities (shared) located in the navbar blogger:

When visitors are in your blog, then they can click the "Share" or "Share" so that they can just do a post to Email, Twitter, Facebook, and Google Reader.

In the future, we wait for what new features that will be issued by a blogger in commemoration of the anniversary of this 10.

Thanks for Kang Rohman

[...]

Display change Label Cloud on Blogger

For those who are familiar with CSS, of course, you live to add a variety of settings to the code.

Here are examples of how to enter the CSS code into your template:

• Please login to blogger with your ID.
• Click Layout.
• Click the Edit HTML tab.
• Copy and paste the following code right above the code ]]></b:skin>

.label-size-1 a {
font-size: 12px;
text-decoration: none;
}
.label-size-2 a {
font-size: 14px;
text-decoration: none;
color:#cd9f01;
}
.label-size-3 a {
font-size: 15px;font-family: Arial, Tahoma, Verdana;text-decoration: none;
}
.label-size-4 a {
font-size: 18px;
font-weight:bold;
text-decoration: none;
color:#ea5a04;
}
.label-size-5 a {
font-size: 24px;
text-decoration: none;
}


.label-size-1 a:hover,
.label-size-2 a:hover,
.label-size-3 a:hover,
.label-size-4 a:hover,
.label-size-5 a:hover { text-decoration:underline }

• Click the Save Template
• Done.

Original Tutorial By Kang Rohman.

[...]

New features for bloggers : label cloud

Blogger has launched a new widget, the label cloud. label cloud has an attractive appearance. and very different from the previous version of the label.

If you are interested, and wanted to use this new label, follow the steps below:

• Please login to blogger with your ID.
• Click Layout
• Click Add a Gadget (if the existing label gadgets in your blog, just click the Edit Only)
• Click the plus sign (+) to Label:

• Tick the option for Cloud:

• click the save button, and see your new label.

Good luct !!!

[...]

Get the millions backlink by following the MLM backlink

To get millions backlink, how very easy, enough to copy / paste this post. This helps you to get many visitors.
It's easy. You just need to put these links in your blog or article:

1. Inilah.com
2. Republika
3. Detik
4. Okezone
5. Facebook
6. Friendster
7. Google
8. Bisnis Online
9. dimas0883 blogspot
10. Freeware-Asik
11. Andrastorm Global Site
    

But remember, before you put the link above, you must remove the participant number 1 from the list. So that all participants up 1 level. Who was number 2 become number 1, number 3 was 2, and so on. Then enter your own link on the bottom (number 10).

• When your position 10, the number of backlink = 1
• Position 9, Number backlink = 5
• Position 8, Number backlink = 25
• Position 7, Number backlink = 125
• Position 6, Number backlink = 625
• Position 5, Number backlink = 3.125
• Position 4, Number backlink = 15.625
• Position 3, Number backlink = 78.125
• Position 2, Number backlink = 390.625
• Position 1, Number backlink = 1,953,125

And all of them use keywords that you want. From the side you've got SEO backlink 1,953,125 and side effects if a web visitor clicks on the link your downline, you also get extra traffic.

May be useful and good luct.

[...]

Top Commentators Widget for Blogger

Blogger has always lacked a Top Commentators Widget which would encourage the readers to leave useful comments on your blog. This blogger widget will display a list of your top commentators.Here i have used a yahoo pipe to implement the same. Thanks to google system for providing me with a wonderful yahoo pipe.
This widget has some additional features unlike other 'Top Commentor Widgets'.This allows you to filter out the blog author's name from the top commentators list. You can filter out as many names as you want by using the filtering option in the widget installer(the filters should be separated by commas). So if you don't want to list 'Anonymous' in your top commentator list then just use it in the filter field. Another feature of this widget is that users can navigate to the commentator's profile or site by clicking on his name in the list.

[...]

Recent Posts Widget for Blogger with Thumbnails

Display beautifully crafted links to Recent Posts on your blog with this widget. You can easily customize whether or not you would like to display thumbnails, post summaries, and the number of comments for each post along side the titles.

[...]

Make Print button on web/blog

Print button is very helpful and useful for visitors. and facilitate visitors who are interested and want to save directly to posts.example andrastorm blog using these tools provide for visitors to directly print postings that might be useful.

For example, see the picture below

To try, click the print button as it has been in described in the picture above.
The following is the code for print button.

<a href="javascript:print(document)"><img src="http://amen24.googlepages.com/printer.png" alt="print this page" border="0" /> Print this page</a>

Apart form the link as I explained above, there is also a place this facility in the form of buttons, code like this:

<form> <input type="button" value="Print this page" onclick="print()"> </form>

the result will be like this (try to click to prove it!):

copy and paste into your blog.

May be useful and good luct.

[...]

The Question of Templates

Creating a professional website can be challenging. E-commerce web design is really a complex animal. To cut development time, many web hosting companies start offering web hosting templates or hosting with templates.

Whether you're looking for a simple web site or a functional e-commerce website, the chances are that you may be able to find a few web templates from your hosting company. A simple web template may cost under $20 dollars, but a well-designed professional e-commerce website will cost a few hundreds or more if not thousands. The cost of web templates is still cheap comparing to custom-made e-commerce websites when Web designers charge anywhere from $20 to $100 per hour. If you want to check out some templates, go to www.templates box dot com

Besides the requirements of standard web hosting plans, Web hosting templates for e-commerce operations needs a shopping cart that supports online catalog and online payment processing (here's a clue, pick Pay Pal). Web templates for e-commerce often include common pages and navigations for online shopping - searching or browsing products, adding items to shopping carts and making payment. The web templates for e-commerce do not include or connect to any specific shopping cart. It's up to the webmasters to add shopping cart to the site.

The alternative e-commerce hosting to web templates is e-commerce turnkey solution. EBay Stores, Yahoo! and GoDaddy dot com are the most popular turn-key e-commerce solutions for small businesses that want to setup online stores easily. Different hosting plans may have different free structures. The cost of each hosting plan often varies on transaction volume.

When comparing functionality, there're many questions to ask: 1) whether a shopping cart accepts online check or debit card. 2) Whether there's a limit on the number of products and categories that you can setup; 3) whether it automatically sends out an email notification once an order is placed at your web-site.

When looking at the cost of commerce operation, you'll need to ask questions about 1) what's the basic monthly fee for transactions; 2) is there's a setup fee for a new online store; 3) how about handling taxes?; 4) how much it charges for each transaction.

Talk with your hosting service on e-commerce issues and discuss the best plan to go with.

[...]