www.MONOTON27.blogspot.com

Showing posts with label Tutorial Blog supaya Cantik dan SEO. Show all posts

Home > Posts filed under Tutorial Blog supaya Cantik dan SEO

Cara Mudah Memasang MP3 (Lagu) Di Blog

<b><a href="http://monoton27.blogspot.com/2013/02/cara-mudah-memasang-lagu-di-blog.html" style="color: None;" title="Cara Mudah Memasang Lagu Di Blog">Cara Mudah Memasang Lagu Di Blog</a></b> - Banyak sudah tutorial-tutorial<span style="color: #990000;"> <a href="http://monoton27.blogspot.com/2013/02/cara-mudah-memasang-lagu-di-blog.html">tentang cara memasang lagu atau cara menambahkan lagu pada blog</a></span>, Memasang<b> Widget Musik Player</b> untuk sebuah blog memiliki kekurangan dan kelebihan tersendiri. Tergantung dari si pengunjung dan koneksi yang dimilikinya.<br />
<br />
Untuk anda yang tetap ingin <u>memasang lagu diblognya</u>, berikut saya sediakan satu tutorial mudah dan singkat, silangkan disimak.<br />
Pertama kunjungi situs <a href="http://scmplayer.net/" rel="nofollow" target="_blank">scmplayer.net</a>, kemudian pada tab <b>Choose Skin</b>, silahkan pilih tampilan skin widget yang nantinya akan ditampilkan pada blog anda.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-2ytwTQEEGI8/UDiodXlVAKI/AAAAAAAAAZs/sr4xoJjbLhQ/s1600/SCM+Music+Player+-+seamless+music+for+your+website+2012-08-25+06-18-50.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mudah Memasang Lagu Di Blog" border="0" height="218" src="http://2.bp.blogspot.com/-2ytwTQEEGI8/UDiodXlVAKI/AAAAAAAAAZs/sr4xoJjbLhQ/s320/SCM+Music+Player+-+seamless+music+for+your+website+2012-08-25+06-18-50.png" title="Cara Mudah Memasang Lagu Di Blog" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Lalu klik pada tab <b>Edit Playlist</b>, disini ada dua pilihan yaitu dengan memasukan url lagu yang di pasang manual(<i>Manual Playlist</i>). Atau dari playlist akun youtube(<i>RSS Podcast</i>) anda. gunakan saja pilihan pertama <i>"Manual Playlist".</i><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-pvNbvgcuqLI/UDiMR2A1KAI/AAAAAAAAAYk/K__bRvKqnAo/s1600/SCM+Music+Player+-+seamless+music+for+your+website+2012-08-25+04-26-44.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mudah Memasang Lagu Di Blog" border="0" height="200" src="http://3.bp.blogspot.com/-pvNbvgcuqLI/UDiMR2A1KAI/AAAAAAAAAYk/K__bRvKqnAo/s320/SCM+Music+Player+-+seamless+music+for+your+website+2012-08-25+04-26-44.png" title="Cara Mudah Memasang Lagu Di Blog" width="320" /></a></div>
<i> </i><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-UAQ0iFstzT8/UDiPhs9UOyI/AAAAAAAAAZA/7m-MI8ai_nY/s1600/SCM+Music+Player+-+seamless+music+for+your+website+2012-08-25+04-40-13.png" style="margin-left: auto; margin-right: auto;"><img alt="Cara Memasang Lagu Di Blog" border="0" height="195" src="http://2.bp.blogspot.com/-UAQ0iFstzT8/UDiPhs9UOyI/AAAAAAAAAZA/7m-MI8ai_nY/s320/SCM+Music+Player+-+seamless+music+for+your+website+2012-08-25+04-40-13.png" title="Cara Memasang Lagu Di Blog" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://vmediakom.blogspot.com/"><span style="color: #660000;">Contoh Yang Saya Lakukan</span></a></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
Perhatikan pada gambar yang saya lingkari merah, disitu terterah contoh 
untuk memasukan lagu yang anda inginkan, silahkan anda cari situs yang 
menyediakan lagu atau bisa anda upload sendiri ataupun mencari di <a href="http://youtube.com/" target="_blank">youtube.com</a> video yang nantinya sebagai url lagu.(<i>bukan menampilkan video, hanya suara dari video</i>)<br />
<br />
Kemudian klik pada tab <b>Configure Settings</b> untuk mengatur lagu 
yang sudah kita pilih tadi, atur sesuai keinginan anda. Atau seperti 
pengaturan saya pada gambar dibawah ini<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-65A7LNdHRLU/UDio5lfCsjI/AAAAAAAAAZ0/Oulgnhh0BPc/s1600/SCM+Music+Player+-+seamless+music+for+your+website+2012-08-25+06-24-16.png" style="margin-left: auto; margin-right: auto;"><img alt="Cara Memasang Lagu Di Blog" border="0" height="124" src="http://1.bp.blogspot.com/-65A7LNdHRLU/UDio5lfCsjI/AAAAAAAAAZ0/Oulgnhh0BPc/s320/SCM+Music+Player+-+seamless+music+for+your+website+2012-08-25+06-24-16.png" title="Cara Memasang Lagu Di Blog" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="color: #660000;">Klik Untuk Memperbesar</span></td></tr>
</tbody></table>
<br />
<br />
Setelah itu klik tombol <b>Done</b>, lalu <span style="color: #990000;">copy script yang diberikan</span>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-xZCc1wF5UZM/UDio-OfaDDI/AAAAAAAAAZ8/o7VaIoB805o/s1600/SCM+Music+Player+-+seamless+music+for+your+website+2012-08-25+06-26-25.png" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Mudah Memasang Lagu Di Blog" border="0" height="108" src="http://3.bp.blogspot.com/-xZCc1wF5UZM/UDio-OfaDDI/AAAAAAAAAZ8/o7VaIoB805o/s320/SCM+Music+Player+-+seamless+music+for+your+website+2012-08-25+06-26-25.png" title="Cara Mudah Memasang Lagu Di Blog" width="320" /></a></div>
<br />
Langkah terakhir, masuk ke akun blogger anda pilih <b>tata letak</b>. Kemudian klik <b>tambah gadget</b> pilih <b>gadget HTML/Javascript</b>. Lalu paste kan script tadi. klik Simpan.<br />
<br />
Sekarang <a href="http://vmediakom.blogspot.com/2012/08/cara-mudah-memasang-lagu-di-blog.html">blog anda sudah terpasang lagu</a>, setiap pengunjung yang datang akan disambut dengan lagu yang anda pasang :) pastikan pada tab <span style="color: #990000;">Edit Playlist</span>, anda memasukan url yang benar. Selamat mencoba....<br />
<br />
SUMBER : <a href="http://vmediakom.blogspot.com/2012/08/cara-mudah-memasang-lagu-di-blog.html" target="_blank">vmediakom.blogspot.com</a>

Cara Mudah Memasang Lagu Di Blog - Banyak sudah tutorial-tutorial tentang cara memasang lagu atau cara menambahkan lagu pada blog , Memasa...

cara membuat obrolan kaya di facebook

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7vl2VLFesjkfqwwj_dWZq00_TPWDAah2G7V4zQnNWT6GU8pllI_MncJd2Vi699-Om9Cn8RWYDMH8dorHL5BzxEO3lsoNLkpnP06Nh5R88V7znG0no65e0WO6BIeGC_eo4M7IxaINGISo/s1600/capture-20120506-140338.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7vl2VLFesjkfqwwj_dWZq00_TPWDAah2G7V4zQnNWT6GU8pllI_MncJd2Vi699-Om9Cn8RWYDMH8dorHL5BzxEO3lsoNLkpnP06Nh5R88V7znG0no65e0WO6BIeGC_eo4M7IxaINGISo/s320/capture-20120506-140338.jpg" width="320" /></a></div>
<br />
<br />
<h3 style="font-weight: normal;">
ok langsung saja saya kasih tahu caranya, jangan kemana2  ,,.ikutin terus ya, ,.::</h3>
<h4>
<br style="font-weight: normal;" /><span style="font-family: Arial,Helvetica,sans-serif; font-weight: normal;">Berikut langkah-langkahnya:</span><br style="font-weight: normal;" />
<span style="font-family: Arial,Helvetica,sans-serif; font-weight: normal;">1. Kunjungi situs "<a href="https://www.envolve.com/landingpages/poweredby.html?utm_source=Site18945%28web.gallerydunia.com%29&utm_medium=sitepoweredby&utm_campaign=PoweredByLinks"><span style="color: blue;">ini</span></a>"</span><br style="font-weight: normal;" />
<span style="font-family: Arial,Helvetica,sans-serif; font-weight: normal;">2. Klik "Try Envolve On Your Site"</span><br />
</h4>
<div style="text-align: left;">

<span style="font-family: Arial, Helvetica, sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2BLQ5KWTsH6EK8bVrKu-dtoIp7MDGOQ9n-F89Yh2p2g91epnU7aF9dmPEb8guM-8M1eQpGGwWAWPRQeddrXJUQGnEBaVBBx4rgodP-Z90TtMxN8xGt3WVNGS12JUDO-YjkfJt-SE9W4Y4/s1600/2012-02-09_140826.jpg" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2BLQ5KWTsH6EK8bVrKu-dtoIp7MDGOQ9n-F89Yh2p2g91epnU7aF9dmPEb8guM-8M1eQpGGwWAWPRQeddrXJUQGnEBaVBBx4rgodP-Z90TtMxN8xGt3WVNGS12JUDO-YjkfJt-SE9W4Y4/s320/2012-02-09_140826.jpg" width="320" /></a>
</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">3. Isi formulirnya, jika sudah klik "Create My Free Account!"</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">4. Pada bagian "My site is made with:", isi dengan platform blog anda</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">    Contoh: Platform blog saya blogger, tetapi tidak ada pilihannya, jadi saya pilih other</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">5. Klik "I'm Finished>"</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">6. Lalu anda akan dibawa ke halaman Setup, edit Chat Envolve anda</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">7. Jika sudah, copy kode javascriptnya yang ada pada bagian "Installation Code</span><span style="font-family: Arial, Helvetica, sans-serif;">"</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">8. Login pada blog anda</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">9. Klik Dasbor -> Template -> Edit HTML atau Dasbor -> Rancangan -> Edit HTML</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">10. Pastekan kode javascriptnya di atas kode </body></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Semoga bermanfaat....</span><br />
<br />
<br />
<br />
<br />
<br />

ok langsung saja saya kasih tahu caranya, jangan kemana2 ,,.ikutin terus ya, ,.:: Berikut langkah-langkahnya: 1. Kunjungi situs ...

Cara Meningkatkan Pageview Pada Blog

jadi begini ang, mau lebih jelasnya baca dan ikuti terus langkah dan trik saya... cekidottt.<br />
karena saya orangnya tak suka berbelit-belit jadi langsung saya pada pembahasannya.<br />
<br />
     Cara Meningkatkan Pageview Pada Blog yaitu caranya sebagai berikut :<br />
