<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:gd="http://schemas.google.com/g/2005" xmlns:georss="http://www.georss.org/georss" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-9005232523492523949</atom:id><lastBuildDate>Mon, 07 Oct 2024 03:20:53 +0000</lastBuildDate><category>Blog Tutorial</category><category>Panduan Blogspot</category><category>Monetize Blog</category><category>Ayat Qur'an muncul di Kulit Bayi</category><category>Blog</category><category>Contact</category><category>Facebook Money</category><category>Link</category><category>Tips</category><title>TIPZ"rfranc"BLOG</title><description>Blogger Tutor - Blogger Seo - Free</description><link>http://tipzrfrancblog.blogspot.com/</link><managingEditor>noreply@blogger.com (Hotel Gran Malindo)</managingEditor><generator>Blogger</generator><openSearch:totalResults>50</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:subtitle>Blogger Tutor - Blogger Seo - Free</itunes:subtitle><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><xhtml:meta content="noindex" name="robots" xmlns:xhtml="http://www.w3.org/1999/xhtml"/><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-514346053434721205</guid><pubDate>Wed, 01 Dec 2010 01:59:00 +0000</pubDate><atom:updated>2010-11-30T18:07:31.155-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Membuat Kata dan Kalimat Berkedip</title><description>Kode HTML nya seperti ini.....&lt;br /&gt;&lt;br /&gt;&amp;lt;blink&amp;gt;(Kata yang anda kelap kelipkan)&amp;lt;/blink&amp;gt;&lt;br /&gt;&lt;br /&gt;contoh kalimat yg mau kita kelap kelipkan :&lt;br /&gt;&lt;br /&gt;"TIPZrfrancBLOG"&lt;br /&gt;&lt;br /&gt;caranya kita tinggal sisipkan aja kode HTML diantara kalimat tersebut menjadi :&lt;br /&gt;&lt;br /&gt;&amp;lt;blink&amp;gt;&amp;quot;TIPZrfrancBLOG&amp;quot;&amp;lt;/blink&amp;gt;&lt;br /&gt;&lt;br /&gt;maka hasilnya :&lt;br /&gt;&lt;blink&gt;"TIPZrfrancBLOG"&lt;/blink&gt;&lt;br /&gt;&lt;br /&gt;Jangan lupa, trik ini cuma bisa kita pake buat yang mendukung HTML aja</description><link>http://tipzrfrancblog.blogspot.com/2010/11/membuat-kata-dan-kalimat-berkedip.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-5841940733098182198</guid><pubDate>Wed, 01 Dec 2010 01:08:00 +0000</pubDate><atom:updated>2010-11-30T17:58:37.225-08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Teks berjalan di BAR menu</title><description>Karena template blogger terbagi menjadi dua yaitu template klasik dan template baru, maka untuk cara membuat text berjalan tersebutpun akan berbeda, oleh karenanya pembahasannya pun akan saya bagi menjadi dua bagian. Akan tetapi perlu saya sampaikan, contoh yang akan saya berikan kali ini hasilnya tidak persis seperti pada blog ini yaitu text berjalan dari arah kanan kekiri, akan tetapi saya akan memberi contoh text berjalan dari kiri ke arah kanan serta ada jeda waktu antara tulisan yang petama dengan yang kedua dan juga tulisan berikutnya.&lt;br /&gt;&lt;br /&gt;Untuk template klasik silahkan ikuti langkah-langkah berikut ini :&lt;br /&gt;&lt;br /&gt;1. Sign in di blogger dengan id sobat&lt;br /&gt;2. Klik menu Template&lt;br /&gt;3. klik menu Edit HTML&lt;br /&gt;&lt;br /&gt;Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula&lt;br /&gt;&lt;br /&gt;Copy kode berikut ini lalu paste di atas kode &amp;lt;/head&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="overflow:auto;width:400px;height:200px;padding:10px;border:1px solid #eee"&gt;&lt;br /&gt;&amp;lt;script language=&amp;#039;javascript&amp;#039;&amp;gt;&lt;br /&gt;message = &amp;quot;Tulis text pertama yang ingin muncul disini ^&amp;quot; +&lt;br /&gt;&amp;quot;Tulis text kedua disini ^&amp;quot; +&lt;br /&gt;&amp;quot;Tulis text ketiga disini ^&amp;quot; +&lt;br /&gt;&amp;quot;Tulis text keempat disini ^&amp;quot;&lt;br /&gt;&lt;br /&gt;scrollSpeed = 130&lt;br /&gt;lineDelay = 0&lt;br /&gt;&lt;br /&gt;// Do not change the text below //&lt;br /&gt;&lt;br /&gt;txt = &amp;quot;&amp;quot;&lt;br /&gt;&lt;br /&gt;function scrollText(pos) {&lt;br /&gt;if (message.charAt(pos) != &amp;#039;^&amp;#039;) {&lt;br /&gt;txt = txt + message.charAt(pos)&lt;br /&gt;status = txt&lt;br /&gt;pauze = scrollSpeed&lt;br /&gt;}&lt;br /&gt;else {&lt;br /&gt;pauze = lineDelay&lt;br /&gt;txt = &amp;quot;&amp;quot;&lt;br /&gt;if (pos == message.length-1) pos = -1&lt;br /&gt;}&lt;br /&gt;pos++&lt;br /&gt;setTimeout(&amp;quot;scrollText(&amp;#039;&amp;quot;+pos+&amp;quot;&amp;#039;)&amp;quot;,pauze)&lt;br /&gt;}&lt;br /&gt;scrollText(0)&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;6. Klik tombol Save Template Changes&lt;br /&gt;7. Selesai.&lt;br /&gt;&lt;br /&gt;Cara ke dua ini untuk template baru silahkan ikuti langkah-langkah berikut ini :&lt;br /&gt;&lt;br /&gt;1. Sign in di blogger&lt;br /&gt;&lt;br /&gt;2. Klik menu Layout&lt;br /&gt;&lt;br /&gt;3. Klik menu Edit HTML&lt;br /&gt;4. Klik tulisan Download Full Template, lalu save data tersebut.&lt;br /&gt;Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template&lt;br /&gt;5. Klik kotak kecil di samping tulisan Expand Widget Templates untuk&lt;br /&gt;memberi tanda centang.&lt;br /&gt;Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates&lt;br /&gt;6. Tunggu beberapa saat sampai proses selesai&lt;br /&gt;&lt;br /&gt;7. Simpan kode berikut di bawah kode &amp;lt;/body&amp;gt; kode ini letaknya berada paling bawah sebelum kode &amp;lt;/html&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="overflow:auto;width:400px;height:200px;padding:10px;border:1px solid #eee"&gt;&lt;br /&gt;&amp;lt;script language=&amp;#039;javascript&amp;#039;&amp;gt;&lt;br /&gt;message = &amp;quot;Tulis text pertama yang ingin muncul disini ^&amp;quot; +&lt;br /&gt;&amp;quot;Tulis text kedua disini ^&amp;quot; +&lt;br /&gt;&amp;quot;Tulis text ketiga disini ^&amp;quot; +&lt;br /&gt;&amp;quot;Tulis text keempat disini ^&amp;quot;&lt;br /&gt;&lt;br /&gt;scrollSpeed = 130&lt;br /&gt;lineDelay = 0&lt;br /&gt;&lt;br /&gt;// Do not change the text below //&lt;br /&gt;&lt;br /&gt;txt = &amp;quot;&amp;quot;&lt;br /&gt;&lt;br /&gt;function scrollText(pos) {&lt;br /&gt;if (message.charAt(pos) != &amp;#039;^&amp;#039;) {&lt;br /&gt;txt = txt + message.charAt(pos)&lt;br /&gt;status = txt&lt;br /&gt;pauze = scrollSpeed&lt;br /&gt;}&lt;br /&gt;else {&lt;br /&gt;pauze = lineDelay&lt;br /&gt;txt = &amp;quot;&amp;quot;&lt;br /&gt;if (pos == message.length-1) pos = -1&lt;br /&gt;}&lt;br /&gt;pos++&lt;br /&gt;setTimeout(&amp;quot;scrollText(&amp;#039;&amp;quot;+pos+&amp;quot;&amp;#039;)&amp;quot;,pauze)&lt;br /&gt;}&lt;br /&gt;scrollText(0)&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;8. Klik tombol SAVE TEMPLATE&lt;br /&gt;&lt;br /&gt;9. Selesai&lt;br /&gt;&lt;br /&gt;sedikit CATATAN, pada kode diatas ada tulisan "Tulis text kedua disini" , nah tulisan tersebut harus sobat ganti dengan tulisan yang sobat inginkan. contoh : selamat datang di blog saya. atau apa saja yang menurut sobat layak untuk di tulis di situ. contoh yang saya berikan diatas memuat pesan atau text sebanyak empat tulisan, jika sobat ingin lebih banyak itu bisa dilakukan dengan menambah baris tulisan seperti kode sebelumnya.Untuk kode --&gt; scrollSpeed = 130 . angka "130" merupakan kecepatan dari text berjalan, semakin kecil nilainya semakin cepat text berjalan, dan semakin besar nilainya maka text akan semakin lambat. Silahkan sesuaikan dengan keinginan sobat.</description><link>http://tipzrfrancblog.blogspot.com/2010/11/teks-berjalan-di-bar-menu.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-4882719756018646660</guid><pubDate>Tue, 28 Sep 2010 01:53:00 +0000</pubDate><atom:updated>2010-09-27T18:54:07.946-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Ayat Qur'an muncul di Kulit Bayi</category><title>Subhanallah!!,Ayat Qur'an muncul di Kulit Bayi 9 bulan di Rusia</title><description>&lt;object width="480" height="385"&gt;&lt;param name="movie" value="http://www.youtube.com/v/aexYsdCplMI?fs=1&amp;amp;hl=en_US"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/aexYsdCplMI?fs=1&amp;amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"&gt;&lt;/embed&gt;&lt;/object&gt;</description><link>http://tipzrfrancblog.blogspot.com/2010/09/subhanallahayat-quran-muncul-di-kulit.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-174820289350291574</guid><pubDate>Mon, 27 Sep 2010 04:25:00 +0000</pubDate><atom:updated>2010-09-26T21:25:39.799-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog</category><category domain="http://www.blogger.com/atom/ns#">Link</category><title>Get Paid From LinkFromBlog</title><description>&lt;div style="text-align: justify;"&gt;Can be paid for blogging is something that is very easy. We just need to have a blog that has lots of potential and visitor. The better our property blog, we will increasingly be offered a paid writing. Imagine, just by writing you can be paid! This is a new way to make money on the internet.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Linkfromblog is a site to make money on the internet. We can use the LFB as one source of our income. By simply writing a short review you will get paid in proportion to the quality of your blog. If you are interested, please visit &lt;a href="http://linkfromblog.com/#4425"&gt;c&lt;/a&gt;lick the banner below and sign up there.&lt;/div&gt;&lt;br /&gt;&lt;img alt="Advertise with my Blog" src="http://linkfromblog.com/img.001.004993.gif" width="1" border="0" height="1" /&gt;&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;a href="http://linkfromblog.com/#4425"&gt;&lt;img alt="Sponsored reviews" src="http://linkfromblog.com/img.004.004993.jpg" border="0" /&gt;&lt;/a&gt;&lt;/center&gt;</description><link>http://tipzrfrancblog.blogspot.com/2010/09/get-paid-from-linkfromblog.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-84601682176837264</guid><pubDate>Sat, 18 Sep 2010 04:15:00 +0000</pubDate><atom:updated>2010-09-17T21:22:35.614-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Contact</category><category domain="http://www.blogger.com/atom/ns#">Tips</category><title>Cara membuat Contact form untuk Blogger</title><description>Kami akan mengajarkan cara untuk menggunakan account 123ContactForm bebas untuk membuat bentuk yang Anda butuhkan untuk blog Anda. Silakan ikuti langkah-langkah, di sekitar 5 menit, Anda akan memiliki halaman Blogger merek formulir kontak baru!&lt;br /&gt;&lt;br /&gt; 1. &lt;a href="http://www.123contactform.com/signup.html"&gt;Sign-up&lt;/a&gt; untuk account 123ContactForm.&lt;br /&gt; 2. &lt;a href="http://www.123contactform.com/"&gt;Login&lt;/a&gt; Anda baru 123ContactForm account.&lt;br /&gt; 3. Klik link Create new form.&lt;br /&gt; 4. Masukkan nama untuk form Anda (misalnya: Blogger Contact Form) dan alamat email Anda dalam kotak masukan pertama 2, lalu klik tombol Save Form di bawah halaman.&lt;br /&gt; 5. Anda pada halaman Edit Fields. Klik link Next.&lt;br /&gt; 6. Anda pada halaman Theme. Klik link Next.&lt;br /&gt; 7. Buka Option 2 bagian dari halaman, klik tombol Select text. Tekan CTRL + C dan sekarang bentuk HTML code kontak dalam Clipboard Anda.&lt;br /&gt;&lt;br /&gt;Itu saja yang harus Anda lakukan di situs 123ContactForm, sekarang pergi ke blog Blogger Anda dan lakukan hal berikut:&lt;br /&gt;&lt;br /&gt; 1. &lt;a href="http://blogger.com/"&gt;Login your Blogger account&lt;/a&gt; and klik tombol New Post.&lt;br /&gt; 2. Beralih ke mode Edit Html.&lt;br /&gt; 3. Masukkan sebuah judul untuk blog baru, misalnya: Contact Me&lt;br /&gt; 4. Atur fokus ke tubuh pos, dan tekan CTRL + V (atau klik kanan dan pilih Paste dari menu yang appers). Ini akan sisipkan kode bentuk, dari Clipboard ke posting Blogger Anda.&lt;br /&gt; 5. Klik pada Post Options dan Reader Comments untuk mengatur Don't allow.&lt;br /&gt; 6. Klik tombol Publish Post.&lt;br /&gt; 7. Untuk membuat formulir kontak anda dapat dilihat oleh pengunjung Anda, tempatkan sebuah link ke posting formulir kontak di sidebar blog Anda, dengan mengklik Layout, lalu Edit HTML dalam account Blogger Anda.&lt;br /&gt;&lt;br /&gt;Source : &lt;a href="http://stylebloggertemplate.blogspot.com/2010/06/contact-form-untuk-blogger.html"&gt;http://stylebloggertemplate.blogspot.com/2010/06/contact-form-untuk-blogger.html&lt;/a&gt;</description><link>http://tipzrfrancblog.blogspot.com/2010/09/cara-membuat-contact-form-untuk-blogger.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-5458759328141071193</guid><pubDate>Fri, 17 Sep 2010 03:30:00 +0000</pubDate><atom:updated>2010-09-16T20:37:51.602-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Cara membuat RELATED POST atau ARTIKEL TERKAIT</title><description>Langsung aja,caranya ga terlalu sulit kok :&lt;br /&gt;&lt;br /&gt;1. Masuk ke TATA LETAK --&gt; EDIT HTML ( beri tanda centang pada kotak expand text widget )&lt;br /&gt;&lt;br /&gt;2. Anda cari kode &amp;lt;data:post.body/&amp;gt;&lt;br /&gt;&lt;br /&gt;3. Copy kode di bawah ini,dan letakkan di bawah kode &amp;lt;data:post.body/&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:468px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&amp;lt;b:if cond=&amp;#039;data:blog.pageType == &amp;quot;item&amp;quot;&amp;#039;&amp;gt;&lt;br /&gt;&amp;lt;div id=&amp;quot;related-posts&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;font face=&amp;#039;Arial&amp;#039; size=&amp;#039;3&amp;#039;&amp;gt;&amp;lt;b&amp;gt;Related Posts : &amp;lt;/b&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;font color=&amp;#039;#FFFFFF&amp;#039;&amp;gt;&amp;lt;b:loop values=&amp;#039;data:post.labels&amp;#039; var=&amp;#039;label&amp;#039;&amp;gt;&amp;lt;data:label.name/&amp;gt;&amp;lt;b:if cond=&amp;#039;data:label.isLast != &amp;amp;quot;true&amp;amp;quot;&amp;#039;&amp;gt;,&amp;lt;/b:if&amp;gt;&amp;lt;b:if cond=&amp;#039;data:blog.pageType == &amp;amp;quot;item&amp;amp;quot;&amp;#039;&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;script expr:src=&amp;#039;&amp;amp;quot;/feeds/posts/default/-/&amp;amp;quot; + data:label.name + &amp;amp;quot;?alt=json-in-script&amp;amp;amp;callback=related_results_labels&amp;amp;amp;max-results=5&amp;amp;quot;&amp;#039; type=&amp;#039;text/javascript&amp;#039;/&amp;gt;&amp;lt;/b:if&amp;gt;&amp;lt;/b:loop&amp;gt; &amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;script type=&amp;#039;text/javascript&amp;#039;&amp;gt; removeRelatedDuplicates(); printRelatedLabels();&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&amp;lt;/b:if&amp;gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;4. Setelah itu anda cari kode &amp;lt;/head&amp;gt;&lt;br /&gt;&lt;br /&gt;5. Copy kode di bawah ini,dan letakkan diatas kode &amp;lt;/head&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:468px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&lt;br /&gt;    #related-posts {&lt;br /&gt;    float : left;&lt;br /&gt;    width : 540px;&lt;br /&gt;    margin-top:20px;&lt;br /&gt;    margin-left : 5px;&lt;br /&gt;    margin-bottom:20px;&lt;br /&gt;    font : 11px Verdana;&lt;br /&gt;    margin-bottom:10px;&lt;br /&gt;    }&lt;br /&gt;    #related-posts .widget {&lt;br /&gt;    list-style-type : none;&lt;br /&gt;    margin : 5px 0 5px 0;&lt;br /&gt;    padding : 0;&lt;br /&gt;    }&lt;br /&gt;    #related-posts .widget h2, #related-posts h2 {&lt;br /&gt;    color : #940f04;&lt;br /&gt;    font-size : 20px;&lt;br /&gt;    font-weight : normal;&lt;br /&gt;    margin : 5px 7px 0;&lt;br /&gt;    padding : 0 0 5px;&lt;br /&gt;    }&lt;br /&gt;    #related-posts a {&lt;br /&gt;    color : #054474;&lt;br /&gt;    font-size : 11px;&lt;br /&gt;    text-decoration : none;&lt;br /&gt;    }&lt;br /&gt;    #related-posts a:hover {&lt;br /&gt;    color : #054474;&lt;br /&gt;    text-decoration : none;&lt;br /&gt;    }&lt;br /&gt;    #related-posts ul {&lt;br /&gt;    border : medium none;&lt;br /&gt;    margin : 10px;&lt;br /&gt;    padding : 0;&lt;br /&gt;    }&lt;br /&gt;    #related-posts ul li {&lt;br /&gt;    display : block;&lt;br /&gt;    background : url(&amp;quot;http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif&amp;quot;) no-repeat 0 0;&lt;br /&gt;    margin : 0;&lt;br /&gt;    padding-top : 0;&lt;br /&gt;    padding-right : 0;&lt;br /&gt;    padding-bottom : 1px;&lt;br /&gt;    padding-left : 16px;&lt;br /&gt;    margin-bottom : 5px;&lt;br /&gt;    line-height : 2em;&lt;br /&gt;    border-bottom:1px dotted #cccccc;&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;    &amp;lt;/style&amp;gt;&lt;br /&gt;    &amp;lt;script src=&amp;#039;http://technotrixdebajyoti.googlepages.com/RelatedPostsByRealtrix.co.cc.js&amp;#039; type=&amp;#039;text/javascript&amp;#039;/&amp;gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;6. Save&lt;br /&gt;&lt;br /&gt;7. Lihat hasilnya</description><link>http://tipzrfrancblog.blogspot.com/2010/09/cara-membuat-related-post-atau-artikel.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-3239853174933713518</guid><pubDate>Wed, 15 Sep 2010 04:49:00 +0000</pubDate><atom:updated>2010-09-14T21:52:14.390-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Membuat iklan melayang di depan halaman blog</title><description>caranya cukup mudah ,hanya memberikan code script berikut pada add gadget /html javascript :&lt;br /&gt;&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:468px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;    &amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;    #gb{&lt;br /&gt;    position:fixed;&lt;br /&gt;    top:10px;&lt;br /&gt;    z-index:+1000;&lt;br /&gt;    }&lt;br /&gt;    * html #gb{position:relative;}&lt;br /&gt;    .gbcontent{&lt;br /&gt;    float:right;&lt;br /&gt;    border:0px solid #A5BD51;&lt;br /&gt;    background:#ffffff;&lt;br /&gt;    padding:10px;&lt;br /&gt;    }&lt;br /&gt;    &amp;lt;/style&amp;gt;&lt;br /&gt;&lt;br /&gt;    &amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;&lt;br /&gt;    function showHideGB(){&lt;br /&gt;    var gb = document.getElementById(&amp;quot;gb&amp;quot;);&lt;br /&gt;    var w = gb.offsetWidth;&lt;br /&gt;    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);&lt;br /&gt;    gb.opened = !gb.opened;&lt;br /&gt;    }&lt;br /&gt;    function moveGB(x0, xf){&lt;br /&gt;    var gb = document.getElementById(&amp;quot;gb&amp;quot;);&lt;br /&gt;    var dx = Math.abs(x0-xf) &amp;gt; 10 ? 5 : 1;&lt;br /&gt;    var dir = xf&amp;gt;x0 ? 1 : -1;&lt;br /&gt;    var x = x0 + dx * dir;&lt;br /&gt;    gb.style.top = x.toString() + &amp;quot;px&amp;quot;;&lt;br /&gt;    if(x0!=xf){setTimeout(&amp;quot;moveGB(&amp;quot;+x+&amp;quot;, &amp;quot;+xf+&amp;quot;)&amp;quot;, 10);}&lt;br /&gt;    }&lt;br /&gt;    &amp;lt;/script&amp;gt;&lt;br /&gt;&lt;br /&gt;    &amp;lt;div id=&amp;quot;gb&amp;quot;&amp;gt;&lt;br /&gt;&lt;br /&gt;    &amp;lt;div class=&amp;quot;gbtab&amp;quot; onclick=&amp;quot;showHideGB()&amp;quot;&amp;gt; &amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;    &amp;lt;div class=&amp;quot;gbcontent&amp;quot;&amp;gt;&lt;br /&gt;&lt;br /&gt;    &amp;lt;div style=&amp;quot;text-align:right&amp;quot;&amp;gt;&lt;br /&gt;    &amp;lt;a href=&amp;quot;javascript:showHideGB()&amp;quot;&amp;gt;&lt;br /&gt;    .:[Close][Klik 2x]:.&lt;br /&gt;    &amp;lt;/a&amp;gt;&lt;br /&gt;    &amp;lt;/div&amp;gt;&lt;br /&gt;    &amp;lt;center&amp;gt;&lt;br /&gt;    MASUKKAN KODE HTML IKLAN ANDA DISINI&lt;br /&gt;    &amp;lt;/center&amp;gt;&lt;br /&gt;&lt;br /&gt;    &amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;&lt;br /&gt;    var gb = document.getElementById(&amp;quot;gb&amp;quot;);&lt;br /&gt;    gb.style.center = (30-gb.offsetWidth).toString() + &amp;quot;px&amp;quot;;&lt;br /&gt;    &amp;lt;/script&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Kopi kode diatas kemudian letakkan pada add gadget/html java script ,pada tulisan Masukkan kode html iklan yang berwarna biru bisa   diganti dengan memasukkan script iklan kamu,misal kumpulblogger,google adsense,dll,&lt;br /&gt;&lt;br /&gt;Selesai deh,..</description><link>http://tipzrfrancblog.blogspot.com/2010/09/membuat-iklan-melayang-di-depan-halaman.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-3263777974266055721</guid><pubDate>Wed, 15 Sep 2010 03:25:00 +0000</pubDate><atom:updated>2010-09-14T20:34:42.860-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Cara buat Random Post</title><description>Pertama yang perlu anda lakukan, yaitu menyimpan css untuk random post ini.&lt;br /&gt;&lt;br /&gt;   1. Log in ke blogger.&lt;br /&gt;   2. Pilih menu Layout (Tata Letak) » Edit HTML.&lt;br /&gt;   3. Cari kode ]]&amp;gt;&amp;lt;/b:skin&amp;gt;.&lt;br /&gt;   4. Copy kode berikut di atas kode tadi.&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:468px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}&lt;br /&gt;&lt;br /&gt;.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}&lt;br /&gt;&lt;br /&gt;.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}&lt;br /&gt;&lt;br /&gt;.gfg-subtitle a {color : #a43434;display:none !important;}&lt;br /&gt;&lt;br /&gt;.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}&lt;br /&gt;&lt;br /&gt;/* To allow correct behavior for overlay */&lt;br /&gt;.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}&lt;br /&gt;&lt;br /&gt;.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}&lt;br /&gt;&lt;br /&gt;.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}&lt;br /&gt;&lt;br /&gt;.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}&lt;br /&gt;&lt;br /&gt;.clearFloat {clear : both;}&lt;br /&gt;&lt;br /&gt;#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;5. Simpan template.&lt;br /&gt;&lt;br /&gt;Script Random Post&lt;br /&gt;&lt;br /&gt;Untuk memasang script random post ini ikuti langkah-langkah berikut.&lt;br /&gt;&lt;br /&gt;   1. Buka Layout (Tata Letak) » Page Elements (Elemen Laman).&lt;br /&gt;   2. Klik Add a Gadget (Tambah gadget).&lt;br /&gt;   3. Pilih gadget HTML/JavaScript.&lt;br /&gt;   4. Copy-paste script berikut ke dalam gadget tadi.&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:468px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&amp;lt;script src=&amp;quot;http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1--uCF7hoW2w&amp;quot; type=&amp;quot;text/javascript&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;script src=&amp;quot;http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js&amp;quot; type=&amp;quot;text/javascript&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;&lt;br /&gt;function showGadget() {&lt;br /&gt;var feeds = [&lt;br /&gt;{title:'title',&lt;br /&gt;url:'http://namablog.blogspot.com/feeds/posts/default?redirect=false&amp;amp;start-index=1&amp;amp;max-results=999'},&lt;br /&gt;];&lt;br /&gt;new GFdynamicFeedControl(feeds, 'feedGadget',&lt;br /&gt;{numResults : 1000, stacked : true,&lt;br /&gt;title: &amp;quot; &amp;quot;});&lt;br /&gt;}&lt;br /&gt;google.load(&amp;quot;feeds&amp;quot;, &amp;quot;1&amp;quot;);&lt;br /&gt;google.setOnLoadCallback(showGadget);&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div id=&amp;quot;feedGadget&amp;quot;&amp;gt;&amp;lt;center&amp;gt;&amp;lt;img src=&amp;quot;http://img80.imageshack.us/img80/1577/loadingtrans.gif&amp;quot; /&amp;gt;&amp;lt;/center&amp;gt;&amp;lt;/div&amp;gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;   5. Jangan lupa ganti nama blog anda.&lt;br /&gt;   6. Simpan gadget.</description><link>http://tipzrfrancblog.blogspot.com/2010/09/cara-buat-random-post.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-807627132449970366</guid><pubDate>Wed, 15 Sep 2010 01:32:00 +0000</pubDate><atom:updated>2010-09-14T18:34:33.561-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Pelacak IP Address</title><description>Silahkan ikuti langkah-langkah berikut ini :&lt;br /&gt;&lt;br /&gt;1. Silahkan buka situs &lt;a href="http://www.ipnow.org"&gt;http://www.ipnow.org&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;2. Di bawah tulisan Custom Image ada beberapa tampilan yang bisa di pilih. Ambil contoh : klik yang Custom Graphical Info Image&lt;br /&gt;&lt;br /&gt;3. Pilih warna backround serta warna text yang di inginkan oleh sobat&lt;br /&gt;&lt;br /&gt;4. Klik tombol Create My Image&lt;br /&gt;&lt;br /&gt;5. Tunggu beberapa saat sampai proses selesai&lt;br /&gt;&lt;br /&gt;6. Copy kode yang di bawah tulisan Linked Image, paste pada notepad untuk keperluan nanti di masukan ke blog&lt;br /&gt;&lt;br /&gt;7. Silahkan tutup situs tersebut</description><link>http://tipzrfrancblog.blogspot.com/2010/09/pelacak-ip-address.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-7558120598192877017</guid><pubDate>Wed, 15 Sep 2010 01:26:00 +0000</pubDate><atom:updated>2010-09-14T18:30:40.428-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Cara membuat kategori (label)</title><description>Apakah kategori (label) bisa di tampilkan di sidebar?&lt;br /&gt;&lt;br /&gt;Untuk sobat para pengguna template baru, Label (kategori) bisa di tampilkan di sidebar, dan biasanya element label ini sudah tersedia ketika baru memasang template. Jika element label belum tersidia, sobat bisa membuatnya sendiri, silahkan ikuti langkah - langkah berikut ini :&lt;br /&gt;&lt;br /&gt;1. Sig in di blogger dengan id sobat&lt;br /&gt;&lt;br /&gt;2. Klik menu Layout&lt;br /&gt;&lt;br /&gt;3. Klik menu Elemen Halaman&lt;br /&gt;&lt;br /&gt;4. Klik tulisan Tambahkan sebuah Elemen Halaman&lt;br /&gt;&lt;br /&gt;5. Klik tombol yang bertuliskan TAMBAHKAN KE BLOG yang berada di bawah tulisan Label&lt;br /&gt;&lt;br /&gt;6. Tulisan Labels di samping tulisan Judul bisa sobat rubah menjadi Kategori jika sobat mau merubahnya&lt;br /&gt;&lt;br /&gt;7. Pilih radio button yang sobat inginkan di samping tulisan Menyortir, Alfabetik : jika kategori ingin di tampilkan sesuai dengan abjad alfabetik ( dari A --&gt; Z ), Berdasarkan Frekuensi : jika kategori ingin ditampilkan sesuai dengan banyaknya label (kategori)&lt;br /&gt;&lt;br /&gt;8. Klik tombol yang bertuliskan SIMPAN PERUBAHAN&lt;br /&gt;&lt;br /&gt;9. Selesai.</description><link>http://tipzrfrancblog.blogspot.com/2010/09/cara-membuat-kategori-label.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-4538157626918901311</guid><pubDate>Wed, 15 Sep 2010 01:20:00 +0000</pubDate><atom:updated>2010-09-14T18:22:30.410-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Membuat Refresh</title><description>Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.&lt;br /&gt;&lt;br /&gt;Untuk membuatnya cukup dengan hanya membubuhkan kode di bawah ini :&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;meta http-equiv=&amp;quot;refresh&amp;quot; content=&amp;quot;10&amp;quot;/&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Simpan kode di atas antara &amp;lt;head&amp;gt; .... &amp;lt;/head&amp;gt;&lt;br /&gt;&lt;br /&gt;sedikit uraian kode diatas, content="10" --&gt; angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh. &lt;br /&gt;Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.&lt;br /&gt;&lt;br /&gt;Fungsi Redirect ini bisa di buat dengan kode :&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;meta http-equiv=&amp;quot;refresh&amp;quot; content=&amp;quot;0;URL=tulis alamat URL tujuan di sini&amp;quot;/&amp;gt;</description><link>http://tipzrfrancblog.blogspot.com/2010/09/membuat-refresh.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-8555988807069112459</guid><pubDate>Wed, 15 Sep 2010 01:00:00 +0000</pubDate><atom:updated>2010-09-14T18:19:01.862-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Tutorial Membuat Horizontal Navigasi</title><description>Langsung Saja Dicoba tanpa basa basi :&lt;br /&gt;&lt;br /&gt;1. Silahkan login ke blogger dengan ID anda&lt;br /&gt;2. Klik Tata Letak.&lt;br /&gt;3. Klik tab Edit HTML.&lt;br /&gt;4. Cari Kode kode ]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;br /&gt;5. Copy paste kode berikut persis di atas kode ]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:468px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;/*  navbar&lt;br /&gt;&lt;br /&gt;==================  */&lt;br /&gt;&lt;br /&gt;#bg_nav {&lt;br /&gt;    background: #000000;&lt;br /&gt;    width: 660px;&lt;br /&gt;    height: 29px;&lt;br /&gt;    font-size: 11px;&lt;br /&gt;    font-family: Arial, Tahoma, Verdana;&lt;br /&gt;    color: #FFFFFF;&lt;br /&gt;    font-weight: bold;&lt;br /&gt;    margin: 0px auto 0px;&lt;br /&gt;    padding: 0px;&lt;br /&gt;    border-top: 1px solid #333333;&lt;br /&gt;    border-bottom: 1px solid #333333;&lt;br /&gt;    overflow: hidden;&lt;br /&gt;    }&lt;br /&gt;#bg_nav a, #bg_nav a:visited {&lt;br /&gt;    color: #FFFFFF;&lt;br /&gt;    font-size: 11px;&lt;br /&gt;    text-decoration: none;&lt;br /&gt;    text-transform: uppercase;&lt;br /&gt;    padding: 0px 0px 0px 3px;&lt;br /&gt;    }&lt;br /&gt;#bg_nav a:hover {&lt;br /&gt;    color: #FFFFFF;&lt;br /&gt;    text-decoration: underline;&lt;br /&gt;    padding: 0px 0px 0px 3px;&lt;br /&gt;    }&lt;br /&gt;#navleft {&lt;br /&gt;    width: 440px;&lt;br /&gt;    float: left;&lt;br /&gt;    margin: 0px;&lt;br /&gt;    padding: 0px;&lt;br /&gt;    }&lt;br /&gt;#navright {&lt;br /&gt;    width: 200px;&lt;br /&gt;    font-size: 11px;&lt;br /&gt;    float: right;&lt;br /&gt;    margin: 0px;&lt;br /&gt;    padding: 6px 5px 0px 0px;&lt;br /&gt;    }&lt;br /&gt;#navright a img {&lt;br /&gt;    border: none;&lt;br /&gt;    margin: 0px;&lt;br /&gt;    padding: 0px;&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;#nav {&lt;br /&gt;    margin: 0px;&lt;br /&gt;    padding: 0px;&lt;br /&gt;    list-style: none;&lt;br /&gt;    }&lt;br /&gt;#nav ul {&lt;br /&gt;    margin: 0px;&lt;br /&gt;    padding: 0px;&lt;br /&gt;    list-style: none;&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;#nav a, #nav a:visited {&lt;br /&gt;    background: #222222;&lt;br /&gt;    color: #FFFFFF;&lt;br /&gt;    display: block;&lt;br /&gt;    font-weight: bold;&lt;br /&gt;    margin: 0px;&lt;br /&gt;    padding: 8px 15px 8px 15px;&lt;br /&gt;    border-left: 1px solid #000000&lt;br /&gt;    }&lt;br /&gt;#nav a:hover {&lt;br /&gt;    background: #6e6d6d;&lt;br /&gt;    color: #FFFFFF;&lt;br /&gt;    margin: 0px;&lt;br /&gt;    padding: 8px 15px 8px 15px;&lt;br /&gt;    text-decoration: none;&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;#nav li {&lt;br /&gt;    float: left;&lt;br /&gt;    margin: 0px;&lt;br /&gt;    padding: 0px;&lt;br /&gt;    }&lt;br /&gt;#nav li li {&lt;br /&gt;    float: left;&lt;br /&gt;    margin: 0px;&lt;br /&gt;    padding: 0px;&lt;br /&gt;    width: 150px;&lt;br /&gt;    }&lt;br /&gt;#nav li li a, #nav li li a:link, #nav li li a:visited {&lt;br /&gt;    background: #333333;&lt;br /&gt;    width: 160px;&lt;br /&gt;    float: none;&lt;br /&gt;    margin: 0px;&lt;br /&gt;    padding: 7px 30px 7px 10px;&lt;br /&gt;    border-bottom: 1px solid #000000;&lt;br /&gt;    border-left: 1px solid #000000;&lt;br /&gt;    border-right: 1px solid #000000;&lt;br /&gt;    }&lt;br /&gt;#nav li li a:hover, #nav li li a:active {&lt;br /&gt;    background: #666666;&lt;br /&gt;    padding: 7px 30px 7px 10px;&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;#nav li ul {&lt;br /&gt;    position: absolute;&lt;br /&gt;    width: 10em;&lt;br /&gt;    left: -999em;&lt;br /&gt;    }&lt;br /&gt;&lt;br /&gt;#nav li:hover ul {&lt;br /&gt;    left: auto;&lt;br /&gt;    display: block;&lt;br /&gt;    }&lt;br /&gt;#nav li:hover ul, #nav li.sfhover ul {&lt;br /&gt;    left: auto;&lt;br /&gt;    }&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;6. lalu cari seperti berikut ini : &lt;br /&gt;&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:468px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;&amp;lt;div id='header-wrapper'&amp;gt;&lt;br /&gt;&amp;lt;b:section class='header' id='header' maxwidgets='1' showaddelement='no'&amp;gt;&lt;br /&gt;&amp;lt;b:widget id='Header1' locked='true' title='test (Header)' type='Header'/&amp;gt;&lt;br /&gt;&amp;lt;/b:section&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;7. Copy paste code berikut persis di bawah kode yang tadi : &lt;br /&gt;&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:468px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;&amp;lt;div id='bg_nav'&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div id='navleft'&amp;gt;&lt;br /&gt;&amp;lt;div id='nav'&amp;gt;&lt;br /&gt;&amp;lt;ul&amp;gt;&lt;br /&gt;&amp;lt;li&amp;gt;&amp;lt;a href='http://www.blogspottutorial.com/'&amp;gt;home&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;lt;li&amp;gt;&amp;lt;a href='http://www.kangrohman.com/'&amp;gt;My Notes&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;lt;li&amp;gt;&amp;lt;a href='http://template-unik.blogspot.com/'&amp;gt;Free Template&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;lt;li&amp;gt;&amp;lt;a href='http://rubrik-elektronik.blogspot.com/'&amp;gt;Electronic Rubric &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div id='navright'&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;form action='http://AlamatBlogAnda.blogspot.com/search' id='searchform' method='get' name='searchform'&amp;gt;&lt;br /&gt;&amp;lt;input id='s' name='q' type='text' value=''/&amp;gt; &amp;lt;input id='searchsubmit' type='submit' value='Go'/&amp;gt; &amp;lt;/form&amp;gt;&lt;br /&gt;&lt;br /&gt;    &amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&amp;lt;!-- akhir bg_nav --&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;8. Klik tombol SIMPAN TEMPLATE.&lt;br /&gt;9. Selesai.&lt;br /&gt;&lt;a href="http://kolom-tutorial.blogspot.com"&gt;Source&lt;/a&gt;</description><link>http://tipzrfrancblog.blogspot.com/2010/09/tutorial-membuat-horizontal-navigasi.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-7803010920252629581</guid><pubDate>Mon, 13 Sep 2010 03:06:00 +0000</pubDate><atom:updated>2010-09-12T20:13:58.598-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Cara Buat Daftar Isi Dengan Scrollbar</title><description>langkah-langkahnya di bawah ini :&lt;br /&gt;&lt;br /&gt;1. Login ke Blogger.&lt;br /&gt;2. Buka menu Layout -&gt; Page Elements&lt;br /&gt;3. Klik Add a Gadget -&gt; HTML/Javascript.&lt;br /&gt;4. Masukkan kode dibawah ini kedalam kotak&lt;br /&gt;&lt;br /&gt;script daftar isi dengan tanda panah di sampingnya:&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:468px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;style&amp;gt;&lt;br /&gt;.list {&lt;br /&gt;background: url(&amp;quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Ayj29VISprHD39wNJsFuK5F2f9ve7Obu0Vjm3NJGhZB5piMq6_9ZaL6bIy4njbPfRSJwKWrHuxdMo4dxYmd-lkGaJUX5szMLkZnxPt8lu2-dzTzrAeMeyztFqXHeh0o6QrylM-iRanEt/&amp;quot;) no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div style=&amp;quot;overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:284px; height:180px; background-color: #ffffff; border:1px solid #ffffff;&amp;quot;&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;list&amp;quot;&amp;gt;&lt;br /&gt;1. &amp;lt;a href=&amp;quot;http://tipzrfrancblog.blogspot.com/2010/09/membuat-dropdown-menu.html&amp;quot;&amp;gt;Cara membuat Dropdown Menu&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;list&amp;quot;&amp;gt;&lt;br /&gt;2. &amp;lt;a href=&amp;quot;http://tipzrfrancblog.blogspot.com/2010/09/cara-membuat-kotak-scrollbar-dalam.html&amp;quot;&amp;gt;Cara Membuat Kotak Scrollbar Dalam Postingan&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;script daftar isi dengan angka di sampingnya:&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:468px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&amp;lt;style&amp;gt;&lt;br /&gt;.list {&lt;br /&gt;border-bottom:1px dotted #ddd;&lt;br /&gt;line-height:1.2em;&lt;br /&gt;padding:3px;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div style=&amp;quot;overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px solid #ffffff;&amp;quot;&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;list&amp;quot;&amp;gt;&lt;br /&gt;1. &amp;lt;a href=&amp;quot;http://tipzrfrancblog.blogspot.com/2010/09/membuat-dropdown-menu.html&amp;quot;&amp;gt;Cara Membuat Dropdown Menu&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;list&amp;quot;&amp;gt;&lt;br /&gt;2. &amp;lt;a href=&amp;quot;http://tipzrfrancblog.blogspot.com/2010/09/cara-membuat-kotak-scrollbar-dalam.html&amp;quot;&amp;gt;Cara Membuat Kotak Scrollbar Dalam Postingan&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;Note :&lt;br /&gt;380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.</description><link>http://tipzrfrancblog.blogspot.com/2010/09/cara-buat-daftar-isi-dengan-scrollbar.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-5733962587616443292</guid><pubDate>Mon, 13 Sep 2010 02:50:00 +0000</pubDate><atom:updated>2010-09-12T20:01:12.453-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Membuat Dropdown Menu</title><description>Berikut Cara Membuat Dropdown Menu&lt;br /&gt;&lt;br /&gt;1. Login ke akun Blogger anda.&lt;br /&gt;&lt;br /&gt;2. Pilih Layout &gt; Page Elements &gt; Add Page Elements &gt; HTML/JavaScript&lt;br /&gt;&lt;br /&gt;3. Masukkan script berikut ke kotak Content:&lt;br /&gt;&lt;br /&gt;&lt;div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 468px; height: 100px; background-color: rgb(255, 255, 255);"&gt;&amp;lt;select onChange="document.location.href=this.options[this.selectedIndex].value;"&amp;gt;&lt;br /&gt;&amp;lt;option value="0" selected&amp;gt;Arsip Blog&amp;lt;/option&amp;gt;&lt;br /&gt;&amp;lt;option value="&lt;span style="color: rgb(255, 0, 0);"&gt;Links 1&lt;/span&gt;"&amp;gt;&lt;span style="color: rgb(255, 255, 0);"&gt;Text 1&lt;/span&gt;&amp;lt;/option&amp;gt;&lt;br /&gt;&amp;lt;option value="&lt;span style="color: rgb(255, 0, 0);"&gt;Links 2&lt;/span&gt;"&amp;gt;&lt;span style="color: rgb(255, 255, 0);"&gt;Text 2&lt;/span&gt;&amp;lt;/option&amp;gt;&lt;br /&gt;&amp;lt;/select&amp;gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Text yang berwarna merah adalah link. Ganti text tersebut dengan link anda.&lt;br /&gt;Text yang berwarna kuning adalah tulisan yang ditampilkan. Itu juga harus anda ganti.</description><link>http://tipzrfrancblog.blogspot.com/2010/09/membuat-dropdown-menu.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-1054207144245765473</guid><pubDate>Thu, 09 Sep 2010 07:02:00 +0000</pubDate><atom:updated>2010-09-09T00:06:13.645-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Cara Membuat Kotak Scrollbar  dalam Postingan</title><description>caranya sangat mudah:&lt;br /&gt;&lt;br /&gt;1. Buka Blogger.&lt;br /&gt;2. Klik menu Layout -&gt; Page Elements&lt;br /&gt;3. Klik Add a Gadget.&lt;br /&gt;4. Lalu klik tombol + pada HTML/Javascript&lt;br /&gt;5. Masukkan kode yang dibawah ini:&lt;br /&gt;&lt;br /&gt;&amp;lt;div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&amp;gt;&lt;span style="color: rgb(255, 0, 0);"&gt;Tambahkan teks atau kode script disini&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Maka hasilnya akan seperti ini:&lt;br /&gt;&lt;div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 468px; height: 100px; background-color: rgb(255, 255, 255);"&gt;&lt;br /&gt;&amp;lt;div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&amp;gt;Tambahkan teks atau kode script disini&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Teks yang bewarna merah bisa diisi dengan script atau dengan tulisan...&lt;br /&gt;&lt;br /&gt;Selesai dehhhhhhhhhhhh...........</description><link>http://tipzrfrancblog.blogspot.com/2010/09/cara-membuat-kotak-scrollbar-dalam.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-1698936386002320570</guid><pubDate>Thu, 09 Sep 2010 06:45:00 +0000</pubDate><atom:updated>2010-09-09T00:01:20.670-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Social Bookmarking Widget Untuk Homepage</title><description>&lt;div style="text-align: justify;"&gt;cara membuat widget social bookmarking untuk membagikan url homepage blog. Dengan widget ini, kita bisa mengirim url homepage blog kita ke Facebook, Twitter, Digg, Stumbleupon, Linkedin, Yahoo Bookmarks, Google Bookmarks, Reddit, Mixx, Technorati, dan yang terkahir ke Google Buzz.&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Cara Membuat Social Bookmarking Widget :&lt;/span&gt;&lt;br /&gt;1. Login ke akun Blogger anda&lt;br /&gt;&lt;br /&gt;2. Pilih Layout &gt; Page Elements&lt;br /&gt;&lt;br /&gt;3. Tambahkan Page Elements dengan HTML/Javascript, lalu paste kode di bawah ini&lt;br /&gt;====================================================================&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:460px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;  &amp;lt;a href="http://www.facebook.com/share.php?u=http://blogger-driver.blogspot.com" target="_blank" title="Share on Facebook"&amp;gt;&amp;lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnTN2McG-RQYOvnMYcfw3RhnXtM-Rozva5hH5vFDVvKbthygHCV5p7znB5A4IyuIGOLu-5s5br4Y3sjljxjm2fEWvOc3fZedneUlSdoVMMRvRbieGBXlrP77ghSdHki8o9FeviYROnpt0/s400/facebook_32.png" border="0" alt="Facebook" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;a href="http://twitter.com/home?status=I%20am%20currently%20on:%20Blogger%20Driver%20-%20http://blogger-driver.blogspot.com.%20It's%20a%20great%20blogging%20tips" target="_blank" title="Tweet It!"&amp;gt;&amp;lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOs_wOUmPOH5iOVeWEdMdQBvwaqcafVijL_GaK9fZErobqSl3HnBbEVGjIE04z6u4DoC0j82DDrPVN-SNa95SuAM9_qMRttoXH_wuEJWkAxvqbZgRgL2OotCvDjaM_ghxcYjLerJ0jomI/s400/twitter_32.png" border="0" alt="Twitter" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;a href="javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&amp;amp;quot;http://www.google.com&amp;amp;quot;;if(b&amp;amp;amp;&amp;amp;amp;!document.xmlVersion){void(z=document.createElement(&amp;amp;quot;script&amp;amp;quot;));void(z.src=&amp;amp;quot;http://www.google.com/reader/ui/link-bookmarklet.js&amp;amp;quot;);void(b.appendChild(z));}else{}" title="Buzz This!"&amp;gt;&amp;lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdksB0LHln8Pykz0y2EgQpOvah0RIBgudNMAlf20jPWtXYFPQ6mdxm8nJPqVCb4IKuRgKWhofV60eCbeGSSxBac7-DqG4gRc-tLZw92SI3WwVre92ecH6zcn-pkjnS7LiTLKtvKtAOQoI/s400/googlebuzz.png" border="0" alt="Google Buzz" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;a href="http://del.icio.us/post?url=http://blogger-driver.blogspot.com&amp;amp;title=Blogger%20Driver" target="_blank" title="Bookmark to Delicious"&amp;gt;&amp;lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7wOMT4Jqjq5khBqa-ANuJdiqy1kyAMdY5Q-mhvNXh4BYyLw5WUc_6Hmp6NWslAUGtakiao13CMTkuQX1Qpe32GmfOs-7T8C0ZXR6tObtXYYUQn9sYyqZJz3iMg7HvuoDjqhYHLN0LCzY/s400/delicious_32.png" border="0" alt="Delicious" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;a href="http://del.icio.us/post?url=http://blogger-driver.blogspot.com&amp;amp;title=Blogger%20Driver" target="_blank" title="Digg It!"&amp;gt;&amp;lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbpNDQ145-Ft58J0SYQqOMLJ6iCxJ3Lln5X7Iof8D5U8KMm-9MXTCDU_MsD2z7V4qAHArhcSW7uOa06yuYkFsl19F6x9BO8GtCrZGN9Viwh68k03_OdfaXwnqaElxbE0EAA1J05tPaXXo/s400/digg_32.png" border="0" alt="Digg" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;a href="http://www.stumbleupon.com/submit?url=http://blogger-driver.blogspot.com&amp;amp;title=Blogger%20Driver" target="_blank" title="Stumble it!"&amp;gt;&amp;lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC_lmbvl4L9wSeD9EaMI_V1kyuavFSbm8VIjDL0niRTd3yTEFnLDYEmYqhAqMfH_KERPEbTGXlQ_jAa9HlEFF8l_hJQRDfgBgJwzuBGoIhilcw00Qf9T1NatZl8fowpE3BTiPfB8aqovQ/s400/stumbleupon_32.png" border="0" alt="Stumbleupon" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;div style="clear:both;height:0"&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;a href="http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=http://blogger-driver.blogspot.com&amp;amp;title=Blogger%20Driver" target="_blank" title="Share on Linkedin"&amp;gt;&amp;lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdXkNNvOPflE_sJ6U38gWpRU9P3egKnurC37mO-VE53-LR0hr17_NxtnMYeKxFfQeJ-iGgKlcoj1ofB_Ux_LXdj3mmkqjeC7mRic9C-TjBAWNJSPX3D5h7kVoHn0YA8yiSCq4ZFjxdOPQ/s400/linkedin_32.png" border="0" alt="Linkedin" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http://blogger-driver.blogspot.com&amp;amp;=Blogger%20Driver" target="_blank" title="Bookmark to Yahoo! Bookmarks"&amp;gt;&amp;lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7xEY8an4669HG2Ec-BmSGn3f2z6_JCECQzIuxI8Cu7KIV1yWcQx-2LHLlBLi0-MPZlyu5U8UXYPBUWl6mVn-oAwOXCtZia-4rYlUX_zOFhTg_7es_WXCCzwq-DbQ9c-Yqaguaw_jevJ4/s400/yahoo_32.png" border="0" alt="Yahoo! Bookmarks" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;a href="http://www.google.com/bookmarks/mark?op=add&amp;amp;bkmk=http://blogger-driver.blogspot.com/&amp;amp;title=Blogger%20Driver" target="_blank" title="Bookmark to Google Bookmarks"&amp;gt;&amp;lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX_kOwsaTIE6ep3lVmNTPDtQQXAKxPDnne4aLffMeQKTRDEoSA0Q1F2Qp1TfZiqKvPWHEBRWKTG3HL03bh1a3hNW4vXR3EX3oBg1ypRXFDnTjiyhcY1Ytqk5kCSfy8auPB30Kp7Uaar8s/s400/google_32.png" border="0" alt="Google Bookmarks" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;a href="http://reddit.com/submit?url=http://blogger-driver.blogspot.com/&amp;amp;title=Blogger%20Driver" target="_blank" title="Reddit"&amp;gt;&amp;lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDO3N-328aytySaFpkR8lzsR_PEFYS191Id77zBx_wf998zUeg86OpfIkgCLIv5UmB8coOPe5ycVcQHMK-iY6P018AX28BFg7HWkPy7XHkZ9aVsPueHfWnWC9otaX50kZ0YWE96oRTl_s/s400/reddit_32.png" border="0" alt="Reddit" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;a href="http://www.mixx.com/submit?page_url=http://blogger-driver.blogspot.com" target="_blank" title="Share on Mixx"&amp;gt;&amp;lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZsL6Nj1iMOvK1fyPjh19-63pzMqg3xg9oXX2Et_41TG5pIXwhPbya8hQW3rbyXLDlhkih5emPQdTOjZk-8qaSjYfR0fOFgxczlQX1FRhyphenhyphenVTogC0ZVlqr9Ev5E4-gWN_pc39d17N58z70/s400/mixx_32.png" border="0" alt="Mixx" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;  &amp;lt;a href="http://technorati.com/faves?add=http://blogger-driver.blogspot.com&amp;amp;title=Blogger%20Driver" target="_blank" title="Fave this to Technorati"&amp;gt;&amp;lt;img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCPljry4ziw2Ve5o26y4rV4KlmpbgsSHcDv6ttvkqYW4ZSn5fysHHeNEcAe1WMZsziaH9uJ_e2NHN007zdhcYgLvdSKK3WnWhjeQicjTj7QMw6zzPoObA-uM_wHm3-a-tjTnvu0bFzjas/s400/technorati_32.png" border="0" alt="Technorati" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;====================================================================&lt;br /&gt;&lt;br /&gt;4. Terkahir, klik Save Template.</description><link>http://tipzrfrancblog.blogspot.com/2010/09/social-bookmarking-widget-untuk.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-7417884250598877023</guid><pubDate>Thu, 09 Sep 2010 04:46:00 +0000</pubDate><atom:updated>2010-09-09T01:05:03.513-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Cara Membuat Favicon</title><description>&lt;span class="fullpost"&gt;Pertama anda harus punya gambaran untuk favicon. Bagi Anda yang menguasai software grafis, Anda boleh membuat sebuah logo dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis apapun yang Anda kuasai. Lalu ekspor ke gif, png atau jpg. Jika Anda tidak menguasai software grafis, anda bisa gunakan &lt;a href="http://www.google.com/custom?domains=indobloger.blogspot.com&amp;amp;q=free+icon&amp;amp;sa=Search&amp;amp;sitesearch=&amp;amp;client=pub-3372308159222770&amp;amp;forid=1&amp;amp;channel=8670919357&amp;amp;ie=ISO-8859-1&amp;amp;oe=ISO-8859-1&amp;amp;safe=active&amp;amp;cof=GALT%3A%23FFFFFF%3BGL%3A1%3BDIV%3A%23336699%3BVLC%3A663399%3BAH%3Acenter%3BBGC%3AFFFFFF%3BLBGC%3A336699%3BALC%3A0000FF%3BLC%3A0000FF%3BT%3A000000%3BGFNT%3A0000FF%3BGIMP%3A0000FF%3BFORID%3A1&amp;amp;hl=en"&gt;icon gratis dengan googling&lt;/a&gt; atau bahkan foto yang ada di harddisk anda.&lt;br /&gt;&lt;br /&gt;Lalu upload file tersebut ke website &lt;a target="_blank" href="http://www.html-kit.com/favicon/"&gt;FavIcon from Pics&lt;/a&gt; dengan menekan Browse. Contreng pilihan "Animate Favicon" jika anda menginginkan favicon animasi. Lalu klik "Generate Favicon.ico".&lt;br /&gt;&lt;br /&gt;Setelah selesai DOWNLOAD GAMBAR FAVICON TERSEBUT&lt;br /&gt;&lt;br /&gt;Extract file zip yang dihasilkan. Lalu upload favicon.ico dan animated_favicon1.gif (favicon animasi) ke file hosting gratis seperti Google Pages, Photobucket.&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span class="fullpost"&gt;Sekarang, login ke Blogger. Pilih Layout -&gt; Edit HTML.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span class="fullpost"&gt;Copy kode di bawah ini :&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;link href='&lt;span style="color: rgb(255, 0, 0);"&gt;favicon url address&lt;/span&gt;' rel='shortcut icon' type='image/x-icon'/&amp;gt;&lt;br /&gt;&lt;br /&gt;Lalu paste persis di bawah baris kode berikut:&lt;br /&gt;&lt;br /&gt;&amp;lt;b:include data="blog" name="all-head-content"/&amp;gt;&lt;br /&gt;&lt;br /&gt;Sekarang ubah alamat &lt;span style="color: rgb(255, 0, 0);"&gt;favicon url address&lt;/span&gt; dengan URL tempat anda menyimpan file favicon di file hosting.&lt;br /&gt;&lt;br /&gt;Simpan Template. Lihat hasilnya. Jika favicon belum muncul, refresh browser.</description><link>http://tipzrfrancblog.blogspot.com/2010/09/cara-membuat-favicon.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-7385547736448594484</guid><pubDate>Wed, 08 Sep 2010 06:15:00 +0000</pubDate><atom:updated>2010-09-09T01:06:24.694-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Memasang Widget kirim SMS gratis di blog</title><description>cara memasang widget sms gratis di blog....&lt;br /&gt;SMS gratis...&lt;br /&gt;&lt;br /&gt;langkah-langkah nya berikut:&lt;br /&gt;1. Login ke bloger&lt;br /&gt;2. Pilih tata letak (rancangan) pilih elemen laman&lt;br /&gt;3. tambah gadget&lt;br /&gt;4. Copy aja Script ini&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:460px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;&amp;lt;center&amp;gt;&lt;br /&gt;&amp;lt;iframe src="http://indosmsgratis.com/freesms.php" width="199" height="260"&amp;gt;&lt;br /&gt;&amp;lt;/iframe&amp;gt;&amp;lt;/center&amp;gt;&lt;br /&gt;Pasang Widget ini: [&amp;lt;a href="http://www.micro-xp.co.cc/2010/09/memasang-widget-kirim-sms-gratis-di.html" onmouseover="window.location=this.href"&amp;gt;The New Site Informer&amp;lt;/a&amp;gt;]&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;5. Selesai deh....</description><link>http://tipzrfrancblog.blogspot.com/2010/09/memasang-widget-kirim-sms-gratis-di.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-2447477988806749022</guid><pubDate>Tue, 07 Sep 2010 06:07:00 +0000</pubDate><atom:updated>2010-09-09T01:06:59.460-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Cara Menghilangkan Angka Pada Label Blogspot</title><description>Label,yang telah di sediakan oleh Blogspot,secara otomatis akan menampilkan nomor di belakang label tersebut :&lt;br /&gt;&lt;br /&gt;contoh ----------- &gt; Free (3)&lt;br /&gt;                     Food (5)&lt;br /&gt;                     Sexy (10)&lt;br /&gt;&lt;br /&gt;Pilih Tata Letak / Edit HTML&lt;br /&gt;&lt;br /&gt;Kemudian centang Expand Template Widget.&lt;br /&gt;&lt;br /&gt;Kemudian cari Kode seperti di bawah ini.&lt;br /&gt;&lt;br /&gt;(&amp;lt;data:label.count/&amp;gt;)&lt;br /&gt;&lt;br /&gt;Gunakan Ctrl + F untuk mempermudah pencarian. Kalau sudah ketemu silahkan code ditas Anda hapus, dan simpan tempalte…..</description><link>http://tipzrfrancblog.blogspot.com/2010/09/cara-menghilangkan-angka-pada-label.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-5114724219196686397</guid><pubDate>Tue, 07 Sep 2010 01:44:00 +0000</pubDate><atom:updated>2010-09-06T18:49:24.031-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Facebook Money</category><title>APLIKASI FACEBOOK YG BISA NGASIH DOLLAR LHO... TENTUNYA DAFTARNYA GRATIS !!!!</title><description>&lt;div&gt;&lt;div style="border: medium none ; overflow: hidden; color: rgb(0, 0, 0); background-color: transparent; text-align: left; text-decoration: none;"&gt;&lt;div id="main-wrapper"&gt;&lt;div class="main section" id="downmain"&gt;&lt;div class="widget Blog" id="Blog1"&gt;&lt;div class="blog-posts hfeed"&gt;&lt;div class="post hentry uncustomized-post-template"&gt;&lt;h3 class="post-title entry-title"&gt; &lt;/h3&gt;  &lt;div class="post-body entry-content"&gt; &lt;style&gt;.fullpost{display:inline;}&lt;/style&gt; &lt;p&gt;APLIKASI FACEBOOK YG BISA NGASIH DOLLAR LHO... TENTUNYA DAFTARNYA GRATIS !!!!&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(51, 51, 255); font-weight: bold;font-size:large;" &gt;BENERAN 100% &lt;blink&gt;GRATIS!!!!&lt;/blink&gt; Tidak dipungut biaya sepeserpun...&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;Gimana Sih Caranya Dapet Duit Dari Facebook?&lt;/b&gt;&lt;br /&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Pertama kali daftar, langsung dapat $1 (Bonus)&lt;/li&gt;&lt;li&gt;Jika mengajak/mereferensikan orang lain untuk mendaftar dapat uang $0.01&lt;/li&gt;&lt;li&gt;Dapat 10% penghasilan dari orang yang kita ajak. Misalnya kita mengajak A, lalu A mendapat mendapat penghasilan $100, maka kita mendapat 10% x $100 = $10 (secara otomatis)/Pasif Income.&lt;/li&gt;&lt;li&gt;Mengerjakan survey/tugas dapat minimal $0.15&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;b&gt;Kapan Kita Dibayar?&lt;/b&gt;&lt;br /&gt;Kita akan dibayar jika:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Minimum pendapatan kita sudah terkumpul $5&lt;/li&gt;&lt;li&gt;Dibayar setiap tanggal 1 &amp;amp; 16 setiap bulannya&lt;/li&gt;&lt;li&gt;Pembayaran melalui Pay pal&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;b&gt;TERUS CARA JOIN/DAFTAR nya gimana?&lt;/b&gt;&lt;br /&gt;&lt;div&gt;&lt;div style="border: medium none ; overflow: hidden; color: rgb(0, 0, 0); background-color: transparent; text-align: left; text-decoration: none;"&gt;&lt;ol&gt;&lt;li&gt;Login ke Facebook anda.&lt;a href="http://apps.facebook.com/easycash-usd/?refid=15433743"&gt;&lt;br /&gt;&lt;/a&gt; &lt;/li&gt;&lt;li&gt;&lt;a target="_blank" href="http://apps.facebook.com/easycash-usd/?refid=15433743"&gt;&lt;span style="font-size:small;"&gt;&lt;b&gt;&lt;span style="color:red;"&gt;DAFTAR/JOIN Easy  Cash DISNI&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Klik tombol Allow atau Izinkan&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Selesai&lt;/li&gt;&lt;/ol&gt;&lt;span&gt;&lt;a href="http://apps.facebook.com/easycash-usd/?refid=15433743"&gt;&lt;span style="color: rgb(255, 0, 0); font-weight: bold;font-size:180%;" &gt;JOI&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;span&gt;&lt;a href="http://apps.facebook.com/easycash-usd/?refid=15433743"&gt;&lt;span style="color: rgb(255, 0, 0); font-weight: bold;font-size:180%;" &gt;N&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://apps.facebook.com/easycash-usd/?refid=15433743"&gt;&lt;img style="cursor: pointer; width: 150px; height: 42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPhoAIugK_RlpO7s8KU1ueCnU9kVIYVtlRDzi3E9NCTDEQ4O59SQYvKT_66CmrZtNhKx4Ht0Wi2B9LdUtlpCE8SbSY54eOx4H-dH6AQxLHpg1iHt_q268zL7wZVlD-PhnQQ3IPVoXvBtY/s400/logo.png" alt="" id="BLOGGER_PHOTO_ID_5513982604789900114" border="0" /&gt;&lt;/a&gt;&lt;span&gt;&lt;a href="http://apps.facebook.com/easycash-usd/?refid=15433743"&gt;&lt;span style="color: rgb(255, 0, 0); font-weight: bold;font-size:180%;" &gt; NO&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;span&gt;&lt;a href="http://apps.facebook.com/easycash-usd/?refid=15433743"&gt;&lt;span style="color: rgb(255, 0, 0); font-weight: bold;font-size:180%;" &gt;W&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;</description><link>http://tipzrfrancblog.blogspot.com/2010/09/aplikasi-facebook-yg-bisa-ngasih-dollar.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPhoAIugK_RlpO7s8KU1ueCnU9kVIYVtlRDzi3E9NCTDEQ4O59SQYvKT_66CmrZtNhKx4Ht0Wi2B9LdUtlpCE8SbSY54eOx4H-dH6AQxLHpg1iHt_q268zL7wZVlD-PhnQQ3IPVoXvBtY/s72-c/logo.png" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-6142954923928966417</guid><pubDate>Mon, 06 Sep 2010 06:18:00 +0000</pubDate><atom:updated>2010-09-09T01:08:19.730-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Page Navigation Widget</title><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpP3V2Yv68TF95VpcvFbLszVuamxhjJShoZsaJoo4F-A-vUorHcvlbg0FCGGBcpy7VSuRltaXESxNIr30d39nz-ZmqpL69deGry5Yqm2MXOoU0e5FQ6C0hgC-Pz2Y72YsgJQz0kkYOink/s1600/Page-Navigation-Widget-for-Blogger_thumb%5B8%5D.jpg"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 197px; height: 56px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpP3V2Yv68TF95VpcvFbLszVuamxhjJShoZsaJoo4F-A-vUorHcvlbg0FCGGBcpy7VSuRltaXESxNIr30d39nz-ZmqpL69deGry5Yqm2MXOoU0e5FQ6C0hgC-Pz2Y72YsgJQz0kkYOink/s400/Page-Navigation-Widget-for-Blogger_thumb%5B8%5D.jpg" alt="" id="BLOGGER_PHOTO_ID_5513684886225275122" border="0" /&gt;&lt;/a&gt;# Log into your blogger account and go to Layout &gt; Page Elements&lt;br /&gt;# Then Click on Add a Gadget&lt;br /&gt;# Amongst the Blogger Featured Widgets Choose HTML/JavaScript Widget&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:460px; height:100px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;&amp;lt;style type="text/CSS"&amp;gt;&lt;br /&gt;&lt;br /&gt; .showpageArea a {&lt;br /&gt; text-decoration:underline;&lt;br /&gt; }&lt;br /&gt; .showpageNum a {&lt;br /&gt; text-decoration:none;&lt;br /&gt; border: 1px solid #7AA1C3;&lt;br /&gt; margin:0 3px;&lt;br /&gt; padding:3px;&lt;br /&gt; }&lt;br /&gt; .showpageNum a:hover {&lt;br /&gt; border: 1px solid #7AA1C3;&lt;br /&gt; background-color:#F6F6F6;&lt;br /&gt; }&lt;br /&gt; .showpagePoint {&lt;br /&gt; color:#333;&lt;br /&gt; text-decoration:none;&lt;br /&gt; border: 1px solid #7AA1C3;&lt;br /&gt; background: #F6F6F6;&lt;br /&gt; margin:0 3px;&lt;br /&gt; padding:3px;&lt;br /&gt; }&lt;br /&gt; .showpageOf {&lt;br /&gt; text-decoration:none;&lt;br /&gt; padding:3px;&lt;br /&gt; margin: 0 3px 0 0;&lt;br /&gt; }&lt;br /&gt; .showpage a {&lt;br /&gt; text-decoration:none;&lt;br /&gt; border: 1px solid #7AA1C3;&lt;br /&gt; padding:3px;&lt;br /&gt; }&lt;br /&gt; .showpage a:hover {&lt;br /&gt; text-decoration:none;&lt;br /&gt; }&lt;br /&gt; .showpageNum a:link,.showpage a:link {&lt;br /&gt; text-decoration:none;&lt;br /&gt; color:#7AA1C3;&lt;br /&gt; }&lt;br /&gt; &amp;lt;/style&amp;gt;&lt;br /&gt;&lt;br /&gt; &amp;lt;script type="text/JavaScript"&amp;gt;&lt;br /&gt;&lt;br /&gt; function showpageCount(json) {&lt;br /&gt; var thisUrl = location.href;&lt;br /&gt; var htmlMap = new Array();&lt;br /&gt; var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";&lt;br /&gt; var isLablePage = thisUrl.indexOf("/search/label/")!=-1;&lt;br /&gt; var isPage = thisUrl.indexOf("/search?updated")!=-1;&lt;br /&gt; var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";&lt;br /&gt; thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;&lt;br /&gt; var thisNum = 1;&lt;br /&gt; var postNum=1;&lt;br /&gt; var itemCount = 0;&lt;br /&gt; var fFlag = 0;&lt;br /&gt; var eFlag = 0;&lt;br /&gt; var html= '';&lt;br /&gt; var upPageHtml ='';&lt;br /&gt; var downPageHtml ='';&lt;br /&gt;&lt;br /&gt; var pageCount = 2;&lt;br /&gt; var displayPageNum = 5;&lt;br /&gt; var upPageWord = 'Previous';&lt;br /&gt; var downPageWord = 'Next';&lt;br /&gt;&lt;br /&gt; var labelHtml = '&amp;lt;span class="showpageNum"&amp;gt;&amp;lt;a href="/search/label/'+thisLable+'?&amp;amp;max-results='+pageCount+'"&amp;gt;';&lt;br /&gt;&lt;br /&gt; for(var i=0, post; post = json.feed.entry[i]; i++) {&lt;br /&gt; var timestamp = post.published.$t.substr(0,10);&lt;br /&gt; var title = post.title.$t;&lt;br /&gt; if(isLablePage){&lt;br /&gt; if(title!=''){&lt;br /&gt; if(post.category){&lt;br /&gt; for(var c=0, post_category; post_category = post.category[c]; c++) {&lt;br /&gt; if(encodeURIComponent(post_category.term)==thisLable){&lt;br /&gt; if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){&lt;br /&gt; if(thisUrl.indexOf(timestamp)!=-1 ){&lt;br /&gt; thisNum = postNum;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; postNum++;&lt;br /&gt; htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&amp;amp;max-results='+pageCount;&lt;br /&gt; }&lt;br /&gt; }&lt;br /&gt; }&lt;br /&gt; }//end if(post.category){&lt;br /&gt;&lt;br /&gt; itemCount++;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; }else{&lt;br /&gt; if(title!=''){&lt;br /&gt; if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){&lt;br /&gt; if(thisUrl.indexOf(timestamp)!=-1 ){&lt;br /&gt; thisNum = postNum;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; if(title!='') postNum++;&lt;br /&gt; htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&amp;amp;max-results='+pageCount;&lt;br /&gt; }&lt;br /&gt; }&lt;br /&gt; itemCount++;&lt;br /&gt; }&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; for(var p =0;p&amp;lt; htmlMap.length;p++){&lt;br /&gt; if(p&amp;gt;=(thisNum-displayPageNum-1) &amp;amp;&amp;amp; p&amp;lt;(thisNum+displayPageNum)){&lt;br /&gt; if(fFlag ==0 &amp;amp;&amp;amp; p == thisNum-2){&lt;br /&gt; if(thisNum==2){&lt;br /&gt; if(isLablePage){&lt;br /&gt; upPageHtml = labelHtml + upPageWord +'&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;';&lt;br /&gt; }else{&lt;br /&gt; upPageHtml = '&amp;lt;span class="showpage"&amp;gt;&amp;lt;a href="/"&amp;gt;'+ upPageWord +'&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;';&lt;br /&gt; }&lt;br /&gt; }else{&lt;br /&gt; upPageHtml = '&amp;lt;span class="showpage"&amp;gt;&amp;lt;a href="'+htmlMap[p]+'"&amp;gt;'+ upPageWord +'&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;';&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; fFlag++;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; if(p==(thisNum-1)){&lt;br /&gt; html += '&amp;lt;span class="showpagePoint"&amp;gt;'+thisNum+'&amp;lt;/span&amp;gt;';&lt;br /&gt; }else{&lt;br /&gt; if(p==0){&lt;br /&gt; if(isLablePage){&lt;br /&gt; html = labelHtml+'1&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;';&lt;br /&gt; }else{&lt;br /&gt; html += '&amp;lt;span class="showpageNum"&amp;gt;&amp;lt;a href="/"&amp;gt;1&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;';&lt;br /&gt; }&lt;br /&gt; }else{&lt;br /&gt; html += '&amp;lt;span class="showpageNum"&amp;gt;&amp;lt;a href="'+htmlMap[p]+'"&amp;gt;'+ (p+1) +'&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;';&lt;br /&gt; }&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; if(eFlag ==0 &amp;amp;&amp;amp; p == thisNum){&lt;br /&gt; downPageHtml = '&amp;lt;span class="showpage"&amp;gt; &amp;lt;a href="'+htmlMap[p]+'"&amp;gt;'+ downPageWord +'&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;';&lt;br /&gt; eFlag++;&lt;br /&gt; }&lt;br /&gt; }//end if(p&amp;gt;=(thisNum-displayPageNum-1) &amp;amp;&amp;amp; p&amp;lt;(thisNum+displayPageNum)){&lt;br /&gt; }//end for(var p =0;p&amp;lt; htmlMap.length;p++){&lt;br /&gt;&lt;br /&gt; if(thisNum&amp;gt;1){&lt;br /&gt; if(!isLablePage){&lt;br /&gt; html = ''+upPageHtml+' '+html +' ';&lt;br /&gt; }else{&lt;br /&gt; html = ''+upPageHtml+' '+html +' ';&lt;br /&gt; }&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; html = '&amp;lt;div class="showpageArea"&amp;gt;&amp;lt;span  class="showpageOf"&amp;gt; Pages ('+(postNum-1)+')&amp;lt;/span&amp;gt;'+html;&lt;br /&gt;&lt;br /&gt; if(thisNum&amp;lt;(postNum-1)){&lt;br /&gt; html += downPageHtml;&lt;br /&gt;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; if(postNum==1) postNum++;&lt;br /&gt; html += '&amp;lt;/div&amp;gt;';&lt;br /&gt;&lt;br /&gt; if(isPage || isFirstPage || isLablePage){&lt;br /&gt; var pageArea = document.getElementsByName("pageArea");&lt;br /&gt; var blogPager = document.getElementById("blog-pager");&lt;br /&gt;&lt;br /&gt; if(postNum &amp;lt;= 2){&lt;br /&gt; html ='';&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; for(var p =0;p&amp;lt; pageArea.length;p++){&lt;br /&gt; pageArea[p].innerHTML = html;&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; if(pageArea&amp;amp;&amp;amp;pageArea.length&amp;gt;0){&lt;br /&gt; html ='';&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; if(blogPager){&lt;br /&gt; blogPager.innerHTML = html;&lt;br /&gt; }&lt;br /&gt; }&lt;br /&gt;&lt;br /&gt; }&lt;br /&gt; &amp;lt;/script&amp;gt;&lt;br /&gt;&lt;br /&gt; &amp;lt;script src="/feeds/posts/summary?alt=json-in-script&amp;amp;callback=showpageCount&amp;amp;max-results=99999" ; type="text/javascript"&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;SAve NOw YOur Template</description><link>http://tipzrfrancblog.blogspot.com/2010/09/page-navigation-widget.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpP3V2Yv68TF95VpcvFbLszVuamxhjJShoZsaJoo4F-A-vUorHcvlbg0FCGGBcpy7VSuRltaXESxNIr30d39nz-ZmqpL69deGry5Yqm2MXOoU0e5FQ6C0hgC-Pz2Y72YsgJQz0kkYOink/s72-c/Page-Navigation-Widget-for-Blogger_thumb%5B8%5D.jpg" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-5344174296845903096</guid><pubDate>Mon, 06 Sep 2010 05:17:00 +0000</pubDate><atom:updated>2010-09-09T01:09:55.636-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Subscription Email Form For Blogger Equiped With RSS Feed</title><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeRbOozjZ3BNgAXVs6lb2ztKyEfmynzJ-GXz_ydxJUzDf9_BYAXRsi7SAB_lF7l6vUK8M7Wj-gcg1H-Zf4bvrBptoKpxnpL2w7VEZdROEZwS5V41a7POWjcd139XahfvI7xwpjX3lnv_U/s1600/Blogger-Subscription-Form_thumb%5B4%5D.gif"&gt;&lt;img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 360px; height: 178px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeRbOozjZ3BNgAXVs6lb2ztKyEfmynzJ-GXz_ydxJUzDf9_BYAXRsi7SAB_lF7l6vUK8M7Wj-gcg1H-Zf4bvrBptoKpxnpL2w7VEZdROEZwS5V41a7POWjcd139XahfvI7xwpjX3lnv_U/s400/Blogger-Subscription-Form_thumb%5B4%5D.gif" alt="" id="BLOGGER_PHOTO_ID_5513675004558249394" border="0" /&gt;&lt;/a&gt;Now do the following,&lt;br /&gt;&lt;br /&gt;1. Go To Blogger &gt; Layout&lt;br /&gt;2. Click Add a Gadget or Add a Page element&lt;br /&gt;3. Choose HTML/JavaScript Widget&lt;br /&gt;4. Inside this widget paste the code below&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;&amp;lt;a href="&lt;span style="color: rgb(255, 0, 0);"&gt;http://feeds2.feedburner.com/TntByStc&lt;/span&gt;" rel="alternate" title="Subscribe now to avail the unthinkable" type="application/rss+xml"&amp;gt;&amp;lt;img border="0" alt="" style=" padding-bottom:20px; margin: 0pt 10px 10px 0pt; float: left; width:100px; height:100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga7wT2jLxvzoanOEdp8oq6Ko_npfmBTm1dOr88Wn5tKfUKnMZPBUKOZboKmUMc1TLtkVlCpxUSQk_iPSQxqQ0KsQuR0MFsBmqEf5RIt1JOFbraYweJpUIFoHtbYXkJRfU1CGoJhLBKEVdM/s400/MBT-RSS-FEED.gif"/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;p&amp;gt;&amp;lt;a href="&lt;span style="color: rgb(255, 0, 0);"&gt;http://feeds2.feedburner.com/TntByStc&lt;/span&gt;" rel="alternate" title="Subscribe to my feed" type="application/rss+xml"&amp;gt;Join the team! &amp;lt;/a&amp;gt;&amp;lt;span style="color: #5C6AA4; font-weight: bold;"&amp;gt;By Submitting your email address:&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;lt;style&amp;gt;&lt;br /&gt;input.mbt1 {&lt;br /&gt;color:#fff;&lt;br /&gt;font: bold 10px Arial, sans-serif;&lt;br /&gt;background:#F39100;&lt;br /&gt;border:0;&lt;br /&gt;padding:3px;&lt;br /&gt;}&lt;br /&gt;input.mbt1hov {&lt;br /&gt;color:#fff;&lt;br /&gt;font: bold 10px Arial, sans-serif;&lt;br /&gt;border:2px solid #F39100;&lt;br /&gt;padding:3px;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=&lt;span style="color: rgb(51, 102, 255);"&gt;TntByStc&lt;/span&gt;', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"&amp;gt;&amp;lt;input style=" color:&lt;span style="color: rgb(204, 102, 204);"&gt;#5C6AA4&lt;/span&gt;; background: #fff; border:1px solid &lt;span style="color: rgb(204, 102, 204);"&gt;#5C6AA4&lt;/span&gt;; width: 90px;" name="email" type="text"/&amp;gt;&amp;lt;input value="&lt;span style="color: rgb(51, 102, 255);"&gt;TntByStc&lt;/span&gt;" name="uri" type="hidden"/&amp;gt;&amp;lt;input value="en_US" name="loc" type="hidden"/&amp;gt; &amp;lt;input onmouseover="this.className='mbt1 mbt1hov'" onmouseout="this.className='mbt1'" value="GO!" class="mbt1" type="submit"/&amp;gt;&amp;lt;/form&amp;gt;&amp;lt;br/&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;Replace http://feeds2.feedburner.com/TntByStc with your Feed URL&lt;br /&gt;Save and Preview Your Widget</description><link>http://tipzrfrancblog.blogspot.com/2010/09/subscription-email-form-for-blogger.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeRbOozjZ3BNgAXVs6lb2ztKyEfmynzJ-GXz_ydxJUzDf9_BYAXRsi7SAB_lF7l6vUK8M7Wj-gcg1H-Zf4bvrBptoKpxnpL2w7VEZdROEZwS5V41a7POWjcd139XahfvI7xwpjX3lnv_U/s72-c/Blogger-Subscription-Form_thumb%5B4%5D.gif" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-1102737112152015339</guid><pubDate>Sat, 04 Sep 2010 03:43:00 +0000</pubDate><atom:updated>2010-09-09T01:13:32.205-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Advanced Multi Tabbed Widget For Blogger – Fully Widgetized!</title><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvq4lFGd6ZsNTW0af1p61X6NRvPt0noHm4INiQolpdYIAh1yjaKf10MiW-bYxNQwdBYscWjPdFb-nuJprA9478jdwj1oWnz5USkMGdvceDBa4OWOu8hasW6Gwjibo7StFwjh0d6mYi-YU/s1600/multi-tabbed-widget%5B13%5D.gif"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 303px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvq4lFGd6ZsNTW0af1p61X6NRvPt0noHm4INiQolpdYIAh1yjaKf10MiW-bYxNQwdBYscWjPdFb-nuJprA9478jdwj1oWnz5USkMGdvceDBa4OWOu8hasW6Gwjibo7StFwjh0d6mYi-YU/s320/multi-tabbed-widget%5B13%5D.gif" alt="" id="BLOGGER_PHOTO_ID_5512904828551687218" border="0" /&gt;&lt;/a&gt;To add this cute multi tab widget to your BlogSpot blogs follow these steps.&lt;br /&gt;&lt;br /&gt; 1.  Go to Blogger &gt; Layout &gt; Edit HTML&lt;br /&gt; 2. Search For &amp;lt;/head&amp;gt;&lt;br /&gt; 3. And paste the code below just above it,&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:460px; height:400px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;&amp;lt;script type='text/javascript'&amp;gt;&lt;br /&gt;//&amp;lt;![CDATA[&lt;br /&gt;document.write('&amp;lt;style type="text/css"&amp;gt;.tabber{display:none;}&amp;lt;\/style&amp;gt;');&lt;br /&gt;function tabberObj(argsObj)&lt;br /&gt;{&lt;br /&gt;var arg;&lt;br /&gt;this.div = null;&lt;br /&gt;this.classMain = "tabber";&lt;br /&gt;this.classMainLive = "tabberlive";&lt;br /&gt;this.classTab = "tabbertab";&lt;br /&gt;this.classTabDefault = "tabbertabdefault";&lt;br /&gt;this.classNav = "tabbernav";&lt;br /&gt;this.classTabHide = "tabbertabhide";&lt;br /&gt;this.classNavActive = "tabberactive";&lt;br /&gt;this.titleElements = ['h2','h3','h4','h5','h6'];&lt;br /&gt;this.titleElementsStripHTML = true;&lt;br /&gt;this.removeTitle = true;&lt;br /&gt;this.addLinkId = false;&lt;br /&gt;this.linkIdFormat = '&amp;lt;tabberid&amp;gt;nav&amp;lt;tabnumberone&amp;gt;';&lt;br /&gt;for (arg in argsObj) { this[arg] = argsObj[arg]; }&lt;br /&gt;this.REclassMain = new RegExp('\\b' + this.classMain + '\\b', 'gi');&lt;br /&gt;this.REclassMainLive = new RegExp('\\b' + this.classMainLive + '\\b', 'gi');&lt;br /&gt;this.REclassTab = new RegExp('\\b' + this.classTab + '\\b', 'gi');&lt;br /&gt;this.REclassTabDefault = new RegExp('\\b' + this.classTabDefault + '\\b', 'gi');&lt;br /&gt;this.REclassTabHide = new RegExp('\\b' + this.classTabHide + '\\b', 'gi');&lt;br /&gt;this.tabs = new Array();&lt;br /&gt;if (this.div) {&lt;br /&gt;  this.init(this.div);&lt;br /&gt;  this.div = null;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;tabberObj.prototype.init = function(e)&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;var&lt;br /&gt;childNodes,&lt;br /&gt;i, i2,&lt;br /&gt;t,&lt;br /&gt;defaultTab=0,&lt;br /&gt;DOM_ul,&lt;br /&gt;DOM_li,&lt;br /&gt;DOM_a,&lt;br /&gt;aId,&lt;br /&gt;headingElement;&lt;br /&gt;if (!document.getElementsByTagName) { return false; }&lt;br /&gt;if (e.id) {&lt;br /&gt;  this.id = e.id;&lt;br /&gt;}&lt;br /&gt;this.tabs.length = 0;&lt;br /&gt;childNodes = e.childNodes;&lt;br /&gt;for(i=0; i &amp;lt; childNodes.length; i++) {&lt;br /&gt;  if(childNodes[i].className &amp;amp;&amp;amp;&lt;br /&gt;     childNodes[i].className.match(this.REclassTab)) {&lt;br /&gt;    t = new Object();&lt;br /&gt;    t.div = childNodes[i];&lt;br /&gt;    this.tabs[this.tabs.length] = t;&lt;br /&gt;&lt;br /&gt;    if (childNodes[i].className.match(this.REclassTabDefault)) {&lt;br /&gt;  defaultTab = this.tabs.length-1;&lt;br /&gt;    }&lt;br /&gt;  }&lt;br /&gt;}&lt;br /&gt;DOM_ul = document.createElement("ul");&lt;br /&gt;DOM_ul.className = this.classNav;&lt;br /&gt;for (i=0; i &amp;lt; this.tabs.length; i++) {&lt;br /&gt;&lt;br /&gt;  t = this.tabs[i];&lt;br /&gt;&lt;br /&gt;  t.headingText = t.div.title;&lt;br /&gt;&lt;br /&gt;  if (this.removeTitle) { t.div.title = ''; }&lt;br /&gt;&lt;br /&gt;  if (!t.headingText) {&lt;br /&gt;&lt;br /&gt;    for (i2=0; i2&amp;lt;this.titleElements.length; i2++) {&lt;br /&gt;  headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0];&lt;br /&gt;  if (headingElement) {&lt;br /&gt;    t.headingText = headingElement.innerHTML;&lt;br /&gt;    if (this.titleElementsStripHTML) {&lt;br /&gt;      t.headingText.replace(/&amp;lt;br&amp;gt;/gi," ");&lt;br /&gt;      t.headingText = t.headingText.replace(/&amp;lt;[^&amp;gt;]+&amp;gt;/g,"");&lt;br /&gt;    }&lt;br /&gt;    break;&lt;br /&gt;  }&lt;br /&gt;    }&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt;  if (!t.headingText) {&lt;br /&gt;    t.headingText = i + 1;&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt;  DOM_li = document.createElement("li");&lt;br /&gt;&lt;br /&gt;  t.li = DOM_li;&lt;br /&gt;&lt;br /&gt;  DOM_a = document.createElement("a");&lt;br /&gt;  DOM_a.appendChild(document.createTextNode(t.headingText));&lt;br /&gt;  DOM_a.href = "javascript:void(null);";&lt;br /&gt;  DOM_a.title = t.headingText;&lt;br /&gt;  DOM_a.onclick = this.navClick;&lt;br /&gt;&lt;br /&gt;  DOM_a.tabber = this;&lt;br /&gt;  DOM_a.tabberIndex = i;&lt;br /&gt;&lt;br /&gt;  if (this.addLinkId &amp;amp;&amp;amp; this.linkIdFormat) {&lt;br /&gt;&lt;br /&gt;    aId = this.linkIdFormat;&lt;br /&gt;    aId = aId.replace(/&amp;lt;tabberid&amp;gt;/gi, this.id);&lt;br /&gt;    aId = aId.replace(/&amp;lt;tabnumberzero&amp;gt;/gi, i);&lt;br /&gt;    aId = aId.replace(/&amp;lt;tabnumberone&amp;gt;/gi, i+1);&lt;br /&gt;    aId = aId.replace(/&amp;lt;tabtitle&amp;gt;/gi, t.headingText.replace(/[^a-zA-Z0-9\-]/gi, ''));&lt;br /&gt;&lt;br /&gt;    DOM_a.id = aId;&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt;  DOM_li.appendChild(DOM_a);&lt;br /&gt;&lt;br /&gt;  DOM_ul.appendChild(DOM_li);&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;e.insertBefore(DOM_ul, e.firstChild);&lt;br /&gt;&lt;br /&gt;e.className = e.className.replace(this.REclassMain, this.classMainLive);&lt;br /&gt;&lt;br /&gt;this.tabShow(defaultTab);&lt;br /&gt;&lt;br /&gt;if (typeof this.onLoad == 'function') {&lt;br /&gt;  this.onLoad({tabber:this});&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;return this;&lt;br /&gt;};&lt;br /&gt;&lt;br /&gt;tabberObj.prototype.navClick = function(event)&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;var&lt;br /&gt;rVal,&lt;br /&gt;a,&lt;br /&gt;self,&lt;br /&gt;tabberIndex,&lt;br /&gt;onClickArgs;&lt;br /&gt;&lt;br /&gt;a = this;&lt;br /&gt;if (!a.tabber) { return false; }&lt;br /&gt;&lt;br /&gt;self = a.tabber;&lt;br /&gt;tabberIndex = a.tabberIndex;&lt;br /&gt;&lt;br /&gt;a.blur();&lt;br /&gt;&lt;br /&gt;if (typeof self.onClick == 'function') {&lt;br /&gt;&lt;br /&gt;  onClickArgs = {'tabber':self, 'index':tabberIndex, 'event':event};&lt;br /&gt;&lt;br /&gt;  /* IE uses a different way to access the event object */&lt;br /&gt;  if (!event) { onClickArgs.event = window.event; }&lt;br /&gt;&lt;br /&gt;  rVal = self.onClick(onClickArgs);&lt;br /&gt;  if (rVal === false) { return false; }&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;self.tabShow(tabberIndex);&lt;br /&gt;&lt;br /&gt;return false;&lt;br /&gt;};&lt;br /&gt;&lt;br /&gt;tabberObj.prototype.tabHideAll = function()&lt;br /&gt;{&lt;br /&gt;var i;&lt;br /&gt;&lt;br /&gt;for (i = 0; i &amp;lt; this.tabs.length; i++) {&lt;br /&gt;  this.tabHide(i);&lt;br /&gt;}&lt;br /&gt;};&lt;br /&gt;&lt;br /&gt;tabberObj.prototype.tabHide = function(tabberIndex)&lt;br /&gt;{&lt;br /&gt;var div;&lt;br /&gt;&lt;br /&gt;if (!this.tabs[tabberIndex]) { return false; }&lt;br /&gt;&lt;br /&gt;div = this.tabs[tabberIndex].div;&lt;br /&gt;&lt;br /&gt;if (!div.className.match(this.REclassTabHide)) {&lt;br /&gt;  div.className += ' ' + this.classTabHide;&lt;br /&gt;}&lt;br /&gt;this.navClearActive(tabberIndex);&lt;br /&gt;&lt;br /&gt;return this;&lt;br /&gt;};&lt;br /&gt;&lt;br /&gt;tabberObj.prototype.tabShow = function(tabberIndex)&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;var div;&lt;br /&gt;&lt;br /&gt;if (!this.tabs[tabberIndex]) { return false; }&lt;br /&gt;&lt;br /&gt;this.tabHideAll();&lt;br /&gt;&lt;br /&gt;div = this.tabs[tabberIndex].div;&lt;br /&gt;&lt;br /&gt;div.className = div.className.replace(this.REclassTabHide, '');&lt;br /&gt;&lt;br /&gt;this.navSetActive(tabberIndex);&lt;br /&gt;&lt;br /&gt;if (typeof this.onTabDisplay == 'function') {&lt;br /&gt;  this.onTabDisplay({'tabber':this, 'index':tabberIndex});&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;return this;&lt;br /&gt;};&lt;br /&gt;&lt;br /&gt;tabberObj.prototype.navSetActive = function(tabberIndex)&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;this.tabs[tabberIndex].li.className = this.classNavActive;&lt;br /&gt;&lt;br /&gt;return this;&lt;br /&gt;};&lt;br /&gt;&lt;br /&gt;tabberObj.prototype.navClearActive = function(tabberIndex)&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;this.tabs[tabberIndex].li.className = '';&lt;br /&gt;&lt;br /&gt;return this;&lt;br /&gt;};&lt;br /&gt;&lt;br /&gt;function tabberAutomatic(tabberArgs)&lt;br /&gt;{&lt;br /&gt;var&lt;br /&gt;  tempObj,&lt;br /&gt;  divs,&lt;br /&gt;  i;&lt;br /&gt;&lt;br /&gt;if (!tabberArgs) { tabberArgs = {}; }&lt;br /&gt;&lt;br /&gt;tempObj = new tabberObj(tabberArgs);&lt;br /&gt;&lt;br /&gt;divs = document.getElementsByTagName("div");&lt;br /&gt;for (i=0; i &amp;lt; divs.length; i++) {&lt;br /&gt;  if (divs[i].className &amp;amp;&amp;amp;&lt;br /&gt;  divs[i].className.match(tempObj.REclassMain)) {&lt;br /&gt;    tabberArgs.div = divs[i];&lt;br /&gt;    divs[i].tabber = new tabberObj(tabberArgs);&lt;br /&gt;  }&lt;br /&gt;}&lt;br /&gt;return this;&lt;br /&gt;}&lt;br /&gt;function tabberAutomaticOnLoad(tabberArgs)&lt;br /&gt;{&lt;br /&gt;var oldOnLoad;&lt;br /&gt;&lt;br /&gt;if (!tabberArgs) { tabberArgs = {}; }&lt;br /&gt;&lt;br /&gt;oldOnLoad = window.onload;&lt;br /&gt;if (typeof window.onload != 'function') {&lt;br /&gt;  window.onload = function() {&lt;br /&gt;    tabberAutomatic(tabberArgs);&lt;br /&gt;  };&lt;br /&gt;} else {&lt;br /&gt;  window.onload = function() {&lt;br /&gt;    oldOnLoad();&lt;br /&gt;    tabberAutomatic(tabberArgs);&lt;br /&gt;  };&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;/* Run tabberAutomaticOnload() unless the "manualStartup" option was specified */&lt;br /&gt;&lt;br /&gt;if (typeof tabberOptions == 'undefined') {&lt;br /&gt;&lt;br /&gt;  tabberAutomaticOnLoad();&lt;br /&gt;&lt;br /&gt;} else {&lt;br /&gt;&lt;br /&gt;if (!tabberOptions['manualStartup']) {&lt;br /&gt;  tabberAutomaticOnLoad(tabberOptions);&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;//]]&amp;gt;&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;4. Now search for ]]&amp;gt;&amp;lt;/b:skin&amp;gt;  and just above it paste this code,&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:460px; height:400px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;  /*---------- Tabber Start-------- */&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;  .tabberlive{&lt;br /&gt;  margin:0;&lt;br /&gt;  padding:5px;&lt;br /&gt;  clear:both;&lt;br /&gt;  background:$tbbxbgcolor;&lt;br /&gt;  border:1px solid $tbbxbrcolor;&lt;br /&gt;  }&lt;br /&gt;  .tabbernav {&lt;br /&gt;  margin:0;&lt;br /&gt;  padding: 3px 0;&lt;br /&gt;  border-bottom: 1px solid $tbbxbrcolor;&lt;br /&gt;  font-family:Arial,Helvetica,sans-serif;&lt;br /&gt;  font-size:12px;&lt;br /&gt;  font-weight:bold;&lt;br /&gt;  }&lt;br /&gt;  .tabbernav li {&lt;br /&gt;  list-style:none;&lt;br /&gt;  margin:0;&lt;br /&gt;  display:inline;&lt;br /&gt;  }&lt;br /&gt;  .tabbernav li a {&lt;br /&gt;  padding:3px 0.5em;&lt;br /&gt;  margin-right:1px;&lt;br /&gt;  border:1px solid $tbbxbrcolor;&lt;br /&gt;  border-bottom:none;&lt;br /&gt;  background:$tbbxcolor2;&lt;br /&gt;  text-decoration:none;&lt;br /&gt;  color:$tbbxcolor1;&lt;br /&gt;  }&lt;br /&gt;  .tabbernav li a:hover {&lt;br /&gt;  color:$tbbxcolor2;&lt;br /&gt;  background:$tbbxcolor1;&lt;br /&gt;  border-color:$tbbxbrcolor;&lt;br /&gt;  text-decoration:none;&lt;br /&gt;  }&lt;br /&gt;  .tabbernav li.tabberactive a,&lt;br /&gt;  .tabbernav li.tabberactive a:hover {&lt;br /&gt;  background:$tbbxcolor1;&lt;br /&gt;  color:$tbbxcolor2;&lt;br /&gt;  border-bottom: 1px solid $tbbxcolor1;&lt;br /&gt;  }&lt;br /&gt;  .tabberlive .tabbertab {&lt;br /&gt;  padding:5px;&lt;br /&gt;  border:1px solid $tbbxbrcolor;&lt;br /&gt;  border-top:0;&lt;br /&gt;  background:$tbbxcolor1;&lt;br /&gt;  }&lt;br /&gt;  .tabberlive .tabbertab h2,&lt;br /&gt;  .tabberlive .tabbertabhide {&lt;br /&gt;  display:none;&lt;br /&gt;  }&lt;br /&gt;  .tabbertab .widget-content ul{&lt;br /&gt;  list-style:none;&lt;br /&gt;  margin:0 0 10px 0;&lt;br /&gt;  padding:0;&lt;br /&gt;  }&lt;br /&gt;  .tabbertab .widget-content li {&lt;br /&gt;  border-bottom:1px solid $tbbxbrcolor;&lt;br /&gt;  margin:0 5px;&lt;br /&gt;  padding:2px 0 5px 0;&lt;br /&gt;  }&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;  /*------- Tabber End--------*/&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;5.  Don’t save your template. Now search for Variable definitions and paste this code with other variable definitions,&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:460px; height:400px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;&amp;lt;Variable name="tbbxbgcolor" description="Tab box Background Color" type="color" default="#f8f8f8" value="#f8f8f8"&amp;gt;&lt;br /&gt;&amp;lt;Variable name="tbbxbrcolor" description="Tab box Border Color" type="color" default="#dcdcdc" value="#dcdcdc"&amp;gt;&lt;br /&gt;&amp;lt;Variable name="tbbxcolor1" description="Tab box Color 1" type="color" default="#ffffff" value="#ffffff"&amp;gt;&lt;br /&gt;&amp;lt;Variable name="tbbxcolor2" description="Tab box Color 2" type="color" default="#5588aa" value="#5588aa"&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;If you can’t find Variable definitions  then search for #navbar-iframe and paste this code below #navbar-iframe { Some text here }&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:460px; height:400px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;&lt;br /&gt;  /* Variable definitions&lt;br /&gt;     ====================&lt;br /&gt;&lt;br /&gt;  &amp;lt;Variable name="tbbxbgcolor" description="Tab box Background Color" type="color" default="#f8f8f8" value="#f8f8f8"&amp;gt;&lt;br /&gt;  &amp;lt;Variable name="tbbxbrcolor" description="Tab box Border Color" type="color" default="#dcdcdc" value="#dcdcdc"&amp;gt;&lt;br /&gt;  &amp;lt;Variable name="tbbxcolor1" description="Tab box Color 1" type="color" default="#ffffff" value="#ffffff"&amp;gt;&lt;br /&gt;  &amp;lt;Variable name="tbbxcolor2" description="Tab box Color 2" type="color" default="#5588aa" value="#5588aa"&amp;gt;&lt;br /&gt;&lt;br /&gt;  */&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;6.   Now the final part. Search for &amp;lt;div id='sidebar-wrapper'&amp;gt; and paste this code below but in the above &amp;lt;/div&amp;gt;&lt;br /&gt;&lt;div style="overflow:auto; padding:5px; width:460px; height:400px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;&amp;lt;div class='tabber'&amp;gt;&lt;br /&gt;  &amp;lt;b:section class='tabbertab' id='tab1' maxwidgets='1'/&amp;gt;&lt;br /&gt;  &amp;lt;b:section class='tabbertab' id='tab2' maxwidgets='1'/&amp;gt;&lt;br /&gt;  &amp;lt;b:section class='tabbertab' id='tab3' maxwidgets='1'/&amp;gt;&lt;br /&gt;  &amp;lt;b:section class='tabbertab' id='tab4' maxwidgets='1'/&amp;gt;&lt;br /&gt;  &amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;7. Finally save your template&lt;br /&gt;8. Finally view your template to see it</description><link>http://tipzrfrancblog.blogspot.com/2010/09/advanced-multi-tabbed-widget-for.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvq4lFGd6ZsNTW0af1p61X6NRvPt0noHm4INiQolpdYIAh1yjaKf10MiW-bYxNQwdBYscWjPdFb-nuJprA9478jdwj1oWnz5USkMGdvceDBa4OWOu8hasW6Gwjibo7StFwjh0d6mYi-YU/s72-c/multi-tabbed-widget%5B13%5D.gif" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-4477768779302474849</guid><pubDate>Sat, 04 Sep 2010 02:31:00 +0000</pubDate><atom:updated>2010-09-09T01:15:18.278-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Put Paypal Donation Box to Blog</title><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9AjVAgyzCeyXuc208KyFDGDXxggZIs_S-ix6KyM4Kn7kxnLJFAx7IyE62ukI8ir57Lm26wtqxCFrbKEDMkqd1eF9iz2HxTkMoAneqUT2MtCvtyyb_0zVoSaxPxLA2MrnHyhOyeNtYgB0/s1600/paypal-donation-box.PNG"&gt;&lt;img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 163px; height: 161px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9AjVAgyzCeyXuc208KyFDGDXxggZIs_S-ix6KyM4Kn7kxnLJFAx7IyE62ukI8ir57Lm26wtqxCFrbKEDMkqd1eF9iz2HxTkMoAneqUT2MtCvtyyb_0zVoSaxPxLA2MrnHyhOyeNtYgB0/s320/paypal-donation-box.PNG" alt="" id="BLOGGER_PHOTO_ID_5512893964814805394" border="0" /&gt;&lt;/a&gt;Do you want this image to your blog / website? For many of us you want this code into your blog / site to these popular sites but do not know how. Well, I am very happy to teach and tell you how.&lt;br /&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;Ok here we go.&lt;br /&gt;&lt;br /&gt;Simply copy the code and change some values in&lt;span style="color: rgb(255, 0, 0);"&gt; red&lt;/span&gt;.&lt;br /&gt;Change &lt;span style="color: rgb(255, 0, 0);"&gt;Blog / Website&lt;/span&gt; &lt;span style="color: rgb(255, 0, 0);"&gt;Title &lt;/span&gt;, changing the blog title example "H I H".&lt;br /&gt;And change &lt;span style="color: rgb(255, 0, 0);"&gt;your PayPal e-mail&lt;/span&gt; to your PayPal e-mail.&lt;br /&gt;Code:&lt;br /&gt;&lt;/div&gt;&lt;div style="overflow:auto; padding:5px; width:460px; height:400px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;!-- The-Online-Quest Pay Pal Donation Form Code Start --&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;center&amp;gt;&lt;br /&gt;&amp;lt;table border="1" width="143" cellspacing="0" cellpadding="0" bordercolorlight="#FFF8E8" bordercolordark="#EFE0C9"&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;&lt;br /&gt;&amp;lt;p align="center"&amp;gt;&amp;lt;b&amp;gt;Please Donate To My Blog&amp;lt;/b&amp;gt;&lt;br /&gt;&amp;lt;/p&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td width="145"&amp;gt;&lt;br /&gt;&amp;lt;form action="https://www.paypal.com/row/cgi-bin/webscr" name="_xclick" method="post"&amp;gt;&lt;br /&gt;&amp;lt;input value="Thanks for Your Donations - &lt;span style="color: rgb(255, 0, 0);"&gt;Blog/Website Title&lt;/span&gt;" name="item_name" type="hidden"/&amp;gt;&lt;br /&gt;&amp;lt;input value="&lt;span style="color: rgb(255, 0, 0);"&gt;Your paypal emai&lt;/span&gt;l" name="business" type="hidden"/&amp;gt;&lt;br /&gt;&amp;lt;p style="margin-top: 0; margin-bottom: 0"&amp;gt;&lt;br /&gt;&amp;lt;input value="_xclick" name="cmd" type="hidden"/&amp;gt;&lt;br /&gt;&amp;lt;!-- input type="hidden" name="amount" value="1.00" --&amp;gt;&lt;br /&gt;&amp;lt;b&amp;gt;Amount&amp;lt;/b&amp;gt; &amp;lt;p style="margin-top: 0; margin-bottom: 0"&amp;gt; &amp;lt;select name="Amount" size="1"&amp;gt;&lt;br /&gt;&amp;lt;option selected value="1.00"/&amp;gt;1.00&lt;br /&gt;&amp;lt;option value="2.00"/&amp;gt;2.00&lt;br /&gt;&amp;lt;option value="3.00"/&amp;gt;3.00&lt;br /&gt;&amp;lt;option value="4.00"/&amp;gt;4.00&lt;br /&gt;&amp;lt;option value="5.00"/&amp;gt;5.00&lt;br /&gt;&amp;lt;option value="10.00"/&amp;gt;10.00&lt;br /&gt;&amp;lt;option value="15.00"/&amp;gt;15.00&lt;br /&gt;&amp;lt;option value="20.00"/&amp;gt;20.00&lt;br /&gt;&amp;lt;option value="25.00"/&amp;gt;25.00&lt;br /&gt;&amp;lt;option value="30.00"/&amp;gt;30.00&lt;br /&gt;&amp;lt;option value="35.00"/&amp;gt;35.00&lt;br /&gt;&amp;lt;option value="40.00"/&amp;gt;40.00&lt;br /&gt;&amp;lt;option value="45.00"/&amp;gt;45.00&lt;br /&gt;&amp;lt;option value="50.00"/&amp;gt;50.00&lt;br /&gt;&amp;lt;option value="100.00"/&amp;gt;100.00&lt;br /&gt;&amp;lt;option value="200.00"/&amp;gt;200.00&lt;br /&gt;&amp;lt;option value="300.00"/&amp;gt;300.00&lt;br /&gt;&amp;lt;option value="400.00"/&amp;gt;400.00&lt;br /&gt;&amp;lt;option value="500.00"/&amp;gt;500.00&lt;br /&gt;&amp;lt;option value="1000.00"/&amp;gt;1000.00&lt;br /&gt;&amp;lt;/select&amp;gt;&lt;br /&gt;&amp;lt;p style="margin-top: 0; margin-bottom: 0"&amp;gt;&amp;lt;b&amp;gt;Currency&amp;lt;/b&amp;gt; &amp;lt;select name="currency_code" size="1"&amp;gt;&lt;br /&gt;&amp;lt;option value="AUD"/&amp;gt;Australian Dollar&lt;br /&gt;&amp;lt;option selected value="USD"/&amp;gt;USD&lt;br /&gt;&amp;lt;option value="GBP"/&amp;gt;British Pound&lt;br /&gt;&amp;lt;option value="CAD"/&amp;gt;Canadian Dollars&lt;br /&gt;&amp;lt;option value="CZK"/&amp;gt;Czech Koruna&lt;br /&gt;&amp;lt;option value="DKK"/&amp;gt;Danish Kroner&lt;br /&gt;&amp;lt;option value="EUR"/&amp;gt;EUR&lt;br /&gt;&amp;lt;option value="HKD"/&amp;gt;Hong Kong Dollars&lt;br /&gt;&amp;lt;option value="HUF"/&amp;gt;Hungarian Forint&lt;br /&gt;&amp;lt;option value="JPY"/&amp;gt;Japanese YEN&lt;br /&gt;&amp;lt;option value="NZD"/&amp;gt;New Zealand Dollars&lt;br /&gt;&amp;lt;option value="NOK"/&amp;gt;Norwegian Kroner&lt;br /&gt;&amp;lt;option value="PLN"/&amp;gt;Polisg Zlotych&lt;br /&gt;&amp;lt;option value="SGD"/&amp;gt;Singapore Dollars&lt;br /&gt;&amp;lt;option value="SEK"/&amp;gt;Swedish Kronor&lt;br /&gt;&amp;lt;option value="CHF"/&amp;gt;Swiss Francs&lt;br /&gt;&amp;lt;/select&amp;gt;&lt;br /&gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;lt;p style="margin-top: 0; margin-bottom: 0" align="center"&amp;gt;&lt;br /&gt;&amp;lt;input border="0" alt="Make payments with PayPal - it's fast, free and secure!" width="60" src="http://www.blogpulp.com/imagehost/images/5971708800.gif" name="submit" height="30" type="image"/&amp;gt;&lt;br /&gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;lt;/p&amp;gt;&amp;lt;/p&amp;gt;&amp;lt;/form&amp;gt;&lt;br /&gt;&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;tr&amp;gt;&lt;br /&gt;&amp;lt;td&amp;gt;&lt;br /&gt;&amp;lt;p align="right"&amp;gt;&amp;lt;b&amp;gt;&amp;lt;font face="Arial" size="1"&amp;gt;Powered by &amp;lt;a href="http://djyano.blogspot.com/2008/04/put-paypal-donation-code-to-your.html" target="_blank"&amp;gt; The-Online-Quest&amp;lt;/a&amp;gt;&amp;lt;/font&amp;gt;&amp;lt;/b&amp;gt;&lt;br /&gt;&amp;lt;/p&amp;gt;&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&amp;lt;/center&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;!-- End of The-Online-Quest Pay Pal Donation Form Code --&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;div style="text-align: justify;"&gt;For bloggers, including copy and modify the values, simply add a new page element. Click to add HTML / JavaScript to blog, add all the codes changes.Enjoy blogs and have fun&lt;/div&gt;</description><link>http://tipzrfrancblog.blogspot.com/2010/09/put-paypal-donation-box-to-blog.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9AjVAgyzCeyXuc208KyFDGDXxggZIs_S-ix6KyM4Kn7kxnLJFAx7IyE62ukI8ir57Lm26wtqxCFrbKEDMkqd1eF9iz2HxTkMoAneqUT2MtCvtyyb_0zVoSaxPxLA2MrnHyhOyeNtYgB0/s72-c/paypal-donation-box.PNG" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-9005232523492523949.post-7589389594731497481</guid><pubDate>Thu, 02 Sep 2010 03:26:00 +0000</pubDate><atom:updated>2010-09-09T01:19:57.463-07:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Blog Tutorial</category><title>Page Navigasi Untuk Blogger</title><description>Sekarang mulai langkah-langkahnya :&lt;br /&gt;1. log in ke akun blogger anda dan pilih layout --&gt; Edit html&lt;br /&gt;2. Cari kode &lt;span style="color: rgb(204, 0, 0);"&gt;]]&amp;gt;&amp;lt;/b:skin&amp;gt;&lt;/span&gt;&lt;br /&gt;3. Letakkan Kode CSS ini di atasnya :&lt;br /&gt;&lt;div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 460px; height: 400px; background-color: rgb(255, 255, 255);"&gt;&lt;br /&gt;&lt;br /&gt;.showpageArea {padding: 0 2px;margin-bottom:10px;margin-top:10px;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;.showpageArea a {border: 1px solid #505050;&lt;br /&gt;color: #000000;font-weight:normal;&lt;br /&gt;padding: 3px 6px !important;&lt;br /&gt;padding: 1px 4px ;margin:0px 4px;&lt;br /&gt;text-decoration: none;&lt;br /&gt;}&lt;br /&gt;.showpageArea a:hover {&lt;br /&gt;font-size:11px;&lt;br /&gt;border: 1px solid #333;&lt;br /&gt;color: #000000;&lt;br /&gt;background-color: #FFFFFF;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;.showpageNum a {border: 1px solid #505050;&lt;br /&gt;color: #000000;font-weight:normal;&lt;br /&gt;padding: 3px 6px !important;&lt;br /&gt;padding: 1px 4px ;margin:0px 4px;&lt;br /&gt;text-decoration: none;&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;.showpageNum a:hover {&lt;br /&gt;font-size:11px;&lt;br /&gt;border: 1px solid #333;&lt;br /&gt;color: #000000;&lt;br /&gt;background-color: #FFFFFF;&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;.showpagePoint {font-size:11px;&lt;br /&gt;padding: 2px 4px 2px 4px;&lt;br /&gt;margin: 2px;&lt;br /&gt;font-weight: bold;&lt;br /&gt;border: 1px solid #333;&lt;br /&gt;color: #fff;&lt;br /&gt;background-color: #000000;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;.showpage a:hover {font-size:11px;&lt;br /&gt;border: 1px solid #333;&lt;br /&gt;color: #000000;&lt;br /&gt;background-color: #FFFFFF;&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;.showpageNum a:link,.showpage a:link {&lt;br /&gt;font-size:11px;&lt;br /&gt;padding: 2px 4px 2px 4px;&lt;br /&gt;margin: 2px;&lt;br /&gt;text-decoration: none;&lt;br /&gt;border: 1px solid #0066cc;&lt;br /&gt;color: #0066cc;&lt;br /&gt;background-color: #FFFFFF;}&lt;br /&gt;&lt;br /&gt;.showpageNum a:hover {font-size:11px;&lt;br /&gt;border: 1px solid #333;&lt;br /&gt;color: #000000;&lt;br /&gt;background-color: #FFFFFF;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;4. Cari Kode ini :&lt;br /&gt;&lt;div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 460px; height: 400px; background-color: rgb(255, 255, 255);"&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;b:section class='main' id='main' showaddelement='yes'&amp;gt;&lt;br /&gt;&amp;lt;b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/&amp;gt;&lt;br /&gt;&amp;lt;/b:section&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;5. Masukkan kode ini dibawah &amp;lt;/b:section&amp;gt;&lt;br /&gt;&lt;div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 460px; height: 100px; background-color: rgb(255, 255, 255);"&gt;&lt;br /&gt;&lt;br /&gt;&amp;amp;lt;script type=&amp;amp;quot;text/javascript&amp;amp;quot;&amp;amp;gt;&lt;br /&gt;&lt;br /&gt;function showpageCount(json) {&lt;br /&gt;var thisUrl = location.href;&lt;br /&gt;var htmlMap = new Array();&lt;br /&gt;var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&amp;amp;quot;.blogspot.com/&amp;amp;quot;;&lt;br /&gt;var isLablePage = thisUrl.indexOf(&amp;amp;quot;/search/label/&amp;amp;quot;)!=-1;&lt;br /&gt;var isPage = thisUrl.indexOf(&amp;amp;quot;/search?updated&amp;amp;quot;)!=-1;&lt;br /&gt;var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&amp;amp;quot;/search/label/&amp;amp;quot;)+14,thisUrl.length) : &amp;amp;quot;&amp;amp;quot;;&lt;br /&gt;thisLable = thisLable.indexOf(&amp;amp;quot;?&amp;amp;quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&amp;amp;quot;?&amp;amp;quot;)) : thisLable;&lt;br /&gt;var thisNum = 1;&lt;br /&gt;var postNum=1;&lt;br /&gt;var itemCount = 0;&lt;br /&gt;var fFlag = 0;&lt;br /&gt;var eFlag = 0;&lt;br /&gt;var html= &amp;amp;#39;&amp;amp;#39;;&lt;br /&gt;var upPageHtml =&amp;amp;#39;&amp;amp;#39;;&lt;br /&gt;var downPageHtml =&amp;amp;#39;&amp;amp;#39;;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;var pageCount=5;&lt;br /&gt;var displayPageNum=3;&lt;br /&gt;var firstPageWord = &amp;amp;#39;First&amp;amp;#39;;&lt;br /&gt;var endPageWord = &amp;amp;#39;Last&amp;amp;#39;;&lt;br /&gt;var upPageWord =&amp;amp;#39;Previous&amp;amp;#39;;&lt;br /&gt;var downPageWord =&amp;amp;#39;Next&amp;amp;#39;;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;var labelHtml = &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpageNum&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;/search/label/&amp;amp;#39;+thisLable+&amp;amp;#39;?&amp;amp;amp;max-results=&amp;amp;#39;+pageCount+&amp;amp;#39;&amp;amp;quot;&amp;amp;gt;&amp;amp;#39;;&lt;br /&gt;&lt;br /&gt;for(var i=0, post; post = json.feed.entry[i]; i++) {&lt;br /&gt;var timestamp = post.published.$t.substr(0,10);&lt;br /&gt;var title = post.title.$t;&lt;br /&gt;if(isLablePage){&lt;br /&gt;if(title!=&amp;amp;#39;&amp;amp;#39;){&lt;br /&gt;if(post.category){&lt;br /&gt;for(var c=0, post_category; post_category = post.category[c]; c++) {&lt;br /&gt;if(encodeURIComponent(post_category.term)==thisLable){&lt;br /&gt;if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){&lt;br /&gt;if(thisUrl.indexOf(timestamp)!=-1 ){&lt;br /&gt;thisNum = postNum;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;postNum++;&lt;br /&gt;htmlMap[htmlMap.length] = &amp;amp;#39;/search/label/&amp;amp;#39;+thisLable+&amp;amp;#39;?updated-max=&amp;amp;#39;+timestamp+&amp;amp;#39;T00%3A00%3A00%2B08%3A00&amp;amp;amp;max-results=&amp;amp;#39;+pageCount;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;}//end if(post.category){&lt;br /&gt;&lt;br /&gt;itemCount++;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;}else{&lt;br /&gt;if(title!=&amp;amp;#39;&amp;amp;#39;){&lt;br /&gt;if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){&lt;br /&gt;if(thisUrl.indexOf(timestamp)!=-1 ){&lt;br /&gt;thisNum = postNum;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;if(title!=&amp;amp;#39;&amp;amp;#39;) postNum++;&lt;br /&gt;htmlMap[htmlMap.length] = &amp;amp;#39;/search?updated-max=&amp;amp;#39;+timestamp+&amp;amp;#39;T00%3A00%3A00%2B08%3A00&amp;amp;amp;max-results=&amp;amp;#39;+pageCount;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;itemCount++;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;for(var p =0;p&amp;amp;lt; htmlMap.length;p++){&lt;br /&gt;if(p&amp;amp;gt;=(thisNum-displayPageNum-1) &amp;amp;amp;&amp;amp;amp; p&amp;amp;lt;(thisNum+displayPageNum)){&lt;br /&gt;if(fFlag ==0 &amp;amp;amp;&amp;amp;amp; p == thisNum-2){&lt;br /&gt;if(thisNum==2){&lt;br /&gt;if(isLablePage){&lt;br /&gt;upPageHtml = labelHtml + upPageWord +&amp;amp;#39;&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;&lt;br /&gt;}else{&lt;br /&gt;upPageHtml = &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpage&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;/&amp;amp;quot;&amp;amp;gt;&amp;amp;#39;+ upPageWord +&amp;amp;#39;&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;&lt;br /&gt;}&lt;br /&gt;}else{&lt;br /&gt;upPageHtml = &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpage&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;&amp;amp;#39;+htmlMap[p]+&amp;amp;#39;&amp;amp;quot;&amp;amp;gt;&amp;amp;#39;+ upPageWord +&amp;amp;#39;&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;fFlag++;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;if(p==(thisNum-1)){&lt;br /&gt;html += &amp;amp;#39;&amp;amp;amp;nbsp;&amp;amp;lt;span class=&amp;amp;quot;showpagePoint&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;u&amp;amp;gt;&amp;amp;#39;+thisNum+&amp;amp;#39;&amp;amp;lt;/u&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;&lt;br /&gt;}else{&lt;br /&gt;if(p==0){&lt;br /&gt;if(isLablePage){&lt;br /&gt;html = labelHtml+&amp;amp;#39;1&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;&lt;br /&gt;}else{&lt;br /&gt;html += &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpageNum&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;/&amp;amp;quot;&amp;amp;gt;1&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;&lt;br /&gt;}&lt;br /&gt;}else{&lt;br /&gt;html += &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpageNum&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;&amp;amp;#39;+htmlMap[p]+&amp;amp;#39;&amp;amp;quot;&amp;amp;gt;&amp;amp;#39;+ (p+1) +&amp;amp;#39; &amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;if(eFlag ==0 &amp;amp;amp;&amp;amp;amp; p == thisNum){&lt;br /&gt;downPageHtml = &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpage&amp;amp;quot;&amp;amp;gt; &amp;amp;lt;a href=&amp;amp;quot;&amp;amp;#39;+htmlMap[p]+&amp;amp;#39;&amp;amp;quot;&amp;amp;gt;&amp;amp;#39;+ downPageWord +&amp;amp;#39;&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;&lt;br /&gt;eFlag++;&lt;br /&gt;}&lt;br /&gt;}//end if(p&amp;amp;gt;=(thisNum-displayPageNum-1) &amp;amp;amp;&amp;amp;amp; p&amp;amp;lt;(thisNum+displayPageNum)){&lt;br /&gt;}//end for(var p =0;p&amp;amp;lt; htmlMap.length;p++){&lt;br /&gt;&lt;br /&gt;if(thisNum&amp;amp;gt;1){&lt;br /&gt;if(!isLablePage){&lt;br /&gt;html = &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpage&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;/&amp;amp;quot;&amp;amp;gt;&amp;amp;#39;+ firstPageWord +&amp;amp;#39; &amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;+upPageHtml+&amp;amp;#39; &amp;amp;#39;+html +&amp;amp;#39; &amp;amp;#39;;&lt;br /&gt;}else{&lt;br /&gt;html = &amp;amp;#39;&amp;amp;#39;+labelHtml + firstPageWord +&amp;amp;#39; &amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;+upPageHtml+&amp;amp;#39; &amp;amp;#39;+html +&amp;amp;#39; &amp;amp;#39;;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;html = &amp;amp;#39;&amp;amp;lt;div class=&amp;amp;quot;showpageArea&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;span style=&amp;amp;quot;font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;&amp;amp;quot; class=&amp;amp;quot;showpage&amp;amp;quot;&amp;amp;gt;Page &amp;amp;#39;+thisNum+&amp;amp;#39; of &amp;amp;#39;+(postNum-1)+&amp;amp;#39;: &amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;+html;&lt;br /&gt;&lt;br /&gt;if(thisNum&amp;amp;lt;(postNum-1)){&lt;br /&gt;html += downPageHtml;&lt;br /&gt;html += &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpage&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;&amp;amp;#39;+htmlMap[htmlMap.length-1]+&amp;amp;#39;&amp;amp;quot;&amp;amp;gt; &amp;amp;#39;+endPageWord+&amp;amp;#39;&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;if(postNum==1) postNum++;&lt;br /&gt;html += &amp;amp;#39;&amp;amp;lt;/div&amp;amp;gt;&amp;amp;#39;;&lt;br /&gt;&lt;br /&gt;if(isPage || isFirstPage || isLablePage){&lt;br /&gt;var pageArea = document.getElementsByName(&amp;amp;quot;pageArea&amp;amp;quot;);&lt;br /&gt;var blogPager = document.getElementById(&amp;amp;quot;blog-pager&amp;amp;quot;);&lt;br /&gt;&lt;br /&gt;if(postNum &amp;amp;lt;= 2){&lt;br /&gt;html =&amp;amp;#39;&amp;amp;#39;;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;for(var p =0;p&amp;amp;lt; pageArea.length;p++){&lt;br /&gt;pageArea[p].innerHTML = html;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;if(pageArea&amp;amp;amp;&amp;amp;amp;pageArea.length&amp;amp;gt;0){&lt;br /&gt;html =&amp;amp;#39;&amp;amp;#39;;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;if(blogPager){&lt;br /&gt;blogPager.innerHTML = html;&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&amp;amp;lt;/script&amp;amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;amp;lt;script src=&amp;amp;quot;/feeds/posts/summary?alt=json-in-&lt;br /&gt;script&amp;amp;amp;callback=showpageCount&amp;amp;amp;max-results=99999&amp;amp;quot; type=&amp;amp;quot;text/javascript&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div style='text-align:right;font-size:10px;color:000000;margin-top:15px;&lt;br /&gt;display:none;'&amp;gt; &amp;lt;a href='http://rias-techno-wizard.blogspot.com/2008/07/&lt;br /&gt;page-navigation-hack-for-blogger.html'&amp;gt;Grab this Widget ~ Blogger Accessories&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;6. Untuk Mengganti seberapa banyak angka/page yang muncul, yaitu dengan mengganti&lt;br /&gt;1 : var pageCount = 5; angka 5 sesuai dengan keinginan anda.&lt;br /&gt;&lt;br /&gt;7. selesai</description><link>http://tipzrfrancblog.blogspot.com/2010/09/page-navigasi-untuk-blogger.html</link><author>noreply@blogger.com (Hotel Gran Malindo)</author><thr:total>0</thr:total></item></channel></rss>