<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-6440300853616387333</atom:id><lastBuildDate>Wed, 21 Oct 2009 06:54:12 +0000</lastBuildDate><title>Rudianto Blog - The Place To Learn Internet</title><description>Tutorial of Internet, Earn Money From Internet, New Business in Internet</description><link>http://www.rudianto.co.cc/</link><managingEditor>noreply@blogger.com (Rudianto)</managingEditor><generator>Blogger</generator><openSearch:totalResults>11</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/RudiantoBlog-ThePlaceToLearnInternet" type="application/rss+xml" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6440300853616387333.post-7171647754183983383</guid><pubDate>Mon, 19 May 2008 23:06:00 +0000</pubDate><atom:updated>2008-05-20T15:09:51.043-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Earn Money</category><title>Yuwie mengalahkan Friendster</title><description>&lt;div xmlns='http://www.w3.org/1999/xhtml'&gt;&lt;div style=''&gt;&lt;a href='http://r.yuwie.com/rachmanmks/'&gt;&lt;img border='0' style='float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 10px;' src='http://www.yuwie.com/images/banners/box2.png' title='Join me at Yuwie!'/&gt;&lt;/a&gt;&lt;br /&gt;&lt;div align='justify'&gt;Siapa yang tidak kenal dengan Friendster, situs komunitas yang mempunyai banyak member dan yang paling diminati. Dimana masing-masing anggotanya dapat saling interaksi, seperti menyimpan foto dan memilih sahabat, serta yang terpenting dia seperti agenda online.&lt;br /&gt;&lt;/div&gt;Tetapi sekarang Friendster mempunyai pesaing besar yang lebih banyak memiliki &lt;i&gt;&lt;b&gt;nilai plus&lt;/b&gt;&lt;/i&gt;, yaitu &lt;b&gt;YUWIE&lt;/b&gt;. &lt;br /&gt;&lt;span id='fullpost'&gt;&lt;br /&gt;Mengapa harus Yuwie?&lt;br /&gt;Karena di Yuwie selain kita dapat beraktifitas seperti halnya di Friendster tetapi kita juga dibayar, ato dengan kata lain kita bisa mengeruk dollar dari hasil aktivitas kita di Yuwie. Hanya di Yuwielah kita bisa dihargai semua aktivitas para membernya, entah itu cuma sekedar klik-klik menu yang ada. Dan satu lagi di Yuwie hasil keringatmu akan dihargai oleh Yuwie sampai kedalaman 10 level kebawah, artinya kamu tetap mendapatkan hasil dari para downline yang kamu ajak gabung ke Yuwie sampai kedalaman 10 level. asik bukan.&lt;br /&gt;&lt;br /&gt;Jadi tunggu apa lagi segera join di &lt;a href='http://r.yuwie.com/rachmanmks/'&gt;www.yuwie.com&lt;/a&gt; supaya kamu dapat keuntungan tersebut.&lt;br /&gt;&lt;br /&gt;Berikut ini beberapa tip untuk member baru Yuwie :&lt;br /&gt;1. Niatkan kalo kamu gabung di Yuwie itu seperti rumahmu sendiri, karena dengan begini hasil yang kamu capai nantinya bisa maksimal.&lt;br /&gt;2. Buang jauh-jauh pikiran bahwa anda di Yuwie dapat mengeruk dollar hanya dalam waktu singkat. Salah besar jika anda punya perasaan seperti itu. Bagi yang ingin &lt;i&gt;uang cepat&lt;/i&gt; mungkin Yuwie bukanla tempat yang tepat.&lt;br /&gt;3. Tanamkan perasaan &lt;i&gt;just for fun &lt;/i&gt;seperti di friendster, ato seperti orang nabung di celengan, sedikit demi sedikit aktivitas anda dihargai sampai tidak terasa tabungan kita jadi banyak.&lt;br /&gt;4. Terus aktif mengajak teman-teman anda untuk bergabung di Yuwie, karena dengan begitu hasil kita akan semakin banyak.&lt;br /&gt;&lt;br /&gt;Bagaimana Yuwie membayar anda?&lt;br /&gt;Yuwie mendapatkan hasil dari sponsor yang mengiklankan produknya, dan oleh Yuwie hasilnya sebagian dibagikan kepada membernya sesuai dengan banyak tidaknya aktivitas yang dilakukan oleh membernya.&lt;br /&gt;Dibandingkan dengan &lt;strike&gt;Friendster&lt;/strike&gt; saingan Yuwie, yang telah meraup jutaan dollar dari aktivitas membernya tanpa memberi sedikitpun hasil kerja mereka sebagai tanda terima kasih.&lt;br /&gt;Hanya Yuwie yang menghargai membernya dengan membagi hasil kerja mereka. Meskipun kelihatannya sedikit, tapi apa yang kita dapatkan dari Yuwie bisa berpotensi hingga ratusan dollar, dan itu tidak mustahil.&lt;br /&gt;Yuwie membayar membernya dari hasil periklanan mereka, dan Yuwie membayar dengan 2 metode pembayaran yang bisa kita pilih. Dengan CEK : di account setting anda bisa mensettingnya, isi alamat pengiriman yang jelas supaya cek tidak nyasar. metode ke2 dengan Paypall : Bagi yang memiliki account paypall tinggal isi accountnya, bagi yang belum punya dan ingin punya silahkan klik ini :&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span id='fullpost'&gt;&lt;a target='_blank' href='https://www.paypal.com/row/mrb/pal=32LK6852DRQRA'&gt;&lt;img border='0' alt='Sign up for PayPal and start accepting credit card payments instantly.' src='http://images.paypal.com/en_US/i/bnr/paypal_mrb_banner.gif'/&gt;&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6440300853616387333-7171647754183983383?l=www.rudianto.co.cc'/&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~4/lfL_fH2H9xs" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~3/lfL_fH2H9xs/yuwie-mengalahkan-friendster.html</link><author>noreply@blogger.com (Rudianto)</author><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.rudianto.co.cc/2008/05/yuwie-mengalahkan-friendster.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6440300853616387333.post-1472286210425983275</guid><pubDate>Sun, 18 May 2008 05:21:00 +0000</pubDate><atom:updated>2008-05-17T22:21:42.579-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Earn Money</category><title>Searching pakai ini anda akan dibayar</title><description>&lt;div xmlns='http://www.w3.org/1999/xhtml'&gt;&lt;div style=''&gt;&lt;a href='http://www.mysearchfunds.com/banner.asp?friend=46402'&gt;&lt;img border='0' src='http://www.mysearchfunds.com/banners/125x125.gif' style='float: left; margin-top: 10px; margin-bottom: 10px; margin-right: 10px;'/&gt;&lt;/a&gt;&lt;br/&gt;Sebuah program dari "My Search Funds" yang berasal dari sebuah perusahaan di Inggris, akan membayar siapapun yang searching dengan memakai Mesin Pencari / Search Engine miliknya. Semuanya bisa didapatkan tanpa membayar sesenpun alias gratis.&lt;span id='fullpost'&gt;&lt;br/&gt;Bagaimana My Search Funds bisa membayar anda. Rupanya perusahaan tersebut mendapatkan komisi dari sponsor, salah satunya dari google. Ya, mereka melakukan kerja sama atau dengan kata lain My Search Funds didukung oleh Google. Hasil yang diterima (komisi) dari google sebagian akan diberikan kepada membernya dengan komposisi 50 : 50.&lt;br/&gt;Untuk menjadi membernya cukup mudah, dan hal ini dilakukan jika anda mendaftar melalui affiliasi anda atau sponsor anda.&lt;br/&gt;Jika anda sudah tidak sabar untuk mendaftar silahkan klik ini &lt;b&gt;&lt;a href='http://www.mysearchfunds.com/banner.asp?friend=46402'&gt;www.mysearchfunds.com&lt;/a&gt;.&lt;/b&gt;&lt;br/&gt;Untuk setiap pencarian anda akan dibayar ± £ 0.01 untuk satu kali pencarian, jadi kalau anda sudah searching 100 x dengan search enginee mysearchfunds maka anda akan dibayar £ 1, mudah bukan.&lt;br/&gt;Bagaimana my search funds membayar anda? Jika komisi anda sudah mencapai £ 20, maka komisi anda akan ditransfer ke rekening &lt;b&gt;&lt;i&gt;Paypal &lt;/i&gt;&lt;/b&gt;anda. &lt;br/&gt;Jika anda belum punya rekening &lt;b&gt;&lt;i&gt;Paypal &lt;/i&gt;&lt;/b&gt;bisa mendaftar disini :&lt;br/&gt;&lt;br/&gt;&lt;a target='_blank' href='https://www.paypal.com/row/mrb/pal=32LK6852DRQRA'&gt;&lt;img border='0' alt='Sign up for PayPal and start accepting credit card payments instantly.' src='http://images.paypal.com/en_US/i/bnr/paypal_mrb_banner.gif'/&gt;&lt;/a&gt;&lt;br/&gt;&lt;br/&gt;Cara mendaftar :&lt;br/&gt;&lt;br/&gt;1. Klik alamat ini : &lt;b&gt;&lt;a href='http://www.mysearchfunds.com/banner.asp?friend=46402'&gt;www.mysearchfunds.com&lt;/a&gt;&lt;/b&gt;&lt;br/&gt;2. Setelah itu tekan "Start Now".&lt;br/&gt;3. Masukkan nama lengkap, Negara dan Email anda. Tekan &lt;u&gt;Go To Step Two&lt;/u&gt;&lt;br/&gt;4. Tekan &lt;u&gt;Click here to upgrade your search box&lt;/u&gt; untuk menempelkan search box mysearchfunds ke browser anda.&lt;br/&gt;5. Selanjutnya anda akan diberi password untuk login ke account anda.&lt;br/&gt;6. voila.. selesai. &lt;br/&gt;&lt;br/&gt;Pembayaran :&lt;br/&gt; Jika pendapatan anda sudah mencapai £ 20, maka mysearchfunds akan mengirim ke rekening Paypall milik anda dalam waktu 30 - 45 hari kerja.&lt;br/&gt;&lt;br/&gt;Selamat mencari ....&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6440300853616387333-1472286210425983275?l=www.rudianto.co.cc'/&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~4/68IJpKb5Rbg" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~3/68IJpKb5Rbg/searching-pakai-ini-anda-akan-dibayar_17.html</link><author>noreply@blogger.com (Rudianto)</author><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.rudianto.co.cc/2008/05/searching-pakai-ini-anda-akan-dibayar_17.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6440300853616387333.post-3508216838859602102</guid><pubDate>Mon, 12 May 2008 22:27:00 +0000</pubDate><atom:updated>2008-05-19T20:45:19.365-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tutorial Blog</category><title>5 Strategies for Creating Killer Blog Titles</title><description>&lt;div xmlns='http://www.w3.org/1999/xhtml'&gt;Writing a killer blog title can make or break a blog entry. Yes, if you have two identical blog posts, one with a fantastic title and the other with a boring one, the one with the best title will get more traffic and has significantly higher chances of getting submitted to social sites. So now that you know why they are so important, here is how you can make your own titles into killer blog titles that will make everyone want to click on it and read whatever it is you wrote. &lt;br/&gt;&lt;span id='fullpost'&gt;&lt;br/&gt;&lt;b&gt;What makes a killer title?&lt;/b&gt;&lt;br/&gt;Have a look at sites such as Digg. All the front page posts have well written titles, titles that are meant to arouse interest in whatever the article is about. Now take a look at Fark.com. While those are a little longer, they are written with humor and designed so that people cannot resist from clicking on the link.&lt;br/&gt;&lt;b&gt;Capture attention&lt;/b&gt;&lt;br/&gt;Your blog post must be well written enough so that people want to read more about what you have said. You need to not only be able to engage the reader, but make it irresistible for people who have an interest in the topic area - and hopefully interesting enough for people who aren’t in the topic area to want to click too. There have been many cases where I have clicked on something on Digg - even things I am not even remotely interested in - simply because I couldn’t help but click because the headline was that good.&lt;br/&gt;&lt;b&gt;Deliver the promise&lt;/b&gt;&lt;br/&gt;Anyone can write a Digg-worthy title, but nothing will get it buried faster than not delivering on what the headline promised. Think of it as false advertising… how ticked off would you be to discover that 52″ plasma TV you paid for was actually a cheap 14″ dorm room TV? Well, people will be just as ticked off at you when they expect something entirely different from what your article actually delivered.&lt;br/&gt;&lt;b&gt;Keywords, keywords, keywords&lt;/b&gt;&lt;br/&gt;Yes, those pesky search engines love keywords. But since users search for those keywords, you want to make sure that your title has the pertinent keywords in it without going overboard. Instead, make sure your title also reflects what people would search for to find the content offered in the article. That said, don’t go overboard to the point of sounding spammy. On the other hand, don’t go overboard on the fluffy language so no one knows that the blog entry is about at all.&lt;br/&gt;&lt;b&gt;Avoiding duplication&lt;/b&gt;&lt;br/&gt;If you tend to write articles around the same content area, make sure that you don’t have too many similarly titled blog posts. So mix them up a bit so that people don’t see the next blog title on the same subject and simply assume that it is the same one they just read.&lt;br/&gt;&lt;b&gt;Avoid naming similar to other’s popular blog post&lt;/b&gt;&lt;br/&gt;So your competitor just wrote a blog post that hit the front page of Digg and got blogged seemingly everywhere. And ironically, you have a blog post on the exact same thing… or, more likely, you wrote your own version that you believe is 100x better than your competitors. But the same with duplicating your own blog entry titles, you need to avoid doing the same here. So name it something completely different to increase its odds of hitting front pages because people will tend to not vote or submit it if it seems to be exactly what they voted for two days ago. Or best yet, keep your killer blog title and entry and wait a couple of months before publishing it, when everyone would have long forgotten your competitor’s version on the same thing.&lt;br/&gt;Many will argue that the title of your blog is the most important part of any blog entry, and you should spending time on creating a title that is as perfect as it can be. Because a well written title - so long as it has decent quality content to back it up - will do wonders for the success of your blog overall.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6440300853616387333-3508216838859602102?l=www.rudianto.co.cc'/&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~4/jz1pYLnkR90" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~3/jz1pYLnkR90/5-strategies-for-creating-killer-blog.html</link><author>noreply@blogger.com (Rudianto)</author><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.rudianto.co.cc/2008/05/5-strategies-for-creating-killer-blog.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6440300853616387333.post-3665621582557815895</guid><pubDate>Mon, 12 May 2008 22:11:00 +0000</pubDate><atom:updated>2008-05-19T20:58:40.852-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tutorial Blog</category><title>Creating a “Best of Blog” Page &amp; Why You Need One</title><description>&lt;div xmlns='http://www.w3.org/1999/xhtml'&gt;Many blogs highlight their favorite or most&lt;br /&gt;popular blog posts on the sidebar of their blogs. But if you have a&lt;br /&gt;mountain of content that is being relegated to the depths of your&lt;br /&gt;archive because they were written so long ago, it is probably time to&lt;br /&gt;create a single page that links up your top blog articles.&lt;br /&gt;&lt;span id='fullpost'&gt;&lt;br /&gt;&lt;b&gt;What’s the best?&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;First, determine what your top blog content is. If you have kept&lt;br /&gt;analytics since the beginning of your blog’s existence, look and see&lt;br /&gt;which blog entries have had the most number of cumulative page views.&lt;br /&gt;Those should be included. Then consider other blog entries you feel are&lt;br /&gt;the best, but for some reason just didn’t make the most-eyeballs list,&lt;br /&gt;or perhaps they were really well received by a smaller niche than your&lt;br /&gt;blog generally serves. Aim to have at least 20-25 blog entries.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Categorize them&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Perhaps the simple blog categories you use for regular blogging just&lt;br /&gt;isn’t the best way to break down your content. Or maybe you tagged many&lt;br /&gt;of your posts with 3 or 4 categories each, and you need to figure what&lt;br /&gt;one would be best suited to the blog. Just don’t do it by date… people&lt;br /&gt;can use the date archives if they want to know what you wrote back in&lt;br /&gt;June of 2006. Now that you have categorized them, divide each blog&lt;br /&gt;entry into a single category. And if you have a couple categories with&lt;br /&gt;only a single entry, go back and find a couple more to put in each. You&lt;br /&gt;want to make sure you have at least two entries in each category.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Write snippets&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;You don’t necessarily want to have just a page of links, especially if&lt;br /&gt;you have a lot of best posts to show off. So write new and unique&lt;br /&gt;snippets for each blog… really avoid the temptation to just copy the&lt;br /&gt;first sentence from each post. And make the snippets enticing as well,&lt;br /&gt;so that the combination of title and snippet make each one irresistible&lt;br /&gt;to readers.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Create a new page&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Now that you have everything you&lt;br /&gt;need, create new page on your blog (a page rather than a blog post per&lt;br /&gt;se which would send it off into the archives. Call the page “Most&lt;br /&gt;Popular Blog Posts” or something similar, so that if people see it in&lt;br /&gt;the blog sidebar, they know exactly what it is if they clicked it.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Regularly update&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Once you have created the page, do make sure you go back and update it.&lt;br /&gt;It doesn’t do much good for your readers if the page hasn’t been&lt;br /&gt;updated with any new popular blog hosts for the past six months. So&lt;br /&gt;make a habit of updating every month or so, or adding an entry after&lt;br /&gt;you notice it has a traffic spike.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;If your blog is new&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;If your blog is fairly new, and you only have a handful of those most&lt;br /&gt;popular posts, there is no reason why you can’t have a best blog post&lt;br /&gt;page. Just leave out the categories and perhaps slightly lengthen the&lt;br /&gt;length of your snippets so it doesn’t look too bare. Then as you add&lt;br /&gt;new blog posts, you can add categories later and shorten the snippets&lt;br /&gt;to organize it better.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Promote it&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;Make note of it in your forum signatures. Comment and link to it from&lt;br /&gt;your own blog so that the longtime readers know it’s there. Include it&lt;br /&gt;in your resume or “about me” page on other sites. Share it when you are&lt;br /&gt;at industry conferences and add it to your speaker bio.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Automate it&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;There are a few plugins that add article pages with plugins. While not&lt;br /&gt;completely automated, it makes life easier for the lazy blogger.&lt;br /&gt;When you create a best blog post page, it helps&lt;br /&gt;new readers who have just discovered your blog to find the best you&lt;br /&gt;have to offer. This also makes it more enticing for those readers to&lt;br /&gt;subscribe to your blog, since they can easily see just how much great&lt;br /&gt;content you have to offer. And since new blogs can easily implement&lt;br /&gt;this kind of blog strategy, it makes sense to add this to your blog. &lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6440300853616387333-3665621582557815895?l=www.rudianto.co.cc'/&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~4/wLdT0HN1_os" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~3/wLdT0HN1_os/creating-best-of-blog-page-why-you-need.html</link><author>noreply@blogger.com (Rudianto)</author><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.rudianto.co.cc/2008/05/creating-best-of-blog-page-why-you-need.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6440300853616387333.post-7100624989537106737</guid><pubDate>Mon, 12 May 2008 05:58:00 +0000</pubDate><atom:updated>2008-05-20T18:01:56.501-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tutorial Blog</category><title>Introduction Chapter 1 : Creating Your Blog</title><description>&lt;div xmlns='http://www.w3.org/1999/xhtml'&gt;&lt;b&gt;&lt;i&gt;Step1: Go To Blogger.com&lt;br /&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;Blogger.com is owned by Google.com. It is a free site that will allow you to create your own blog. In fact, you will have the option of creating as many blogs as you like – all for free.&lt;br /&gt;&lt;span id='fullpost'&gt;&lt;br /&gt;Put the following URL into your web browser: http://www.blogger.com&lt;br /&gt;When you do, you will see the following screen. From this screen, there are three things you can do. You can sign in (which will be an option once you’ve created an account), you can take a quick tour (which won’t be necessary if you read the remainder of this chapter, although can be helpful to some learning styles), or you can create your own blog now.&lt;br /&gt;Click on the orange arrow that says, “Create Your Blog Now”&lt;b&gt;&lt;i&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;&lt;div align='center'&gt;&lt;b&gt;&lt;i&gt;&lt;img src='http://cashiershop.com/blog/ar3.gif' style='max-width: 800px;'/&gt;&lt;/i&gt;&lt;/b&gt;&lt;br /&gt;&lt;/div&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;Step 2: Create an Account&lt;br /&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;For this step, you will need to create a user name and password. It does not matter what user name you choose.&lt;br /&gt;You will also be asked what display name you wish to use. When you post to your blog, this name will be displayed at the end of each post. For now, go ahead and put “editor.” Later, in Chapter 9, you will learn how to change this for each blog if you wish.&lt;br /&gt;&lt;br /&gt;Finally, you will need to type in your email address (make sure it is a real address) and check the area that says you agree to their Terms of Service. We have included the Google’s entire Terms of Service in our Appendix.&lt;br /&gt;&lt;br /&gt;&lt;div align='center'&gt;&lt;img width='408' height='256' style='max-width: 800px;' src='http://cashiershop.com/blog/ar4.gif'/&gt;&lt;br /&gt;&lt;div align='left'&gt;&lt;br /&gt;Once you have entered the information, click on the orange “Continue” arrow.&lt;br /&gt;&lt;br /&gt;&lt;i&gt;&lt;b&gt;Step 3: Naming Your Blog.&lt;br /&gt;&lt;br /&gt;&lt;/b&gt;&lt;/i&gt;Now you will get to name your blog. The first area is the Blog Title of your blog. In this example, the blog title is Kidney Stones. That means, the title at the top of the blog will say Kidney Stones. Later, we will show you how to optimize your Blog Title for search engines. The Blog Title can be changed at any time.&lt;br /&gt;&lt;br /&gt;Next you will be asked to create a blog address or URL. Notice that the URL does not have the traditional www at the front. Picking a blog address can be a bit tricky. If you want to keyword optimize your URL for AdSense or other marketing purposes, you will want to read Chapter 8 to find out how to pick a good name.&lt;br /&gt;&lt;br /&gt;Before clicking on the orange “Continue” arrow, you will be asked to type in the characters you see in the picture below. This makes sure that you are a person and not an autobot creating the blog.&lt;br /&gt;&lt;br /&gt;&lt;div align='center'&gt;&lt;img width='408' height='259' src='http://cashiershop.com/blog/moz-screenshot.jpg' alt=''/&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;There is one other issue with picking a blog name – the name you want may already be in use. If it is, you will see the following page after clicking continue:&lt;br /&gt;&lt;br /&gt;&lt;div align='center'&gt;&lt;img width='422' height='228' src='http://cashiershop.com/blog/moz-screenshot-1.jpg' alt=''/&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;At this point, you simply choose a different blog address.&lt;br /&gt;&lt;br /&gt;In the sample above, you might want to try blog-and-ping using the dashes, try reversing the name to pingandblog or ping-and-blog, try bloggingandpinging or blogging-and-pinging, or any other number of variations.&lt;br /&gt;&lt;br /&gt;Once you find a URL that is not taken, you can move on to Step 4.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;i&gt;&lt;br /&gt;Step 4: Choosing a Template.&lt;br /&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;Blogger currently has 12 ready-made templates to choose from. It really does not matter which template you choose. Each one will allow you to blog and ping. In the following screen shot, “Son of Moto” has been picked.&lt;br /&gt;&lt;br /&gt;&lt;div align='center'&gt;&lt;img width='421' height='301' src='http://cashiershop.com/blog/moz-screenshot-2.jpg' alt=''/&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;After choosing your template, click on the orange “Continue” arrow. As long as you have followed these steps correctly, you will be taken to a screen that let’s you know that your blog has been created. Simply click on the orange “Start Posting” arrow.&lt;br /&gt;&lt;br /&gt;&lt;div align='center'&gt;&lt;img width='398' height='168' src='http://cashiershop.com/blog/moz-screenshot-3.jpg' alt=''/&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;&lt;i&gt;Step 5: Creating a Test Post.&lt;br /&gt;&lt;br /&gt;&lt;/i&gt;&lt;/b&gt;In order for the rest of the steps to work properly, you will need to have some content on your blog. Adding content will allow you to create a Yahoo RSS feed in Chapter 4.&lt;br /&gt;&lt;br /&gt;The content does not have to be relevant and is easy to add.&lt;br /&gt;• Under “Title” add the word Test.&lt;br /&gt;• There is no need to add anything to the “Link” field.&lt;br /&gt;• In the body of the post, once again, add the word Test.&lt;br /&gt;&lt;br /&gt;Then you click on the orange “Publish Post” button.&lt;br /&gt;&lt;br /&gt;&lt;div align='center'&gt;&lt;img width='424' height='432' src='http://cashiershop.com/blog/moz-screenshot-4.jpg' alt=''/&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Once you have published the post, you will see a screen that looks like this:&lt;br /&gt;&lt;br /&gt;&lt;div align='center'&gt;&lt;img width='392' height='163' src='http://cashiershop.com/blog/moz-screenshot-5.jpg' alt=''/&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;In the example above, if you clicked on “View Blog” you would see that you now have a blog with the URL http://kidney-stones.blogspot.com, a title of Kidney Stones, and one post titled “test.” That is all there is to creating your blog – so let’s move on to the important settings you must know to make this system work&lt;br /&gt;&lt;br /&gt;&lt;div align='center'&gt;&lt;img width='421' height='282' src='http://cashiershop.com/blog/moz-screenshot-6.jpg' alt=''/&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6440300853616387333-7100624989537106737?l=www.rudianto.co.cc'/&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~4/KBKZRGGtcEA" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~3/KBKZRGGtcEA/introduction-chapter-1-creating-your.html</link><author>noreply@blogger.com (Rudianto)</author><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.rudianto.co.cc/2008/05/introduction-chapter-1-creating-your.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6440300853616387333.post-6775572609222358516</guid><pubDate>Sun, 11 May 2008 00:06:00 +0000</pubDate><atom:updated>2008-05-12T15:19:18.408-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Tutorial Blog</category><title>Introduction</title><description>&lt;div xmlns='http://www.w3.org/1999/xhtml'&gt;&lt;b&gt;&lt;i&gt;Just What Is Blogging and Pinging???&lt;/i&gt;&lt;/b&gt;&lt;br/&gt;&lt;br/&gt;There is a new duo in town called Blogging and Pinging. It is not a new comedy team or even a singing group, but a new way to attract visitors to your website and make more money. Blogging and Pinging is a marketing tool that can make anyone a viable website owner.&lt;br/&gt;Let’s start with a definition of a blog.&lt;div class='fullpost'&gt;&lt;br/&gt;Blog is short for weblog. A weblog is a journal that is frequently updated and intended for general public consumption. Blogs generally represent the personality of the author or the Web site.&lt;br/&gt;Ok, so what about pinging? Originally, a ping was a program that bounced a request off of another computer/server over a network or the Internet to see if the remote computer was responding. That same program is now used as a method of informing others that your blog exists and also let’s them know when a new post has been made.&lt;br/&gt;When you put the two together – blogging and pinging – you get a technique that is extremely effective at getting ANY web site, no matter how big or small, indexed by the major search engines.&lt;br/&gt;&lt;br/&gt;&lt;b&gt;&lt;i&gt;Why Is Blogging and Pinging The Newest Marketing Tool?&lt;/i&gt;&lt;/b&gt;&lt;br/&gt;&lt;br/&gt;Most of you are now saying, “Yea, so?? I can get my site indexed now. What’s the big deal?” The big deal is that blogging and pinging gets your site indexed almost immediately AND it is FREE!!!&lt;br/&gt;If you have any experience trying to get a site indexed and listed in the major search engines, then you know that it is frustrating and very difficult to get done in a reasonable amount of time. After working hard to get your site together, collecting and writing content, worrying about keywords and keyword densities, you are not even close to finished. Now comes the even harder part! Now you have to submit, by hand, your site to all the major search engines. And finally, you get to wait.&lt;br/&gt;That’s right, you have to wait for the spiders to come index your site. This could take weeks or this could take months. There are some methods that will help bring along the spiders a bit faster, but these take lots of time and effort and money. And still, you can’t be sure that the spiders will come fast enough.&lt;br/&gt;Blogging and pinging solves this problem. You can guarantee that spiders will come to your site and that you will get listed in all the major search engines with minimal effort and no money – in about 48 hours!!!&lt;br/&gt;&lt;br/&gt;How does it work? The largest search engine, Google, owns Blogger.com. This is the site we will use to help you create your blogs. Google sends their search engine spiders through Blogger.com to find new content.&lt;br/&gt;When you blog the content on your site – an extremely easy process described in Chapter 5 – the URL of the page you are blogging is automatically attached. That way, when Google’s spiders come along, they “see” the URL. If that URL isn’t listed in the Google database, the spiders “run right over” to the URL and check it out!&lt;br/&gt;Imagine that the URL found on the blog is YOUR site! Rather than wait for weeks, months, or even up to a year, you can get YOUR site listed immediately! Google themselves will tell you that they would rather “discover” new URL’s by finding links than get them via submission. So, why not blog and ping and give them what they want!!&lt;br/&gt;Another good piece of news is that once Google has your site, other search engines that use Google’s feed will put you on their site, too. And it all happens at lightening speed!&lt;br/&gt;Another technique you will learn here in Chapter 3 and Chapter 4 is how to get Yahoo to send their news spiders your way. Just like Google, Yahoo is looking for fresh content. And once they pick up your site, so will others.&lt;br/&gt;&lt;br/&gt;Finally, Chapter 7 will show you how to ping other services like Technorati and blo.gs. So why would you want to be on these sites? One word: traffic. Services like Technorati spider your links in real time. If you show up on someone’s Technorati link list for their site they’re likely to visit your site to see what you said, increasing your exposure.&lt;br/&gt;&lt;br/&gt;&lt;b&gt;&lt;i&gt;What Do The Spiders See?&lt;/i&gt;&lt;/b&gt;&lt;br/&gt;&lt;br/&gt;We’ve talked a lot about spiders and pinging, but just what do spiders see when they come to your site?&lt;br/&gt;Unlike “human” visitors, spiders are looking for links. In fact, they are not looking at your site at all – they are just scanning through your HTML code!&lt;br/&gt;Let’s take a quick look at what a spider sees when it goes to your blog.&lt;br/&gt;Here is a blog about Free Invest. As a human visitor, you would see the following:&lt;br/&gt;&lt;br/&gt;&lt;div align='center'&gt;&lt;img style='max-width: 380px;' src='http://cashiershop.com/blog/ar1.png'/&gt;&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;However, the spider is looking below the surface and scanning to find HTML links. When the spider crawls your content, it will see the following:&lt;br/&gt;&lt;br/&gt;&lt;div align='center'&gt;&lt;img src='http://cashiershop.com/blog/ar2.png' style='max-width: 380px;'/&gt;&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;The HTML in the Link field as well as the HTML in the content field will be noted by the spider,&lt;br/&gt;&lt;br/&gt;So, keep in mind, that for the blogging and pinging method to work, you have to optimize the blog for spiders. And that is exactly what you are going to learn to do – see like a spider!&lt;br/&gt;&lt;br/&gt;&lt;b&gt;&lt;i&gt;Simple Steps Lead to Big Results&lt;/i&gt;&lt;/b&gt;.&lt;br/&gt;&lt;br/&gt;As with other marketing strategies, you will need to do some work. However, the steps you will follow to blog and ping are easy and guaranteed to work. Once the system is set up, you can blog and ping to get any of your sites listed quickly.&lt;br/&gt;11&lt;br/&gt;The Blog and Ping Tutorial – Adsense Profit Pack&lt;br/&gt;www.adsenseprofitpack.com&lt;br/&gt;This ebook will show you how to accomplish each step. The steps will be presented in words and with screen shots. Nothing will be left to chance. And since we’ve done all the research, you will know exactly what to do and when to do it. Keep in mind that you need to do EVERY step and do them in the proper order. If you don’t, then the system simply won’t work.&lt;br/&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6440300853616387333-6775572609222358516?l=www.rudianto.co.cc'/&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~4/WVXErw2qzDw" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~3/WVXErw2qzDw/introduction.html</link><author>noreply@blogger.com (Rudianto)</author><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.rudianto.co.cc/2008/05/introduction.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6440300853616387333.post-5611648699877741249</guid><pubDate>Sat, 10 May 2008 04:41:00 +0000</pubDate><atom:updated>2008-05-09T21:46:56.265-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Your Blog's Ornament</category><title>BlogToC Widget Released</title><description>&lt;div class="post-body"&gt;&lt;br /&gt;&lt;p&gt;&lt;span class="dropcaps"&gt;T&lt;/span&gt;he job is done. We now have a complete interactive Table Of Contents. Click the button in my sidebar to display the TOC. You can sort the TOC by Post Title by clicking the column header. Click it again, and it is sorted in reversed order. The same way if you want to sort the posts by date: newest first, or oldest first. And by clicking on one of the labels in the TOC filters all posts with that label. Click the column header to return to the full ToC.&lt;br&gt;&lt;br&gt;Here is how to install it to your Blog.&lt;br&gt;&lt;br&gt;Step 1: Back Up your Template.&lt;br&gt;&lt;br&gt;Step 2: Add a HTML Page Element&lt;br&gt;Edit your template in HTML-mode, and look for the &amp;lt;b:section&amp;gt; with id=main. This is the section that holds the Blog posts.&lt;br&gt;Change that line as follows:&lt;br&gt;&lt;/p&gt;&lt;pre style="font-size: 90%; color: rgb(0, 144, 0);"&gt;&lt;br&gt;&amp;lt;b:section class='main' id='main' maxwidgets='2' showaddelement='yes'&amp;gt;&lt;br&gt;&lt;/pre&gt;&lt;br&gt;Save the template and switch to the Page Elements Tab.&lt;br&gt;Add a HTML page element above your Blog Posts element.&lt;br&gt;Leave the title blank. Add the following html:&lt;br&gt;&lt;pre style="font-size: 90%; color: rgb(0, 144, 0);"&gt;&lt;br&gt;&amp;lt;div id="toc"&amp;gt;&amp;lt;/div&amp;gt;&lt;br&gt;&lt;/pre&gt;&lt;br&gt;Save your template.&lt;br&gt;&lt;br&gt;Step 3: Add a Sidebar HTML-element&lt;br&gt;Now add a HTML-element to the sidebar. Set the title to "TOC".&lt;br&gt;For the contents, enter:&lt;br&gt;&lt;pre style="font-size: 90%; color: rgb(0, 144, 0);"&gt;&lt;br&gt;&amp;lt;div id="toclink"&amp;gt;&amp;lt;a href="javascript:showToc();"&amp;gt;Show TOC&amp;lt;/a&amp;gt;&amp;lt;br/&amp;gt;&amp;lt;br/&amp;gt;&amp;lt;/div&amp;gt;&lt;br&gt;&amp;lt;script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/blogtoc.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;br&gt;&amp;lt;script src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&amp;amp;max-results=999&amp;amp;callback=loadtoc"&amp;gt;&amp;lt;/script&amp;gt;&lt;br&gt;&lt;/pre&gt;&lt;br&gt;&lt;br&gt;Replace YOURBLOG with the name of ...... exactly.&lt;br&gt;Oh yes, and save.&lt;br&gt;&lt;br&gt;Step 4: Add custom styles to the skin of your template.&lt;br&gt;New id's and classes are:&lt;br&gt;#toc : the div-wrapper that contains the TOC&lt;br&gt;.toc-header-col1 : header of column 1&lt;br&gt;.toc-header-col2 : header of column 2&lt;br&gt;.toc-header-col3 : header of column 3&lt;br&gt;.toc-entry-col1  : cell in column 1&lt;br&gt;.toc-entry-col2  : cell in column 2&lt;br&gt;.toc-entry-col3  : cell in column 3&lt;br&gt;&lt;br&gt;For your convenience: Beautiful Beta uses the following styling:&lt;br&gt;&lt;pre style="font-size: 90%; color: rgb(0, 144, 0);"&gt;&lt;br&gt;&amp;lt;style type="text/css"&amp;gt;&lt;br&gt;#toc {&lt;br&gt;  border: 0px solid #000000;&lt;br&gt;  background: #ffffff;&lt;br&gt;  padding: 5px;&lt;br&gt;  width:500px;&lt;br&gt;  margin-top:10px;&lt;br&gt;}&lt;br&gt;.toc-header-col1, .toc-header-col2, .toc-header-col3 {&lt;br&gt;  background: #ffd595;&lt;br&gt;  color: #000000;&lt;br&gt;  padding-left: 5px;&lt;br&gt;  width:250px;&lt;br&gt;}&lt;br&gt;.toc-header-col2 {&lt;br&gt;  width:75px;&lt;br&gt;}&lt;br&gt;.toc-header-col3 {&lt;br&gt;  width:125px;&lt;br&gt;}&lt;br&gt;.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {&lt;br&gt;  font-size:80%;&lt;br&gt;  text-decoration:none;&lt;br&gt;}&lt;br&gt;.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {&lt;br&gt;  font-size:80%;&lt;br&gt;  text-decoration:underline;&lt;br&gt;}&lt;br&gt;&lt;br&gt;.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {&lt;br&gt;  padding-left: 5px;&lt;br&gt;  font-size:70%;&lt;br&gt;}&lt;br&gt;&amp;lt;/style&amp;gt;&lt;br&gt;&lt;/pre&gt;&lt;br&gt;&lt;br&gt;You can add this to the &amp;lt;b:skin&amp;gt;-part of the template, or insert it in the sidebar widget.&lt;br&gt;&lt;br&gt;Enjoy!&lt;br /&gt;&lt;div style="clear: both;"&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6440300853616387333-5611648699877741249?l=www.rudianto.co.cc'/&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~4/N2a3-ngwkvI" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~3/N2a3-ngwkvI/blogtoc-widget-released.html</link><author>noreply@blogger.com (Rudianto)</author><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.rudianto.co.cc/2008/05/blogtoc-widget-released.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6440300853616387333.post-4444537053656782979</guid><pubDate>Sat, 10 May 2008 03:42:00 +0000</pubDate><atom:updated>2008-05-09T20:45:51.276-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Your Blog's Ornament</category><title>Vertical Green Menu</title><description>&lt;p&gt;&lt;div style="float:left;text-align:left;"&gt;&lt;br /&gt;Last time i was explained about &lt;b&gt;Horizontal Menu&lt;/b&gt; wiyh CSS, and now i will&lt;br /&gt;give you a good menu in vertical line. This menu for replace in the sidebar, but&lt;br /&gt;before you get this menu you must look the demo, please click at the button below :&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;a href="http://for-demo.blogspot.com/2007/09/vertical-green-menu.html" target="_blank"&gt;&lt;img src="http://24rohman.googlepages.com/demo.gif"&gt;&lt;/a&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;br /&gt;I like this menu because i love green color, so cool. Do you like it to? OK, if you same with me please&lt;br /&gt;follow the instruction below :&lt;br /&gt;&lt;div class="fullpost"&gt;&lt;br /&gt;&lt;br&gt;&lt;br /&gt;&lt;b&gt;Step 1 ;&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;ol&gt;&lt;br /&gt;&lt;li&gt;Sign in to blogger with your ID&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Click &lt;b&gt;layout&lt;/b&gt; tab&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Click &lt;b&gt;Edit HTML&lt;/b&gt; tab&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;Click &lt;b&gt;Download Full Template&lt;/b&gt;, save your template for backup data&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Place this CSS code above &lt;span style="color:red"&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt; &lt;/span&gt;&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;div&gt;&lt;form name="copy"&gt;&lt;div align="left"&gt;&lt;br /&gt;&lt;input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"&gt;&lt;br /&gt; &lt;/div&gt;&lt;div align="left"&gt;&lt;/div&gt;&lt;p align="left"&gt;&lt;br /&gt; &lt;textarea style="WIDTH: 250px; HEIGHT: 130px" name="txt" rows="100" wrap="VIRTUAL" cols="55"&gt;&lt;br /&gt;/*  vertikal menu hijau di mulai&lt;br /&gt;---------------------------------------- */&lt;br /&gt;&lt;br /&gt;/*Credits: CSS Library */&lt;br /&gt;/*URL: http://css-lybrary.blogspot.com */&lt;br /&gt;&lt;br /&gt;#menu-hijau{&lt;br /&gt;&lt;br /&gt;border-bottom-width: 0;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;#menu-hijau ul{&lt;br /&gt;margin: 0;&lt;br /&gt;padding: 0;&lt;br /&gt;font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif; /*pemilihan bentuk huruf */&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;#menu-hijau a{&lt;br /&gt;display: block;&lt;br /&gt;padding: 3px 0;&lt;br /&gt;padding-left: 9px;&lt;br /&gt;text-decoration: none; /*agar link tidak bergaris bawah */&lt;br /&gt;color: white; /*warna hurup */&lt;br /&gt;background-color: #28952D; /*warna background */&lt;br /&gt;border-bottom: 1px solid #B6EDB9; /*warna border bawah */&lt;br /&gt;border-left: 7px solid #245926; /*warna border samping kiri */&lt;br /&gt;border-right:1px solid #000000; /*warna border samping kanan */&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;#menu-hijau a:hover {&lt;br /&gt;background-color: #3BC642; /*warna background */&lt;br /&gt;border-left-color: #357838;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;#menu-hijau div.menutitle{&lt;br /&gt;color: white;&lt;br /&gt;border-bottom: 1px solid black;&lt;br /&gt;padding: 1px 0;&lt;br /&gt;padding-left: 5px;&lt;br /&gt;background-color: black;&lt;br /&gt;font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;&lt;/textarea&gt;&lt;/p&gt;&lt;/div&gt;&lt;/form&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Click &lt;b&gt;Save Template&lt;/b&gt; button&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;/ol&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;b&gt;Step 2 :&lt;/b&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;ol&gt;&lt;br /&gt;&lt;li&gt;Click &lt;b&gt;Page Element&lt;/b&gt; tab&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Click &lt;b&gt;Add a Page Element&lt;/b&gt;&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Click &lt;b&gt;ADD TO BLOG&lt;/b&gt; button below &lt;b&gt;Javascript/HTML&lt;/b&gt;&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Copy and paste the code below in to the element&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;div&gt;&lt;form name="copy"&gt;&lt;div align="left"&gt;&lt;br /&gt;&lt;input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"&gt;&lt;br /&gt;&lt;br /&gt; &lt;/div&gt;&lt;div align="left"&gt;&lt;/div&gt;&lt;p align="left"&gt;&lt;br /&gt; &lt;textarea style="WIDTH: 250px; HEIGHT: 130px" name="txt" rows="100" wrap="VIRTUAL" cols="55"&gt;&lt;br /&gt; &lt;!-- silahkan ganti dengan link milik sobat --&gt;&lt;br /&gt;&lt;br /&gt;&lt;div id="menu-hijau"&gt;&lt;br /&gt;&lt;div class="menutitle"&gt;CSS Lybrary&lt;/div&gt;&lt;!-- judul menu pertama di sini --&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;a href="http://css-lybrary.blogspot.com"&gt;Home&lt;/a&gt;&lt;br /&gt;&lt;a href="http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html"&gt;Blue menu&lt;/a&gt;&lt;br /&gt;&lt;a href="http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html"&gt;Blue menu 2&lt;/a&gt;&lt;br /&gt;&lt;a href="http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html"&gt;Double Line Menu&lt;/a&gt;&lt;br /&gt;&lt;a href="http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html"&gt;Flip menu&lt;/a&gt;&lt;br /&gt;&lt;!-- untuk menambah link baru simpan di sini --&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="menutitle"&gt;Unique Template&lt;/div&gt;&lt;!-- judul menu kedua di sini --&gt;&lt;br /&gt;&lt;ul&gt;&lt;br /&gt;&lt;a href="http://template-unik.blogspot.com/2007/07/white-minima-3-column.html"&gt;Minima 3 column&lt;/a&gt;&lt;br /&gt;&lt;a href="http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html"&gt;Minima 3 column (beta)&lt;/a&gt;&lt;br /&gt;&lt;a href="http://template-unik.blogspot.com/2007/07/1st-template-unik.html"&gt;1st template unik&lt;/a&gt;&lt;br /&gt;&lt;a href="http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html"&gt;Scribe 3 column&lt;/a&gt;&lt;br /&gt;&lt;a href="http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html"&gt;Blu Lover&lt;/a&gt;&lt;br /&gt;&lt;a href="http://template-unik.blogspot.com/2007/08/gray-lover-template.html"&gt;Gray Lover&lt;/a&gt;&lt;br /&gt;&lt;!-- untuk menambah link baru simpan di sini --&gt;&lt;br /&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="menutitle"&gt;Blog Tutorial&lt;/div&gt;&lt;!-- judul menu ketiga di sini --&gt;&lt;br /&gt;&lt;a href="http://kolom-tutorial.blogspot.com/2007/09/buat-daftar-isi-blog.html"&gt;Buat daftar isi&lt;/a&gt;&lt;br /&gt;&lt;a href="http://kolom-tutorial.blogspot.com/2007/05/pasang-buku-tamu-di-sidebar.html"&gt;Pasang buku tamu&lt;/a&gt;&lt;br /&gt;&lt;a href="http://kolom-tutorial.blogspot.com/2007/07/pasang-kode-tuker-link.html"&gt;Kode tuker link&lt;/a&gt;&lt;br /&gt;&lt;a href="http://kolom-tutorial.blogspot.com/2007/07/pasang-jadwal-sholat.html" style="border-bottom-color: black"&gt;Jadwal sholat&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt; &lt;!-- div penutup menu hijau --&gt;&lt;br /&gt;&lt;/textarea&gt;&lt;/p&gt;&lt;/div&gt;&lt;/form&gt; &lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Click &lt;b&gt;SAVE&lt;/b&gt; button&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Click and hold the new element and drag to place where you want &lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Click &lt;b&gt;SAVE&lt;/b&gt; button&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Finish&lt;/li&gt;&lt;br /&gt;&lt;/ol&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;You must change the links with your own links. Ok, have a nice day for you.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br/&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6440300853616387333-4444537053656782979?l=www.rudianto.co.cc'/&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~4/V0TbSLBsSF0" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~3/V0TbSLBsSF0/vertical-green-menu.html</link><author>noreply@blogger.com (Rudianto)</author><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.rudianto.co.cc/2008/05/vertical-green-menu.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6440300853616387333.post-1199974080705320617</guid><pubDate>Sat, 10 May 2008 02:50:00 +0000</pubDate><atom:updated>2008-05-09T20:01:35.332-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Template</category><title>New blogger templates (XML) 3 columns</title><description>&lt;div xmlns='http://www.w3.org/1999/xhtml'&gt;&lt;p&gt;&lt;a target='_blank' href='http://webtalks.blogspot.com/2007/04/downlaod-three-column-new-blogger.html'&gt;&lt;img border='0' src='http://bp2.blogger.com/_PeRC281eiFY/RiS-0FXQMmI/AAAAAAAAAD8/QACHxbh-wR4/s320/tictac-thumb.jpg' style='margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;'/&gt;&lt;/a&gt;&lt;br/&gt;&lt;/p&gt;&lt;div align='justify'&gt;&lt;br/&gt;&lt;br /&gt;These all are free to download XML templates which will work with the new blogger {blogger beta}.Most of them are 3 columned ones.They have a back link back to this page.You can remove it if your want.If you want to motivate me, the donation option below is all yours.&lt;br /&gt;&lt;/div&gt;&lt;p/&gt;&lt;/div&gt; &lt;a target='_blank' href='http://webtalks.blogspot.com/2007/04/downlaod-three-column-new-blogger.html'&gt;| download |&lt;/a&gt; &lt;br/&gt;&lt;br/&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6440300853616387333-1199974080705320617?l=www.rudianto.co.cc'/&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~4/95npjGi3FPs" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~3/95npjGi3FPs/new-blogger-templates-xml-3-columns.html</link><author>noreply@blogger.com (Rudianto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://bp2.blogger.com/_PeRC281eiFY/RiS-0FXQMmI/AAAAAAAAAD8/QACHxbh-wR4/s72-c/tictac-thumb.jpg" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.rudianto.co.cc/2008/05/new-blogger-templates-xml-3-columns.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6440300853616387333.post-2971339739066273465</guid><pubDate>Fri, 09 May 2008 22:37:00 +0000</pubDate><atom:updated>2008-05-09T15:38:43.220-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Template</category><title>UniQue Template</title><description>&lt;p&gt;&lt;a href="http://unique-R1-8.blogspot.com" target="_blank"&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp2.blogger.com/_PGbumCj4iVY/Rwv5diyPOeI/AAAAAAAAADM/YRDEujty5xg/s200/uniQue-R-1.8.gif" border="0" alt="uniQue template R 1.8"id="BLOGGER_PHOTO_ID_5119459687385741794" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;div align="justify"&gt;&lt;br /&gt;&lt;br /&gt;UniQue Template had launch a good template, the name is UniQue template R 1.8.&lt;br /&gt;What the UniQue with this template? I think this a good looking template, specially&lt;br /&gt;is had multiple column, that is main column for posting, 2 column sidebar at the right side,&lt;br /&gt;3 column at the bottom, and the last is footer column. So with the multiple column, you can add&lt;br /&gt;much more content into your blog. The default color is &lt;b&gt;Green Color&lt;/b&gt;, but you can change&lt;br /&gt;it very eazy at &lt;b&gt;Font and Color&lt;/b&gt; tab. Change it and enjoy your favourite color.&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;I was add much the mini icon to this template, so the template become more beatiful.&lt;br /&gt;This is a &lt;b&gt;Free blog template&lt;/b&gt;, but if you using this template please don't delete the&lt;br /&gt;&lt;b&gt;Credits&lt;/b&gt; for legal using. Notes, i was upload the data template in the &lt;b&gt;Zip File&lt;/b&gt;,&lt;br /&gt;so before you uppload this template to &lt;b&gt;Blogger&lt;/b&gt;, you must extract with &lt;b&gt;Winzip&lt;/b&gt;.&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;a href="http://unique-R1-8.blogspot.com" target="_blank"&gt;Live Demo&lt;/a&gt; |&lt;br /&gt;&lt;br /&gt;&lt;a href="http://amen24.googlepages.com/uniQueR1.8.zip"&gt;Download&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br/&gt;&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6440300853616387333-2971339739066273465?l=www.rudianto.co.cc'/&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~4/-nt0MPnBfzc" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~3/-nt0MPnBfzc/unique-template.html</link><author>noreply@blogger.com (Rudianto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://bp2.blogger.com/_PGbumCj4iVY/Rwv5diyPOeI/AAAAAAAAADM/YRDEujty5xg/s72-c/uniQue-R-1.8.gif" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.rudianto.co.cc/2008/05/unique-template.html</feedburner:origLink></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-6440300853616387333.post-2203699062626957997</guid><pubDate>Fri, 09 May 2008 21:59:00 +0000</pubDate><atom:updated>2008-05-09T15:00:06.867-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Your Blog's Ornament</category><title>Horizontal Tab Menu F</title><description>&lt;p&gt;&lt;div align="justify"&gt;&lt;br /&gt;At this opportunity, I will introduce one navigation menu which in form of horizontal, which in berry &lt;br /&gt;of name of &lt;b&gt;tab menu F&lt;/b&gt;. A navigation menu the beautifulness, compatible in keeping in shares your header. &lt;br /&gt;Tab menu F is the result of masterpiece from &lt;a href="http://www.exploding-boy.com/" target="_blank"&gt;http://www.exploding-boy.com&lt;/a&gt;, &lt;br /&gt;I will only explain to you how to install this navigation in your blog.&lt;br /&gt;How do forming of &lt;b&gt;tab menu F&lt;/b&gt;? Please see the picture below :&lt;br /&gt; &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://bp2.blogger.com/_uJHKCfdb2J0/R0xT0TAbSBI/AAAAAAAAAA4/dlgarRKVjns/s400/menu-F.jpg" border="0" alt="Tab Menu F"id="BLOGGER_PHOTO_ID_5137573432843257874" /&gt;&lt;br /&gt;  &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;  &lt;div class="fullpost"&gt;&lt;br /&gt;&lt;br /&gt;To see the demonstration directly, please click at the button below :&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;a href="http://for-demo.blogspot.com/2007/11/horizontal-tab-menu-f.html" target="_blank"&gt;&lt;img src="http://24rohman.googlepages.com/demo.gif" border="0"&gt;&lt;/a&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="fullpost"&gt;&lt;br /&gt;Interest to install this navigation menu in blog your? please read steps till finish. &lt;br /&gt;I need to affirm that scripts which I give is possibility cannot in applying perfectly &lt;br /&gt;in your blog, because factor of the template which different each other, for that possibly you&lt;br /&gt;require to a little a few script which I give.&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;This is his steps :&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;Right click at both this picture, then clicked &lt;b&gt;save picture As...&lt;/b&gt; then keep in your computer.&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;  &lt;table width="300" border="0" cellpadding="10"&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;td align="center"&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://amen24.googlepages.com/tableftF.gif"&gt;&lt;br /&gt;&lt;/td&gt;&lt;br /&gt;&lt;td align="center"&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://amen24.googlepages.com/tabrightF.gif"&gt;&lt;br /&gt;&lt;/td&gt;&lt;br /&gt;&lt;br /&gt;&lt;tr&gt;&lt;br /&gt;&lt;td align="center"&gt;&lt;br /&gt;tableftF.gif&lt;br /&gt;&lt;br /&gt;&lt;/td&gt;&lt;br /&gt;&lt;td align="center"&gt;&lt;br /&gt;&lt;br /&gt;tabrightF.gif&lt;br /&gt;&lt;/td&gt;&lt;br /&gt;&lt;/tr&gt;&lt;br /&gt;&lt;br /&gt;&lt;/table&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;Then upload both the picture to server ordinary place of you saving the pictures you have.&lt;br /&gt;example : I'm ordinary saving my pictures in google pages, and the picture have the address be like this :&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;span style="color:red"&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;http://amen24.googlepages.com/tableftF.gif &lt;br/&gt;&lt;br/&gt;&lt;br /&gt;http://amen24.googlepages.com/tabrightF.gif &lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;/code&gt;&lt;/span&gt;&lt;br /&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;br /&gt;Be in fact, you can use both the picture address, &lt;br /&gt;however I worry if too much the use the the address hence server which I use cannot handling &lt;br /&gt;it so that the menu you use becoming not function better.&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;Many ways to install this code, one of the way is be like this :&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;Step #1 :&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;ol&gt;&lt;br /&gt;&lt;li&gt;Login to &lt;a href="http://www.blogger.com/" target="_blank"&gt;blogger&lt;/a&gt; with your ID &lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;After entering the dasboard page , click &lt;b&gt;Layout&lt;/b&gt;. Please saw the picture :&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;img id="BLOGGER_PHOTO_ID_5136689749330448130" style="CURSOR: hand" alt="front panel" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s400/front-panel.jpg" border="0" /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;Then click &lt;b&gt;edit HTML&lt;/b&gt; tab. Please saw the picture :&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;img id="BLOGGER_PHOTO_ID_5136689753625415442" style="CURSOR: hand" alt="layout panel" src="http://bp3.blogger.com/_c-XFk4OciTE/R0kwHZY7TxI/AAAAAAAAAQU/s-_eTLcESNw/s400/layout-panel.jpg" border="0" /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;I suggest to you, beforehand to back up your template. Click the &lt;b&gt;Download full template&lt;/b&gt; link. Please saw the picture :&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;img id="BLOGGER_PHOTO_ID_5136689753625415458" style="CURSOR: hand" alt="download template" src="http://bp3.blogger.com/_c-XFk4OciTE/R0kwHZY7TyI/AAAAAAAAAQc/cuBu-D10rBU/s400/download-template.jpg" border="0" /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;After you click &lt;b&gt;Download full template&lt;/b&gt; link, then will emerge new window just to download. Click the &lt;b&gt;Save&lt;/b&gt; button. Saw the picture :&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;img style="cursor:pointer; cursor:hand;" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kw6JY7T1I/AAAAAAAAAQ0/HllCPMP7FME/s400/download.jpg" border="0" alt="download"id="BLOGGER_PHOTO_ID_5136690625503776594" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;You could choose this data would in kept where and with what file name what,&lt;br /&gt;Afterwards ended with click of the &lt;b&gt;Save&lt;/b&gt; button. Please saw the picture : &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;img id="BLOGGER_PHOTO_ID_5136689766510317378" style="CURSOR: hand" alt="saving template" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwIJY7T0I/AAAAAAAAAQs/ASX33aN1aCc/s400/saving-data.jpg" border="0" /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Copy and paste code above of &lt;span style="color:red"&gt;&lt;b&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;div&gt;&lt;form name="copy"&gt;&lt;div align="left"&gt;&lt;br /&gt;&lt;input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"&gt;&lt;br /&gt; &lt;/div&gt;&lt;div align="left"&gt;&lt;/div&gt;&lt;p align="left"&gt;&lt;br /&gt; &lt;textarea style="WIDTH: 430px; HEIGHT: 200px" name="txt" rows="100" wrap="VIRTUAL" cols="55"&gt;&lt;br /&gt;&lt;br /&gt;/*- Menu Tabs F--------------------------- */&lt;br /&gt;&lt;br /&gt;    #tabsF {&lt;br /&gt;      float:left;&lt;br /&gt;      width:100%;&lt;br /&gt;      background:transparent;&lt;br /&gt;      font-size:15px;&lt;br /&gt;      line-height:normal;&lt;br /&gt;          border-bottom:1px solid #666;&lt;br /&gt;      }&lt;br /&gt;    #tabsF ul {&lt;br /&gt;        margin:0;&lt;br /&gt;        padding:10px 10px 0 50px;&lt;br /&gt;        list-style:none;&lt;br /&gt;      }&lt;br /&gt;    #tabsF li {&lt;br /&gt;      display:inline;&lt;br /&gt;      margin:0;&lt;br /&gt;      padding:0;&lt;br /&gt;      }&lt;br /&gt;    #tabsF a {&lt;br /&gt;      float:left;&lt;br /&gt;      background:url("http://amen24.googlepages.com/tableftF.gif") no-repeat left top;&lt;br /&gt;      margin:0;&lt;br /&gt;      padding:0 0 0 4px;&lt;br /&gt;      text-decoration:none;&lt;br /&gt;      }&lt;br /&gt;    #tabsF a span {&lt;br /&gt;      float:left;&lt;br /&gt;      display:block;&lt;br /&gt;      background:url("http://amen24.googlepages.com/tabrightF.gif") no-repeat right top;&lt;br /&gt;      padding:5px 15px 4px 6px;&lt;br /&gt;      color:#666;&lt;br /&gt;      }&lt;br /&gt;    /* Commented Backslash Hack hides rule from IE5-Mac \*/&lt;br /&gt;    #tabsF a span {float:none;}&lt;br /&gt;    /* End IE5-Mac hack */&lt;br /&gt;    #tabsF a:hover span {&lt;br /&gt;      color:#FFF;&lt;br /&gt;      }&lt;br /&gt;    #tabsF a:hover {&lt;br /&gt;      background-position:0% -42px;&lt;br /&gt;      }&lt;br /&gt;    #tabsF a:hover span {&lt;br /&gt;      background-position:100% -42px;&lt;br /&gt;      }&lt;br /&gt;&lt;br /&gt;        #tabsF #current a {&lt;br /&gt;                background-position:0% -42px;&lt;br /&gt;        }&lt;br /&gt;        #tabsF #current a span {&lt;br /&gt;                background-position:100% -42px;&lt;br /&gt;        }&lt;br /&gt;&lt;/textarea&gt;&lt;/p&gt;&lt;/div&gt;&lt;/form&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;br /&gt;&lt;li&gt;Go to underside, the code searching looking like be like :&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;div align="left"&gt;&lt;br /&gt;&lt;span style="color:red"&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt; &amp;lt;b:section class='header' id='header' maxwidgets='&lt;span style="color:green"&gt;1&lt;/span&gt;' showaddelement='&lt;span style="color:green"&gt;no&lt;/span&gt;'&amp;gt;&lt;br/&gt;&lt;br /&gt;&amp;lt;b:widget id='Header1' locked='&lt;span style="color:green"&gt;true&lt;/span&gt;' title='your blog title (Header)' type='Header'/&amp;gt;&lt;br/&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/b:section&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Change the code printing with green colour, so that his code become be like this :&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;div align="left"&gt;&lt;br /&gt;&lt;span style="color:red"&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt; &amp;lt;b:section class='header' id='header' maxwidgets='&lt;span style="color:green"&gt;2&lt;/span&gt;' showaddelement='&lt;span style="color:green"&gt;yes&lt;/span&gt;'&amp;gt;&lt;br/&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;b:widget id='Header1' locked='&lt;span style="color:green"&gt;false&lt;/span&gt;' title='your blog title (Header)' type='Header'/&amp;gt;&lt;br/&gt;&lt;br /&gt;&amp;lt;/b:section&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Click &amp;nbsp;&amp;nbsp;&lt;img src="http://bp3.blogger.com/_uJHKCfdb2J0/R0xT0jAbSDI/AAAAAAAAABI/-UqB5MPsvXg/s400/save-template_03.jpg" border="0" alt="save template"id="BLOGGER_PHOTO_ID_5137573437138225202" /&gt;&amp;nbsp;&amp;nbsp;. Await a few moments do shall your template have in saving.&lt;/li&gt;&lt;/ol&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;Step #2&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;br /&gt;&lt;ol&gt;&lt;br /&gt;&lt;li&gt;Click at &lt;b&gt;Page Element&lt;/b&gt; tab. See the picture below :&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;img src="http://bp0.blogger.com/_uJHKCfdb2J0/R0xT0zAbSFI/AAAAAAAAABY/by3674mO23Y/s400/Page-elements.jpg" border="0" alt="page element"id="BLOGGER_PHOTO_ID_5137573441433192530" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Click at &lt;b&gt;Add a Page element&lt;/b&gt; which located above of the &lt;b&gt;header element&lt;/b&gt;. See the picture following : &lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;img src="http://bp3.blogger.com/_uJHKCfdb2J0/R0xT0jAbSEI/AAAAAAAAABQ/yMmUhHOQsPM/s400/add-a-element.jpg" border="0" alt="add a page element"id="BLOGGER_PHOTO_ID_5137573437138225218" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;After emerging pop up window , Klik &lt;b&gt;add to blog&lt;/b&gt; button for the things HTML/JavaScript. See the picture following :&lt;/li&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;img src="http://bp3.blogger.com/_uJHKCfdb2J0/R0xT0jAbSCI/AAAAAAAAABA/DfRdzsPLsz0/s400/Java.jpg" border="0" alt="javascript"id="BLOGGER_PHOTO_ID_5137573437138225186" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Copy and paste the code below into available column ( don't forget to change the links with link property of your own) :&lt;/li&gt;&lt;br /&gt;&lt;div&gt;&lt;form name="copy"&gt;&lt;div align="left"&gt;&lt;br /&gt;&lt;input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"&gt;&lt;br /&gt;&lt;br /&gt; &lt;/div&gt;&lt;div align="left"&gt;&lt;/div&gt;&lt;p align="left"&gt;&lt;br /&gt; &lt;textarea style="WIDTH: 430px; HEIGHT: 200px" name="txt" rows="100" wrap="VIRTUAL" cols="55"&gt;&lt;br /&gt; &lt;br /&gt; &lt;br /&gt;   &lt;div id="tabsF"&gt; &lt;!-- tabsF begin --&gt;&lt;br /&gt;       &lt;ul&gt;&lt;br /&gt; &lt;!-- Change the links with your own links --&gt;&lt;br /&gt;&lt;li id="current"&gt;&lt;a href="#"&gt;&lt;span&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="Products.html"&gt;&lt;span&gt;Products&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="Services.html"&gt;&lt;span&gt;Services&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="Support.html"&gt;&lt;span&gt;Support&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="Order.html"&gt;&lt;span&gt;Order&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.obralplus.com/?id=rohman"&gt;&lt;span&gt;Obral Plus&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;&lt;a href="http://www.resepbisnis.com/?id=rohman"&gt;&lt;span&gt;Belajar Website&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;       &lt;/ul&gt;&lt;br /&gt;      &lt;/div &gt;&lt;!-- tabsF end --&gt;&lt;br /&gt;  &lt;/textarea&gt;&lt;/p&gt;&lt;/div&gt;&lt;/form&gt;&lt;br /&gt;&lt;br/&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;br /&gt;&lt;img src="http://bp0.blogger.com/_uJHKCfdb2J0/R0xUUzAbSGI/AAAAAAAAABg/a0r202IECYE/s400/page-HTML.jpg" border="0" alt="HTML page"id="BLOGGER_PHOTO_ID_5137573991189006434" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Click &amp;nbsp;&amp;nbsp;&lt;img src="http://bp1.blogger.com/_uJHKCfdb2J0/R0xUVDAbSHI/AAAAAAAAABo/yznWVB-GVmo/s400/save-changes_03.jpg" border="0" alt="save changes"id="BLOGGER_PHOTO_ID_5137573995483973746" /&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&lt;/li&gt;&lt;br /&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;&lt;li&gt;Finish. Please see the result.&lt;/li&gt;&lt;br /&gt;&lt;/ol&gt;&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;Besides the above ways, it is of course still many ways is again you can do, please try by your self.&lt;br /&gt;&lt;br/&gt;&lt;br/&gt;&lt;br /&gt;Good luck.&lt;br /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6440300853616387333-2203699062626957997?l=www.rudianto.co.cc'/&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~4/T-IeBFkIuWA" height="1" width="1"/&gt;</description><link>http://feedproxy.google.com/~r/RudiantoBlog-ThePlaceToLearnInternet/~3/T-IeBFkIuWA/horizontal-tab-menu-f.html</link><author>noreply@blogger.com (Rudianto)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://bp2.blogger.com/_uJHKCfdb2J0/R0xT0TAbSBI/AAAAAAAAAA4/dlgarRKVjns/s72-c/menu-F.jpg" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.rudianto.co.cc/2008/05/horizontal-tab-menu-f.html</feedburner:origLink></item></channel></rss>