<br />
1. anda harus install dulu <a href="https://addons.mozilla.org/en-US/firefox/addon/reloadevery/">add ons</a> nya "<i>catatan " </i>hanya berlaku pada mozilla Firefox.. untuk menginstall <a href="https://addons.mozilla.org/en-US/firefox/addon/reloadevery/">klik tulisan ini </a><br />
2. kalau sudah menekan tulisan nya, anda pilih tulisan " continue to download " trus anda pilih " add to firefox"<br />
3.  terus akan muncul tmpilan " install now" anda klik yng itu ... terus klik lagi "restart" .<br />
4. bagi anda yang bener-bener mau mengikuti langkah dan trik ini, silahkan anda tinggalkan alamat blog anda, dengan menggunakan fasilitas yang sudah di sediakan.!! " <i>wajib</i>."<br />
5. bagi yang sudah berkomentar, saya ucapkan terimakasih dan silakan untuk lanjut.<br />
6. lalu yang anda harus lakukan adalah COPAS (COpy PASte ) link di bawah ini :<br />
             http://monoton27.blogspot.com<br />
             http://monoton27.blogspot.com/2011/07/chat-live.html<br />
             ALAMAT BLOG ANDA<br />
7. oya link yang di atas itu adalah alamat blog saya, jgan di close duluya,. "bukan pemaksaan tapi kesadaran diri"<br />
8. terus setelah anda sudah kopas yang point 6 , anda klik kanan sembarang tempat,terus anda pilih "RELOAD EVERY " terus pilih "custom" dan di isi " 2.00" saja untuk kecepatan standar..<br />
9. nah anda lakukan kanan lagi pada sembarang tempat terus klik reload every dan klik "enable all tabs".<br />
<br />
<br />
,,.,.      Nah selesai dch trik Cara Meningkatkan Pageview Pada Blog ..<br />
<br />
anda tinggal liohat hasilnya saja "saran saya sih anda lakukan ini sebelum tidur , karena lebih banyak waktu dajn tinggalkan saja komputer anda biar mozilla sendiri yang mengatur" dan sistem ini tidak bisa langsung memunculkan perubahan, butuh waktu beberapa jam minimal 2 jam..<br />
<br />
ok, selamat mencoba dan semoga berhasil

jadi begini ang, mau lebih jelasnya baca dan ikuti terus langkah dan trik saya... cekidottt. karena saya orangnya tak suka berbelit-be...

Cara Membuat Recent Post Yang Sangat Mudah

halo sahabat monoton, bagaimana kabarnya nih???,Alhamdulilah sehat, kalau nggak sehat nggak mungkin mbaca artikel ini ,..,,heheheeeee..<br />
            pada peretemuan kali ini saya akan share tentang" Cara Membuat Recent Post Yang Sangat Mudah"  caranya nggak sulit ko, dan malah trik yang saya gunakan tidak memakai scrip HTML.. mau tahu caranya bagaimana??? ikuti terus langkah saya.. cekidot.<br />
<br />
caranya yaitu :<br />
1. anda masuk ke blog anda<br />
2. terus masuk ke rancangan<br />
3.setelah sudah masuk anda tinnggal klik tulisan "tambahkan elemen"<br />
4. next,  anda cari kotak pencarian ( search )<br />
5. setelah sudah ketemu , anda tulis "Recent Post" ( tanpa tanda petik )..<br />
6.nah,, kalau udah muncul anda klik aja itu dan selesai deh..<br />
<br />
GAMPANGKAN??.<br />
<br />
     sangatlah gampang, saya juga dapet trik ini dari teman blogger saya, dan langsung saya share ke sahabat <a href="http://monoton27.blogspot.com/">MONOTON27 .</a>.. Ya udah selamat mencoba, semoga sukses dan Berhasil..<br />
<br />
  jangan lupa tinggalkan komentar anda...!!

halo sahabat monoton, bagaimana kabarnya nih???,Alhamdulilah sehat, kalau nggak sehat nggak mungkin mbaca artikel ini ,..,,heheheeeee.....

Buku Tamu

silahkan bagi pengunjung MONOTON27 kalian bisa ngasih komentar , saran, kritik, konfirmasi atau bisa juga ngobrol-ngobrol dengan saya atau yang lainnya melalui fasilitas yang sudah di sediakan.<br />
<br />
         dan PINGBOX bisa anda pergunakan kalo saya ada indikator warna kuning, artinya saya itu sedang online dan anda bisa ngobrol-ngobrol langsung dengan saya.. ok langsung saja anda coba dan menikmati yang sudah ada.<br />
<br />
<br />
<br />
<br />
<div id="cboxdiv" style="text-align: left; line-height: 0"><div><iframe frameborder="0" width="250" height="420" src="http://www5.cbox.ws/box/?boxid=747801&boxtag=123455&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-747801" style="border:#ababab 1px solid;" id="cboxmain5-747801"></iframe></div><div><iframe frameborder="0" width="250" height="75" src="http://www5.cbox.ws/box/?boxid=747801&boxtag=123455&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-747801" style="border:#ababab 1px solid;border-top:0px" id="cboxform5-747801"></iframe></div></div><br />
silahkan anda bisa ngobrol langsung sama MONOTON27, melalui Pingbox yang sudah tersedia di bawah.. <br />
<br />
<br />
<embed allowscriptaccess="always" flashvars="wid=IrtzjLO_QmZRK_zUB0qgQalIr8zoOkU-" height="420" id="pingbox9j92km37vag0W" src="http://wgweb.msg.yahoo.com/badge/Pingbox.swf" type="application/x-shockwave-flash" width="250"></embed><br />
<br />
terimakasih sudah ikut berpartisipasi..

silahkan bagi pengunjung MONOTON27 kalian bisa ngasih komentar , saran, kritik, konfirmasi atau bisa juga ngobrol-ngobrol dengan ...

Cara Memasang Pencarian buat blog

<b>cara memasang google <span class="IL_AD" id="IL_AD6">search</span> widget di blog</b> ini. Buat anda yang ingin punya <b>mesin pencari</b> tersikronisasi langsung dengan <b>google</b>, tentu anda kurang puas dengan search engine yang oleh blogspot, kali ini saya akan berbagi <b>tips cara memasang google search engine widget</b> yang tersikronisasi langsung dengan <span class="IL_AD" id="IL_AD5">server</span> om google sehingga anda tidak perlu membuka situs google terlebih dahulu, dan anda bisa langsung mencari kata kunci yang hasilnya 100% sama dengan anda membuka situs <b>www.google.com</b> silahkan baca <span class="IL_AD" id="IL_AD11">artikel</span> ini sampe tuntas. Untuk screenshootnya google search itu seperti ini :<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGUnj-lkF0QICOXYEJRVVeuW_c-anNVbOHhqZVMiY5Bq2uyBdZxv3RkIO5INv9d_yO-YnKu53FAJMd3yO5praCYVsKCPuOETybe7kvmQ9DdcW8_-5tEO6sO3GJoSUDk27qNHMIXqFtiNg/s1600/gsearch.gif" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGUnj-lkF0QICOXYEJRVVeuW_c-anNVbOHhqZVMiY5Bq2uyBdZxv3RkIO5INv9d_yO-YnKu53FAJMd3yO5praCYVsKCPuOETybe7kvmQ9DdcW8_-5tEO6sO3GJoSUDk27qNHMIXqFtiNg/s200/gsearch.gif" width="200" /></a></div><br />
<div class="fullpost"><br />
<b>Pasang Widget Google Search di Blog</b><br />
<br />
Untuk memasang google search widget ini, Anda login dulu di blogger, kemudian masuk ke halaman tata letak lalu tambahkan page <span class="IL_AD" id="IL_AD3">element</span>  dan pilih yang html/javascript. Selanjutnya, silahkan copy paste kode  dibawah dan ganti text yang berwarna merah sesuai dengan keterangan blog  anda :<br />
<br />
    <br />
<div class="separator" style="clear: both; color: black; text-align: left;"><<span class="IL_AD" id="IL_AD10">form action</span>="http://www.google.com/search" method="get"></div><div class="separator" style="clear: both; color: black; text-align: left;"><br />
</div><span style="color: black;"><input onfocus="this.style.background='#fff';" maxlength="255" value=""</span><br />
<span style="color: black;">type="text"onblur="if(this.value=='')this.style.background='#fff</span><br />
<span style="color: black;">url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)</span><br />
<span style="color: black;">3px center no-repeat'" style="height:18px;border: <span class="IL_AD" id="IL_AD1">solid</span> 1px black; background:#fff</span><br />
<span style="color: black;">url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)</span><br />
<span style="color: black;">3px center no-repeat; position:relative;" size="25" name="q"/></span><br />
<br />
<span style="color: black;"><input id="btn_undefined" style="position:absolute;padding-left:5px;"</span><br />
<span style="color: black;">value="Search" src="http://bloggerplugins.googlepages.com/yahoo-search-widget-button.png"</span><br />
<span style="color: black;">type="image"/><br/></span><br />
<br />
<span style="color: black;"><div style="margin-top:5px;"></span><br />
<br />
<span style="color: black;"><li style="display:inline;padding-right:10px;margin-top:5px;"></span><br />
<span style="color: black;"><input checked="checked" value="" name="sitesearch" type="<span class="IL_AD" id="IL_AD8">checkbox</span>"/> Web</li></span><br />
<br />
<span style="color: black;"><li style="display:inline;padding-right:10px;margin-top:5px;"></span><br />
<span style="color: black;"><input checked="checked" value="<span style="color: blue;">http://www.monoton.co.cc/</span>" name="sitesearch"</span><br />
<span style="color: black;">type="checkbox"/> <span style="color: red;">kursus Blog </span></li></span><br />
<br />
<span style="color: black;"></div></span><br />
<span style="color: black;"></form></span><br />
<br />
Nah…setelah copy paste, jangan lupa untuk mengganti text yang berwarna <span style="color: blue;">biru</span> dengan alamat blog anda dan warna <span style="color: red;">merah</span> bisa anda masukan nama blog anda atau terserah anda. selamat mencoba ..</div><div class="fullpost"><br />
</div><div class="fullpost">kalo anda mau COPAS, jangan lupa cantumkan Sumbernya!!! oke .. </div><div class="fullpost"></div><div class="fullpost"></div><div class="fullpost"></div><div class="fullpost"></div><div class="fullpost"></div><div class="fullpost"></div><div class="fullpost"></div><div class="fullpost"><br />
Sumber: </div><div class="fullpost">buatblog4u.co.cc</div><div class="fullpost">http://www.kucoba.com/ </div>

cara memasang google search widget di blog ini. Buat anda yang ingin punya mesin pencari tersikronisasi langsung dengan google , tentu an...

Buku Tamu Nempel di samping dan autohide pada blog

