tag:blogger.com,1999:blog-35837086594300327492024-03-13T07:31:52.071-07:00Wenda ShopOnline™ | Online Shop and Share AnythingAnonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.comBlogger149125tag:blogger.com,1999:blog-3583708659430032749.post-72557426173563661852014-12-25T03:42:00.001-08:002014-12-25T03:47:27.280-08:00Wisata Pulau Tidung nan Exotic Indah Tak Terlupakan<h3 style="text-align: justify;">
Liburan ke Pulau Tidung nan Exotic Indah Tak Terlupakan</h3>
<div style="text-align: justify;">
Libyur tlah tiba...libyur tlah tiba...hampir tiap hari mandangin kalender "manaaaaa ya liburrrrrr long weekend" maklum hampir 8jam kerja / hari selama 5hari, ga kebayang kan penatnya rutinitas itu "fffiiuhh"
Finally, aku menemukan long weekend.....thanx God,....</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Mulai dah searching2 tempat wisata yang belum pernah saya kunjungi, hhhhmmm...i found Pulau Tidung nama yang unik dan belum pernah dengar pulau tersebut. Sepertinya wajib di kunjungi ni tempat.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pulau Tidung ini hanya berjarak kurang lebih 70 kilometer dari kota Jakarta. Obyek wisata pulau yang satu ini tidak kalah cantik dan menarik dengan pulau-pulau lain yang ada di indonesia.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Banyak biro perjalanan yang menawarkan <a href="http://tinyurl.com/wisata-pulau-tidung" target="_blank">Wisata Pulau Tidung</a> dan beberapa temen mereferensikan <a href="http://tinyurl.com/PaketZahroExpress" target="_blank">biro perjalanan pulau tidung</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
So..cap..cuzzzz cyiinn kami sekeluarga on vacation, sesampai kami disana ternyata benar benar awesome this island..so beautiful.
Pulau Tidung yang terdiri dari Tidung Besar dan Tidung Kecil yang dihubungkan oleh jembatan panjang yang dinamakan Jembatan Cinta oleh penduduk setempat ini terletak di Kepulauan Seribu Selatan bagian barat, dengan jarak tempuh kurang lebih 3 jam perjalanan dari Muara Angke dengan kapal penumpang.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sesampai kami disana ...saya berjalan menyusuri tepi pantai dengan hempasan pasir putih di kaki saya, sungguh alami sekali pulau ini dalam hati saya berkata.Lautannya yang begitu biru dan terlihat terumbu karang,,di wisata pulau tidung ini juga menyediakan penginapan,snorkling,banana boat dan aneka kuliner seafood...hhhmmm benar benar liburan kali ini.
Di wisata pulau tidung ini juga terdapat pantai sangat indah yaitu Pantai cemara, pantai dengan air lautnya yang berwarna biru jernih, Cukup serasi dengan hamparan pasir putih pantainya. Ombak lautnyapun cukup kecil dan tidak terlalu dalam, jadi cukup nyaman dan aman bagi anak-anak yang ingin bermain air laut.Benar benar tidak bisa diungkapan oleh kata kata pemandangan yang saya lihat saat ini.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
So ga rugi buat kalian untuk berlibur ke <a href="http://www.pulautidungsis.com/" target="_blank">Pulau Tidung</a>...So what are u waiting for guys....!!!</div>
Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com351tag:blogger.com,1999:blog-3583708659430032749.post-51087389942971840682011-11-24T23:56:00.000-08:002011-11-24T23:56:22.445-08:00Cara Membuat Judul Disebelah Gambar Favicon (Tab) Berjalan<span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px;"><span class="Apple-style-span" style="font-family: inherit;">Kali ini saya akan berbagi bagaimana membuat judul blog bergerak. Membuat judul blog tentu saja menambah blog kita bukan saja menarik, tapi terlihat lebih unik plus keren. Biasanya judul blog dalam keadaan diam, nah kita coba sedikit merubah jadi bergerak dan lebih kelihatan aktif. Tapi membuat judul blog bergerak, tidak ada hubungannya dengan bergeraknya penghasilan, kecuali blog kita menjual sesuatu dan orang lain membeli produk yang kita jual. Ya....ini kemana arahnya....membuat judul blog bergerak kok dihubungkan dengan penjualan. Oke ... kita langsung ke TKP.</span></span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><span class="Apple-style-span" style="font-family: inherit;"><br />
</span></span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><span class="Apple-style-span" style="font-family: inherit;">Langkah langkahnya sebagai berikut :</span></span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><span class="Apple-style-span" style="font-family: inherit;">1. Seperti biasa login ke <a href="http://www.blogger.com/" style="color: #1f85da;">blogger</a></span></span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;">2. Kemudian pilih Rancangan/Layout</span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;">3. Setelah itu pilih Edit HTML lalu klik Expand Widget Templates.</span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><br />
</span><br />
<div class="separator" style="background-color: #f3efc2; clear: both; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><a href="http://2.bp.blogspot.com/-btaopBTWc04/TdNRvmSKwyI/AAAAAAAAAIw/vY4xN8AQVSc/s1600/edit+html.jpg" imageanchor="1" style="color: #1f85da; margin-left: 1em; margin-right: 1em;"><img border="0" height="100" src="http://2.bp.blogspot.com/-btaopBTWc04/TdNRvmSKwyI/AAAAAAAAAIw/vY4xN8AQVSc/s320/edit+html.jpg" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px;" width="320" /></a></div><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><br />
</span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;">4. Jika sudah kemudian cari kode </span><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><span class="Apple-style-span" style="font-family: inherit;"><i></head> </i>(agar mempermudah pencarian tekan F3 pada keyboard atau Ctrl+F) </span></span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><span class="Apple-style-span" style="font-family: inherit;">5. Kalau Kodenya sudah ditemukan copy kode berikut kemudian letakan dibawah kode </span></span><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><i></head> </i></span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><i><br />
</i></span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; color: blue; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;"><script language='JavaScript'>var txt=&quot; </span><span class="Apple-style-span" style="background-color: #f3efc2; color: red; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;">TULIS TEKS ANDA DI SINI</span><span class="Apple-style-span" style="background-color: #f3efc2; color: blue; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;">&quot;; var kecepatan=120;var segarkan=null;function bergerak() { document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak(); </script></span><span class="Apple-style-span" style="background-color: #f3efc2; color: #000099; font-family: Georgia, serif; font-size: xx-small; text-align: left;"><span class="Apple-style-span" style="line-height: 20px;"><br />
</span></span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><br />
</span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;">Dari script di atas yang bisa di ubah seperti berikut :</span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><i><span class="Apple-style-span" style="font-style: normal;"><span style="color: red; font-family: Georgia, serif; font-size: 13px;">TULIS TEKS ANDA DI SINI : </span><span class="Apple-style-span" style="font-family: inherit;">Itu adalah text yang ingin anda isi pada Tab judul Blog.</span></span></i></span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><i><span class="Apple-style-span" style="font-style: normal;"><span style="color: #000099; font-family: Georgia, serif; font-size: 13px;">var kecepatan=120 : </span><span class="Apple-style-span" style="font-family: inherit;">Maksudnya adalah kecepatan bergerak judul Blog tersebut pada Tab.</span></span></i></span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><i><span class="Apple-style-span" style="font-style: normal;"><span class="Apple-style-span" style="font-family: inherit;"><br />
</span></span></i></span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><span class="Apple-style-span" style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 20px; text-align: left;"><i><span class="Apple-style-span" style="font-style: normal;"><span class="Apple-style-span" style="font-family: inherit;"></span></span></i></span><br style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; text-align: left;" /><div style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><i><span class="Apple-style-span" style="font-family: inherit;"><span class="Apple-style-span" style="line-height: 20px;">Cukup mudah bukan caranya? Mudah bagi yang berani mencoba dan Sulit bagi yang tidak berani mencoba...</span></span></i></div><div style="background-color: #f3efc2; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 16px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"><i><span class="Apple-style-span" style="font-family: inherit;"><span class="Apple-style-span" style="line-height: 20px;">Selamat Mencoba dan Semoga Berhasil....</span></span></i></div>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-71993122785698407112011-11-24T23:21:00.000-08:002011-12-13T20:27:24.164-08:00Cara Membuat Readmoore<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Berikut ini saya berbagi cara membuat readmoore</span><br />
<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">1. Buka Template - Edit HTML - </span><span class="fullpost" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Berikan tanda centang pada "Expand widget template"</span><br />
<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">2. Sebelum melangkah ke langkah berikutnya backup dulu template blogger dengan mengklik "dowlnoad template lengkap"</span><br />
<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">3. Cari kode dibawah ini:</span><br />
<br />
<div style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><span class="fullpost"><div class='post-header-line-1'/> <div class='post-body'></span></div><div align="justify" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"></div><div align="justify" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><span class="fullpost">untuk mempermudah pencarian tekan Ctrl+F masukan kode diatas kemudian enter</span></div><span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.</span><br />
<br />
<span style="background-color: #eeeeee; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><span class="fullpost"><b:if cond='data:blog.pageType == "item"'><br />
<style>.fullpost{display:inline;}</style><br />
<span style="color: blue;"><p><data:post.body/></p></span><br />
<b:else/><br />
<style>.fullpost{display:none;}</style></span></span><br />
<br />
<span class="fullpost" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: green;"></span></span><br />
<span class="fullpost" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Copy kode dibawah ini </span><br />
<span class="fullpost" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;"><a expr:href='data:post.url'></span><span style="color: olive;">Readmore</span></span><span style="background-color: #eeeeee; color: olive; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"> </span><a href="http://jualanku-lho.blogspot.com/2011/11/cara-membuat-readmoore.html" style="background-color: #eeeeee; color: blue; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-decoration: none;" target="_blank">»»</a><span class="fullpost" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;"></a><br />
</b:if></span><span style="color: olive;"><br />
<span style="color: black;">Paste Kode diatas dibawah kode</span> </span></span><span class="fullpost" style="background-color: #eeeeee; color: blue; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><p><data:post.body/></p></span><br />
<br />
<div align="justify" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: blue;">Catatan:</span><span style="color: red;"> </span>Tulisan <span style="color: olive;">Readmore</span> diatas ganti dengan kalimat yang anda inginkan seperti <i>"Baca Selanjutnya"</i>, <i>"Baca berikutnya",</i> <i>"Selengkapnya"</i></div><span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">dibawah ini hasil penyusunan kode yang telah kita lakukan.</span><br />
<div style="background-color: #eeeeee; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: black;"><div class='post-header-line-1'/></span><br />
<span style="color: black;"><div class='post-body'></span><br />
<b:if cond='data:blog.pageType == "item"'><br />
<style>.fullpost{display:inline;}</style><br />
<span style="color: blue;"><p><data:post.body/></p></span><br />
<b:else/><br />
<style>.fullpost{display:none;}</style><br />
<p><data:post.body/></p><br />
<span class="fullpost"><a expr:href='data:post.url'>Readmore</span> <a href="http://pertamamedia.blogspot.com/p/tips.html" style="color: black; text-decoration: none;">»»</a><span class="fullpost"></a><br />
</b:if></span><br />
<div style='clear: both;'/> </div><div style="background-color: #eeeeee; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><br />
</div><span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Setelah selesai kemudian Save Template.</span><br />
<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">4. Setelah kode diatas di Save kita kembali dan masuk ke tab Pengaturan -> Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini</span><br />
<br />
<div align="justify" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"></div><span style="background-color: #eeeeee; color: red; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><div class="fullpost"><br />
</div></span><br />
<br />
<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Kemudian Save :) </span><br />
<br />
<div align="justify" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">Catatan : jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya.</div><div align="justify" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"></div><span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">selain cara di atas yang lumayan ribet ada cara yang lebih simple dari cara di atas berikut langkah-langkahnya.</span><br />
<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">1. Tulis atau edit artikel yang akan kita posting</span><br />
<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">2. Block tulisan kalimat yang akan kita penggal atau Letakkan korsur pada tulisan (sesudah kalimat) yang ingin di masukkan Read More.</span><br />
<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">3. Klik Icon Insert jum break lihat gambar seperti dibah ini</span><br />
<div class="separator" style="background-color: #eeeeee; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: center;"><a href="http://3.bp.blogspot.com/-ySVkX-DSjqw/TdtrOZ4EQrI/AAAAAAAAANk/vKfLc72YVkk/s1600/jm.jpg" imageanchor="1" style="color: black; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="61" src="http://3.bp.blogspot.com/-ySVkX-DSjqw/TdtrOZ4EQrI/AAAAAAAAANk/vKfLc72YVkk/s320/jm.jpg" style="-webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 5px; background-attachment: initial; background-clip: initial; background-color: #cccccc; background-image: initial; background-origin: initial; border-bottom-style: solid; border-color: initial; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-top-color: rgb(102, 102, 102); border-top-style: solid; border-width: initial; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; padding-top: 1px; position: relative;" width="320" /></a></div><br />
<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;">4. Klik terbitkan entri selesai.</span><br />
<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><br />
</span><br />
<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><br />
</span><br />
<span class="Apple-style-span" style="background-color: #eeeeee; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><br />
</span>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com1tag:blogger.com,1999:blog-3583708659430032749.post-33819346092867874842011-11-24T22:14:00.000-08:002011-11-24T23:00:21.031-08:00Cara buat "Back to Top / Scroll to Top" pada BlogBack To Top, Down dan Home pada seri ini<br />
dibumbui dengan efek hollover. Samar terlihat<br />
bila tidak tersorot oleh cursor.<br />
<br />
Berikut ini langkah untuk memasangnya :<br />
<br />
1. Masuk ke Edit HTML.<br />
<br />
2. Carilah kode <span style="color: blue;"></b:skin></span><br />
<br />
3. Letakkan kode berikut<br />
di atas kode <span style="color: blue;"></b:skin></span> ini :<br />
<br />
<div class="syntaxhighlighter " id="highlighter_83200"><div class="lines no-wrap"><div class="line alt1"><table><tbody>
<tr><td class="number"><code>01</code></td><td class="content"><code class="plain">#namaku {</code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>02</code></td><td class="content"><code class="functions">position</code><code class="plain">:fixed;_position:</code><code class="color1">absolute</code><code class="plain">;bottom:30px;</code><code class="color1">right</code><code class="plain">:30px;</code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>03</code></td><td class="content"><code class="plain">clip:inherit;</code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>04</code></td><td class="content"><code class="plain">_top:expression(document.documentElement.scrollTop+</code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>05</code></td><td class="content"><code class="plain">document.documentElement.clientHeight-this.clientHeight); _right:expression(document.documentElement.scrollright+ document.documentElement.clientWidth - offsetWidth); </code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>06</code></td><td class="content"><code class="plain">}</code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>07</code></td><td class="content"><code class="plain">#namaku a</code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>08</code></td><td class="content"><code class="plain">{</code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>09</code></td><td class="content"><code class="plain">-o-transition: </code><code class="color1">all</code> <code class="plain">2.5s ease-</code><code class="color1">in</code><code class="plain">-</code><code class="color1">out</code><code class="plain">;</code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>10</code></td><td class="content"><code class="plain">-moz-transition: </code><code class="color1">all</code> <code class="plain">2.5s ease-</code><code class="color1">in</code><code class="plain">-</code><code class="color1">out</code><code class="plain">;</code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>11</code></td><td class="content"><code class="plain">-webkit-transition: </code><code class="color1">all</code> <code class="plain">2.5s ease-</code><code class="color1">in</code><code class="plain">-</code><code class="color1">out</code><code class="plain">; </code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>12</code></td><td class="content"><code class="plain">opacity: 0.5;</code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>13</code></td><td class="content"><code class="plain">filter: alpha(opacity=50);</code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>14</code></td><td class="content"><code class="plain">}</code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>15</code></td><td class="content"><code class="plain">#namaku img</code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>16</code></td><td class="content"><code class="plain">{</code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>17</code></td><td class="content"><code class="plain">border:0;</code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>18</code></td><td class="content"><code class="plain">}</code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>19</code></td><td class="content"><code class="plain">#namaku a:hover</code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>20</code></td><td class="content"><code class="plain">{</code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>21</code></td><td class="content"><code class="plain">opacity: 1.0;</code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>22</code></td><td class="content"><code class="plain">filter: alpha(opacity=100);</code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>23</code></td><td class="content"><code class="plain">}</code></td></tr>
</tbody></table></div></div></div><br />
<div style="color: blue;"><b>KETERANGAN :</b></div><div style="color: black;"><br />
</div><div style="color: black;">Atur jaraknya ikonnya pada kode</div><div style="color: red;">bottom:......px; left:......px;</div><br />
4. Cari lagi kode <span style="color: blue;"></body></span><br />
<br />
5. Letakkan kode berikut<br />
di atas kode <span style="color: blue;"></body></span> ini :<br />
<br />
<div class="syntaxhighlighter " id="highlighter_675525"><div class="lines no-wrap"><div class="line alt1"><table><tbody>
<tr><td class="number"><code>1</code></td><td class="content"><code class="plain"><a name=</code><code class="string">'down'</code><code class="plain">></a></code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>2</code></td><td class="content"><code class="plain"><script type=</code><code class="string">"text/javascript"</code><code class="plain">></code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>3</code></td><td class="content"><code class="color1">if</code> <code class="plain">(window.jstiming) window.jstiming.</code><code class="color1">load</code><code class="plain">.tick(</code><code class="string">'widgetJsBefore'</code><code class="plain">);</code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>4</code></td><td class="content"><code class="plain"></script></code></td></tr>
</tbody></table></div></div></div><br />
6. Masih di kode <span style="color: blue;"></body></span><br />
<br />
7. Letakkan kode berikut<br />
di bawah kode <span style="color: blue;"></body></span> ini :<br />
<br />
8. Pratinjaulah terlebih dahulu,<br />
kemudian simpan template anda.<br />
<br />
<div class="syntaxhighlighter " id="highlighter_206586"><div class="bar show"><div class="toolbar"><a class="item viewSource" href="http://syamsudinnamaku.blogspot.com/2011/09/cara-memasang-back-to-top-down-dan-home.html?showComment=1322194086925#viewSource" style="height: 16px; width: 16px;" title="view source"><br />
</a><a class="item about" href="http://syamsudinnamaku.blogspot.com/2011/09/cara-memasang-back-to-top-down-dan-home.html?showComment=1322194086925#about" style="height: 16px; width: 16px;" title="?"></a></div></div><div class="lines no-wrap"><div class="line alt1"><table><tbody>
<tr><td class="number"><code>1</code></td><td class="content"><code class="plain"><</code><code class="color1">div</code> <code class="plain">id=</code><code class="string">'namaku'</code><code class="plain">></code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>2</code></td><td class="content"><code class="plain"><</code><code class="color1">table</code> <code class="plain">border=</code><code class="string">'0'</code><code class="plain">></code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>3</code></td><td class="content"><code class="plain"><tr></code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>4</code></td><td class="content"><code class="plain"><td><a href=</code><code class="string">'<span style="color: red;">http://jualanku-lho.blogspot.com/</span>'</code> <code class="plain">title=</code><code class="string">''</code><code class="plain">><img src=</code><code class="string">'http://i1128.photobucket.com/albums/m486/syamsudin1/go_home.gif'</code><code class="plain">/></a></td></code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>5</code></td><td class="content"><code class="plain"><td><a href=</code><code class="string">'#'</code> <code class="plain">title=</code><code class="string">''</code><code class="plain">><img src=</code><code class="string">'http://i1128.photobucket.com/albums/m486/syamsudin1/go_top.gif'</code><code class="plain">/></a></td></code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>6</code></td><td class="content"><code class="plain"><td><a href=</code><code class="string">'#down'</code> <code class="plain">title=</code><code class="string">''</code><code class="plain">><img src=</code><code class="string">'http://i1128.photobucket.com/albums/m486/syamsudin1/go_down.gif'</code><code class="plain">/></a></td></code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>7</code></td><td class="content"><code class="plain"></tr></code></td></tr>
</tbody></table></div><div class="line alt2"><table><tbody>
<tr><td class="number"><code>8</code></td><td class="content"><code class="plain"></</code><code class="color1">table</code><code class="plain">></code></td></tr>
</tbody></table></div><div class="line alt1"><table><tbody>
<tr><td class="number"><code>9</code></td><td class="content"><code class="plain"></</code><code class="color1">div</code><code class="plain">></code></td></tr>
</tbody></table></div></div></div><br />
<div style="color: blue;"><b>KETERANGAN :</b></div><br />
Gantilah <span style="color: red;">http://jualanku-lho.blogspot.com/</span><br />
dengan URL alamat blog anda.<br />
<br />
Bila perlu, ganti juga URL gambarnya<br />
dengan URL gambar milik Anda sendiri.<br />
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><br />
Gud Lak Brader... (",)</div><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"></div><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"></div><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"></div><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"></div><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><div style="margin-bottom: 0pt; margin-top: 0pt;"><div style="text-align: center;"><br />
</div></div><div><div style="line-height: normal; text-align: -webkit-auto;"><br />
</div><div style="line-height: normal; text-align: -webkit-auto;"><br />
</div><div style="line-height: normal; text-align: -webkit-auto;"><br />
<br />
<br />
</div></div></div><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><br />
</div><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><br />
</div><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><br />
</div><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><br />
</div><div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;"><br />
</div>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com1tag:blogger.com,1999:blog-3583708659430032749.post-46398856368286273542011-11-23T20:29:00.000-08:002011-11-23T20:31:52.066-08:00WSO™ Link Exchange<script src="http://www.blenza.com/linkies/autolink.php?owner=pphoo&postid=24Nov2011" type="text/javascript">
</script><br />
<br /><br />
<br /><br />
<br />Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-16355761576407176112011-11-23T19:48:00.000-08:002011-12-25T05:10:34.199-08:00Cara cepat update PageRank pada Blog<div style="text-align: justify;">Semoga yang ingin tahu bagaimana sih <span style="font-weight: bold;">Cara Cepat Update PageRank</span> Google dengan mudah dan pastinya cepat semoga setelah membaca beberapa cara dan penjelasan mudah dibawah ini dapat berhasil mendapatkan PageRank <a href="http://www.google.com/">Google</a> dengan mudah, Untuk tips kali ini saya mau mencoba mengajak anda semua untuk memanfaatkan kedahsyatan faktor kali dan kecepatan penyebaran ini dalam bentuk backlink. </div><div style="text-align: justify;"></div><div style="text-align: justify;">Cara cepat update PageRank gampang kok, Yang perlu kalian lakukan adalah meletakkan link-link berikut ini di blog atau artikel kalian.</div>1. <a href="http://daftarpaypal.wordpress.com/">Daftar paypal</a><br />
2. <a href="http://tutorial-seo-blogger.blogspot.com/">SEO Tutorial</a><br />
3. <a href="http://blog-dofollow-indonesia.blogspot.com/">blog dofollow</a><br />
4. <a href="http://ilmu-belajar-komputer.blogspot.com/">ilmu belajar komputer</a><br />
5. <a href="http://download-pc-media.blogspot.com/">download pc media terbaru</a><br />
6. <a href="http://artis-indo-hot.blogspot.com/">Berita artis indonesia</a><br />
7. <a href="http://body-health-information.blogspot.com/">body health information</a><br />
8 <a href="http://share-free-tutorial.blogspot.com/">share free tutorial</a><br />
9.<a href="http://www.pphoo.tk/" target="_blank">Pphoo<span style="font-size: small;">™</span></a><br />
10.<a href="http://jualanku-lho.blogspot.com/" target="_blank"><span style="font-size: small;">Wenda ShopOnline™</span></a><br />
<br />
Tapi ingat, sebelum kalian meletakkan link diatas, kalian harus menghapus peserta nomor 1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst. Kemudian masukkan link kalian sendiri di bagian paling bawah (nomor 10).<br />
Jika tiap peserta mampu mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah<br />
Ketika posisi kalian 10, jumlah backlink = 1<br />
Posisi 9, jml backlink = 5<br />
Posisi 8, jml backlink = 25<br />
Posisi 7, jml backlink = 125<br />
Posisi 6, jml backlink = 625<br />
Posisi 5, jml backlink = 3,125<br />
Posisi 4, jml backlink = 15,625<br />
Posisi 3, jml backlink = 78,125<br />
Posisi 2, jml backlink = 390,625<br />
Posisi 1, jml backlink = 1,953,125<br />
<div style="text-align: justify;">Dan semuanya menggunakan kata kunci yang kalian inginkan. Dari sisi SEO kalian sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung web para downline kalian mengklik link itu, juga membuat blog kalian mendapatkan traffik tambahan.</div><div style="text-align: justify;"></div>Nah, silahkan <b>copy paste artikel ini</b>, dan hilangkan peserta nomor 1 lalu tambahkan link blog/website kalian di posisi 10. Ingat, kalian harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika kalian tiba2 di posisi 1, maka link kalian akan hilang begitu ada yang masuk ke posisi 10. Semoga berhasil mempraktekan tips <span style="font-style: italic;">Cara cepat update PageRank</span> OK teman!<img alt=":lol:" class="wp-smiley" src="http://s.wordpress.com/wp-includes/images/smilies/icon_lol.gif" /><br />
<br />
Oh ya...ada tambahan Gan.<br />
Harap bersabar untuk tau hasilnya. Waktunya sekitar 3 bulan baru ada pengaruh, karena Google update PageRank 3 bulan sekali, OK...?!<br />
<br />
<br />
<br />
<br />
<div><br />
<div style="line-height: normal; text-align: -webkit-auto;"><br />
</div></div>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-15763536581051748312011-11-23T19:08:00.000-08:002011-11-23T19:09:34.194-08:00Free PAGE RANK Checker for your Web site ... !!!<div style="text-align: center;"><br />
<br />
<table cellspacing="1" style="border: 1px solid #DDD; margin: 10px auto 40px; text-align: center; width: 400px;"><tbody>
<tr><td style="background: #D1FFA4; vertical-align: middle;"><br />
<div style="color: #666666; font-family: Verdana; font-size: 11px; margin: 0px; padding: 2px;"><strong>Free PAGE RANK Checker for your Web site ... !!!<br />
<strong>Just Clik This Button ...</strong></strong><br />
<strong><strong><br />
</strong><br />
<a alt="" href="http://www.prchecker.info/index.php" target="_blank"" tittle="Hosted : Pphoo™"><img alt="Page Rank Checker" src="http://www.prchecker.info/buts/prchecker_88x31r.gif" style="border: 0; height: 31px; width: 88px;" /><br />
<br />
</a></strong><a alt="" href="http://www.prchecker.info/index.php" target="_blank"" tittle="Hosted : Pphoo™"><br />
<br />
</a></div></td></tr>
<tr><td><span class="Apple-style-span" style="color: #666666; font-family: Verdana;"><span class="Apple-style-span" style="font-size: 11px;"><b><br />
</b></span></span><br />
<div style="color: #aaaaaa; font-family: Verdana; font-size: 9px; margin: 0px; padding: 3px 0px 1px 0px;">Created by : <a href="http://jualanku-lho.blogspot.com/" target="_blank">Pphoo™</a><br />
<br />
</div></td></tr>
</tbody></table></div><div style="text-align: center;"><a href="http://torrentz.eu/search" method="post" name="f" style="margin: 0px; padding: 0px;" target="_blank"><br />
<br />
<br />
<br />
<br />
</a></div><div style="text-align: center;"><a href="http://torrentz.eu/search" method="post" name="f" style="margin: 0px; padding: 0px;" target="_blank"><br />
</a></div><div style="text-align: center;"><a href="http://torrentz.eu/search" method="post" name="f" style="margin: 0px; padding: 0px;" target="_blank"><br />
</a></div>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-70547670942221814732011-11-23T18:08:00.001-08:002011-11-23T18:11:34.407-08:00Downloads Anything You Want ... !!!<div style="text-align: center;"><br />
<br />
<table cellspacing="1" style="border: 1px solid #DDD; margin: 10px auto 40px; text-align: center; width: 400px;"><tbody>
<tr><td style="background: #D1FFA4; vertical-align: middle;"><br />
<div style="color: #666666; font-family: Verdana; font-size: 11px; margin: 0px; padding: 2px;"><strong>Downloads Anything You Want ... !!!</strong><br />
<strong> Previously, first install the engine <a href="http://download.cnet.com/windows/3055-2196_4-10528327.html?tag=pdl-redir" target="_blank">here</a>.</strong><br />
<strong> Type the word under the following fields,</strong><br />
<strong>and then hit</strong><strong> "enter" on your keyboard :</strong><br />
<strong><br />
</strong></div></td></tr>
<tr><td style="background: #DDD; border: 1px solid #CCC; padding: 10px;"><br />
<form action="http://torrentz.eu/search" id="search" method="get" name="f" target="”_blank”"><div style="text-align: center;"> <input name="q" style="height: 25px; width: 300px;" type="text" value="" /> <br />
<br />
</div></form></td></tr>
<tr><td><br />
<div style="color: #aaaaaa; font-family: Verdana; font-size: 9px; margin: 0px; padding: 3px 0px 1px 0px;">Created by : <a href="http://jualanku-lho.blogspot.com/" target="_blank">Pphoo™</a><br />
<br />
</div></td></tr>
</tbody></table></div><div style="text-align: center;"><a href="http://torrentz.eu/search" method="post" name="f" style="margin: 0px; padding: 0px;" target="_blank"><br />
<br />
<br />
<br />
<br />
</a></div><div style="text-align: center;"><a href="http://torrentz.eu/search" method="post" name="f" style="margin: 0px; padding: 0px;" target="_blank"><br />
</a></div><div style="text-align: center;"><a href="http://torrentz.eu/search" method="post" name="f" style="margin: 0px; padding: 0px;" target="_blank"><br />
</a></div>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-60707022729666729492011-11-23T17:10:00.000-08:002011-11-23T17:10:00.019-08:00Prayer Times For 6 Million Cities Worldwide<style>
.ft11 {FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Verdana, Arial, Helvetica; BACKGROUND-COLOR: #eeffff}
.IslamicData { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none}
</style><br />
<br />
<center> <form action="http://www.islamicfinder.org/cityPrayer.php" method="get" target="_blank"><table bgcolor="#008C8C" border="0" bordercolor="#008C8C" cellpadding="1" class="IslamicData" dir="cellspacing=1"><tbody>
<tr><td bgcolor="#008C8C"><br />
<br />
<center><span style="color: white;">Prayer Times For 6 Million Cities Worldwide</span></center></td> </tr>
<tr> <td bgcolor="#FFFFFF" class="IslamicData">Country: <select class="ft11" name="country"> <option value="none">Select a country </option><option value="afghanistan">Afghanistan </option><option value="albania">Albania </option><option value="algeria">Algeria </option><option value="andorra">Andorra </option><option value="angola">Angola </option><option value="anguilla">Anguilla </option><option value="antarctica">Antarctica </option><option value="antigua_barbuda">Antigua Barbuda </option><option value="argentina">Argentina </option><option value="armenia">Armenia </option><option value="aruba">Aruba </option><option value="ashmore_cartier_islands">Ashmore Cartier Islands </option><option value="australia">Australia </option><option value="austria">Austria </option><option value="azerbaijan">Azerbaijan </option><option value="bahamas">Bahamas </option><option value="bahrain">Bahrain </option><option value="bangladesh">Bangladesh </option><option value="barbados">Barbados </option><option value="bassas_de_india">Bassas De India </option><option value="belarus">Belarus </option><option value="belgium">Belgium </option><option value="belize">Belize </option><option value="benin">Benin </option><option value="bermuda">Bermuda </option><option value="bhutan">Bhutan </option><option value="bolivia">Bolivia </option><option value="bosnia_herzegovina">Bosnia Herzegovina </option><option value="botswana">Botswana </option><option value="bouvet_island">Bouvet Island </option><option value="brazil">Brazil </option><option value="british_indian_ocean_territory">British Indian Ocean Ter.. </option><option value="british_virgin_islands">British Virgin Islands </option><option value="brunei_darussalam">Brunei Darussalam </option><option value="bulgaria">Bulgaria </option><option value="burkina_faso">Burkina Faso </option><option value="Burma">Burma </option><option value="burundi">Burundi </option><option value="cambodia">Cambodia </option><option value="cameroon">Cameroon </option><option value="canada">Canada </option><option value="cape_verde">Cape Verde </option><option value="cayman_islands">Cayman_Islands </option><option value="central_african_republic">Central African Republic </option><option value="chad">Chad </option><option value="chile">Chile </option><option value="china">China </option><option value="christmas_island">Christmas Island </option><option value="clipperton_island">Clipperton Island </option><option value="cocos_islands">Cocos Islands </option><option value="colombia">Colombia </option><option value="comoros">Comoros </option><option value="congo">Congo </option><option value="congo_democratic_republic">Congo Democratic Republic </option><option value="cook_islands">Cook Islands </option><option value="coral_sea_islands">Coral Sea Islands </option><option value="costa_rica">Costa Rica </option><option value="cote_dlvoire">Cote Dlvoire </option><option value="croatia">Croatia </option><option value="cuba">Cuba </option><option value="cyprus">Cyprus </option><option value="czech_republic">Czech_republic </option><option value="denmark">Denmark </option><option value="djibouti">Djibouti </option><option value="dominica">Dominica </option><option value="dominican_republic">Dominican Republic </option><option value="east_timor">East Timor </option><option value="ecuador">Ecuador </option><option value="egypt">Egypt </option><option value="el_salvador">El Salvador </option><option value="equatorial_guinea">Equatorial Guinea </option><option value="eritrea">Eritrea </option><option value="estonia">Estonia </option><option value="ethiopia">Ethiopia </option><option value="europa_island">Europa Island </option><option value="falkland_islands_malvinas">Falkland Islands Malvinas </option><option value="faroe_islands">Faroe Islands </option><option value="fiji">Fiji </option><option value="finland">Finland </option><option value="france">France </option><option value="french_guiana">French Guiana </option><option value="french_polynesia">French Polynesia </option><option value="french_southern_antarctic_lands">French S. Antarctic Lands </option><option value="gabon">Gabon </option><option value="gambia">Gambia </option><option value="georgia">Georgia </option><option value="germany">Germany </option><option value="ghana">Ghana </option><option value="gibraltar">Gibraltar </option><option value="glorioso_islands">Glorioso Islands </option><option value="greece">Greece </option><option value="greenland">Greenland </option><option value="grenada">Grenada </option><option value="guadeloupe">Guadeloupe </option><option value="guatemala">Guatemala </option><option value="guernsey">guernsey </option><option value="guinea">Guinea </option><option value="guinea_bissau">Guinea Bissau </option><option value="guyana">Guyana </option><option value="haiti">Haiti </option><option value="heard_island_mcdonald_islands">Heard Is. Mcdonald Is. </option><option value="honduras">Honduras </option><option value="hong_kong">Hong Kong </option><option value="hungary">Hungary </option><option value="iceland">Iceland </option><option value="india">India </option><option value="indonesia">Indonesia </option><option value="iran">Iran </option><option value="iraq">Iraq </option><option value="ireland">Ireland </option><option value="isle_of_man">Isle Of Man </option><option value="italy">Italy </option><option value="jamaica">Jamaica </option><option value="jan_mayen">Jan Mayen </option><option value="japan">Japan </option><option value="jersey">jersey </option><option value="jordan">Jordan </option><option value="juan_de_nova_island">Juan De Nova Island </option><option value="kazakstan">Kazakstan </option><option value="kenya">Kenya </option><option value="kiribati">Kiribati </option><option value="kuwait">Kuwait </option><option value="kyrgyzstan">Kyrgyzstan </option><option value="lao_peoples_democratic_republic">Lao Peoples Dem. Rep. </option><option value="latvia">Latvia </option><option value="lebanon">Lebanon </option><option value="lesotho">Lesotho </option><option value="liberia">Liberia </option><option value="libya">Libya </option><option value="liechtenstein">Liechtenstein </option><option value="lithuania">Lithuania </option><option value="luxembourg">Luxembourg </option><option value="macau">Macau </option><option value="macedonia">Macedonia </option><option value="madagascar">Madagascar </option><option value="malawi">Malawi </option><option value="malaysia">Malaysia </option><option value="maldives">Maldives </option><option value="mali">Mali </option><option value="malta">Malta </option><option value="marshall_islands">Marshall Islands </option><option value="martinique">Martinique </option><option value="mauritania">Mauritania </option><option value="mauritius">Mauritius </option><option value="mayotte">Mayotte </option><option value="mexico">Mexico </option><option value="micronesia">Micronesia </option><option value="moldova">Moldova </option><option value="monaco">Monaco </option><option value="mongolia">Mongolia </option><option value="montserrat">Montserrat </option><option value="morocco">Morocco </option><option value="mozambique">Mozambique </option><option value="namibia">Namibia </option><option value="nauru">Nauru </option><option value="nepal">Nepal </option><option value="netherlands">Netherlands </option><option value="netherlands_antilles">Netherlands Antilles </option><option value="new_caledonia">New Caledonia </option><option value="new_zealand">New Zealand </option><option value="nicaragua">Nicaragua </option><option value="niger">Niger </option><option value="nigeria">Nigeria </option><option value="niue">Niue </option><option value="no_mans_land">No Mans Land </option><option value="norfolk_island">Norfolk Island </option><option value="north_korea">North Korea </option><option value="norway">Norway </option><option value="oceans">Oceans </option><option value="oman">Oman </option><option value="pakistan">Pakistan </option><option value="palau">Palau </option><option value="palestine">Palestine </option><option value="panama">Panama </option><option value="papua_new_guinea">Papua New Guinea </option><option value="paracel_islands">Paracel Islands </option><option value="paraguay">Paraguay </option><option value="peru">Peru </option><option value="philippines">Philippines </option><option value="pitcairn_islands">Pitcairn Islands </option><option value="poland">Poland </option><option value="portugal">Portugal </option><option value="puerto_rico">Puerto Rico </option><option value="qatar">Qatar </option><option value="reunion">Reunion </option><option value="romania">Romania </option><option value="russia">Russia </option><option value="rwanda">Rwanda </option><option value="saint_helena">Saint Helena </option><option value="saint_kitts_nevis">Saint Kitts Nevis </option><option value="saint_lucia">Saint Lucia </option><option value="saint_pierre_miquelon">Saint Pierre Miquelon </option><option value="saint_vincent_grenadines">Saint Vincent Grenadines </option><option value="samoa">Samoa </option><option value="san_marino">San Marino </option><option value="sao_tome_and_principe">Sao Tome and Principe </option><option value="saudi_arabia">Saudi Arabia </option><option value="senegal">Senegal </option><option value="seychelles">Seychelles </option><option value="sierra_leone">Sierra Leone </option><option value="singapore">Singapore </option><option value="slovakia">Slovakia </option><option value="slovenia">Slovenia </option><option value="solomon_islands">Solomon_islands </option><option value="somalia">Somalia </option><option value="south_africa">South Africa </option><option value="south_georgia_the_south_sandwitch_islands">S. Georgia S. Sandwitch Is. </option><option value="south_korea">South Korea </option><option value="spain">Spain </option><option value="spratly_islands">Spratly Islands </option><option value="sri_lanka">Sri Lanka </option><option value="sudan">Sudan </option><option value="suriname">Suriname </option><option value="svalbard_and_jan_mayen">Svalbard & Jan Mayen </option><option value="swaziland">Swaziland </option><option value="sweden">Sweden </option><option value="switzerland">Switzerland </option><option value="syria">Syria </option><option value="taiwan">Taiwan </option><option value="tajikistan">Tajikistan </option><option value="tanzania">Tanzania </option><option value="thailand">Thailand </option><option value="togo">Togo </option><option value="tokelau">Tokelau </option><option value="tonga">Tonga </option><option value="trinidad_tobago">Trinidad Tobago </option><option value="tromelin_island">Tromelin Island </option><option value="tunisia">Tunisia </option><option value="turkey">Turkey </option><option value="turkmenistan">Turkmenistan </option><option value="turks_caicos_islands">Turks Caicos Islands </option><option value="tuvalu">Tuvalu </option><option value="uganda">Uganda </option><option value="ukraine">Ukraine </option><option value="under_sea_features">Under Sea Features </option><option value="united_arab_emirates">United Arab Emirates </option><option value="united_kingdom">United Kingdom </option><option value="uruguay">Uruguay </option><option value="us_virgin_islands">US Virgin Islands </option><option value="usa">USA </option><option value="uzbekistan">Uzbekistan </option><option value="vanuatu">Vanuatu </option><option value="vatican_city">Vatican City </option><option value="venezuela">Venezuela </option><option value="viet_nam">Viet Nam </option><option value="wallis_futuna">Wallis Futuna </option><option value="west_bank">West Bank </option><option value="yemen">Yemen </option><option value="yugoslavia">Yugoslavia </option><option value="zambia">Zambia </option><option value="zimbabwe">Zimbabwe </option></select> <input class="ft11" type="submit" value="Go" /> </td> </tr>
</tbody></table><br />
<br />
<br />
<br />
</form></center>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-22864714399735858942011-11-23T06:09:00.000-08:002011-11-23T18:02:08.868-08:00Search Engine<div style="text-align: center;"><br />
</div><div style="text-align: center;"><img alt="" src="http://i.imgur.com/DVKrU.jpg" title="Hosted by : Pphoo™" /></div><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><form action="http://www.bing.com/search" id="search" method="get" name="q" target=”_blank”><div style="text-align: center;"> <input name="q" style="height: 25px; width: 200px;" type="text" value="" /> <img alt="" id="searchsubmit" src="http://i.imgur.com/tBMEA.jpg" title="Hosted by : Pphoo™" type="submit" /></div></form><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><form action="http://search.conduit.com/Results.aspx" id="search" method="get" name="q" target=”_blank”><div style="text-align: center;"> <input name="q" style="height: 25px; width: 185px;" type="text" value="" /> <img alt="" src="http://i.imgur.com/lB2A7.gif" title="Hosted by : Pphoo™" /></div></form><div style="text-align: center;"><br />
</div><div style="text-align: center;"><br />
</div><form action="http://www.youtube.com/results" id="search" method="get" name="f" target=”_blank”><div style="text-align: center;"> <input name="search_query" style="height: 25px; width: 200px;" type="text" value="" /> <img alt="" src="http://i.imgur.com/FIUvE.jpg" title="Hosted by : Pphoo™" /></div></form>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-31515622730241355592011-11-20T02:52:00.000-08:002011-11-24T22:24:47.645-08:00Tas - Hermes<div style="text-align: center;"><img height="240" src="http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash4/391884_244659098923155_244616618927403_640906_1866762161_n.jpg" width="320" /></div><div style="text-align: center;"><span class="Apple-style-span" style="border-collapse: collapse; color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; line-height: 14px;">Clutch hermes mandor</span></div><div style="text-align: center;"><span class="Apple-style-span" style="border-collapse: collapse; color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; line-height: 14px;"><br />
</span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="240" src="http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc7/300020_244659712256427_244616618927403_640938_4373348_n.jpg" width="320" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="border-collapse: collapse; color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; line-height: 14px;">Hermes 2235</span></div><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"></span><br />
<div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">38x18x27</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="240" src="http://a4.sphotos.ak.fbcdn.net/hphotos-ak-snc7/387709_244659738923091_244616618927403_640939_455593872_n.jpg" width="320" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes 2235 white<br />
38x18x27</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="240" src="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-ash4/300639_244659752256423_244616618927403_640940_623127235_n.jpg" width="320" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes 2235 white<br />
38x18x27</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="240" src="http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/376526_244659775589754_244616618927403_640942_1706537981_n.jpg" width="320" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes 22562 KW super</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc7/373955_244659788923086_244616618927403_640943_1733311081_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes behel khak</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a2.sphotos.ak.fbcdn.net/hphotos-ak-snc7/298155_244659825589749_244616618927403_640944_920622395_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes birkin kombinasi</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="234" src="http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash4/301065_244659852256413_244616618927403_640945_1422844023_n.jpg" width="320" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes botega bolak balik</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc7/380947_244659872256411_244616618927403_640946_1632848866_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes croco</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a4.sphotos.ak.fbcdn.net/hphotos-ak-snc7/302166_244659898923075_244616618927403_640947_1617913814_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes hello kitty</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="240" src="http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc7/383792_244659932256405_244616618927403_640948_1547427237_n.jpg" width="320" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes hello kitty</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/317182_244659952256403_244616618927403_640949_1603678921_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes herbag yellow</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="240" src="http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash4/390623_244659978923067_244616618927403_640951_1879901558_n.jpg" width="320" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes iren hitam</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a6.sphotos.ak.fbcdn.net/hphotos-ak-ash4/310632_244659992256399_244616618927403_640952_1817028995_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes jeans hijau</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-ash4/303163_244660028923062_244616618927403_640954_1021577271_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes jeans coklat</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/377421_244660082256390_244616618927403_640956_9462003_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes kanvas abu-abu</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash4/300727_244660288923036_244616618927403_640957_1437966363_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes kanvasbiru</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a4.sphotos.ak.fbcdn.net/hphotos-ak-snc7/389385_244660365589695_244616618927403_640958_1668988021_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes KD Orange bs tali slempang</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc7/314639_244660385589693_244616618927403_640959_1303758647_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes kelly 2 tones KW super</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash4/311702_244660428923022_244616618927403_640961_1216004081_n.jpg" width="271" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes hello kitty super</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="234" src="http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/320729_244660448923020_244616618927403_640962_1492073506_n.jpg" width="320" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes long kelly black</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="234" src="http://a1.sphotos.ak.fbcdn.net/hphotos-ak-snc7/385396_244660462256352_244616618927403_640963_1704251741_n.jpg" width="320" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes long kelly khaki</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="271" src="http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/375884_244660478923017_244616618927403_640964_2144291218_n.jpg" width="320" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes mayangsari</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a6.sphotos.ak.fbcdn.net/hphotos-ak-ash4/374922_244660498923015_244616618927403_640965_2013133436_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes orange bs tali slempang</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="320" src="http://a8.sphotos.ak.fbcdn.net/hphotos-ak-ash4/389286_244660512256347_244616618927403_640966_87516990_n.jpg" width="240" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes white bs tali slempang</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><img height="234" src="http://a2.sphotos.ak.fbcdn.net/hphotos-ak-snc7/310199_244660528923012_244616618927403_640967_1981448713_n.jpg" width="320" /></span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;">Hermes spidi kombinasi bs tali slempang</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 11px; line-height: 14px;"><br />
</span></span></div><link href="http://www.emailmeform.com/builder/styles/dynamic.php?t=post" rel="stylesheet" type="text/css"></link><br />
<link href="http://www.emailmeform.com/builder/theme_css/tH0A4vOj3aC8doxW3nhYea4" rel="stylesheet" type="text/css"></link><br />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript">
</script><br />
<script type="text/javascript">
if (typeof jQuery == 'undefined'){
document.write(unescape("%3Cscript src='http://www.emailmeform.com/builder/js/jquery-1.4.4.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script><br />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" type="text/javascript">
</script><br />
<script type="text/javascript">
if (typeof $.ui == 'undefined'){
document.write(unescape("%3Cscript src='http://www.emailmeform.com/builder/js/jquery-ui-1.7.2.custom.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script><br />
<script src="http://www.emailmeform.com/builder/js/dynamic.php?t=post&t2=0&use_CDN=true" type="text/javascript">
</script><br />
<div id="emf-container-outer"><div id="emf-container"><div id="emf-logo"><a href="http://www.blogger.com/post-edit.g?blogID=3583708659430032749&postID=1761860828145104285&from=pencil">EmailMeForm</a></div></div></div><script type="text/javascript">
//<![CDATA[
var EMF_Safari_Captcha = (function(){
this.isChrome = (/chrome/.test(navigator.userAgent.toLowerCase()));
this.isSafari = !this.isChrome && (/safari/.test(navigator.userAgent.toLowerCase()));
this.process_captcha = function(){
EMF_jQuery('a#captcha_code_refresh').trigger('click');
get_valid_captcha();
}
this.firstTimeSession = true;
this.safari_submit_session_form = function(){
if (this.firstTimeSession) {
this.firstTimeSession = false;
EMF_jQuery("#safari_sessionform").submit();
setTimeout('process_captcha()',2000);
}
}
return this;
})();
EMF_jQuery(function(){
EMF_jQuery("#emf-form").validationEngine({
validationEventTriggers:"blur",
scroll:true
});
if(document.getElementById('captcha_image')!=null){
if(EMF_Safari_Captcha.isSafari){
EMF_jQuery("body").append('<iframe id="safari_sessionframe" name="safari_sessionframe" onload="EMF_Safari_Captcha.safari_submit_session_form();" src="http://www.emailmeform.com/get_safari_cookies.php" style="display:none;"><\/iframe><form id="safari_sessionform" enctype="application/x-www-form-urlencoded" action="http://www.emailmeform.com/get_safari_cookies.php" target="safari_sessionframe" action="post">
<\/form>');
}else{
get_valid_captcha();
}
}
EMF_jQuery("#emf-form ul li").mousedown(highlight_field_on_mousedown);
EMF_jQuery("#emf-form ul li input, #emf-form ul li textarea, #emf-form ul li select").focus(highlight_field_on_focus);
var form_obj=EMF_jQuery("#emf-container form");
if(form_obj.length>0 && form_obj.attr('action').indexOf('#')==-1){
form_obj.attr('action', form_obj.attr('action')+document.location.hash);
}
});
EMF_jQuery(window).load(function(){
post_message_for_frame_height();
});
var emf_widgets={text :
function(index){
return $("#element_"+index).val();
}
,number :
function(index){
return $("#element_"+index).val();
}
,textarea :
function(index){
return $("#element_"+index).val();
}
,checkbox :
function(index){
var arr=new Array();
$("input[name='element_"+index+"[]']:checked").each(function(){
arr[arr.length]=this.value;
});
var result=arr.join(", ");
return result;
}
,radio :
function(index){
var result="";
$("input[name=element_"+index+"]:checked").each(function(){
result=this.value;
});
return result;
}
,select :
function(index){
return $("#element_"+index).val();
}
,name :
function(index){
var arr=new Array();
$("input[id^=element_"+index+"_]").each(function(){
arr[arr.length]=this.value;
});
var result=arr.join(" ");
return result;
}
,email :
function(index){
return $("#element_"+index).val();
}
,address :
function(index){
var result="";
var element_arr=$("input,select").filter("[name='element_"+index+"[]']").toArray();
result=element_arr[0].value+" "+element_arr[1].value+"\n"
+element_arr[2].value+","+element_arr[3].value+" "+element_arr[4].value+"\n"
+element_arr[5].value
return result;
}
,phone :
function(index){
var arr=new Array();
$("input[id^=element_"+index+"_]").each(function(){
arr[arr.length]=this.value;
});
var result="";
if(arr.length>0){
result=arr.join("-");
}else{
result=$("#element_"+index).val();
}
return result;
}
,datetime :
function(index){
var result="";
var date_part="";
if($("#element_"+index+"_year").length==1){
date_part=$("#element_"+index+"_year-mm").val()+"/"+$("#element_"+index+"_year-dd").val()+"/"+$("#element_"+index+"_year").val();
}
var time_part="";
if($("#element_"+index+"_hour").length==1){
time_part=$("#element_"+index+"_hour").val()+":"+$("#element_"+index+"_minute").val()+" "+$("#element_"+index+"_ampm").val();
}
if(date_part && time_part){
result=date_part+" "+time_part;
}else{
result=date_part ? date_part : time_part;
}
return result;
}
,url :
function(index){
return $("#element_"+index).val();
}
,file :
function(index){
return $("#element_"+index).val();
}
,select_multiple :
function(index){
return $("#element_"+index).val();
}
,price :
function(index){
var result="";
var arr=new Array();
$("input[id^=element_"+index+"_]").each(function(){
arr[arr.length]=this.value;
});
result=arr.join(".");
return result;
}
,hidden :
function(index){
return $("#element_"+index).val();
}
,section_break :
function(index){
return "";
}
,page_break :
function(index){
return "";
}
,deprecated :
function(index){
return $("#element_"+index).val();
}
};
var emf_condition_id_to_js_map={1 :
function(field_value, value){
return field_value.indexOf(value)>-1;
}
,2 :
function(field_value, value){
return field_value.indexOf(value)==-1;
}
,3 :
function(field_value, value){
return field_value.indexOf(value)==0;
}
,4 :
function(field_value, value){
return field_value.indexOf(value)==field_value.length-value.length;
}
,5 :
function(field_value, value){
return field_value==value;
}
,6 :
function(field_value, value){
return field_value!=value;
}
,7 :
function(field_value, value){
return field_value==value;
}
,8 :
function(field_value, value){
return field_value>value;
}
,9 :
function(field_value, value){
return field_value<value;
}
,10 :
function(field_value, value){
var date_for_field_value=Date.parse(field_value);
var date_for_value=Date.parse(value);
if(date_for_field_value && date_for_value){
return date_for_field_value == date_for_value;
}
return false;
}
,11 :
function(field_value, value){
var date_for_field_value=Date.parse(field_value);
var date_for_value=Date.parse(value);
if(date_for_field_value && date_for_value){
return date_for_field_value < date_for_value;
}
return false;
}
,12 :
function(field_value, value){
var date_for_field_value=Date.parse(field_value);
var date_for_value=Date.parse(value);
if(date_for_field_value && date_for_value){
return date_for_field_value > date_for_value;
}
return false;
}
};
var emf_group_to_field_rules_map=[];
//]]>
</script>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com1tag:blogger.com,1999:blog-3583708659430032749.post-3720286084195975912011-11-17T18:19:00.000-08:002011-11-24T22:28:45.876-08:00Cara Buat Spoiler / Tutup Buka Pada Artikel<span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><i style="background-color: white; color: #333333; line-height: 21px; text-align: justify;">Spoiler</i><span class="Apple-style-span" style="background-color: white; color: #333333; line-height: 21px;"> yakni untuk memperkecil postingan, kode script atau tulisan agar tidak makan tempat. Sebenarnya sobat juga bisa menggunakan menu dengan fungsi scroll atau bisa juga dengan menggunakan text area untuk menghemat tempat dalam penulisan kode script atau gambar.</span></span><br />
<div style="background-color: white; color: #333333; line-height: 21px; text-align: justify;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;">Spoiler ini bisa sobat letakkan di postingan, mungkin sobat gunakan untuk meletakkan kode script yang panjang. Atau bisa juga meletakkan di sidebar, header atau footer blog.</span></div><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span style="background-color: white; color: #333333; line-height: 21px; text-align: justify;"><b><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span style="background-color: white; color: #333333; line-height: 21px; text-align: justify;"><b><br />
</b></span></span><br />
C</b></span><b style="background-color: white; color: #333333; line-height: 21px; text-align: justify;">ara Buat Spoiller </b><span class="Apple-style-span" style="background-color: white; color: #333333; line-height: 21px; text-align: justify;">seperti Ini:</span><br style="background-color: white; color: #333333; line-height: 21px; text-align: justify;" /><span class="Apple-style-span" style="background-color: white; color: #333333; line-height: 21px; text-align: justify;">Silahkan Letakkan Kode Berikut Pada Artikel yang ingin di Pasangkan Spoiler : </span></span><br />
<blockquote style="background-color: white; color: #666666; font-style: italic; line-height: 1.3em; margin-bottom: 1em; margin-left: 20px; margin-right: 20px; margin-top: 1em; text-align: justify;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><div style="margin: 5px 20px 20px;"><br />
<div class="smallfont" style="margin-bottom: 2px;"><b><b>Spoiler</b></b>: <input value="<b style="color: red;">Open</b>" style="margin: 0px; padding: 0px; <span style="color: red;">width: 55px</span>;<span style="color: red;">font-size: 11px</span>;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = '<span style="color: red;">Close</span>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '<span style="color: red;">Open</span>'; }" type="button"><br />
</div><br />
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><br />
<div style="display: none;"><br />
<br />
Letakkan kode script, HTML, gambar atau teks anda disini<br />
<br />
<br><br />
</div><br />
</div><br />
</div></span></blockquote><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><b style="background-color: white; color: #333333; line-height: 21px; text-align: justify;">Keterangan</b><span class="Apple-style-span" style="background-color: white; color: #333333; line-height: 21px; text-align: justify;"> :</span><br style="background-color: white; color: #333333; line-height: 21px; text-align: justify;" /><br style="background-color: white; color: #333333; line-height: 21px; text-align: justify;" /><span class="Apple-style-span" style="background-color: white; color: #333333; line-height: 21px; text-align: justify;">1. Untuk tulisan Open dan Close bisa sobat ganti sesuai keinginan.</span><br style="background-color: white; color: #333333; line-height: 21px; text-align: justify;" /><span class="Apple-style-span" style="background-color: white; color: #333333; line-height: 21px; text-align: justify;">2. Width : 55px untuk lebar spoiler.</span><br style="background-color: white; color: #333333; line-height: 21px; text-align: justify;" /><span class="Apple-style-span" style="background-color: white; color: #333333; line-height: 21px; text-align: justify;">3. Font-size: 11px untuk besar tulisan pada kotak spoiler.</span><br style="background-color: white; color: #333333; line-height: 21px; text-align: justify;" /><span class="Apple-style-span" style="background-color: white; color: #333333; line-height: 21px; text-align: justify;">4. Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan sobat.</span><br style="background-color: white; color: #333333; line-height: 21px; text-align: justify;" /><span class="Apple-style-span" style="background-color: white; color: #333333; line-height: 21px; text-align: justify;">Selamat Mencoba</span></span><br />
<span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span class="Apple-style-span" style="background-color: white; color: #333333; font-size: 15px; line-height: 21px; text-align: justify;"><br />
</span></span>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-45275319381907567922011-11-17T00:00:00.000-08:002011-11-24T22:28:58.595-08:00Cara Membuat Link Berbintang - Bintang Saat Disentuh Cursor<span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span class="Apple-style-span" style="background-color: white;">S</span><span class="Apple-style-span" style="background-color: white; font-size: 14px;">ebelumnya diblog ini juga pernah dibahas </span><a href="http://lanoblog.blogspot.com/2011/09/cara-membuat-link-warna-warni-saat.html" style="background-color: white; color: #006699; font-size: 14px; text-align: left; text-decoration: none;"><span style="color: blue;">cara membuat link berwarna-warni saat disentuh cursor</span></a><span class="Apple-style-span" style="background-color: white; font-size: 14px; text-align: left;">.dan kali ini sedikit berbeda yaitu cara membuat link berbintang-bintang saat disentuh cursor.</span><span style="background-color: white; color: #222222; font-size: 14px; line-height: 20px; text-align: center;">Penampilan sebuah link akan lebih menarik jika ditambah dengan asesoris berupa bintang yang berkedip. Apalagi jika latar belakang dari link tersebut berwarna gelap, link akan terlihat lebih hidup ketika disorot mouse (bintang berkedip di sekitar link). Trik ini sudah banyak digunakan oleh blog-blog terutama yang memiliki latar belakang gelap.berikut cara membuatnya..selamat menyimak..semoga berhasil....</span></span><br />
<span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span style="background-color: white; color: #222222; font-size: 14px; line-height: 20px; text-align: center;"><br />
</span></span><br />
<br />
<div class="separator" style="background-color: white; clear: both; font-size: 14px; text-align: center;"><a href="http://demo-bloglano.blogspot.com/" style="color: #006699; text-decoration: none;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"></span></a></div><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span style="background-color: white; color: #333333; font-size: 15px; line-height: 21px; text-align: justify;">1.</span><span style="background-color: white; font-size: 14px; text-align: left;"><span style="background-color: white; color: #333333; line-height: 21px; text-align: justify;"> Masuk ke akun </span><b style="background-color: white; color: orange; line-height: 21px; text-align: justify;">Blogger</b><span style="background-color: white; color: #333333; line-height: 21px; text-align: justify;"> Sobat.</span></span></span><br />
<div style="background-color: white; color: #333333; font-size: 14px; line-height: 21px; text-align: justify;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><br style="clear: both;" /></span></div><div style="background-color: white; color: #333333; font-size: 14px; line-height: 21px; text-align: justify;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;">2. Klik <u style="color: blue;"><b>Rancangan</b></u> > <u style="color: blue;">Edit HTML</u>.</span></div><div style="background-color: white; color: #333333; font-size: 14px; line-height: 21px; text-align: justify;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><br style="clear: both;" /></span></div><div style="background-color: white; font-size: 14px; line-height: 21px; text-align: justify;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span class="Apple-style-span" style="color: #333333;">3. Klik </span><span class="Apple-style-span" style="color: blue;"><u style="font-weight: bold;">F3 atau Ctrl F.</u> </span>Copas kode : </span><span class="Apple-style-span" style="color: #333333; font-family: Arial,Helvetica,sans-serif;"> </span><b style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="color: red;">a:hover </span></b></div><div style="background-color: white; color: #333333; font-size: 14px; line-height: 21px; text-align: justify;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><br style="clear: both;" /></span></div><div style="background-color: white; font-size: 14px; line-height: 21px; text-align: justify;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span class="Apple-style-span" style="color: #333333;">4. A</span></span><span class="Apple-style-span" style="color: #333333; font-family: Arial,Helvetica,sans-serif;">kan muncul seperti di bawah ini :</span></div><div style="background-color: white; font-size: 14px; text-align: justify;"><div style="background-color: white; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span class="Apple-style-span" style="color: red;">a:hover </span><span class="Apple-style-span" style="color: blue;">{</span></span></div><div style="background-color: white; line-height: 21px;"><span class="Apple-style-span" style="color: blue; font-family: Arial,Helvetica,sans-serif;">color:#5588AA;</span></div><div style="background-color: white; line-height: 21px;"><span class="Apple-style-span" style="color: blue; font-family: Arial,Helvetica,sans-serif;">text-decoration:underline;</span></div><div style="background-color: white; line-height: 21px;"><span class="Apple-style-span" style="color: blue; font-family: Arial,Helvetica,sans-serif;">}</span></div><div style="background-color: white; line-height: 21px;"><span style="color: red;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><br style="clear: both;" /></span></span></div><div style="background-color: white; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;">5. Ganti kode : </span><span class="Apple-style-span" style="color: blue; font-family: Arial,Helvetica,sans-serif;">{</span><br />
<div style="background-color: white;"><span class="Apple-style-span" style="color: blue; font-family: Arial,Helvetica,sans-serif;">color:#5588AA;</span></div><div style="background-color: white;"><span class="Apple-style-span" style="color: blue; font-family: Arial,Helvetica,sans-serif;">text-decoration:underline;</span></div><br />
<span class="Apple-style-span" style="color: blue; font-family: Arial,Helvetica,sans-serif;">}</span><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span style="color: blue;"> </span></span></div><div style="background-color: white; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><br />
</span></div><div style="background-color: white; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;">dengan kode berikut.setiap template berbeda pokoknya cari yang mirip saja.</span></div><div style="background-color: white; line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><br style="clear: both;" /></span></div><div style="background-color: white;"><span style="line-height: 21px;"><span style="color: magenta;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;">{ background-image: url(http://2.bp.blogspot.com/-aV0bs2hN4mQ/TgjEslQT0VI/AAAAAAAAAFs/-ZzE8DyTfpY/s1600/bAA.gif);} </span></span></span></div><div style="background-color: white;"><span style="line-height: 21px;"><span style="color: magenta;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><br style="clear: both;" /></span></span></span></div><div style="background-color: white;"><span style="line-height: 21px;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;">6. <b><span style="color: orange;">SIMPAN</span></b></span></span></div><div style="background-color: white;"></div></div><span style="background-color: white; font-size: 14px; text-align: left;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><br />
</span></span><br />
<div style="text-align: left;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span class="Apple-style-span" style="font-size: 14px;">Silahkan mencoba... (",)</span></span><br />
<span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span class="Apple-style-span" style="font-size: 14px;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span class="Apple-style-span" style="font-size: 14px;"><br />
</span></span><br />
<span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;"><span class="Apple-style-span" style="font-size: 14px;"><br />
</span></span></div>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-52851271988976334972011-11-16T20:52:00.000-08:002011-11-24T22:29:11.435-08:00Internetan ala Huawei E160 USB ModemHuawei E160 produk O2, ternyata instalasi modem ini mudah sekali. Yang pasti modem tersebut terinstall otomatis, dan memang benar-benar install automatically. Tidak ada cd driver bawaan, yang ada adalah kabel data USB dan User Guide Book. Kelebihan lainnya dari modem tersebut adalah adanya Slot Micro SD Card yang bisa support Micro SD sampai dengan 4GB. Jadi, modem bisa difungsikan sekaligus sebagai flashdisk. O2 ini bisa jalan di Linux, Windows XP, Windows Vista, Windows 7 dan Mac OS. Huawei ini bisa berjalan di jaringan HSDPA/WCDMA 2100Mhz, GSM/GPRS/EDGE 850/900/1800/1900 Mhz dan HSDPA dengan download speed sampai 3,6Mbps.<br />
<br />
O2 ini memiliki bentuk praktis seperti flashdisk. Jadi, simpel sekali dibawa kemana-mana. Setelah ditancapkan, modem akan menginstall otomatis dirinya. Tunggulah beberapa saat, sabar ya <img alt=":)" class="wp-smiley" src="http://s0.wp.com/wp-includes/images/smilies/icon_smile.gif?m=1305289822g" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" />... Setelah selesai, dia akan menjalankan aplikasi bawaannya yakni Mobile Partner. Disitulah kita bisa menentukan setting profile dan melakukan dial.<br />
<br />
Langkah pertama adalah menentukan setting profile jaringan yang akan dipakai. Misal kita menggunakan kartu 3 (Three). Pilihlah pada menu tool – option, lalu atur di bagian profile manajemen. Klik pada tombol Add new profile. Tentukan nama profilenya di kotak isian Profile name (nama profile bebas, misal kita isikan : Koneksi 3). Kemudian tentukan APN-nya di bagian Static. APN kartu 3 adalah 3data, lalu lakukan isian pada Access Number yakni : *99#. Isikan juga pada kotak isian username dan password. Kartu 3 menggunakan username-: 3data dan password : 3data. Kemudian klik Apply. Setelah itu coba dial dengan menggunakan profile Koneksi 3. Insya Allah kalau settingnya benar koneksi akan berjalan mulus.<br />
<br />
Kini, kita-pun bisa berinternet dimana saja. Tidak usah bawa PC atau laptop sendiri juga bisa. Pinjam PC temen, tancapkan modemnya, install otomatis, dial, lalu… Bravoo...!!!Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-84046552595398054072011-11-15T22:00:00.001-08:002011-11-24T22:30:33.868-08:00Teknik Seo Blogger Template - Cara Agar Breadcrumb Dapat Terindex<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Cara Membuat Breadcrumb Seo Friendly</h3><br />
<br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Bagi sobat yang belum <a href="http://pelajaran-blog.blogspot.com/2009/12/cara-membuat-breadcrumbs-menu-navigasi.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;"><u>membuat breadcrums</u></a> sebaiknya sobat bikin dulu ya,dan <b>beruntung jika sobat belum membuatnya</b>,karena <b>breadcrumb seo friendly</b> ini,akan kita ciptakan sore hari ini.<br />
<br />
Pertama,pastikan anda sudah <a href="http://pelajaran-blog.blogspot.com/2009/03/membuat-label-kategori.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">membuat label pada blog</a>.<br />
Selanjutnnya,pergi ke <b>Dashboard</b>,lalu pilih <b>Tata Letak</b> dan kemudian pilih <b>Edit HTML</b>,jangan lupa contreng tulisan <b>Expand Widget Templates</b>.<br />
Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):</div><br />
<br />
<span style="background-color: white; color: #990000; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #0e304a; font: normal normal normal 12px/normal Courier, monospace;"><b>]]></b:skin></b></code></span><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px;">Setelah ketemu,letakkan kode berikut tepat diatasnya:</span><br />
<br />
<span style="background-color: white; color: #990000; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #0e304a; font: normal normal normal 12px/normal Courier, monospace;">.breadcrumbs{<br />
padding:5px 5px 5px 0;<br />
margin:0;font-size:95%;<br />
line-height:1.4em;<br />
border-bottom:4px double #cadaef;<br />
}</code></span><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Nah,setelah itu,sobat cari lagi kode seperti ini (ketik aja di Ctrl+F)</span><br />
<br />
<span style="background-color: white; color: #990000; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #0e304a; font: normal normal normal 12px/normal Courier, monospace;"><div class='post hentry</code></span><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Nah nanti sobat akan temukan barisan kode seperti:</span><br />
<br />
<span style="background-color: white; color: #990000; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #0e304a; font: normal normal normal 12px/normal Courier, monospace;"><div class='post hentry uncustomized-post-template'></code></span><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Nah,tepat dibawah kode tersebut,sobat letakkan kode ini:</span><br />
<br />
<span style="background-color: white; color: #990000; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #0e304a; font: normal normal normal 12px/normal Courier, monospace;"><b:if cond='data:blog.homepageUrl == data:blog.url'><br />
<b:else/><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<div class='breadcrumbs'><br />
Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187;<br />
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><br />
<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a><br />
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if><br />
</b:loop><br />
</b:if> &#187; <data:post.title/><br />
</div><br />
</b:if><br />
</b:if></code></span><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Setelah itu </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">simpan templates</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> sobat.</span><br />
<br />
<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Tips Agar Breadcrumbs Terindeks di Google</h3><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Berikut tips dan trik agar breadcrumbs dapat diindex mesin pencari google:</span><br />
<br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-left-width: 7px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(102, 102, 102); border-top-style: solid; border-top-width: 0px; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px; text-align: left;"><div align="justify"><b></b></div><ol><li><b>Buatlah label blog yang tidak terlalu banyak (buatlah 1 atau 2 nama label saja)</b></li>
<li><b>Cantumkan label entry pada sidebar atau bagian footer blog (karena ini akan memungkinkan traffik dari link ini)</b></li>
<li><b>Nama label usahakan tidak jauh dari tema posting (misal posting tentang 'belajar seo' maka nama label usahakan seperti nama 'tutorial belajar seo',dll)</b></li>
<li><b>Intinya,buatlah posting yang sangat bermanfaat dan tidak bersifat menipu pengunjung</b></li>
<li><b>Buatlah pengunjung sangat tertarik dengan isi dari nama label yang ingin sobat shoot</b></li>
<li><b>Berdo'a :D</b></li>
</ol></blockquote><iframe allowtransparency="true" frameborder="0" height="1" hspace="0" marginheight="0" marginwidth="0" readonly="true" scrolling="no" src="http://pelajaran-blog.blogspot.com/" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" vspace="0" width="0"></iframe><br />
<br />
<br />
<div><div style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px;"><br />
</div><div style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px;"><br />
</div></div>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-39149927363231387512011-11-15T21:57:00.001-08:002011-11-24T22:30:50.027-08:00Teknik Seo Blogger Template<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Menyisipkan Keyword di Sebelum Judul Posting</h3><br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Bicara masalah <b>teknik seo blogger template</b>,pada dasarnya sudah diberikan oleh para master seo kita meskipun tidak diberikan secara terang-terangan.<br />
<br />
Kita lihat apa yang sudah <i>blog tutorial blog dan seo</i> ini mengutak-atik template untuk <b>menyisipkan / meletakkan keyword secara otomatis pada setiap posting baru</b>.<br />
<br />
<br />
</div><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px;">Namun saat browser tidak mengaktifkan gambar,maka akan tampil seperti ini (dan ini juga apa yang ditampilkan oleh search engine Google):</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="teknik seo blogger blogspot." src="http://2.bp.blogspot.com/-h0QU_-84KqE/TeY1RFg9PoI/AAAAAAAAA08/4ijM2SeT_Ns/s1600/belajar%2Bseo%2Bblogspot%2Bpelajaran%2Bblog.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="400" /></center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px;">Betul sob,kita dapat menciptakan atau menyisipkan keywod secara otomatis pada saat setiap posting baru.</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Nah,caranya ternyata sangat mudah,pada </span><u style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;"><a href="http://pelajaran-blog.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">Teknik Seo Blogger Template</a></u><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> ( Bag.1 ) ini akan sharing seputar masalah menyisipkan kata kunci ini sob :D</span><br />
<br />
<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Langkah Teknik Modifikasi Blogger Template agar Seo Friendly</h3><br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Pertama,coba sobat pilih <b>Dashboard (gb.1)</b>,lalu <b>Tata Letak (gb.2)</b> kemudian contreng tulisan<b>Expands Widget Templates (gb.3)</b>.</div><br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="membuat menu navigasi." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITE04uM8zI/AAAAAAAAAnQ/j-yDM_8leVg/s200/membuat+menu+navigasi+css+pelajaran+blog+rancangan.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(1)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<br />
<br />
<br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="menu navigasi kwick jquery." src="http://1.bp.blogspot.com/_n7xseT2-HDU/TITFmfIlltI/AAAAAAAAAnY/WPp686uKpKo/s200/menu+navigasi+css+pelajaran+blog+edit+html.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(2)</center><iframe allowtransparency="true" frameborder="0" height="1" hspace="0" marginheight="0" marginwidth="0" readonly="true" scrolling="no" src="http://pelajaran-blog.blogspot.com/" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" vspace="0" width="0"></iframe><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<br />
<br />
<br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="kwicks jquery navigasi menu blogger." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITGg9SU21I/AAAAAAAAAng/wHI1eWTcw9k/s200/Expand+Widget+Templates+Pelajaran+Blog.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(3)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<br />
<br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Setelah itu coba sobat cari kode :<br />
<br />
<b><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;"><a expr:href='data:post.url'><data:post.title/></a></code></b><br />
(gunakan Ctrl+F di keyboard sob),setelah ketemu rubahlah menjadi seperti berikut:<br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;"><span style="color: blue;"><a expr:href='data:post.url'></span><br />
<span style="color: maroon;"><img alt='<b><span style="color: green;">Belajar Seo Blogspot</span></b>' height='50' src='<b><span style="color: green;">http://1.bp.blogspot.com/_n7xseT2-HDU/Saz6WSR1ptI/AAAAAAAAANY/QA1vxRormlY/s200/Loggo-pelajaran-Blog.gif</span></b>' width='50'/></span><br />
<span style="color: blue;"><data:post.title/></a></span></code></div><blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-left-width: 7px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(102, 102, 102); border-top-style: solid; border-top-width: 0px; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px; text-align: left;">Untuk:<br />
-kode warna hijau <code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #0e304a; font: normal normal normal 12px/normal Courier, monospace;">http://1.bp.blogspot.com/_n7xseT2-HDU/Saz6WSR1ptI/AAAAAAAAANY/QA1vxRormlY/s200/Loggo-pelajaran-Blog.gif</code>,rubahlah url image/gambar milik sobat.<br />
-kode warna hijau '<code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #0e304a; font: normal normal normal 12px/normal Courier, monospace;"><a href="http://pelajaran-blog.blogspot.com/2011/05/inilah-cara-usaha-saya-mendapatkan.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">belajar seo blogspot</a></code>' rubahlah kata kunci atau keyword sobat yang ingin disipkan yang nantinya akan secara otomatis tampil sebelum judul posting.</blockquote><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Semoga berhasil ya gan!!!</span><br />
<div><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span></div><div><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span></div>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-50689364542354734202011-11-15T21:53:00.001-08:002011-11-24T22:31:01.975-08:00Inilah Cara Usaha Saya Mendapatkan 'Belajar Seo Blogspot' Popular Keyword!<ins style="background-color: white; border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #0e304a; display: inline-table; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; height: 15px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; text-align: left; visibility: visible; width: 468px;"></ins><br />
<ins id="aswift_0_anchor" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; display: block; height: 15px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; visibility: visible; width: 468px;"></ins><br />
<iframe allowtransparency="true" frameborder="0" height="15" hspace="0" id="aswift_0" marginheight="0" marginwidth="0" name="aswift_0" scrolling="no" style="left: 0px; position: absolute; top: 0px;" vspace="0" width="468"></iframe><br />
<br />
<br />
<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Belajar Seo Blogspot,Kata Kunci Sensasional?</h3><br />
<br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Beberapa hari ini,jenuhnya aktivitas <i>blogging</i> yang saya alami,mengakibatkan traffik blog berkurang dan ini sangat mempengaruhi <u>posisi serp</u> dalam mempertahankan sebuah <u>kata kunci</u>.<br />
Dahulu keyword '<b>blogger seo pemula</b>' pernah didapat blog sederhana ini,namun karena minimnya<u>ilmu seo blogspot</u> yang saya miliki,kini kata kunci itu hilang dan entah kemana.<br />
Di tahun 2011 ini,serp <a href="http://www.google.co.id/webhp?hl=id#hl=id&q=belajar+seo+blogspot&oq=belajar+seo+blogspot&aq=f&aqi=g1&aql=&gs_sm=e&gs_upl=185571l189293l3l20l19l0l6l6l0l303l1675l0.6.2.1&fp=e619a90ea11774a6&biw=1152&bih=773" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">google.co.id</a> dihiasi dengan keyword '<b><a href="http://pelajaran-blog.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">belajar seo blogspot</a></b>' yang diantaranya dipegang oleh [ini saya copy paste dari search engine <a href="http://pelajaran-blog.blogspot.com/2011/05/cepat-terindex-google.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">google</a> ndonesia]:<iframe allowtransparency="true" frameborder="0" height="1" hspace="0" marginheight="0" marginwidth="0" readonly="true" scrolling="no" src="http://pelajaran-blog.blogspot.com/" vspace="0" width="0"></iframe></div><br />
<br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-left-width: 7px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(102, 102, 102); border-top-style: solid; border-top-width: 0px; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px; text-align: left;"><b><span style="color: #990000;">Demi menjaga etika dalam blogging,kami terpaksa tidak dapat menampilkan dari hasil '<a href="http://pelajaran-blog.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;"><i>belajar seo blogspot</i></a>' di serp <a href="http://www.google.co.id/search?hl=id&client=firefox-a&rls=org.mozilla:id%3Aofficial&channel=s&q=belajar+seo+blogspot+pelajaran+blog&aq=f&aqi=&aql=&oq=&pbx=1&biw=1360&bih=576&cad=cbv" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;"><u>Google.co.id</u></a></span></b></blockquote><br />
<br />
<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Inilah Cara Saya dalam Mengejar Kata Kunci Belajar Seo Blogspot</h3><br />
<br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Meskipun para master seo tidak membuka rahasia mereka,tapi menurut saya pribadi,beliau-beliau ini telah menunjukkan kepada kita dalam <b>belajar optimasi blog di blogspot</b>.<br />
Antara lain bagaimana beliau-beliau menjelaskannya melalui <u>kombinasi kata atau kalimat</u> yang bertujuan agar dapat mampu bersaing di serp paman Google.<br />
<br />
Dalam dunia <b><u><a href="http://pelajaran-blog.blogspot.com/2011/05/belajar-seo-search-engine-optimization.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">belajar seo</a></u></b> yang saya ketahui,bahwa seorang blogger pemula mampu bersaing di serp dar beberapa faktor,yang antara lain adalah:<br />
<br />
1.Memilki blog atau situs yang sudah berpagerank tinggi<br />
2.Memiliki dummy blog (blog pembantu) yang juga sudah berpagerank tinggi juga<br />
3.Memiliki komunitas yang dapat mendonasikan kunjungan perharinya<br />
4.Memiliki pengetahuan luas,sehingga dapat membaca apa yang menjadi trend saat ini.<br />
5.Memang kesehariannya hanya didepan komputer dan 'seo' adalah makanan kesehariannya :D<br />
<br />
Untuk itu,dengan cara anallisa inilah usaha saya dalam mengejar,mendapatkan dan memperoleh keyword atau kata kunci '<b>belajar seo blogspot</b>'.Dan semoga setelah posting kali ini,blog ini mampu memperoleh keyword tersebut meskipun bukan <u>di halaman pertama</u>.</div><div><br />
</div><div><br />
</div><div><br />
</div>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-26385213280372258532011-11-15T21:52:00.001-08:002011-11-24T22:31:17.250-08:00Rahasia & Tips Mendapatkan Sitelink Google<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Tips Mendapatkan Google Sitelink dalam Beberapa Minggu</h3><br />
<br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Berhubung menurut <a href="http://cepat-terindex-google.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">google</a> sendiri,sitelink akan kita dapatkan jika sebuah blog mendapatkan kurang lebihnya 1000 pengunjung perhari atau 1000 page view perhari dari <a href="http://pelajaran-blog.blogspot.com/2009/10/cara-mengubah-mengganti-ip-address.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">IP Address</a> yang berbeda.<iframe allowtransparency="true" frameborder="0" height="1" hspace="0" marginheight="0" marginwidth="0" readonly="true" scrolling="no" src="http://pelajaran-blog.blogspot.com/" vspace="0" width="0"></iframe><br />
Untuk itu,<b>langkah dan cara mendapatkan google sitelink</b> sobat dapat ikuti langkah berikut:<br />
<br />
<b>1.Blogwalking</b></div><blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-left-width: 7px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(102, 102, 102); border-top-style: solid; border-top-width: 0px; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px; text-align: left;">dengan cara ini sobat usahakan berkomentar dengan menggunakan nama blog sobat tanpa nypam ya,usahakan mendapatkan 80-100 blog yang telah sobat komentari.Dan ingat sob,saat berkomentar gunakanlah URL/Name ya (biar cepet kenal ama google,hihi)</blockquote><br />
<b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">2.Aktiv dalam Forum</b><br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-left-width: 7px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(102, 102, 102); border-top-style: solid; border-top-width: 0px; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px; text-align: left;">bisa sobat bayangkan berapa pengunjung yang akan sobat dapat saat sobat berkontraksi dengan mereka,dari tempat dan komputer yang berbeda-beda diseluruh Indonesia (<img alt="cara mendapatkan gogole sitelink." height="50" src="https://821854972674712146-a-1802744773732722657-s-sites.googlegroups.com/site/pujiantoroinc/Home/Indonesia-120-animated-flag-gifs.gif?attachauth=ANoY7crBxsAx0SfURWwJlTEgK0yZr0xzdvQKSnawtsn97lUPrgK6Miv7e5V8Ac8ngxQU9H8AjoOL6Y3PewdyXDc1h5vEBs_SnfcRLjH8z5UPuk5i12xV1GJeSOx7XEPSB5Ak4bNYI1Z_TBK9z1dA98dFU2CzEyGuIbRcOt4f0qMmItknwYWveEQvFJambXsKKYgXIywkE09ScmXYJYosJq-ubCC9JXuB9vbrZJd87s8BLLCZkWaY9ts%3D&attredirects=0" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="merdeka google sitelink!" width="50" /> MERDEKA!!!).</blockquote><br />
<b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">3.Berdo'a</b><br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-left-width: 7px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(102, 102, 102); border-top-style: solid; border-top-width: 0px; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px; text-align: left;">jangan remehkan masalah ini sob,selain mutu posting yang berkualitas,dengan dukungan do'a inilah hal-hal yang tak disangka akan terjadi.(kok jadi kay ngandelin mukjizat bang,kwkwkwkwkw..pent-)</blockquote><br />
<br />
<br />
<div><div style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px;"><br />
</div><div style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px;"><br />
</div></div>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-64209766583389995892011-11-15T21:51:00.001-08:002011-11-24T22:31:40.836-08:00Cara Membuat Meta Otomatis Di Setiap Postingan / Posting Blog<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Memasang Meta Tag Secara Otomatis di Setiap Posting Blog</h3><br />
<br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><b><a href="http://pelajaran-blog.blogspot.com/2011/03/tutorial-seo-blogger-blogspot.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;"><u>Tutorial Seo</u></a></b> kali ini bukan membahas membuat meta tag seperti yang pernah diposting beberapa waktu lalu.<br />
Kemarin sudah dishare pula <u>membuat meta tag</u> secara manual dalam langkah agar blog lebih <a href="http://pelajaran-blog.blogspot.com/2010/07/cara-merubah-mengubah-format-judul-agar.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;"><u>seo friendly</u></a>.<br />
Seperti membuat meta tag secara manual untuk keyword dan description,namun meta ini kadang hanya berfungsi untuk halaman depan saja sedang untuk <b>setiap posting</b> serp Google hanya membaca keyword yang kita ciptakan.<br />
Ada solusi menarik untuk <b>membuat meta tag di setiap posting secara otomatis</b> tanpa kita merubah meta tag untuk halaman utama.<br />
<br />
Ilustrasi:<br />
<br />
Saya memiliki blog dari <a href="http://pelajaran-blog.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;"><u>blogger</u></a> dengan:<br />
<br />
Nama :<u>rssmu.blogspot.com</u><br />
Keyword:<u>Kumpulan dari rss blog kamu ada di RssMU - It is your RSS.</u><br />
Description:<u>Kumpulan dari rss blog kamu ada di RssMU - It is your RSS.</u><br />
<br />
Seperti pada posting membuat <a href="http://pelajaran-blog.blogspot.com/2009/04/membuat-meta-ykey.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank"><u>meta y_key</u></a>,saya sudah menerapkan meta tag ini saya menggunakan meta tersebut,yakni akan menjadi:<iframe allowtransparency="true" frameborder="0" height="1" hspace="0" marginheight="0" marginwidth="0" readonly="true" scrolling="no" src="http://pelajaran-blog.blogspot.com/" vspace="0" width="0"></iframe><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;"><meta content='Kumpulan dari rss blog kamu ada di RssMU - It is your RSS.' name='description'/><br />
<meta content='Kumpulan dari rss blog kamu ada di RssMU - It is your RSS.' name='keywords'/></code><br />
<br />
Dan hasil dalam serp,saat saya mengetik nama <u>rssmu.blogspot.com</u> nantinya akan tampil seperti ini:</div><br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="meta otomatis setiap posting." src="http://3.bp.blogspot.com/-rN50oT6hvMk/Tb6e3U65sSI/AAAAAAAAAz0/fcVkaox1iVU/s1600/membuat%2Bmeta%2Botomastis%2Bdi%2Bsetiap%2Bposting.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Namun,dari teknik <b>membuat meta tag</b> secara manual diatas,kurang efektiv karena saat serp membaca judul posting yang tampil tetap memiliki deskripsi yang sama.<br />
Nah,untuk <b>membuat meta agar setiap posting memiliki deskripsi / description yang berbeda-beda alias setiap posting memiliki deskripsi sendiri</b>,sobat bisa ikuti langkah berikut ini:<br />
<br />
Pilih <b>Dashboard</b> sobat,lalu pilih <b>Tata Letak</b> kemudian cari kode:<br />
<code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;"><title><data:blog.pageTitle/></title></code> yang biasanya letaknya diatas kode <code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;"><b:skin><![CDATA[/*</code>,agar sobat tidak bingung karena template yang telah diubah-ubah,posisi kode <code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;"><title><data:blog.pageTitle/></title></code> sobat bisa lihat gambar dibawah ini:</div><br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="cara membuat meta otomatis setiap postingan blogger." src="http://2.bp.blogspot.com/-bTP4xTThrf0/Tb6hv9Xm3_I/AAAAAAAAAz8/jIkf6tTJOpQ/s1600/meta%2Botomatis%2Bpelajaran%2Bblog.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px;">Rubahlah kode </span><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><title><data:blog.pageTitle/></title></code><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> tersebut dengan meta berikut:</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><br />
<b:if cond='data:blog.pageType == &quot;index&quot;'><br />
<br />
<title><data:blog.pageTitle/></title><br />
<meta content='<b>TULIS DESKRIPSI BLOG SOBAT.</b>' name='description'/><br />
<meta content='<b>TULIS KATA KUNCI BLOG SOBAT,PISAHKAN DENGAN TANDA KOMA</b>' name='keywords'/><br />
<br />
<b:else/><br />
<br />
<title><data:blog.pageName/> | <b>JUDUL UTAMA BLOG SOBAT</b></title><br />
<meta expr:content='data:blog.pageName + &quot;,<b>TULIS DESKRIPSI BLOG SOBAT</b>&quot;' name='Description'/><br />
<meta expr:content='data:blog.pageName + &quot;,<b>TULIS KALIMAT APA SAJA YANG NANTINYA AKAN MENJADI DESKRIPSI SETIAP POSTING</b>&quot;' name='Keywords'/><br />
<br />
</b:if></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Untuk prakteknya / contohnya ,hasil dari </span><a href="http://www.blogger.com/post-edit.g?blogID=3583708659430032749&postID=6420976658338999589" name="membuat meta tag otomatis setiap posting" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: none; background-origin: initial; color: #0033cc; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left; text-decoration: none;">membuat meta tag otomatis setiap posting</a><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> ini untuk blog rssmu.blogspot.com akan menjadi seperti ini:</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><br />
<b:if cond='data:blog.pageType == &quot;index&quot;'><br />
<br />
<title><data:blog.pageTitle/></title><br />
<meta content='<b>Kumpulan dari rss blog kamu ada di RssMU - It is your RSS.</b>' name='description'/><br />
<meta content='<b>Kumpulan dari rss blog kamu ada di - RssMU - It is your RSS.</b> ' name='keywords'/><br />
<br />
<b:else/><br />
<br />
<title><data:blog.pageName/> | RssMu</title><br />
<meta expr:content='data:blog.pageName + &quot;,<b>adalah salah satu kumpulan dari rss blog kamu ada yang ada di RssMU - rssmu.blogspot.com.</b>&quot;' name='Description'/><br />
<meta expr:content='data:blog.pageName + &quot;,<b>adalah salah satu kumpulan dari rss blog kamu ada yang ada di RssMU - rssmu.blogspot.com.</b>&quot;' name='Keywords'/><br />
<br />
</b:if></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Dan hasil dari serp untuk setiap posting nantinya akan terlihat seperti gambar berikut ini:</span><br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="membuat meta otomatis blogger blogspot." src="http://1.bp.blogspot.com/-A2Rz2ZBIKeo/Tb6l1rz60bI/AAAAAAAAA0E/bAX7n4HburA/s1600/membuat%2Bmeta%2Btag%2Botomatis%2Bblogger.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="cara membuat meta otomatis." src="http://2.bp.blogspot.com/-SJ38rGl9NRc/Tb6mi0l2cqI/AAAAAAAAA0M/3_dhaRK0JsM/s1600/cara%2Bmembuat%2Bmeta%2Botomatis.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Gimana gan,mau mencobanya </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">meta tag otomatis</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> seperti ini?</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-87942937850090213372011-11-15T21:49:00.001-08:002011-11-24T22:31:55.737-08:00Membuat Menu Navigasi Dengan JQuery (Kwicks JQuery Sliding Navigation Menu For Blogger)<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Kwick Menu Navigasi Blogger dengan jQuery</h3><br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Untuk kesekian kalinya di blog bertema <b><a href="http://pelajaran-blog.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">tutorial blog dan seo blogger blogspot</a></b> ini mengunduh<u><a href="http://pelajaran-blog.blogspot.com/search/label/Tutorial%20Jquery" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">tutorial jQuery</a></u> dalam membuat <b>menu navigasi</b> di blogger.<br />
<br />
Jika sebelumnya telah dipublikasikan bagaimana menerapkan jQuery di blogspot dalam beberapa trik <a href="http://pelajaran-blog.blogspot.com/2011/02/membuat-widget-gambar-slide-show.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">membuat slide show widget</a>,<a href="http://pelajaran-blog.blogspot.com/2011/04/cara-membuat-vertikal-sliding-panel.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">sliding panel</a> dan <a href="http://pelajaran-blog.blogspot.com/2011/03/membuat-slick-tab-view-jquery-tab-view.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">slick tab view</a> menggunakan jQuery,kini ada trik satu lagi yang tak kalah menarik.<br />
Betul gan! Yuk kita intip bagaimana sih <i><a href="http://pelajaran-blog.blogspot.com/2010/09/membuat-menu-navigasi-horizontal-dengan.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">membuat menu navigasi</a></i> untuk flatform blogger/blogspot dengan jQuery ini.</div><br />
<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Membuat Menu Navigasi Blogger dengan Kwicks jQuery</h3><br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Sobat pernah lihat di beberapa blog atau situs dimana pada <b>menu navigasi-nya dapat menyembunyikan icon atau gambar secara geser / slide saat mouse berada diatasnya?</b><br />
Demo atau contoh dari menu navigasi kwicks jQuery ini sobat dapat lihat di:<br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;"><a href="http://www.jeremymartin.name/examples/kwicks.php?example=1" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://www.jeremymartin.name/examples/kwicks.php?example=1</a></code><br />
<br />
atau yang telah berhasil saya buat di :<br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;"><a href="http://pujiantoro.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://pujiantoro.blogspot.com/</a></code><br />
<br />
Memang betul,bahwa kelemahan dari kwicks menu navigasi ini tidak dapat dibaca oleh beberapa browser khususnya handphone atau browser yang tidak mengaktifkan javascript.Namun kwicks menu navigasi jQuery ini dapat bekerja sangat baik di browser mozilla juga Google chrome dan IE terbaru.<br />
<br />
Penasaran,yuk mari kita pelajari <b>bagaimana membuat menu navigasi blogger dengan jQuery kwicks</b> tricks.<br />
Pertama langkahnya seperti biasanya ya hanya pilih <b>Dashboard (gb.1)</b>,lalu <b>Tata Letak (gb.2)</b>kemudian contreng tulisan <b>Expands Widget Templates (gb.3)</b>.</div><br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="membuat menu navigasi." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITE04uM8zI/AAAAAAAAAnQ/j-yDM_8leVg/s200/membuat+menu+navigasi+css+pelajaran+blog+rancangan.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(1)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="menu navigasi kwick jquery." src="http://1.bp.blogspot.com/_n7xseT2-HDU/TITFmfIlltI/AAAAAAAAAnY/WPp686uKpKo/s200/menu+navigasi+css+pelajaran+blog+edit+html.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(2)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="kwicks jquery navigasi menu blogger." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITGg9SU21I/AAAAAAAAAng/wHI1eWTcw9k/s200/Expand+Widget+Templates+Pelajaran+Blog.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(3)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px;">Nah,selanjutnya cari kode </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;">]]></b:skin></code></b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode </span><iframe allowtransparency="true" frameborder="0" height="1" hspace="0" marginheight="0" marginwidth="0" readonly="true" scrolling="no" src="http://pelajaran-blog.blogspot.com/" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" vspace="0" width="0"></iframe><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;">]]></b:skin></code></b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> tersebut.</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><br />
.kwicks{height:50px;list-style:none;margin:0;padding:0;position:relative;width:840px;z-index:2<br />
}<br />
.kwicks li{cursor:pointer;display:block;float:left;height:50px;overflow:hidden;padding:0;width:120px;z-index:2}<br />
.kwicks li a{background-image:url(http://4.bp.blogspot.com/-e1c5hdvd0MQ/TbgSHi-7EEI/AAAAAAAAAzs/Y9aTBHEgh84/s1600/menu%2Bjquery%2Bpelajaran%2Bblog.jpg<br />
);background-repeat:no-repeat;cursor:pointer;display:block;height:50px;outline:none;text-indent:-9999px;z-index:2}<br />
#kwick1 a:hover{background-position:0 -50px!important}<br />
#kwick2 a{background-position:-190px 0}<br />
#kwick2 a:hover{background-position:-190px -50px!important}<br />
#kwick3 a{background-position:-380px 0}<br />
#kwick3 a:hover{background-position:-380px -50px!important}<br />
#kwick4 a{background-position:-570px 0}<br />
#kwick4 a:hover{background-position:-570px -50px!important}<br />
#kwick5 a{background-position:-760px 0}<br />
#kwick5 a:hover{background-position:-760px -50px!important}<br />
#kwick6 a{background-position:-950px 0}<br />
#kwick6 a:hover{background-position:-950px -50px!important}<br />
.kwicks li ul a{float:left;width:12em}<br />
.kwicks ul ul{top:auto}<br />
.kwicks li ul ul{left:12em;margin:0 0 0 10px}<br />
.kwicks li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block<br />
}</code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Keamudian cari kode </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;"><head></code></b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">,setelah ketemu letakkan kode jQuery berikut tepat diatasnya:</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/jquery-1.2.3.js' type='text/javascript'/><br />
<script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/jquery.kwicks-1.5.1.js' type='text/javascript'/><br />
<script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'/></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Lalu </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">simpan templates sobat</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">.</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Nah,untuk menampilkannya pada widget coba pilih </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">Tata Letak / Rancangan</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> seperti gambar no (1),dan klik tulisan </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">Add New Widget</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> atau </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">Tambah Gadget</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">,lihat Gambar no (4)</span><br />
<br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="Cara Membuat kwicks jquery navigasi menu for blogger blogspot." src="http://4.bp.blogspot.com/-3Q7Y5MkTFMY/TVO4IqYIMbI/AAAAAAAAAsg/Gxyt9T0_f24/s1600/pelajaran%2Bblog%2Btambah%2Bgadget.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="230" /><br />
(4)<br />
<br />
<img alt="membuat navigasi menu javascript css blogger jquery." src="http://3.bp.blogspot.com/-HsJP3OHyU4c/TVO5HpirfqI/AAAAAAAAAso/dT2UcrSi1hY/s1600/pelajaran%2Bblog%2Bhtml%2Bjavascript.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="230" /><br />
(5)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Selanjutnya pilih </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">HTML/Javascript</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> lihat Gb(5)kemudian letakkan kode berikut:</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><br />
<div class='kwickswrap'><br />
<ul class='kwicks'><br />
<li id='kwick1'><a href='http://pelajaran-blog.blogspot.com/' title='halaman utama'><b>Home</b></a></li><br />
<li id='kwick2'><a href='http://pelajaran-blog.blogspot.com/search' title='daftar isi.'><b>Blog</b></a></li><br />
<li id='kwick3'><a href='http://pelajaran-blog.blogspot.com/2009/02/profil.html' title='about'><b>About</b></a></li><br />
<li id='kwick4'><a href='#' title='futures'><b>Portfolio</b></a></li><br />
<li id='kwick5'><a href='#' title='contact us'><b>Contact</b></a></li><br />
<li id='kwick6'><a href='http://pelajaran-blog.blogspot.com/' title='recomended links'><b>Resource</b></a></li><br />
</ul><br />
</div><br />
</td><br />
<script type="text/javascript"><br />
$().ready(function() {<br />
$('.kwicks').kwicks({<br />
max : 190,<br />
duration: 800,<br />
easing: 'easeOutQuint'<br />
});<br />
});<br />
</script></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Simpan,selesai sudah dan sobat sudah bisa lihat hasil dari menu navigasi kwick jquery ini.</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Jikaa mengalami kesulitan mohon diskusikan adi facebook pagenya ya gan and selamat mencoba!</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-78281351634800577342011-11-15T21:48:00.001-08:002011-11-24T22:32:13.958-08:00Posting Otomatis Dari Google Reader Ke Gmail<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Pertama,jika belum memiliki akun <a href="http://www.google.com/reader" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target"_blank"=""><b><u>Google Reader</u></b></a>,pastikan sobat daftar terlebih dahulu ya.<br />
Selanjutnya pada <b>Dashboard Google Reader</b>,sobat perhatikan,klik <b>Setting atau Setelan</b> (gb.1),lalu pilih tab <b>Send To</b> dan contrenglah checklist <b>Blogger</b>(gb.2).</div><br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><br />
<img alt="rss google reader into gmail." src="http://3.bp.blogspot.com/-5DmnJzbpPhU/TbOJwXvEayI/AAAAAAAAAzE/n4xoXt4oWcE/s1600/setting%2Bsetelan%2Bgoogle%2Breader%2Bpelajaran%2Bblog.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(gb.1)<br />
<br />
<img alt="autoblog using google reader." src="http://2.bp.blogspot.com/-cFT932dsiUE/TbOKG8DZNfI/AAAAAAAAAzM/42L1NowTp50/s1600/send%2Bto%2Bblogger%2Bfrom%2Bgoogle%2Breader%2Bpelajaran%2Bblog.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(gb.2)<br />
</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px;">Lalu,kembalilah ke </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">Dashboard</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> Google Reader Sobat dan masukkan url feeds,bisa menggunakan RSS maupun Atom pada tempat yang disediakan (gb.3).</span><br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="autoblog google reader into gmail auto." src="http://2.bp.blogspot.com/-ZFj-_LQBHyA/TbOMIyI9ORI/AAAAAAAAAzU/SadXpGOA0ck/s1600/menambah%2Bfeeds%2Bpada%2Bgoogle%2Breader.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(gb.3)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Contoh url feed:</span><br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-left-width: 7px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(102, 102, 102); border-top-style: solid; border-top-width: 0px; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px; text-align: left;"><u>Feed Rss</u>:<br />
http://pelajaran-blog.blogspot.com/feeds/posts/default<br />
<u>Feed Atom</u>:<br />
http://pelajaran-blog.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=100</blockquote><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Setelah itu,nanti akan muncul item rss feed korban,dan pada sebelah bawah nanti akan terdapat</span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">tab send to</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> dan pilihlah blogger.(gb.4)</span><br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="autoblog google reader into gmail auto." src="http://3.bp.blogspot.com/-Sxmz44fjWwE/TbONT_vSwuI/AAAAAAAAAzc/-z0EGlsDHJA/s1600/send%2Bto%2Bblogger%2Bauto%2Binto%2Bgmail%2Bpelajaran%2Bblog.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(gb.4)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Setelah sobat klik,nanti akan keluar jendela </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">Blog This</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> yang mana akan mempublikasikan item dari Google Reader ke dalam blogger yang sobat miliki.</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Lalu gimana ya pak </span><u style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">cara agar item goog rss feed di google reader dapat terkirim secara otomatis ke dalam blogger dan email (gmail,ymail,dll)</u><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">?</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Adalah dengan membuatnya sebagai rss baru dan publikasikan secara otomatis dengan jasa rss into inbox :D,hasilnya lihat di </span><a href="http://geliat-bisnis.blogspot.com/" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: none; background-origin: initial; color: black; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left; text-decoration: none;" target="_blank"><b>SINI</b></a><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Jadi,sudah ga penasaran khan gan,gimana operasi mereka dalam nyolong artikel kita :D</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Sekali lagi,jangan jadi jahat dan berkreasilah untuk sesuatu yang baru.Moga berhasil ya :D</span><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Demam Jquery?</span><br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-left-width: 7px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(102, 102, 102); border-top-style: solid; border-top-width: 0px; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px; text-align: left;"><ul><li><a href="http://pelajaran-blog.blogspot.com/2011/03/belajar-membuat-trigger-hover-jquery.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">Belajar Membuat Trigger Hover JQuery / Vertical Sliding Panel Mengggunakan JQuery</a></li>
<li><a href="http://pelajaran-blog.blogspot.com/2011/02/membuat-widget-gambar-slide-show.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">Membuat Widget Gambar Slide Show / Slideshow Javascript Dan Css Di Blogger</a></li>
<li><a href="http://pelajaran-blog.blogspot.com/2011/03/membuat-slick-tab-view-jquery-tab-view.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">Membuat Slick Tab View / Jquery Tab View Scroll Show Hide Widget</a></li>
</ul></blockquote><div style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;"></div>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-86559607531199121922011-11-15T21:47:00.001-08:002011-11-24T22:32:24.097-08:00Membuat Read More Otomatis / Auto ReadMore Di Blogger<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript</h3><br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Ada dua(2) pilihan <u>membuat readmore otomatis / auto read more</u> pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.<br />
<br />
Untuk pertama kali,seperti biasa ya gan pilih <b>Dashboard</b>,lalu <b>Tata Letak</b> dan Contreng tulisan<b>Expand Widget Templates</b>.<br />
<br />
</div><br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="Cara membuat readmore otomatis." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITE04uM8zI/AAAAAAAAAnQ/j-yDM_8leVg/s200/membuat+menu+navigasi+css+pelajaran+blog+rancangan.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(1)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="membuat read more baca selengkapnya otomatis." src="http://1.bp.blogspot.com/_n7xseT2-HDU/TITFmfIlltI/AAAAAAAAAnY/WPp686uKpKo/s200/menu+navigasi+css+pelajaran+blog+edit+html.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(2)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="otomatis read more." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITGg9SU21I/AAAAAAAAAng/wHI1eWTcw9k/s200/Expand+Widget+Templates+Pelajaran+Blog.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(3)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px;">Selanjutnya,cari kode </span><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><b></head></b></code><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">,setelah ketemu tepat dibawahnya letakkan kode javascript berikut:</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Kemudian cari kembali kode </span><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><b><data:post.body/></b></code><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> atau </span><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><b><p><data:post.body/></p></b></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Setelah itu </span><iframe allowtransparency="true" frameborder="0" height="1" hspace="0" marginheight="0" marginwidth="0" readonly="true" scrolling="no" src="http://pelajaran-blog.blogspot.com/" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" vspace="0" width="1"></iframe><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">untuk </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;"><u>Cara 1.Read More Button Otomatis menggunakan gambar</u></b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">,hapus kode tersebut dan gantilah dengan kode berikut:</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><br />
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);<br />
</script><br />
<span class='rmlink' style='float:right;padding-top:20px;'><br />
<a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'><br />
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Sedangkan untuk </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;"><u>Cara 2.Read More Button Otomatis hanya berupa text</u></b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">,hapus kode</span><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><b><data:post.body/></b></code><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> atau </span><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><b><p><data:post.body/></p></b></code><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">tersebut dan gantilah dengan kode berikut:</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><b:if cond='data:blog.pageType != &quot;item&quot;'><br />
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><br />
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);<br />
</script><br />
<span class='rmlink' style='float:right;padding-top:20px;'><br />
<a expr:href='data:post.url'>[ Read More.. ]</a></span><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/><br/><p align='right'><br />
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&amp;cof=FORID%3A10&amp;ie=ISO-8859-1&amp;q=toko+online&amp;sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Lalu simpan templates dan lihat hasilnya.</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Untuk yang terlanjur menggunakan read more secara manual seperti di </span><u style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;"><a href="http://pelajaran-blog.blogspot.com/2009/02/membuat-read-moreselengkapnyabaca.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">sini</a></u><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">,tinggal hapus kode:</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><b:if cond='data:blog.pageType == "item"'><br />
<style>.fullpost{display:inline;}</style><br />
<p><data:post.body/></p><br />
<b:else/><br />
<style>.fullpost{display:none;}</style><br />
<p><data:post.body/><br />
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p><br />
</b:if></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya </span><img alt="Membuat Read More Otomatis / Auto ReadMore di Blogger Selesai." src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" style="background-color: white; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;" />Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-7628399029087701412011-11-15T21:46:00.001-08:002011-11-24T22:32:36.809-08:00Mengukur Ukuran Dan Waktu Loading Blog<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Diantara situs-situs yang meberikan fasilitas untuk mengukur ukuran dan waktu loading blog adalah:</div><blockquote style="background-attachment: initial; background-clip: initial; background-color: white; background-image: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png); background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(102, 102, 102); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(102, 102, 102); border-left-style: solid; border-left-width: 7px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(102, 102, 102); border-top-style: solid; border-top-width: 0px; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; margin-bottom: 10px; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; padding-top: 10px; text-align: left;"><ol><li><a href="http://www.iwebtool.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://www.iwebtool.com/</a></li>
<li><a href="http://tools.pingdom.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://tools.pingdom.com/</a></li>
<li><a href="http://www.numion.com/Stopwatch/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://www.numion.com/Stopwatch/</a></li>
<li><a href="http://websiteoptimization.com/services/analyze/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://websiteoptimization.com/services/analyze/</a></li>
<li><a href="http://internetsupervision.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://internetsupervision.com/</a></li>
<li><a href="http://www.webslug.info/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://www.webslug.info/</a></li>
<li><a href="http://www.octagate.com/service/SiteTimer/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://www.octagate.com/service/SiteTimer/</a></li>
<li><a href="http://site-perf.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://site-perf.com/</a></li>
<li><a href="http://www.linkvendor.com/seo-tools/speedtester.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://www.linkvendor.com/seo-tools/speedtester.html</a></li>
<li><a href="http://www.uptrends.com/aspx/free-html-site-page-load-check-tool.aspx" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://www.uptrends.com/aspx/free-html-site-page-load-check-tool.aspx</a></li>
<li><a href="http://webwait.com/" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank">http://webwait.com/</a></li>
</ol></blockquote><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px;">Setelah kita mengetahui berapa ukuran dan waktu yang dibutuhkan untuk membuka sebuah blog,kini kita sobat yang dapat menentukannnya sendiri.</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Ingat ya teman,di 2011 ini </span><a href="http://www.google.co.id/webhp?hl=id#sclient=psy&hl=id&site=webhp&q=mengukur+ukuran+blog&aq=f&aqi=&aql=&oq=&pbx=1&fp=aa9c18a922804eb4" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: none; background-origin: initial; color: black; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left; text-decoration: none;" target="_blank">Google</a><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> sangat memperhatikan kecepatan loading dan seberapa besar ukuran dari sebuah blog atau situs.</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">See you and Keep post!</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-70292043528671986462011-11-15T21:45:00.001-08:002011-11-24T22:32:52.939-08:00Membuat Slick Tab View / Jquery Tab View Scroll Show Hide Widget<h3 style="background-color: white; color: #001c00; font-family: Arial; line-height: 19px; text-align: left;">Cara Membuat Tab View dengan Efek Animasi Gulung Jquery</h3><br />
<div align="justify" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px;">Beberapa hari lalu di <a href="http://pelajaran-blog.blogspot.com/2011/03/www.facebook.com/pages/Pelajaran-Blog/289839067320" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;" target="_blank"><u>facebook page Pelajaran Blog</u></a> sudah memberikan bocoran '<a href="http://www.blogger.com/post-edit.g?blogID=3583708659430032749&postID=7029204352867198646" name="membuat show hide tab view widget for blogger" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #0033cc; text-decoration: none;">membuat show hide tab view widget for blogger</a>'.<br />
<u><a href="http://pelajaran-blog.blogspot.com/2009/06/membuat-widget-multi-halamantabview.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;">Membuat tab view</a></u> biasa dan tab view menggunakan jquery memang tidak jauh berbeda,hanya saja ada penambahan beberapa kode javascript untuk menghasilkan efek menggulung atau istilah kerennya <b>Membuat Slick Tab View / Jquery Tab View Scroll Show Hide Widget</b> <img alt="Membuat Tab Vanilla Slick jQuery" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
<br />
Lihat screenshot pic nya gan ato sobat bisa juga lihat widgetnya di sidebar pada blog ini:</div><br />
<center style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px;"><img alt="Membuat jQuery Slick Tab." src="http://2.bp.blogspot.com/-J1bxmUCXHCA/TYyAlhrtw5I/AAAAAAAAAx8/ZlBtk7FbS7k/s1600/pelajaran%2Bblog%2Bvanila%2Bslick%2Btab%2Bview.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></center><br style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px;">Yup,tab view yang diciptakan dapat menyembunyikan widget pada sidebar,ini sangat bermanfaat sekali untuk menambah tampilan blogger agar lebih menarik dan akan terkesan rapi nantinya.</span><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">Langkah membuatnya sangat mudah sob,tinggal ikuti aja langkah-langkah dibawah ini ya </span><img alt="Tab Vanilla Slick." src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" style="background-color: white; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;" /><br />
<div style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;"></div><br />
<br />
<h3 style="background-color: white; color: #001c00; font-family: Arial; line-height: 19px; text-align: left;">Langkah Cara Membuat jQuery Slick Tab pada Blogger</h3><br />
<div align="justify" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px;">Langkahnya sangat sederhana,agan pilih <b>Dashboard</b> lalu pilih <b>Tata Letak / Rancangan</b>(1) kemudian pilih tab <b>Edit HTML</b>(2),lalu seperti biasa contreng tulisan <b>Exspand Widget Templates</b>(3).<br />
Lihat Gambar ya :D<br />
<br />
</div><br />
<center style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px;"><img alt="Membuat Tab Slick Di Blogger Menggunakan Java Script Jquery." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITE04uM8zI/AAAAAAAAAnQ/j-yDM_8leVg/s200/membuat+menu+navigasi+css+pelajaran+blog+rancangan.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(1)</center><br style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<br />
<br />
<center style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px;"><img alt="Membuat Tab View Menggunakan Efek Jquery." src="http://1.bp.blogspot.com/_n7xseT2-HDU/TITFmfIlltI/AAAAAAAAAnY/WPp686uKpKo/s200/menu+navigasi+css+pelajaran+blog+edit+html.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(2)</center><br style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<br />
<br />
<center style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px;"><img alt="Cara Membuat Tab View Blogger dengan JQuery." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITGg9SU21I/AAAAAAAAAng/wHI1eWTcw9k/s200/Expand+Widget+Templates+Pelajaran+Blog.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(3)</center><br style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">Nah,selanjutnya cari kode </span><b style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #0e304a; font: normal normal normal 12px/normal Courier, monospace;">]]></b:skin></code></b><span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;"> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode </span><b style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: #0e304a; font: normal normal normal 12px/normal Courier, monospace;">]]></b:skin></code></b><span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;"> tersebut.</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><br />
#slick_area {<br />
border:0px solid #585858;<br />
background-color:#ffffff;<br />
padding:8px;<br />
margin:10px 0;<br />
line-height:18px;<br />
}<br />
#slick_area a{<br />
color:#ffffff;<br />
text-decoration:none;<br />
}<br />
.slick_area a:hover{<br />
color:#FF0000;<br />
}<br />
ul.slick {<br />
margin:2px 5px 8px 0;<br />
padding:0px;<br />
}<br />
ul.slick li {<br />
list-style:none;<br />
display:inline;<br />
background-color:#ffffff;<br />
padding:5px 14px;<br />
text-decoration:none;<br />
font-size:10px;<br />
font-weight:bold;<br />
text-transform:uppercase;<br />
cursor:pointer;<br />
border:0px solid #585858;<br />
}<br />
ul.slick li:hover {<br />
color:#red;<br />
}<br />
ul.slick li.active {<br />
background-color:#ffffff;<br />
border:1px solid #585858;<br />
color:#222222;<br />
<br />
}<br />
.content-slick {<br />
background-color:#ffffff;<br />
border:0px solid #585858;<br />
color:#222222;<br />
min-height:40px;<br />
padding:7px 13px 5px;<br />
text-align:left;<br />
}<br />
.content-slick ul {<br />
margin:20px;<br />
padding:0;<br />
}<br />
.content-slick ul li {<br />
list-style:none;<br />
border-bottom:1px solid #222222;<br />
padding:1px;<br />
}<br />
.content-slick ul li:last-child {<br />
border-bottom:none;<br />
}<br />
.content-slick ul li:hover, .content-slick ul li a:hover {<br />
display:block;<br />
background-color:#ffffff;<br />
}<br />
.content-slick ul li a {<br />
text-decoration:none;<br />
color:black;<br />
display:block;<br />
}</code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">Setelah itu,carilah kode </span><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"></head></code><span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">,setelah ketemu tepat diatasnya letakkan kode javascript dan jQuery berikut:</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><br />
<script language='javascript' src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/jquery-1.3.2.min.js' type='text/javascript'/><br />
<br />
<script type='text/javascript'><br />
$(document).ready(function(){<br />
$(&#39;#tabdua, #tabtiga&#39;).hide();<br />
$(&quot;ul.slick li&quot;).click(function () {<br />
$(&quot;.active&quot;).removeClass(&quot;active&quot;);<br />
$(this).addClass(&quot;active&quot;);<br />
$(&quot;.content-slick&quot;).slideUp();<br />
var content_show = $(this).attr(&quot;title&quot;);<br />
$(&quot;#&quot;+content_show).slideDown();<br />
});<br />
});<br />
</script></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">Lalu simpan templates sobat ya.</span><br />
<span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">Nah,untuk menampilkannya pada widget coba pilih </span><b style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">Tata Letak / Rancangan</b><span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;"> seperti gambar no (1),dan klik tulisan </span><b style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">Add New Widget</b><span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;"> atau </span><b style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">Tambah Gadget</b><span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">,lihat Gambar no (4)</span><br />
<br />
<br />
<br />
<center style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px;"><img alt="Cara Membuat Tab View (with jQuery)." src="http://4.bp.blogspot.com/-3Q7Y5MkTFMY/TVO4IqYIMbI/AAAAAAAAAsg/Gxyt9T0_f24/s1600/pelajaran%2Bblog%2Btambah%2Bgadget.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="230" /><br />
(4)<br />
<br />
<img alt="Cara Menambahkan Tab View Pada Blogspot Template." src="http://3.bp.blogspot.com/-HsJP3OHyU4c/TVO5HpirfqI/AAAAAAAAAso/dT2UcrSi1hY/s1600/pelajaran%2Bblog%2Bhtml%2Bjavascript.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="230" /><br />
(5)</center><br style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">Selanjutnya pilih </span><b style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">HTML/Javascript</b><span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;"> lihat Gb(5)kemudian letakkan kode berikut:</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><br />
<ul class="slick"><br />
<li title="tabsatu" class="slick active">Tab Satu Gan</li><br />
<li title="tabdua" class="slick active">Tab Dua Gan</li><br />
<li title="tabtiga" class="slick">Tab Tiga Gan</li><br />
</ul><br />
<br />
<div id="tabsatu" class="content-slick"><br />
<b>Letakkan kode HTML/Javascript anda di Tab Satu</b><br />
</div><br />
<br />
<div id="tabdua" class="content-slick"><br />
<b>Letakkan kode HTML/Javascript anda di Tab Dua</b><br />
</div><br />
<br />
<div id="tabtiga" class="content-slick"><br />
<b>Letakkan kode HTML/Javascript anda di Tab Tiga</b><br />
</div></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">Setelah itu simpan dan sobat sekarang dah punya </span><b style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">slick tab view widget</b><span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;"> yang dapat dijadikan alternative buat ngehemat tempat </span><img alt="hore! widget tab view slick jquery vanilla berhasil!" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif" style="background-color: white; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;" /><span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">,moga berhasil and selamat ngulik kodenya ya :D</span><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;">ket:kode bercetak tebal gantilah atau isilah dengan widget yang sobat inginkan,bisa kode iklan,alexa widget,maupun kode HTML/Javascript yang lain.</span><br />
<span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span><br />
<span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span><br />
<span class="Apple-style-span" style="background-color: white; color: #001c00; font-family: Arial; font-size: 12px; line-height: 19px; text-align: left;"><br />
</span>Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0tag:blogger.com,1999:blog-3583708659430032749.post-35745434999459825912011-11-15T21:44:00.001-08:002011-11-24T22:33:22.933-08:00Membuat Widget Gambar Slide Show / Slideshow Javascript Dan Css Di Blogger<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Cara Memasang atau Membuat Widget Auto Gambar Slide Show untuk Blogger Blogspot</h3><br />
<br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Hore! kesempatan update blog lagi nih,lumayan,minggu ini ada job tak terduga jadi ada ongkos lemburan,hihihi (buka rahasia-pent)<br />
Keburu jatah ngnet habis,langsung aja ya gan,yup! kali ini ada trik bagus sob buat ngakalin supaya<b>tampilan slide show untuk gambar di blogger blogspot</b> dapat kita ciptakan secara manual.<br />
Tentu dengan sedikit sentuhan <u>javascript</u>,<u>css</u> dan <u>jQuery</u> (opo iku to mas puji? embuh!aku yo ga ngerti...gubrak!!)<br />
<br />
Daripada banyak ngomong malah pada bengong,yo wes yuk cari tahu <b><u>cara membuat slideshow widget untuk gambar di blogger</u></b> dengan bantuan <a href="http://pelajaran-blog.blogspot.com/2009/03/apa-itu-javascript.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;"><u>javascript</u></a> dan <a href="http://pelajaran-blog.blogspot.com/2009/04/apa-itu-css.html" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial initial; background-repeat: initial initial; color: black; text-decoration: none;"><u>css</u></a>.<br />
<br />
Untuk screenshotnya,lihat gambar dibawah ini ya sob:</div><br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="Cara Pasang Slide Show Foto Di Blog." height="150" src="http://1.bp.blogspot.com/-38SrWGdZFHc/TWpK6OWk0wI/AAAAAAAAAuQ/cO2KRhc8Ync/s1600/slideshow%2Bpelajaran%2Bblog%2Bpreview.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="200" /></center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px;">Nah,hasilnya (jika saya belum merubah template) sobat bisa lihat di atas posting blog ini,lihat gambar:</span><br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="Cara membuat slideshow di blog." height="200" src="http://3.bp.blogspot.com/-DurA7zxzomo/TWpL853TUhI/AAAAAAAAAuY/jBwsWNfkyxo/s1600/pelajaran%2Bblog%2Bmembuat%2Bslideshow%2Bjavascript%2Bcss%2Bblogger%2Bblogspot.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="250" /></center><br />
<div style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;"></div><br />
<h3 style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Langkah Cara Memasang / Membuat Slide Show Gambar dengan JQuery di Blogger</h3><br />
<br />
<div align="justify" style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;">Langkahnya sangat sederhana,sobat pilih <b>Dashboard</b> lalu pilih <b>Tata Letak / Rancangan</b>(1) kemudian pilih tab <b>Edit HTML</b>(2),lalu seperti biasa contreng tulisan <b>Exspand Widget Templates</b>(3).<br />
Lihat Gambar ya :D<br />
<br />
</div><br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="Slide Show Gambar Gadget Untuk Blogger." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITE04uM8zI/AAAAAAAAAnQ/j-yDM_8leVg/s200/membuat+menu+navigasi+css+pelajaran+blog+rancangan.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(1)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="membuat gambar slideshow di blog." src="http://1.bp.blogspot.com/_n7xseT2-HDU/TITFmfIlltI/AAAAAAAAAnY/WPp686uKpKo/s200/menu+navigasi+css+pelajaran+blog+edit+html.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(2)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="Membuat Slideshow Foto." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITGg9SU21I/AAAAAAAAAng/wHI1eWTcw9k/s200/Expand+Widget+Templates+Pelajaran+Blog.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><br />
(3)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Nah,selanjutnya cari kode </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;">]]></b:skin></code></b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;"><code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;">]]></b:skin></code></b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> tersebut.</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;">/* CSS easySlider */<br />
<br />
<br />
#containerSlider {<br />
width:210px;<br />
height:110px;<br />
margin:0 40px;<br />
padding:0;<br />
position:relative;<br />
}<br />
#prevBtn, #nextBtn {<br />
display:block;<br />
margin:0;<br />
overflow:hidden;<br />
padding:0;<br />
text-indent:-8000px;<br />
}<br />
#slider ul, #slider li {<br />
list-style:none;<br />
margin:0;<br />
padding:0;<br />
text-indent:0;<br />
}<br />
#slider, #slider li {<br />
overflow:hidden;<br />
width:210px;<br />
height:110px;<br />
margin:0 auto;<br />
}<br />
#slider {<br />
margin-left:0;<br />
background:#ccc;<br />
border:1px solid #999;<br />
}<br />
#prevBtn, #nextBtn {<br />
display:block;<br />
height:34px;<br />
left:-20px;<br />
position:absolute;<br />
top:38px;<br />
width:31px;<br />
}<br />
#nextBtn {<br />
left:200px;<br />
}<br />
#prevBtn a, #nextBtn a {<br />
background:transparent url(http://2.bp.blogspot.com/-sy3zWYyTWLg/TWpAOl7v1II/AAAAAAAAAt4/GZ4veAPRe_Q/s1600/Arrow-Left%2Bpelajaran%2Bblog.png) no-repeat scroll 0 0;<br />
display:block;<br />
height:34px;<br />
width:31px;<br />
}<br />
#nextBtn a {<br />
background:transparent url(http://1.bp.blogspot.com/-ri5ctN5jxp4/TWpARdezqDI/AAAAAAAAAuA/dfmkoYxhjew/s1600/Arrow-Right%2Bpelajaran%2Bblog.png) no-repeat scroll 0 0;<br />
}<br />
#slider img {<br />
background:#ccc;<br />
padding:5px;<br />
width:200px;<br />
height:100px;<br />
}</code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Setelah itu,carilah kode </span><code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"></head></code><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">,setelah ketemu tepat diatasnya letakkan kode javascript dan jQuery berikut:</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br />
<br />
<script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/easySlider1.5.js' type='text/javascript'/><br />
<script type='text/javascript'><br />
$(document).ready(function(){<br />
$(&quot;#slider&quot;).easySlider({<br />
auto: true,<br />
continuous: true<br />
});<br />
});<br />
</script></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Lalu simpan templates sobat,apakah samapi disini sudah selesai,tentu belum gan,giliran kita sekarang membuat widgetnya :D</span><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Nah,untuk menampilkannya pada widget coba pilih </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">Tata Letak / Rancangan</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> seperti gambar no (1),dan klik tulisan </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">Add New Widget</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> atau </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">Tambah Gadget</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">,lihat Gambar no (4)</span><br />
<br />
<br />
<br />
<center style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px;"><img alt="Cara membuat Slideshow Gambar (with jQuery)." src="http://4.bp.blogspot.com/-3Q7Y5MkTFMY/TVO4IqYIMbI/AAAAAAAAAsg/Gxyt9T0_f24/s1600/pelajaran%2Bblog%2Btambah%2Bgadget.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="230" /><br />
(4)<br />
<br />
<img alt="Cara membuat slide show widget foto gallery di blog." src="http://3.bp.blogspot.com/-HsJP3OHyU4c/TVO5HpirfqI/AAAAAAAAAso/dT2UcrSi1hY/s1600/pelajaran%2Bblog%2Bhtml%2Bjavascript.JPG" style="border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 5px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 5px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" width="230" /><br />
(5)</center><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" /><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Selanjutnya pilih </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">HTML/Javascript</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> lihat Gb(5)kemudian letakkan kode berikut:</span><br />
<br />
<code style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; color: #0e304a; font-size: 12px; font: normal normal normal 12px/normal Courier, monospace; text-align: left;"><div id="contentSlider"><br />
<div id="slider"><br />
<ul><br />
<li><a href="<b>#</b>" target=_blank"><img alt="pemandangan 1" src="<b>http://3.bp.blogspot.com/-w5seRbe2tUg/TWoyA1W3pJI/AAAAAAAAAtQ/aRE-mp374oU/s1600/pelajaran%2Bblog%2Bpemandangan%2Bmembuat%2Bslide%2Bgambar%2Bjavascript%2B4.jpg</b>" /></a></li><br />
<br />
<li><a href="<b>#</b>"><img alt="pemandangan 2" src="<b>http://1.bp.blogspot.com/-XOxtNnKWuMA/TWoxnu0KhuI/AAAAAAAAAtA/Ihx2MMDHKZo/s1600/pelajaran%2Bblog%2Bpemandangan%2Bmembuat%2Bslide%2Bgambar%2Bjavascript%2B2.jpg</b>"/></a></li><br />
<br />
<li><a href="<b>#</b>" target=_blank"><img alt="pemandangan 3" src="<b>http://2.bp.blogspot.com/-V8sTo8mkTGs/TWoxiV2oGhI/AAAAAAAAAs4/sBbrwSA5hl8/s1600/pelajaran%2Bblog%2Bpemandangan%2Bmembuat%2Bslide%2Bgambar%2Bjavascript%2B1.jpg</b>"/></a></li><br />
<br />
</ul><br />
</div><br />
</div></code><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Lalu simpan dan kini sobat sudah memiliki </span><b style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;">slideshow widget blogspot</b><span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;"> yang tak kalah menarik jika dibandingkan slideshow instant widget seperti yang sudah banyak beredar.</span><br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Selamat mencoba ya gan and semoga berhasil :D</span><br />
<br />
<span class="Apple-style-span" style="background-color: white; color: #0e304a; font-family: Arial,Tahoma,Verdana,monospace; font-size: 12px; line-height: 19px; text-align: left;">Ket:</span><br />
<small style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;"><br />
</small><br />
<ul><li><small style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">Anda hanya merubah kode yang bercetak tebal diatas.</small></li>
<small style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;">
<li>Untuk tanda '<b>#</b>' gantilah dengan url tujuan kemana link gambar akan diarahkan,misal:<br />
<code style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; font: normal normal normal 12px/normal Courier, monospace;">http://jualanku-lho.blogspot.com/2009/04/apa-itu-css.html</code>.</li>
</small></ul><div><small style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;"><br />
</small></div><div><small style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;"><br />
</small></div><div><div><div style="color: #001c00; font-family: Arial; font-size: 12px; line-height: normal; text-align: -webkit-auto;"><small style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;"><br />
</small></div><div style="color: #001c00; font-family: Arial; font-size: 12px; line-height: normal; text-align: -webkit-auto;"><small style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; line-height: 19px; text-align: left;"><br />
</small></div></div></div><br style="background-color: white; color: #0e304a; font-family: Arial, Tahoma, Verdana, monospace; font-size: 12px; line-height: 19px; text-align: left;" />Anonymoushttp://www.blogger.com/profile/05022416275033319808noreply@blogger.com0