<div style="text-align: justify;">Buku tamu nempel auto hide</div><div style="text-align: justify;">Banyak cara untuk mempercantik tampilan blog diantaranya adalah dengan memasang buku tamu.</div><div style="text-align: justify;">Dengan menggunakan cbox kita dapat membuat buku tamu tersebut.</div><div style="text-align: justify;">Buku  tamu ini dipasang secara tersembunyi atau auto hide. Tidak terlihat  widget buku tamunya melainkan hanya terlihat tombol bertuliskan Buku  Tamu.</div><div style="text-align: justify;">Pengunjung yang ingin mengisi buku tamu tersebut harus mengklik tombolnya baru kemudian widget cboxnya akan keluar.</div><br />
<br />
Cara membuat Buku Tamu auto hide yang nempel di samping adalah sebagai berikut :<br />
<br />
1. Sign in ke blogger dan silahkan Login dengan Account Anda<br />
<br />
2. Pilih Layout/Tata Letak<br />
<br />
3. Pilih Page Elemen/Elemen Halaman<br />
<br />
4. Klik Add a Gadget/Tambah Gadget<br />
<br />
5. Lalu pilih "HTML/JavaScript"<br />
<br />
<br />
<br />
Kemudian Copy-Paste kode di bawah ini :<br />
<br />
<br />
<br />
<blockquote><i><style type="text/css"></i><br />
<br />
<i>#gb{</i><br />
<br />
<i>position:fixed;</i><br />
<br />
<i>top:50px;</i><br />
<br />
<i>z-index:+1000;</i><br />
<br />
<i>}</i><br />
<br />
<i>* html #gb{position:relative;}</i><br />
<br />
<i>.gbtab{</i><br />
<br />
<i>height:100px;</i><br />
<br />
<i>width:30px;</i><br />
<br />
<i>float:left;</i><br />
<br />
<i>cursor:pointer;</i><br />
<br />
<i><span style="color: blue;">background</span>:url('http://sites.google.com/site/brugkembar/sc/bukutmbg.png') </i><br />
<br />
<i>no-repeat;</i><br />
<br />
<i>}</i><br />
<br />
<i>.gbcontent{</i><br />
<br />
<i>float:left;</i><br />
<br />
<i>border:2px solid #A5BD51;</i><br />
<br />
<i>background:#F5F5F5;</i><br />
<br />
<i>padding:10px;</i><br />
<br />
<i>}</i><br />
<br />
<i></style></i><br />
<br />
<i><script type="text/javascript"></i><br />
<br />
<i>function showHideGB(){</i><br />
<br />
<i>var gb = document.getElementById("gb");</i><br />
<br />
<i>var w = gb.offsetWidth;</i><br />
<br />
<i>gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);</i><br />
<br />
<i>gb.opened = !gb.opened;</i><br />
<br />
<i>}</i><br />
<br />
<i>function moveGB(x0, xf){</i><br />
<br />
<i>var gb = document.getElementById("gb");</i><br />
<br />
<i>var dx = Math.abs(x0-xf) > 10 ? 5 : 1;</i><br />
<br />
<i>var dir = xf>x0 ? 1 : -1;</i><br />
<br />
<i>var x = x0 + dx * dir;</i><br />
<br />
<i>gb.style.right = x.toString() + "px";</i><br />
<br />
<i>if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}</i><br />
<br />
<i>}</i><br />
<br />
<i></script></i><br />
<br />
<i><div id="gb"></i><br />
<br />
<i><div class="gbtab" onclick="showHideGB()"> </div></i><br />
<br />
<i><div class="gbcontent"></i><br />
<br />
<i style="color: red;"><br />
<br />
<iframe title="dadihidayat44" src="http://www5.shoutmix.com/?dadihidayat44" width="260" height="400" frameborder="0" scrolling="auto"><br />
<br />
<a href="http://www5.shoutmix.com/?dadihidayat44">View shoutbox</a><br />
<br />
</iframe><br />
<br />
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><br />
<br />
</i><br />
<div style="color: black;"><i><br/></i></div><i>Anda berminat buat Buku Tamu seperti ini?<br/></i><br />
<br />
<i>Klik di <a href="http://www.monoton.co.cc/2011/05/buku-tamu-nempel-di-samping-dan.html"> sini </a></i><br />
<br />
<i><div style="text-align:right"></i><br />
<br />
<i><a href="javascript:showHideGB()"></i><br />
<br />
<i>[tutup]</i><br />
<br />
<i></a></i><br />
<br />
<i></div></i><br />
<br />
<i></div></i><br />
<br />
<i></div></i><br />
<br />
<i><script type="text/javascript"></i><br />
<br />
<i>var gb = document.getElementById("gb");</i><br />
<br />
<i>gb.style.right = (30-gb.offsetWidth).toString() + "px";</i><br />
<br />
<i></script></i></blockquote><br />
<br />
CATATAN :<br />
<br />
<ol style="text-align: justify;"><li>Ganti tulisan yang berwarna <span style="color: red;">merah </span>dengan kode yang anda peroleh dari Cbox.</li>
<li>Tombol Buku Tamu dapat anda ganti sesuka hati dengan terlebih dahulu  merancangnya di Photoshop atau di CorelDraw, setelah itu upload di  hosting image seperti photobucket dsb. lalu ambil URLnya dan pasang di <span style="color: blue;">background</span>.</li>
</ol><div style="text-align: justify;"><br />
<br />
</div><div style="text-align: justify;">Itulah beberapa langkah untuk membuat buku tamu yang nempel di samping dan tersembunyi (auto hide)<br />
semoga bermanfaat dan sukses ya... </div>

Buku tamu nempel auto hide Banyak cara untuk mempercantik tampilan blog diantaranya adalah dengan memasang buku tamu. Dengan menggunakan cbo...

Cara Menghilangkan Template atau tulisan Gambar template oleh dadi hidayat di dukung oleh dadi hidayat

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLk4RMy_97_UuNn0soBen2f3D79b1M02UAg0IlJZAhwDIsDpx2YuujRldTpsq5Im7i1H4SGDz2l39qKy2QjRFHVLZLig8fBm03rPPGHjCrGSjnwA7Eim3Pht-h1DQwLaM_028abb7RxA0/s1600/cats.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLk4RMy_97_UuNn0soBen2f3D79b1M02UAg0IlJZAhwDIsDpx2YuujRldTpsq5Im7i1H4SGDz2l39qKy2QjRFHVLZLig8fBm03rPPGHjCrGSjnwA7Eim3Pht-h1DQwLaM_028abb7RxA0/s200/cats.jpg" width="200" /></a></div><br />
<br />
<br />
<br />
<div class="post-body entry-content"></div><div class="post-body entry-content"></div><div class="post-body entry-content"><br />
<br />
<br />
</div><div class="post-body entry-content">Apabila  anda menggunakan template yang disediakan oleh blogger, maka  pada  bagian widget atribut akan ikut terlihat. Bagaimana cara untuk   menghilangkan atribut  blogger pada template? cukup mudah  melakukannya?<br />
<br />
</div><div class="post-body entry-content"></div><div class="post-body entry-content"></div><div class="post-body entry-content"></div><div class="post-body entry-content"></div><div class="post-body entry-content"></div><div class="post-body entry-content"></div><div class="post-body entry-content"></div><div class="post-body entry-content"></div><div class="post-body entry-content"></div><div class="post-body entry-content"></div><div class="post-body entry-content">Mau tau caranya,,,,???<br />
<br />
1. Yang pertama2 anda login ke dasbor blogger anda,<br />
<br />
2.  Klik rancangan >>> klik  edt halaman<br />
<br />
3.  Cari kode <span class="Apple-style-span" style="color: red;">]]></span> dan letakkan kode CSS dibawah ini tepat diatas kode <span class="Apple-style-span" style="color: red;">]]></span><br />
<br />
4.  Kode CSS<br />
<br />
<br />
<br />
<span class="Apple-style-span" style="color: #6aa84f;">#Attribution1 {<br />
<br />
height:0px;<br />
<br />
visibility:hidden;<br />
<br />
display:none<br />
<br />
} </span></div><br />
<br />
semoga bermanfaat dan semoga berhasil ya....

Apabila anda menggunakan template yang disediakan oleh blogger, maka pada bagian widget atribut akan ikut terlihat. Bagaimana cara...

Cara menambah PR gratis atau pengunjung dan backlink pada blog kita

<div class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">
Link Berantai, tepatnya. Jika Anda ingin menambah Backlink di Blog atau  Web Anda, tidak ada salahnya Anda mencoba yang satu ini, karena untuk  mengikutinya tidak ada biaya sepeserpun. Bahkan selain menambah  Backlink, Anda sekaligus juga bisa beriklan. Hanya menampilkan link  sebelum anda.. Untuk mengikuti Arisan ini, hanya satu syarat yang dibutuhkan, yaitu  KEJUJURAN.<span class="fullpost">   Lakukan semua langkah-langkah yang dicantumkan di bawah ini, dan Copy-Paste Postingan di bawah</span></div>
------ Copy mulai di sini ------<br />
<div class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">
Mohon baca baik-baik lalu terapkan dengan benar.... Sebuah filosofi mengatakan "Honesty is The Best Policy (Kejujuran adalah  politik/strategi terbaik)", inilah yang akan kita buktikan....apakah  konsep kejujuran bisa kita olah menghasilkan traffic dan popularity yang  lebih hebat dari konsep rumit para expert webmaster atau pakar  SEO..?... Saya yakin bisa asal konsep ini di jalankan dengan benar...,bila ini di  terapkan pada web anda sesuai ketentuan maka: -Web anda akan kebanjiran traffic pengunjung secara luar biasa hari demi  hari, tanpa perlu repot-repot memikirkan SEO atau capek-capek promosi  keberbagai tempat di dunia internet. -Web anda akan kebanjiran backlink secara luarbiasa hari demi hari,  tanpa perlu repot-repot berburu link keberbagai tempat di dunia  internet. Yang perlu anda lakukan adalah ikuti langkah-langkah berikut : <br />
1. Buat posting artikel seperti posting saya ini, atau copy-paste  posting ini.Beri Judul terserah anda ( sebab itu merupakan SEO buat blog  anda sendiri ). <br />
2.Anda hanya perlu meletakkan Link-Link di bawah ini pada postingan anda. </div>
<br />
<ol>
<li><a href="http://www.pabriktopi.blogspot.com/">Segala hal tentang trend, tips topi : Pabrik topi</a></li>
<li><a href="http://www.bayipertama.blogspot.com/">Cara merawat bayi mulai lahir : bayipertama</a></li>
<li><a href="http://www.barumenikah.blogspot.com/">Menjaga pernikahan tetap harmonis : barumenikah</a></li>
<li><a href="http://www.invest77.com/">Invest77.com : Investasi kerjasama bagi hasil</a></li>
<li><a href="http://www.pabrikweb.blogspot.com/">Buat web cuma Rp.50 ribu murah dan berkualitas</a></li>
<li><a href="http://www.brokerlink.info/">Brokerlink.info : Jual / Beli Link (mulai Rp.2000)</a></li>
<li><a href="http://zona-usaha.blogspot.com/">Zona Usaha Online</a></li>
<li><a href="http://eko-wijayanto.blogspot.com/">belajar cari tau : nambah ilmu cari tau semua</a></li>
<li><a href="http://oce-modifblog.blogspot.com/">modifikasi blog: belajar modif dengan script</a></li>
<li><a href="http://monoton27.blogspot.com/">Tutorial blog, download software dan download game</a></li>
</ol>
<div class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">
3. Anda harus mengunjungi kesetiap blog yang ada didaftar atas sekarang juga (1x saja sudah cukup) (supaya tidak lupa) PERATURAN : </div>
<ol>
<li> Sebelum anda meletakkan Link-Link di atas di dalam  postingan blog anda, silahkan anda hapus Link nomor 1, Sehingga link no 1  hilang dari daftar link dan setiap link akan naik 1 level ke atas. Yang  tadinya no 2 naik menjadi no1, yang tadinya no 3 menjadi no 2, yang  tadinya no 4 menjadi no 3dan seterusnya. Setelah itu masukkan Link anda  pada urutan Paling bawah ( nomor 10 ).</li>
<li>Dilarang Merubah Urutan daftar link </li>
</ol>
<div class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">
Jika blogger yang ikut dalam konsep ini berhasil di duplikasi ole  blogger lain yang akan bergabung, misalnya 5 blogger yang bergabung maka  Backlink yang anda dapat adalah Ketika posisi anda 10, jumlah backlink = 1 </div>
<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 />
<br />
<div class="MsoNormal" style="text-align: justify; text-indent: 0.5in;">
Dan semua Dari kata kunci yang anda inginkan, bayangkan jika itu  berhasil dari segi SEO anda sudah mendapat 1.953.125yang entah dari mana  asalnya yang tersebar di mana-mana. Belum lagi jika ada yang  mengunjungi blog anda dari Link List di atas secara otomatis anda  mendapat traffic blog juga. Ingat Anda harus memulai dari urutan paling bawah ( no 10 ) agar hasil  backlink anda Maksimal, Jangan salahkan saya jika anda tidak menjalankan  konsep ini dengan benar dan Link anda tiba-tiba berada pada urutan no 1  dan menghilang pada Link daftar. Jadi mulai lah pada urutan paling  akhir.( no 10 ). ingat kunjungi 10 blog yang ada dalam daftar yang anda terima sekarang  juga (supaya tidak kelupaan) Bisakah kita berbuat tidak fair atau tidak jujur menyabotase konsep ini,  misalnya "menghilangkan semua link asal" lalu di isi dengan web/blog  kita sendiri...?....Bisa, dan konsep ini tidak akan menjadi maksimal  untuk membuktikan Kejujuran adalah strategi/politik terbaik.....Tapi  saya yakin bahwa kita semua tak ingin menjatuhkan kredibilitas diri  sendiri dengan melakukan tindakan murahan seperti itu... <br />
---- SELESAI ----<br />
<br />
Kunjungilah semua alamat yang tertera di atas, meskipun hanya 5 detik. <br />
Anda bisa menambah sedikit basa-basi sebelum/sesudah postingan yang  harus diCopy-Paste. Anda tinggal copy link dibawah ini agar tidak tertukar hapus link paling  atas letakan link anda urutan di urutan bawah jadi setiap org yg  memposting urutan berada di bawah,jika link anda diletakan di atas  kerugian tetap di anda sendiri karena link anda akan hilang jika artikel  di sebarkan lagi, tentu percuma anda mengikuti program ini. Jadi  urutkan dengan benar.  <textarea><ol>
<li><a href="http://www.pabriktopi.blogspot.com/">Segala hal  tentang trend, tips topi : Pabrik topi</a></li>
<li><a href="http://www.bayipertama.blogspot.com/">Cara  merawat bayi mulai lahir : bayipertama</a></li>
<li><a href="http://www.barumenikah.blogspot.com/">Menjaga  pernikahan tetap harmonis : barumenikah</a></li>
<li><a href="http://www.invest77.com/">Invest77.com :  Investasi kerjasama bagi hasil</a></li>
<li><a href="http://www.pabrikweb.blogspot.com/">Buat web  cuma Rp.50 ribu murah dan berkualitas</a></li>
<li><a href="http://www.brokerlink.info/">Brokerlink.info :  Jual / Beli Link (mulai Rp.2000)</a></li>
<li><a href="http://zona-usaha.blogspot.com/">Zona Usaha  Online</a></li>
<li><a href="http://eko-wijayanto.blogspot.com/">belajar  cari tau : nambah ilmu cari tau semua</a></li>
<li><a href="http://oce-modifblog.blogspot.com/">modifikasi  blog: belajar modif dengan script</a></li>
<li><a href="http://monoton27.blogspot.com">Tutorial blog dan download software apa saja dan siapa saja</a> </li>
</ol>

Link Berantai, tepatnya. Jika Anda ingin menambah Backlink di Blog atau Web Anda, tidak ada salahnya Anda mencoba yang satu ini, karena un...

Cara Menambah dua kolom di atas Post pada BlOG

Jika ada yang ingin menambah dua kolom di atas post, ikuti caranya sebagai berikut :<br />
<a href="" name="more"></a><img alt="" border="0" id="BLOGGER_PHOTO_ID_5342197072644661970" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjokUNwKAKvVNVKjDV9OV7446Ivsmr_LO5WI7GSLTMBpJn35G0z3sluSmMNj44gDuaJkg2DbwnB-g6gmh2trcuZkvb3NkQoknSj-zVZc2PLdMKUn9gJBNW08fpELh5JtpB2BXvj_8qNIYI/s400/post11.png" style="cursor: pointer; height: 282px; width: 400px;" />Tutorial  ringan ini untuk up-date blog ini menjelang up-date Page Rank Google,  supaya gak kena gebuk PR-nya hi hi... : 1.Langkah pertama Log in ke  blog--> layout- -> Klik Edit HTML<br />
2. Langkah ke dua cari kode seperti di bawah ini.<br />
<br />
<center><br />
<table bgcolor="#cccd94" border="0" style="width: 400px;"><tbody>
<tr><td><br />
<center><div id='main-wrapper'><br />
<b:section class='main' id='main' showaddelement='no'><br />
<b:widget id='Blog1' locked='true' title='Blog type='Blog'/><br />
</b:widget><br />
</b:section></div></center></td></tr>
</tbody></table></center><br />
3. Langkah ketiga tambahkan kode berikut : <span style="color: #3333ff;">after</span> <span style="color: red;"><b><div id='main-wrapper'></b></span>  and  <span style="color: #3333ff;">before</span> <b><span style="color: red;"><b:section>.</span></b><br />
<center><br />
<table bgcolor="#cccd94" border="0" style="width: 400px;"><tbody>
<tr><td><br />
<center><br />
<b:section class='sidebar' id='magazine-left2' showaddelement='yes'><br />
<b:widget id='Text512' locked='false' title='Column 1' type='Text'/><br />
</b:section><br />
<br />
<b:section class='sidebar' id='magazine-right2' showaddelement='yes'><br />
<b:widget id='Text522' locked='false' title='Column 2' type='Text'/><br />
</b:section><br />
<br />
<div style="clear: both;"></div><br />
</center></td></tr>
</tbody></table></center>Look at the example below.<br />
<img alt="" border="0" id="BLOGGER_PHOTO_ID_5342197231920197762" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZYbpm2IC5NMKA2ES8JYjQytS2Pb3aSausC8cVr6bjqpFb8DGCGEVfGJvP64aFpyhyphenhyphenrmbcWxxjJ0CEs6U5neltC_lgPoHWxA6TCR2RutWtwNXgiH8SCrGMrZyOvnI6NHDGlJBPwztGvLE/s400/post33.png" style="cursor: pointer; height: 393px; width: 398px;" /><br />
4. Langkah ke empat cari kode seperti berikut.<br />
<center><br />
<table bgcolor="#cccd94" border="0" style="width: 400px;"><tbody>
<tr><td><br />
<br />
<center>]]></b:skin></center></td></tr>
</tbody></table></center><br />
5. Tambahkan kode berikut : <span style="color: #3333ff;">before</span>     <span style="color: red;">]]></b:skin></span>  tag.<br />
<center><br />
<table bgcolor="#cccd94" border="0" style="width: 400px;"><tbody>
<tr><td><br />
<center>#magazine-left2 {<br />
width: 45%;<br />
float: left;<br />
}<br />
#magazine-right2 {<br />
width: 45%;<br />
float: right;<br />
}</center></td></tr>
</tbody></table></center>6.Klik Simpan dan Selesai. Selamat mencoba ...

Jika ada yang ingin menambah dua kolom di atas post, ikuti caranya sebagai berikut : Tutorial ringan ini untuk up-date blog ini menjelang ...

Cara membuat blog di blogspot

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKHZ7HA6_-rgL_syRMDJ8_wTRG9PAV-XMoQzJXcUmHYAqx9Oym1Bt2B-n9hX0ys3_PnSD57kX8HLCmNWd84y7CBrJBv_bRYnLrr-TKqQlm4Uj3aKPcRQ63BU-CL9s-FKqfdoyqnKPzZko/s1600/images.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="" border="0" height="198" id="BLOGGER_PHOTO_ID_5408648661764931314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKHZ7HA6_-rgL_syRMDJ8_wTRG9PAV-XMoQzJXcUmHYAqx9Oym1Bt2B-n9hX0ys3_PnSD57kX8HLCmNWd84y7CBrJBv_bRYnLrr-TKqQlm4Uj3aKPcRQ63BU-CL9s-FKqfdoyqnKPzZko/s200/images.jpg" style="float: right; height: 123px; margin: 0pt 0pt 10px 10px; width: 124px;" width="200" /></a><br />
<table><tbody>
<tr><td></td><td></td></tr>
</tbody></table><span>JIKA  anda seorang pemula dalam dunia blogging dan berkeinginan untuk membuat  blog sendiri maka sudah tepat jika sekarang Anda tengah membaca Artikel  ini, karena artikel ini akan memberikan tuntunan selengkapnya untuk  anda dapat membuat blog di dalam Blogspot.com.</span><div style="font-family: georgia; text-align: justify;"><span></span> </div><div style="font-family: georgia; text-align: justify;"><span>Proses  pembuatan blog dari awal hingga akhir serta membuat sebuah bisnis  dengan blog Anda akan dikupas tuntas dan mendetail di dalam Artikel ini.  Anda tidak hanya sekadar dapat membuat sebuah blog tetapi Anda akan  dapat membuat sebuah blog yang menarik dan terlihat professional dengan  langkah-langkah yang mudah seseuai dengan cara-cara dan teknik-teknik  dalam pembahasan yang disajikan dalam Artikel ini. </span></div><div style="font-family: georgia; text-align: justify;"><span></span> </div><div style="font-family: georgia; text-align: justify;"><span>Selain  itu Anda pun dapat memulai bisnis baru dan memperoleh penghasilan  tambahan dari blog yang anda buat tersebut. Menarik Bukan? Selamat  membaca dan semoga sukses untuk anda dengan blog baru Anda.<br />
</span><span><strong>Mulai Membuat sebuah Blog di Blogspot.com</strong></span><br />
</div>Membuat sebuah blog tidaklah sesusah yang dibayangkan, apalagi jika blog tersebut dibuat didalam<b> <i>Blogspot.com</i></b> atau yang biasa dikenal juga dengan <b><i>Blogger.com</i></b>. Membuat blog di dalam <b><i>Blogger.com</i></b>  memang terkenal simpel dan sederhana namun demikian pengguna layanan  tetap dapat menciptakan sebuah blog yang menarik. Layanan weblog hosting  ini telah menyediakan semua yang diperlukan untuk dapat membangun  sebuah website blog apalagi layanan yang ditawarkan juga disediakan  secara gratis.<div style="font-family: georgia; margin: 0in 0in 0pt; text-align: justify; text-indent: 27pt;"><span lang="SV" style="font-size: 100%;"><br />
<span></span></span></div><div style="font-family: georgia; text-align: justify;"><span></span></div><div style="font-family: georgia; margin: 0in 0in 0pt; text-align: justify; text-indent: 27pt;"><span lang="SV" style="font-size: 100%;"><span style="font-size: 0pt;"></span></span></div><div style="font-family: georgia; text-align: justify;"><span></span></div><div style="font-family: georgia; margin: 0in 0in 0pt; text-align: justify;"><span style="font-size: 100%;"><b><span lang="SV">Langkah Awal</span></b></span></div><div style="font-family: georgia; margin: 0in 0in 0pt; text-align: justify;"><span style="font-size: 100%;"><b><span lang="SV"><br />
<span></span></span></b></span></div><div style="font-family: georgia; text-align: justify;"><span></span></div><div style="font-family: georgia; margin: 0in 0in 0pt; text-align: justify; text-indent: 27pt;"><span lang="SV" style="font-size: 100%;"><span style="font-size: 0pt;"></span></span></div><div face="georgia" style="text-align: justify;"><span lang="SV" style="font-size: 100%;">Siapa  bilang membuat blog itu sulit? Secara garis besar Anda hanya perlu  melakukan tiga langkah saja untuk membuat blog, yakni membuat <b>akun</b>, memberi nama <b>blog</b>, dan memilih <b>template</b> untuk blog anda. Mudah bukan? Sebagai langkah pertama, anda harus membuat <b>akun</b> terlebih dahulu dengan langkah – langkah sebagai berikut:</span></div><div style="font-family: georgia; margin: 0in 0in 0pt; text-align: justify; text-indent: 27pt;"><span lang="SV" style="font-size: 100%;"><br />
<span></span></span></div><div face="georgia" style="text-align: justify;"><span></span></div><div style="font-family: georgia; margin: 0in 0in 0pt; text-align: justify;"><span lang="SV" style="font-size: 100%;"><span style="font-size: 0pt;"></span></span></div><div face="georgia" style="text-align: justify;"><span></span></div><div style="font-family: georgia; margin: 0in 0in 0pt; text-align: justify;"><span style="font-size: 100%;"><b><span lang="SV">Langkah Pertama Membuat Akun:</span></b></span></div><ul><li><span style="font-size: 100%;"><span><span lang="SV">Mulai lah dengan meluncurkan browser internet anda.</span></span></span> <span style="font-size: 100%;"><span><span lang="SV">selanjutnya ketikkan alamat <b><i><a href="http://www.blogspot.com/"><span class="Apple-style-span" style="color: black;">http://www.blogspot.com/</span></a></i></b> pada <i>location bar</i> dalam browser Anda lalu tekan tombol enter</span></span></span>. </li>
<li><span style="font-size: 100%;"><span><span lang="SV">setelah halaman situs <i>Blogspot</i> atau <i>Blogger</i> muncul, klik tombol <b>Create your Blog Now.</b></span></span></span> </li>
<li><span style="font-size: 100%;"><span><span lang="SV">Kini anda berada dihalaman <b>Create a Google Account</b>, masukan alamt <i>email </i>dan <i>password</i> anda apada kotak teks yang tersedia.</span></span></span></li>
<li><span style="font-size: 100%;"><span><span lang="SV">Untuk itu sebelumnya anda telah memiliki sebuah alamat email... pasti udah punyakan...pasti dong!!!!</span></span></span></li>
<li><span style="font-size: 100%;"><span><span lang="SV">Berikutnya masukkan nama anda yang nantinya akan ditampilkan dalam <i>post </i>sebagai penulis <i>post</i> pada kotak teks <b>Display Name.</b></span></span></span></li>
<li><span style="font-size: 100%;"><span><span lang="SV">Sesudah itu ketikkan kode verifikasi pada kotak teks <b>Word Verification</b>.</span></span></span></li>
<li><span style="font-size: 100%;"><span>Lanjutkan dengan mengaktifkan opsi <b>I Accept the Term of Service</b>.</span></span></li>
<li><span style="font-size: 100%;"><span><span lang="DA">Kalau sudah Terus tekan dung tombol Continue selesai. </span></span></span></li>
</ul><div face="georgia" style="text-align: justify;"><span></span></div><div style="font-family: georgia; margin: 0in 0in 0pt 27pt; text-align: justify;"><span style="font-size: 100%;"><b><span lang="DA"><span style="font-size: 0pt;"></span></span></b></span></div><div face="georgia" style="text-align: justify;"><span></span></div><div style="text-align: justify;"><strong><span>Langkah kedua Memberi Nama Blog:</span></strong><br />
<br />
<span lang="SV">Setelah membuat akun, langkah berikutnya adalah memberi nama <i>blog. </i>Pada tahap ini Anda hanya cukup melakukan langkah sederhana sebagai berikut:</span><span><br />
</span><ul><li><span><span lang="SV">Pastikan Anda berada dihalaman <b>Name Your Blog.</b></span></span></li>
<li><span><span lang="SV">Ketik judul blog Anda pada kotak tek <b><i>Blog Title</i></b>.</span></span></li>
<li><span><span lang="SV">Setelah itu masukkan alamat blog yang Anda inginkan pada kotak teks <b><i>Blog Adress (URL).</i></b> Anda tinggal melengkapi kotak <i>teks </i>yang ada dengan nama yang Anda inginkan ketika pengunjung nantinya akan megakses blog Anda.</span></span></li>
<li><span><span lang="SV">Kalau sudah klik Link <b>Check Avaiablility</b> untuk mengecek ketersediaan alamat blog Anda. Jika muncul info <b><i>This blog address is available</i></b> berarti alamat blog yang Anda ke-tikkan diterima.</span></span></li>
<li><span><span lang="SV">Tekanlah Tombol <b>Continue.</b></span></span><span lang="SV"> Selesai </span></li>
</ul></div><div style="text-align: justify;"><span><span lang="SV"><b>Langkah ke tiga yaitu Memilih <i>Template </i>Blog</b></span></span>:<br />
<br />
Tahap berikutnya yang harus anda jalani dalam proses pembuatan blog adalah memilih <i>template </i>untuk menunjukkan tampilan blog mulai dari warna <i>background, </i>jenis dan ukuran <i>font, </i>hingga posisi artikel yang akan Anda <i>posting </i>nantinya. Langsung aja kita lanjutkan proses pembuatan blog langkah-langkah berikut:<br />
<span lang="SV"></span><ul><li><span lang="SV"><div style="margin: 0in 0in 0pt; text-align: justify;">Pertama-tama anda telah berada dihalaman <b>Choose a template</b>.</div></span></li>
<li><span lang="SV"><div style="margin: 0in 0in 0pt; text-align: justify;">Turunkan scrollbar untuk memilih <i>template </i>yang anda inginkan.</div></span></li>
<li><span lang="SV"><div style="margin: 0in 0in 0pt; text-align: justify;"><span lang="SV"><span style="font-size: 0pt;"><span style="font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span>Jika anda telah menemukan template yang diinginkan tekan <i>template </i>tersebut.</div></span></li>
<li><span lang="SV"><div style="margin: 0in 0in 0pt; text-align: justify;">Untuk melihat <i>preview </i>atau tampilan <i>template </i>sebelum diaplikasikan dalam blog. Klik <i>link </i>Preview template.</div></span></li>
<li><span lang="SV"><div style="margin: 0in 0in 0pt; text-align: justify;">Sesaat kemudian muncul jendela <i>browser </i>baru, yang menampilkan<i> preview </i>dari <i>template </i>yang Anda pilih.</div></span></li>
<li><span lang="SV"><div style="margin: 0in 0in 0pt; text-align: justify;">Kalau sudah tutuplah jendela yang menampilkan <i>preview template </i>dengan mengklik ikon<i> </i><b>Close </b>disudut kanan atas.</div></span></li>
<li><span lang="SV"><div style="margin: 0in 0in 0pt; text-align: justify;"><span lang="SV">Anda kembali dihadapkan pada halaman <b>Choose a template</b>. </span>Setelah menentukan pilihan tekanlah tombol Continue.</div></span></li>
<li><span lang="SV"><div style="margin: 0in 0in 0pt; text-align: justify;">jika anda melakukan dengan benar, maka halaman berikutnya muncul konfirmasi menyatakan blog anda telah tercipta.</div></span></li>
</ul></div><span><span lang="SV"></span></span><span lang="DA" style="font-family: georgia; font-size: 100%;"><div style="margin: 0in 0in 0pt; text-align: justify;"><span lang="SV"><div style="margin: 0in 0in 0pt; text-align: justify;"><span lang="SV"></span></div><span>Selesai deh pembuatan blog nya....selamat mencoba....</span></span></div></span>

JIKA anda seorang pemula dalam dunia blogging dan berkeinginan untuk membuat blog sendiri maka sudah tepat jika sekarang Anda tengah me...

Cara Membuat Widget Visitors Pada WordPress

Berikut ini adalah cara memasang widget visitor pada blog: <a href="http://akimlinovsisa.files.wordpress.com/2011/04/qweqwe.jpg"><img alt="" class="aligncenter size-full wp-image-1471" height="171" src="http://akimlinovsisa.files.wordpress.com/2011/04/qweqwe.jpg?w=180&h=171" title="qweqwe" width="180" /></a><br />
Langkah Pertama :<br />
1. Tentunya Open Your Browser<br />
Browser yang digunakan boleh apa saja, tidak dibatasi seperti Opera  (bukan Opera Mini), Mozilla Firefox, Internet Explorer, Google Chrome,  dll(panjang kalo disebutin satu-persatu).<br />
2. Klik <a href="http://www.flagcounter.com/index.html">http://www.flagcounter.com/index.html</a><br />
3. Maximum Flags to Show maksudnya berapa banyak flag country yang mau di munculkan.<br />
4. Columns of Flags maksudnya berapa kolom visitor yang akan dimunculkan.<br />
5. Columns of Flags maksudnya tittle pada widget ini akan diberi  label visitor, none(tidak ada labelnya), custom (terserah kita mau ngisi  apa).<br />
6. Background colour maksudnya latar belakang warna pada widget.<br />
7. Text Colour warna dari tulisannya.<br />
8. Border Colour warna dari bingkai widget tersebut.<br />
9. Jika telah men-setting widget tersebut klik GET YOUR FLAG COUNTER  setelah men klik muncul pertanyaan yang intinya meminta e-mail anda saya  sarankan di skip aja (tergantung anda sih)<br />
10. Copy Code for website nya.<br />
Langkah Kedua :<br />
Untuk memasukkan ke dalam blog WordPress:<br />
1. Silahkan masuk ke dashboard WordPress Anda<br />
2. Kemudian klik “Appereance/Tampilan” –->” Widget “<br />
3. Pilih widget “Text“<br />
4. Kemudian copy-paste kode script tadi kedalam widget text tersebut<br />
5. Simpan dan Selesai<br />
Sekian Informasinya, Selamat Mencoba dan Semoga Sukses..

Berikut ini adalah cara memasang widget visitor pada blog: Langkah Pertama : 1. Tentunya Open Your Browser Browser yang digunakan boleh a...

Cara Membuat Live Traffic Feed Pada WordPresS

Caranya adalah sebagai berikut..<br />
1. Klik di sini atau <a href="http://feedjit.com/joinimg/">http://feedjit.com/joinimg/</a><br />
2. Muncul halaman muka dari website penyedia.<br />
<a href="http://akimlinovsisa.files.wordpress.com/2011/04/traffic-2.jpg"><img alt="" class="aligncenter size-medium wp-image-1462" height="203" src="http://akimlinovsisa.files.wordpress.com/2011/04/traffic-2.jpg?w=300&h=203" title="traffic-2" width="300" /></a><br />
3. Tentukan lebar dari berapa entri yang kita inginkan. Setelah selesai pengisian, klik Apply. lihat gambar berikut:<br />
<a href="http://akimlinovsisa.files.wordpress.com/2011/04/traffic-31.jpg"><img alt="" class="aligncenter size-medium wp-image-1464" height="101" src="http://akimlinovsisa.files.wordpress.com/2011/04/traffic-31.jpg?w=300&h=101" title="traffic-31" width="300" /></a><br />
4. Selanjutnya, copy-paste kode dalam kotak ke dalam widget text. Kalau sudah selesai, klik Save.<br />
<a href="http://akimlinovsisa.files.wordpress.com/2011/04/411.jpg"><img alt="" class="aligncenter size-medium wp-image-1466" height="69" src="http://akimlinovsisa.files.wordpress.com/2011/04/411.jpg?w=300&h=69" title="41" width="300" /></a><br />
5. Selesai dech…<br />
Semoga bermanfaat..

Caranya adalah sebagai berikut.. 1. Klik di sini atau http://feedjit.com/joinimg/ 2. Muncul halaman muka dari website penyedia. 3. Tentu...

Kode-kode HTML

<li>DOT 3</li>
</ul><hr size="1" />Membuat <b> bullet dot kotak</b> gunakan kode:<br />
<span style="font-weight: bold;"><ul type="square"></span><br />
<span style="font-weight: bold;"><li>DOT 1</li></span><br />
<span style="font-weight: bold;"><li>DOT 2</li></span><br />
<span style="font-weight: bold;"><li>DOT 3</li></span><br />
<span style="font-weight: bold;"></ul></span><br />
hasilnya seperti ini:<br />
<ul type="square"><li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul><hr size="1" />Membuat<b> bullet dot bulat</b> gunakan kode:<br />
<span style="font-weight: bold;"><ul></span><br />
<span style="font-weight: bold;"><li>DOT 1</li></span><br />
<span style="font-weight: bold;"><li>DOT 2</li></span><br />
<span style="font-weight: bold;"><li>DOT 3</li></span><br />
<span style="font-weight: bold;"></ul></span><br />
hasilnya seperti ini:<br />
<ul><li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul><hr size="1" />Mengatur <b> posisi bullet </b> gunakan kode:<br />
<span style="font-weight: bold;"><blockquote></span><br />
<span style="font-weight: bold;"><blockquote></span><br />
<span style="font-weight: bold;"><blockquote></span><br />
<span style="font-weight: bold;"><ul></span><br />
<span style="font-weight: bold;"><li>DOT 1</li></span><br />
<span style="font-weight: bold;"><li>DOT 2</li></span><br />
<span style="font-weight: bold;"><li>DOT 3</li></span><br />
<span style="font-weight: bold;"></ul></span><br />
<span style="font-weight: bold;"></blockquote></span><br />
<span style="font-weight: bold;"></blockquote></span><br />
<span style="font-weight: bold;"></blockquote></span><br />
hasilnya seperti ini:<br />
<blockquote><blockquote><blockquote><ul><li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul></blockquote></blockquote></blockquote><hr size="1" />Menentukan <b> kombinasi warna,jenis,dan ukuran huruf</b> gunakan kode:<br />
<span style="font-weight: bold;"><p><font style="color: red; font-family: courier new; font-size: 15px;"  >Belajar</font></p></span><br />
hasilnya seperti ini:<br />
<div style="color: red; font-family: courier new; font-size: 15px;">Belajar</div><hr size="1" />Membuat <b> tabel border solid</b> gunakan kode:<br />
<div style="font-weight: bold;"><table border="1" width="200"><br />
<tr><br />
<td style="border-style: solid">Text</td><br />
</tr><br />
</table></div>hasilnya seperti :<br />
<table border="1" style="width: 165px;"><tbody>
<tr><td style="border-style: solid;">Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> tabel border dot</b> gunakan kode:<br />
<span style="font-weight: bold;"><table border="1" width="200"</span><br />
<span style="font-weight: bold;">style="border-style: dotted"></span><br />
<span style="font-weight: bold;"><tr></span><br />
<span style="font-weight: bold;"><td border="2" style="border-style:</span><br />
<span style="font-weight: bold;">dotted">Text</td></span><br />
<span style="font-weight: bold;"></tr></span><br />
<span style="font-weight: bold;"></table></span><br />
hasilnya seperti ini:<br />
<br />
<table border="1" style="border-style: dotted; width: 200px;"><tbody>
<tr><td border="2" style="border-style: dotted;">Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> tabel border dashed</b> gunakan kode:<br />
<span style="font-weight: bold;"><table border="1" width="200" style="border-style: dashed"></span><br />
<span style="font-weight: bold;"><tr></span><br />
<span style="font-weight: bold;"><td style="border-style: dashed">Text</td></span><br />
<span style="font-weight: bold;"></tr></span><br />
<span style="font-weight: bold;"></table></span><br />
hasilnya seperti ini:<br />
<br />
<table border="1" style="border-style: dashed; width: 200px;"><tbody>
<tr><td style="border-style: dashed;">Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> tabel border groove</b> gunakan kode:<br />
<span style="font-weight: bold;"><table border="1" width="200" style="border-style: groove"></span><br />
<span style="font-weight: bold;"><tr></span><br />
<span style="font-weight: bold;"><td>Text</td></span><br />
<span style="font-weight: bold;"></tr></span><br />
<span style="font-weight: bold;"></table></span><br />
hasilnya seperti ini:<br />
<br />
<table border="2" style="border-style: groove; width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> tabel border Ridge</b> gunakan kode:<br />
<span style="font-weight: bold;"><table border="1" width="200" style="border-style: ridge"></span><br />
<span style="font-weight: bold;"><tr></span><br />
<span style="font-weight: bold;"><td>Text</td></span><br />
<span style="font-weight: bold;"></tr></span><br />
<span style="font-weight: bold;"></table></span><br />
hasilnya seperti ini:<br />
<table border="1" style="border-style: ridge; width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> tabel border Insert</b> gunakan kode:<br />
<span style="font-weight: bold;"><table border="1" width="200" style="border-style: inset"></span><br />
<span style="font-weight: bold;"><tr></span><br />
<span style="font-weight: bold;"><td>Text</td></span><br />
<span style="font-weight: bold;"></tr></span><br />
<span style="font-weight: bold;"></table></span><br />
hasilnya seperti ini:<br />
<table border="2" style="border-style: inset; width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> tabel border Outset</b> gunakan kode:<br />
<span style="font-weight: bold;"><table border="1" width="200" style="border-style: outset"></span><br />
<span style="font-weight: bold;"><tr></span><br />
<span style="font-weight: bold;"><td>Text</td></span><br />
<span style="font-weight: bold;"></tr></span><br />
<span style="font-weight: bold;"></table></span><br />
hasilnya seperti ini:<br />
<table border="2" style="border-style: outset; width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> Tabel Biasa </b> gunakan kode :<br />
<span style="font-weight: bold;"><table border="1"width="200"><td>Text</td></table></span><br />
hasilnya seperti:<br />
<table border="1" style="width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> Tabel  berwarna</b> gunakan kode :<br />
<span style="font-weight: bold;"><table border="1"width="200"bgcolor="green"><td>Text</td></tabel> </span>hasilnya seperti :<br />
<table bgcolor="green" border="1" style="width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Membuat <b> Tabel  berwarna tak berbingkai</b> gunakan kode :<br />
<span style="font-weight: bold;"><table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> </span>hasilnya seperti:<br />
<table bgcolor="blue" border="0" style="width: 200px;"><tbody>
<tr><td>Text</td></tr>
</tbody></table><br />
<hr size="1" />Untuk kode-kode <b> HTML</b> yang lain anda bisa mengulik lewat software-software web designer atau situs-situs penyedia layanan <b>HTML.</b><br />
<br />
**Tabel-tabel diatas,akan terlihat sempurna jika dibuka pada browser IE (Internet Explorer)</td></tr>
</tbody></table></div>

Kode-kode dasar HTML Dalam HTML seperti pemformatan text berupa tebal,miring,garis bawah,membuat tabel,dll,dapat di lakukan dengan kode-...

Membuat Komentar Admin Beda / Highlight Author Comment

Membuat Komentar Blogspot Layaknya <a href="http://pelajaran-blog.blogspot.com/2009/07/menambahkanmembuat-fitur-reply-pada.html">Reply</a> Komentar dari Admin<div class="post-body entry-content"><table align="left" bgcolor="white" border="0" cellpadding="10" cellspacing="0" style="border-style: double; color: #001c00; font-family: Arial; font-size: 12px; padding: 2px;"><tbody>
<tr><td width="100%"><br />
<br />
<div align="justify">Sepertinya,sudah banyak ya gan yang memposting masalah <strong>bagaimana cara membuat komentar admin beda dengan komentar pengunjung</strong> ini.<br />
Mungkin kali ini <a href="http://pelajaran-blog.blogspot.com/" title="pelajaran blog">Pelajaran Blog</a> hanya akan mengulas kembali dan memberikan ide agar tampilan <u>komentar admin yang berbeda dengan komentar pengunjung</u> nanti agar lebih menarik lagi.<br />
<br />
Untuk pic preview-nya,seperti apa sih <em>komentar admin yang beda dengan komentar pengunjung</em> itu,sobat lihat gambar dibawah ini:<br />
</div><center><img alt="komentar admin beda." src="http://1.bp.blogspot.com/_n7xseT2-HDU/TUOM9duynTI/AAAAAAAAAr0/i3KXE1YRFgo/s1600/komentar%2Badmin%2Bbeda%2Bhighlight%2Bcomments%2Bbox%2Bpelajaran%2Bblog.JPG" width="400" /></center><br />
<br />
Kiranya sudah sangat jelas sekali ya gan,apa yang akan dibahas kali ini :D<br />
<br />
<h3>Langkah Cara Membuat Highlight Author Comment / Membuat Komentar Blogger Admin Berbeda dengan Komentar Pengunjung</h3><br />
<br />
<div align="justify">Ok,<u>Pertama</u> tentukan blog milik anda yang mana yang akan di <strong><a href="http://pelajaran-blog.blogspot.com/2009/10/langkah-singkat-cara-me-modifikasi.html">modifikasi kotak komentar</a></strong>-nya agar beda dengan komentar pengunjung,dengan memilih <b>Dasboard</b>,lalu pilih <b>Tata Letak / Rancangan</b> blog terpilih tadi.<br />
</div><center><img alt="membuat komentar admin beda Highlight Author Comment." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITE04uM8zI/AAAAAAAAAnQ/j-yDM_8leVg/s200/membuat+menu+navigasi+css+pelajaran+blog+rancangan.JPG" /></center><br />
<br />
<u>Kedua</u>,pilih tab <b>Edit HTML</b>,lalu seperti biasa contreng pada checklist tulisan <b>Expand Widget Templates</b>.<br />
<br />
<center><img alt="modifikasi kotak komentar beda admin dan berbeda." src="http://1.bp.blogspot.com/_n7xseT2-HDU/TITFmfIlltI/AAAAAAAAAnY/WPp686uKpKo/s200/menu+navigasi+css+pelajaran+blog+edit+html.JPG" /></center><br />
<br />
<center><img alt="modifikasi kotak komentar beda admin dan berbeda." src="http://2.bp.blogspot.com/_n7xseT2-HDU/TITGg9SU21I/AAAAAAAAAng/wHI1eWTcw9k/s200/Expand+Widget+Templates+Pelajaran+Blog.JPG" /></center><br />
<br />
<u>Ketiga</u>,pada barisan kode CSS sobat atau cari saja kode <code>]]></b:skin></code>,jika sudah ketemu,letakkan kode css berikut,tepat <strong>diatas</strong> kode tersebut.<br />
<br />
<code>.admin-pb-comments{<br />
background:   url(http://2.bp.blogspot.com/_n7xseT2-HDU/TUOJMHKcmhI/AAAAAAAAArs/AxN8AGyHY6E/s1600/pelajaran%2Bblog%2Bbackground.jpg)  no-repeat;<br />
border:1px solid #FF9966;<br />
border-left:1px solid #EEEEEE;<br />
border-right:1px solid #EEEEEE;<br />
margin-left:0;<br />
margin-right:20px;<br />
padding:7px;<br />
color:#ffffff;<br />
}</code><br />
<br />
<u>Keempat</u>,cari lagi kode berikut ini (gunakan Ctrl+F di keyboard sob):<br />
<br />
<strong><code>dd class='comment-body'</code></strong><br />
<br />
Jika sudah ketemu,tepat <strong>diatasnya</strong> letakkan kode berikut:<br />
<br />
<code><b:if cond='data:comment.author == data:post.author'><br />
<dd class='admin-pb-comments'><br />
<p><data:comment.body/></p><br />
</dd><br />
<b:else/></code><br />
<br />
<u>Kelima</u>,sekarang cari kode berikut:<br />
<br />
<strong><code><dd class='comment-footer'></code></strong><br />
<br />
Jika sudah ketemu,tinggal sisipkan kode <strong><code></b:if></code></strong> tepat <strong>diatas</strong> kode <strong><code><dd class='comment-footer'></code></strong> tersebut.<br />
<br />
Setelah itu,<b>Simpan Templates</b> blogger sobat dan cobalah isilah komentar untuk menguji berhasil tidaknya trik <strong>membedakan komentar admin dengan komentar pengunjung</strong> ini.<br />
<br />
Semoga berhasil dan lebih semangat ngeblog ya gan :D</td></tr>
</tbody></table><br />
<br />
<div class="pelajaranblogareakeren"><br />
<small><center>Klik  tombol 'Buat Popular Post' di bawah ini jika anda merasa  konten/postingan yang sedang anda baca sangat menarik dan bermanfaat  bagi anda.</center></small></div></div>

Membuat Komentar Blogspot Layaknya Reply Komentar dari Admin Sepertinya,sudah banyak ya gan yang memposting masalah bagaimana cara membu...

Membuat Jadwal Sholat pada Blog

<a href="http://pelajaran-blog.blogspot.com/2009/02/membuat-jadwal-sholat-pada-blog.html">Membuat Jadwal Sholat pada Blog</a>: "<div class="post-body entry-content"><table align="left" bgcolor="white" border="0" cellpadding="10" cellspacing="0" style="border-style: double; color: #001c00; font-family: Arial; font-size: 12px; padding: 2px;"><tbody>
<tr><td width="100%"><div align="justify">Yuk! belajar menambahkan element baru di <span style="font-weight: bold;">blog</span> kita.</div>Ya,jadwal untuk sholat.<br />
Bagi yang muslim dan ingin meletakkan Jadwal untuk Sholat,ikuti<br />
langkah-langkah berikut ini :<br />
<hr /><ul><li>Silahkan kunjungi situs <a href="http://www.islamicfinder.org/">http://www.islamicfinder.org</a></li>
<li>Klik link yang bertuliskan <b>Add new sevices to your site</b> di halaman bagian bawah</li>
<li>Alihkan perhatian ke nomor pilihan ke dua. Klik menu <b>Dropdown</b> yang bertuliskan <b>Select a Country</b></li>
<li>Klik nama negara, lalu klik <b>Go</b>.</li>
<li>Klik nama <span style="font-weight: bold;">kota</span> .</li>
<li>Klik tombol <b>Generated Code.</b></li>
</ul><hr />Jika sudah mendapatkan kode,anda tinggal meletakkan kode <span style="font-weight: bold;">HTML</span> tadi kedalam halaman <span style="font-weight: bold;">blog</span> anda,tentunya dengan menambahkan element halaman baru dan pilih <b>Add New Widget/Javascript.</b><br />
<span style="font-weight: bold;">Simpan</span>.</td></tr>
</tbody></table></div>

Membuat Jadwal Sholat pada Blog : " Yuk! belajar menambahkan element baru di blog kita. Ya,jadwal untuk sholat. Bagi yang muslim dan...

Menghias / Membuat / Menambahkan Emoticons pada Blog

Yuk! kita menghias <span style="font-weight: bold;">blog</span> dengan<span style="font-weight: bold;"> emoticons </span>yang beragam.Artikel ini saya dapet dari berbagai sumber dan berbagai info sang master<span style="font-weight: bold;"> blog</span> :<br />
<div class="post-body entry-content"><br />
<div style="margin-bottom: 0pt; margin-top: 0pt;">Kode-kode di bawah masing-masing <span style="font-weight: bold;">emoticons </span>yang tertera dibawah ini,adalah kode untuk mendapatkan karakter /<span style="font-weight: bold;">emoticons</span> tersebut.</div><hr /><div style="margin-bottom: 0pt; margin-top: 0pt;"><img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" /></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><code><img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif"></code></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><br />
<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" /><br />
<code><img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif"></code></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><br />
<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" /></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><code><img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif"></code></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><br />
<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" /><br />
<code><img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif"></code></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><br />
<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" /></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><code><img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif"></code></div><div style="margin-bottom: 0pt; margin-top: 0pt;"><br />
<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" /><br />
<code><img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif"></code><br />
<br />
<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" /><br />
<code><img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif"></code></div><hr /><div style="margin-bottom: 0pt; margin-top: 0pt;">Cool khan?</div><div style="margin-bottom: 0pt; margin-top: 0pt;">Selamat berkreasi ya! <img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" /></div></div>

Yuk! kita menghias blog dengan emoticons yang beragam.Artikel ini saya dapet dari berbagai sumber dan berbagai info sang master blog : ...

Belajar Membuat Navigasi Bar [Navbar Blogger] Menu Sederhana

<div class="post-body entry-content"><table align="left" bgcolor="white" border="0" cellpadding="10" cellspacing="0" style="border-style: double; color: #001c00; font-family: Arial; font-size: 12px; padding: 2px;"><tbody>
<tr><td width="100%"><h3 name="Menu Navigasi Dalam Navigasi Bar">Menu Navigasi Dalam Navigasi Bar (Navbar)</h3><br />
<br />
Pernahkah anda mengalami kesulitan untuk membuat menu navigasi seperti '<a href="" name="cara membuat menu home,about,daftar isi,links,dll">Home</a>', '<a href="" name="cara membuat menu home,about,daftar isi,links,dll">About</a>','<a href="" name="cara membuat menu home,about,daftar isi,links,dll">Daftar Isi</a>',<a href="" name="cara membuat menu home,about,daftar isi,links,dll">Links</a> dll?<br />
Disini,kita akan belajar membuat navigasi bar (navbar) blogger menu sederhana,seperti kasus diatas.<br />
<br />
Jadi,bukan hanya membuat sebuah navbar,melainkan membuat 'menu navigasi' di dalam navbar itu sendiri.<br />
Bingung?<br />
<br />
Contoh hasil dari kreasi navbar ini,bisa anda lihat seperti gambar di bawah ini [<em>klik gambar untuk hasil yang lebih besar</em>]:<br />
<hr size="1" /><br />
<center><a href="http://4.bp.blogspot.com/_n7xseT2-HDU/SwIem6Awr6I/AAAAAAAAAcA/9JfZaQGylw0/s1600/pelajaran+blog+membuat+navbar+blogger.JPG" target="_blank"><img alt="Navigasi Bar / Navbar Blogger" border="0" src="http://4.bp.blogspot.com/_n7xseT2-HDU/SwIem6Awr6I/AAAAAAAAAcA/9JfZaQGylw0/s200/pelajaran+blog+membuat+navbar+blogger.JPG" style="cursor: pointer; height: 96px; width: 200px;" /></a></center><br />
<hr size="1" />Sedangkan jika anda ingin memastikan seperti apa sih hasil sebenarnya,silakan kunjungi situsnya langsung di <a href="http://pujiantoro.blogspot.com/" target="_blank"><b>SINI</b></a>.<br />
Bagaimana? tertarik untuk membuatnya?<br />
<br />
<h3 name="Langkah Cara Membuat Navbar Blogger Sederhana">Langkah Membuat Navbar Blogger Sederhana</h3><br />
<br />
Sesederhana judul artikel ini,penempatan barisan kode css maupun kode untuk navbarnya,sangat sederhana sekali.<br />
Sekali lagi,tutorial membuat navbar ini hanya untuk blogspot dari blogger saja ya :p<br />
<br />
Pertama,Pergilah ke <strong>Dashboard</strong> blogger anda,lalu pilih <strong>Tata Letak</strong>,selanjutnya seperti biasa pilih tab <strong>Edit HTML</strong>.<br />
Selanjutnya,contreng tulisan <strong>Expand Widget Templates</strong>.<br />
Lalu cari kode berikut:<br />
<hr size="1" /><strong><code></head></code></strong><br />
[untuk membantu,carilah menggunakan keyboard dengan menekan tombol alt+F]<br />
<hr size="1" />Setelah ketemu,letakkan kode css berikut persis di atas kode <code></head></code> tersebut.<br />
<hr size="1" /><code><style type="text/css"><br />
#pelajaranblognav img {<br />
margin: 0px 0px -8px 0px;<br />
vertical-align: middle;<br />
}<br />
#pelajaranblognav {<br />
background-color: #222222;<br />
width: 100%;<br />
left: 0px;<br />
text-align: center;<br />
font-family: Arial, Tahoma, Verdana;<br />
font-size: 12px;<br />
z-index:10000;<br />
bottom:0;<br />
}<br />
#pelajaranblognav ul {<br />
margin: 0px;<br />
padding: 0px;<br />
list-style: none;<br />
color:white;<br />
font-family:arial;<br />
font-size:11px;<br />
}<br />
#pelajaranblognav a {<br />
background: #222222;<br />
color: #FFFFFF;<br />
text-decoration:none;<br />
font-weight: bold;<br />
margin: 0px;<br />
padding: 8px 12px 8px 12px;<br />
border-left: 0px solid #444444;<br />
border-top:0px solid #444444;<br />
border-right: 0px solid #000000;<br />
border-bottom: 0px solid white;<br />
}<br />
#pelajaranblognav a:visited {<br />
background: #222222;<br />
color: #FFFFFF;<br />
text-decoration:none;<br />
font-weight: bold;<br />
margin: 0px;<br />
padding: 8px 12px 8px 12px;<br />
border-left: 0px solid #444444;<br />
border-top:0px solid #444444;<br />
border-right: 0px solid #000000;<br />
border-bottom: 0px solid white;<br />
}<br />
#pelajaranblognav a:hover {<br />
background: #222222;<br />
color: green;<br />
text-decoration:none;<br />
font-weight: bold;<br />
margin: 0px;<br />
padding: 8px 12px 8px 12px;<br />
border-left: 0px solid #444444;<br />
border-top:0px solid #444444;<br />
border-right: 0px solid #000000;<br />
border-bottom: 0px solid white;<br />
}<br />
#pelajaranblognav li {<br />
float: left;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
#copyright a {<br />
text-decoration: none;<br />
font-family:arial;<br />
font-size:11px;<br />
}<br />
#copyright {<br />
color: black;<br />
text-decoration: none;<br />
float:right;<br />
font-family:arial;<br />
font-size:11px;<br />
}<br />
</style></code><br />
<hr size="1" />Jika sudah anda letakkan kodenya css-nya,sekarang cari lagi kode berikut:<br />
<hr size="1" /><code><body></code><br />
<hr size="1" />Jika sudah ketemu,letakkan kode berikut persis di bawahnya.<br />
<hr size="1" /><code><div id="pelajaranblognav"><br />
<table border="0" bgcolor="#222222"><br />
<tr><br />
<br/><ul><li><a href="<strong>#</strong>">Home</a></li><br />
<li><a href="<strong>#</strong>">About</a></li><br />
<li><a href="<strong>#</strong>">Daftar Isi</a></li><br />
<li><a href="<strong>http://pelajaran-blog.blogspot.com/</strong>">Belajar Blog</a></li><br />
<li><a href="<strong>http://cepat-terindex-google.blogspot.com/</strong>">Belajar Seo</a></li><br />
<li><a href="<strong>#</strong>">Links</a></li></ul><br />
<td><br />
<a href="<strong>http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro</strong>"><img border="0" src="<strong>http://www.awsurveys.com/Pictures/AWS2_ad3_600by100.jpg</strong>" width="500" height="80"/></a><br />
</td><br />
<td></code><code><center><a href="</code><code><strong>http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro</strong></code><code>"><img border="0" src="<strong>http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg</strong>" width="80" height="50"/></a></center><br/><br />
<center><a href="</code><code><strong>http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro</strong></code><code>"><img border="0" src="<strong>http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg</strong>" width="80" height="50"/></a></center><br/></code><code><br />
</td></code><code><td></code><br />
<code><center><a href="</code><code><strong>http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro</strong></code><code>"><img border="0" src="<strong>http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg</strong>" width="80" height="50"/></a></center><br/><br />
<center><a href="</code><code><strong>http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro</strong></code><code>"><img border="0" src="<strong>http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg</strong>" width="80" height="50"/></a></center><br/></code><br />
<code></td></code><br />
<code></tr><br />
</table><br />
</div><br />
<div id="copyright"><br />
Langganan <a href="<strong>http://url_blog_anda.blogspot.com/</strong>feeds/posts/default" target="_self"><b>RSS Artikel</b></a><br />
| Langganan <a href="<strong>http://url_blog_anda.blogspot.com/</strong>feeds/comments/default" target="_self"><b>RSS Komentar</b></a><br />
|  Buat <a  href="http://pelajaran-blog.blogspot.com/2009/11/belajar-membuat-navigasi-bar-navbar.html"  target="blank"><b>Navbar</b></a> Ini Di Blog Kamu<br />
</div></code><br />
<hr size="1" />Setelah itu <strong>Simpan Template</strong>,dan lihat hasilnya sekarang :D<br />
<br />
<u>Keterangan</u>:<br />
<blockquote><ul><li>Untuk tanda <strong><code>#</code></strong>,gantilah dengan url alamat yang ingin anda tuju.</li>
<li>Untuk <strong><code>http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro</code></strong>,gantilah dengan alamat iklan banner anda.</li>
<li>Untuk <strong><code>http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg</code></strong>,gantilah dengan url gambar banner anda.</li>
<li>Untuk <strong><code>http://url_blog_anda.blogspot.com/</code></strong>,gantilah dengan url blog anda.</li>
</ul></blockquote>Semoga bermanfaat dan modifikasilah sesuai selera anda masing-masing.<br />
Goosd Luck Ya!</td></tr>
</tbody></table></div>

Menu Navigasi Dalam Navigasi Bar (Navbar) Pernahkah anda mengalami kesulitan untuk membuat menu navigasi seperti ' Home ', ' ...

Tips Cara Membuat Blog Ringan Saat Loading

Blog Blogger Pemula Sebagai blogger pemula ,saya merasa senang mempunyai sebuah blog,dan sebisa mungkin saya menghias blog tersebut. Bah...

Form Widget untuk Pengunjung

<div class="post-body entry-content"><table align="left" bgcolor="white" border="0" cellpadding="10" cellspacing="0" style="border-style: double; color: #001c00; font-family: Arial; font-size: 12px; padding: 2px;"><tbody>
<tr><td width="100%"><ul><li><a alt="" href="" name=""><h3>Form Praktis untuk Pengunjung Blog</h3></a></li>
</ul><div style="text-align: justify;"><img align="left" alt="Form Widget untuk Pengunjung" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdwliDsbXY-ObxwicRnbAFq4T6bjoSYHgJyPIk2Kzr6ShOftlOZmYE4PYpXnfXVb-Mdf_Otv50xmp_5uUJ5ckEP4aQgAT3SJe53yPhU_X8o8bj9okTJNs6aiSr7BlOuMF8L9oQQFcq0o8/s320/blogger+login+form+widget.JPG" title="Form Widget untuk Pengunjung" width="150" />Sering kita alami,ketika ingin mengirimkan pesan kepada pemilik suatu blog/web lewat <strong><a href="http://en.wikipedia.org/wiki/Mail" target="_blank">email</a></strong>.<br />
<br />
<br />
Kendalanya biasanya,kita harus repot-repot untuk masuk ke account mail kita,baik itu <strong><a href="http://www.yahoo.com/" target="_blank">Yahoo</a> <a href="http://id.mail.yahoo.com/" target="_blank">mail</a> </strong>maupun <strong><a href="http://mail.google.com/" target="_blank">Gmail</a></strong>.<br />
Akibatnya,respon pengunjung menjadi kurang.<br />
<br />
<br />
Yang akan kita bahas kali ini,yaitu tentang membuat <strong>form</strong> untuk <strong>pengunjung/visitor <a href="http://www.blogger.com/" target="_blank">blog</a></strong>,yang berfungsi untuk memudahkan pengunjung mengirimkan pesan langsung ke email kita,tanpa pengunjung harus <strong><a href="http://en.wikipedia.org/wiki/Login" target="_blank">login</a></strong> dulu ke <strong><a href="http://en.wikipedia.org/wiki/Account" target="_blank">account</a></strong> mail mereka,gimana? praktis khan?</div><hr alt="formwidgetpengunjung" size="1" title="form pengunjung" /><div style="text-align: justify;">Untuk contohnya anada bisa lihat <strong>form</strong> ini,<hr alt="Pelajaran Tentang Blog" size="1" title="Pelajaran Blog|Belajar Membuat Blog|Belajar Menghias Blog" /><center><br />
<br />
<form action="http://www.freedback.com/mail.php" charset="UTF-8" enctype="multipart/form-data" method="post"><table border="0" cellpadding="5" cellspacing="5"><tbody>
<tr><td valign="top"><strong>Name:</strong></td><td valign="top"><input id="name" name="name" size="40" type="text" value="" /></td></tr>
<tr><td valign="top"><strong>Email Address:</strong></td><td valign="top"><input id="email" name="email" size="40" type="text" value="" /></td></tr>
<tr><td valign="top"><strong>Pesan:</strong></td><td valign="top"><input id="field-81262028baa4f4e" name="field-81262028baa4f4e" size="40" type="text" value="" /></td></tr>
<tr><td align="center" colspan="2"><br />
</td></tr>
</tbody></table></form></center></div><br />
<hr alt="pengunjung form widget" size="1" title="widget form" />Sekiranya sudah maksud khan? :D<br />
<br />
<ul><li><a alt="pengunjung form login" href="" name="form widget buat pengunjung"><h3>Membuat Form untuk Pengunjung</h3></a></li>
</ul>Nah! sekarang saatnya kita menuju langkah pertama membuat <strong>form</strong> ini.<br />
Adalah <a href="" name="cara membuat blog">www.freedback.com</a>,suatu situs yang menyediakan jasa ini.Ok! langsung aja..<br />
<hr alt="membuat form login" size="1" title="membuat form untuk login" /><a href="" name="form widget visitor"><em><strong></strong></em></a><ol><a href="" name="form widget visitor"><em><strong>
</strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Pertama,kunjungi situs ’</strong></em></a><em><strong><a href="http://www.freedback.com/" target="_blank">www.freedback.com</a>’</strong></em></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Klik Tulisan ’Create a Form’</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Selanjutnya,isi form sesuai status anda</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Klik ’Sign Up’</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Pergilah ke email dan cek inbox,aktivasi mail dari ’www.freedback.com’</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Lalu anda akan dihadapkan halaman ’Edit Form’ dari ’www.freedback.com’</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Klik tulisan Add question,jika anda menginginkan form tambahan,anda bisa tulis "Pesan:","Message",maupun sebuah pertanyaan.</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Ikuti dan dapatkan ’Kode HTML’ nya</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Copy kode tersebut,dan letakkan pada halaman HTML Anda.</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong></strong></em></a>
<li><a href="" name="form widget visitor"><em><strong>Test! dengan email anda sendiri dan Selesai !</strong></em></a></li>
<a href="" name="form widget visitor"><em><strong>
</strong></em></a></ol><hr alt="for m pengunjung widget blog" style="font-size: 78%;" title="blogger widget form login" />Semoga bermanfaat ya.. :D</td></tr>
</tbody></table></div>

Form Praktis untuk Pengunjung Blog Sering kita alami,ketika ingin mengirimkan pesan kepada pemilik suatu blog/web lewat email . Kendala...

Game Popular di Warnet ***

Masuk FacebookMasuk Facebook
Nonton Video di YoutubeNonton Video di Youtube
Maen Game Friv.comMaen Game Friv.com
Maen Game Kizi.comMaen Game Kizi.com
Maen Game Games.co.idMaen Game Games.co.id
Masuk GemscoolMasuk Gemscool
Masuk MegaxusMasuk Megaxus
Masuk NetmarbleMasuk Netmarble

CyberIndoCyberindo.co.id

GARENA INDONESIAGARENA.CO.ID

Informasi Berguna Lainnya, Silahkan Visit !

Sing due Blogspot (SB) Kumpulan Video Drama Tarling Lawas Klasik Semua Lakon Dari Indramayu-Cirebon ,Tarling Klasik,Video Lostsaga

Monoton27.blogspot.comTutorial Blog,Software,Game Offline Warnet

F B I Fotografer Blusukan Indramayu

A W IAsosiasi Warnet Indramayu

Contoh GampangContoh-Contoh Gampang Tentang apa saja

Pengunjung Juga Membaca***