tag:blogger.com,1999:blog-71464399542458908682024-03-13T11:02:10.370+07:00Tutorial Dan BisnisBelajar Tutorial Blog, Bisnis Online Dan Berbagi InfoTubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.comBlogger42125tag:blogger.com,1999:blog-7146439954245890868.post-59459684790848626852016-05-12T13:58:00.001+07:002016-05-12T13:58:02.465+07:00Pasang Google Ads Manual Di Blogger<p align="justify"><font size="3">Lama <strong>Tutorial Dan Bisnis</strong> gak update, sekarang hitung-hitung ngisi absen di buku besarnya om Google mau posting tentang <strong>Cara Pasang Google Ads Manual  Di Blogger</strong> yang saya anggap punya kelebihan karena bisa menempatkan iklan dimana saja sesuai keinginan kita seperti pada artikel ini.</font> </p> <p align="justify"><font size="3">Cara <strong>Pasang Google Ads Manual Di Blogger</strong></font></p> <span class="fullpost"> <p><font size="3"><em><u>Cara Pertama :</u></em></font></p> <ol> <li><font size="3">Silahkan buat artikel atau postingan ,</font> </li> <li><font size="3">Pasang script dibawah ini pada artikel tersebut sesuai lokasi yang dikehendaki (</font><font size="3">Ingat harus dalam modus HTML), ini posisi sebelah kiri atau <font color="#ff0000">left</font>, kalau mau sebelah kanan ganti aja dengan <font color="#ff0000">right</font></font>  <p><div style=”float: <font color="#ff0000">left</font>; margin-right: 10px; margin-bottom: 5px;”> <br /><font color="#ff0000">// Kode Iklan Anda // <br /></font></div></p> </li> <li>Kalau posisi iklan ingin di tengah pakai yang ini :   <p><div align="center"> <br /><font color="#ff0000">// Kode Iklan Anda //</font> <br /></div></p> </li> <li><font size="3">Ingat Script iklan harus asli tidak boleh di <strong><a href="https://tutorialdanbisnis.blogspot.co.id/2012/12/super-mudah-parse-kode-html-dan-iklan.html" target="_blank">Parse</a></strong></font><i></i> </li> <li>Contoh script Google Adsense asli (tidak di parse) </li> </ol> <blockquote> <p><font color="#0000ff"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <br /></font><font color="#ff00ff"><!-- Size 468x60 --></font> <br /><font color="#ff0000"><ins class="adsbygoogle" <br />     style="display:inline-block;width:468px;height:60px" <br />     data-ad-client="ca-pub-1102405115xxxxxx" <br />     data-ad-slot="5705xxxxxx"></ins> <br /><script> <br />(adsbygoogle = window.adsbygoogle || []).push({}); <br /></script></font></p> </blockquote> <p>Bentuk akhirnya seperti ini yang dimasukan pada postingan : </p> <blockquote> <p><div style=”float: left; margin-right: 10px; margin-bottom: 5px;”> <br /><font color="#ff0000"><!-- Size 468x60 –></font> <br /><font color="#ff0000"><ins class="adsbygoogle" <br />     style="display:inline-block;width:468px;height:60px" <br />     data-ad-client="ca-pub-1102405115xxxxxx" <br />     data-ad-slot="5705xxxxxx"></ins> <br /><script> <br />(adsbygoogle = window.adsbygoogle || []).push({}); <br /></script> <br /></font></div></p> </blockquote> <p>Catatan :  </p> <ol> <li>Kode warna biru   <i><font color="#0000ff"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script></font></i>    kalau pada template sudah terpasang (misalnya terpasang pada script iklan goole lainnya) berarti yang ini tidak perlu dimasukan lagi karena kode itu satu saja yg tertanam dalam template sudah cukup . </li> <li>Kode warna ping <font color="#ff00ff"><!-- Size 468x60 --></font> terserah mau dimasukan atau tidak  juga tidak apa2 itu hanya sebagai ciri atau identitas unit iklan saja <font size="3"><em><u></u></em></font></li> </ol> <ol><font size="3"><em><u>Cara Kedua :</u></em></font></ol> <div align="right"><!-- saunglink_main_Blog1_250x250_as --><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div> <ol> <li><font size="3">Login ke Blogger , pilih Template </font></li> <li><font size="3">Pilih Edit HTML </font> <div style="”float: " 5px;”="5px;”" margin-bottom:="margin-bottom:" 10px;="10px;" margin-left:="margin-left:" right;="right;"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- Link Ads 200x90 --><ins class="adsbygoogle" style="height: 90px; width: 200px; display: inline-block" data-ad-client="ca-pub-1102405115967410" data-ad-slot="1586960406"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div> </li> <li><font size="3">Cari kode <data:post.body/> , untuk mudahnya tekan Ctrl + F secara bersamaan </font></li> <li><font size="3">Ganti kode  <data:post.body/>  dengan kode dibawah ini: (biasanya ada 2 atau 3 kode seperti ini.. coba aja pilih yang ke dua.</font> <blockquote> <p><div expr:id='"adsmiddle1" + data:post.id'></div> <br /><b:if cond='data:blog.pageType == "item"'> <br /><b:if cond='data:blog.pageType != &quot;static_page&quot;'> <br /><div style="clear:both; margin:10px 0"> <br /><font color="#ff0000"><!--  Kode Adsense yang sudah diparse disini --></font> <br /></div> <br /></b:if> <br /></b:if> <br /><div expr:id='"adsmiddle2" + data:post.id'> <br /><data:post.body/> <br /></div> <br /><script type="text/javascript"> <br />var obj0=document.getElementById("adsmiddle1<data:post.id/>"); <br />var obj1=document.getElementById("adsmiddle2<data:post.id/>"); <br />var s=obj1.innerHTML; var r=s.search(/\x3C!-- adsense --\x3E/igm); if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);} <br /></script> </p> </blockquote> </li> <li><font size="3">Kalau sudah jangan lupa save template  </font></li> <li><font size="3">Sekarang tinggal cara penempatan iklan tersebut dalam postingan yaitu tinggal tempatkan kode <font color="#ff0000"><!-- adsense --></font> ke dalam artikel dilokasi yang kita kehendaki , seperti gambar dibawah ini :</font> <p><ins><font size="3"><img style="border-left-width: 0px; border-right-width: 0px; background-image: none; border-bottom-width: 0px; float: none; padding-top: 0px; padding-left: 0px; margin: 0px auto 10px; display: block; padding-right: 0px; border-top-width: 0px" border="0" src="https://lh3.googleusercontent.com/-h1pIA3cdjmk/VyHts0mavZI/AAAAAAAAEHo/bcX001vZfHIAIFWJ2XIWbqLScAVee0-SACCo/s288/Saung%2BLink%2B-%2BGoogle%2Badsense.png" /></font></ins></p> </li> <li><font size="3">Ingat penempatan nya harus dalam modus HTML </font></li> <li><font size="3">Kalau yang biasa pakai <strong><a href="http://www.saunglink.com/2016/02/wlw-diganti-jadi-open-live-writer-olw.html" target="_blank">Open Live Writer (OLW)</a></strong> maka tinggal pakai modus Source yang ada dibagian bawah OLW </font></li> <li><font size="3">Kalau sudah ok.. silahkan publish atau publikasikan dan lihat hasilnya</font> </li> </ol> <ol><font size="3">Silahkan di coba mau pilih cara pertama atau cara kedua untuk <strong>Pasang Google Ads Manual Di Blogger</strong> , simpanlah iklan anda di lokasi yang diangggap strategis agar terlihat jelas oleh para pembaca atau pengunjung blog tersebut. </font></ol> <p>Sumber : <em><a href="http://www.saunglink.com/2016/04/cara-baru-pasang-google-adsense-manual.html" target="_blank">Saung Link</a></em></p> </span>Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com1tag:blogger.com,1999:blog-7146439954245890868.post-83342246281713184632015-06-18T23:57:00.001+07:002015-06-18T23:57:40.619+07:00Cara Mudah Buat Akun Di Google Drive<p align="justify">Lama blog <strong>Tutorial Dan Bisnis</strong> ini gak aupdate postingan, dan kali ini akan coba posting tentang <strong>Cara Mudah Buat Akun Di Google Drive</strong>. sebagai salah satu layanan gratis dari google untuk menyimpan berbagai file yang kita perlukan.. apalagi google Code sudah resmi ditutup Maret 2015 yang lalu.</p> <p align="justify">Sebenarnya bagi yang sudah punya akun gmail maka layanan google lainnyapun sudah terintegrasi jadi kita tinggal masuk saja ke layanan yang dibutuhkan seperti google drive dengan kelebihannya yaitu : Gratis, Kapasitas besar (15 GB), mudah diakses, dapat berbagi.share, bisa untuk  hosting <a href="http://tutorialdanbisnis.blogspot.com/2012/07/bagian-css-styling-template-blogger.html" target="_blank">Cascading Style Sheets (CSS)</a> , Javascript dll.</p> <span class="fullpost"> <p><strong>Cara Baru Buat Akun Di Google Drive</strong></p> <ol> <li>Pertama-tama kita harus punya akun / email di Gmail dulu , jika sudah punya langsung ke no.2 </li> <li>Masuk ke <em>http://drive.google.com</em> atau bisa buka web browser dan pilih <b>Google, </b>atau ketik alamat google.com pada addres bar </li> <li>Klik tombol google apps berupa icon kotak-kotak kecil pada sisi kanan atas, dan pilih Drive <p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Membuat Akun di Google Drive" border="0" alt="Google Drive" src="https://lh3.googleusercontent.com/-iZYcYfc3Zic/VX8VpRQfZeI/AAAAAAAAD-A/1wHLRZaY7Eo/s288/Saung%252520Link.png" /></p> </li> <li>Masukan email dan sandi yang diminta kemudian klik <em>Masuk/Login </em></li> <li>Nanti akan tampil halaman utama <strong>Google Drive</strong> Sebagai Media Penyimpanan Online Gratis </li> <li>Selesai .. berarti akun anda sudah aktif….  tinggal buat folder dan upload file-file yang diperlukan. seperti ini : </li> </ol> <p><strong>Membuat Folder Dan Upload File di Google Drive</strong></p> <ol> <li>Dihalaman utama google drive Klik " buat " untuk membuat folder , masukan nama foldernya (sesuka anda) lalu klik buat untuk menyimpan folder . <p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Cara Mudah Buat Akun Google Drive" border="0" alt="Google Drive" src="https://lh3.googleusercontent.com/-H_f0YoYt2UQ/VX8VonbOJrI/AAAAAAAAD90/PiLZgEXiLXg/s400/Google%252520drive.png" /></p> </li> <li>Sekarang folder sudah dibuat kemudian tinggal masukan fie-file yang mau di  upload. .. </li> <li>Misalnya nama file yang diupload adalah : <em>khusus.css</em> . Setelah file tersebut  terupload selanjut nya klik <em>share / berbagi</em>. yang ada di kanan bawah (lihat tanda panah) atau klik kanan pada file tersebut  . <p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Upload file di Google Drive" border="0" alt="Google Drive" src="https://lh3.googleusercontent.com/-DA5afkCmXyM/VX8ZN2qJ67I/AAAAAAAAD-s/sD3yQmj1_u0/s400/Saung%252520link%252520-%252520Google%252520drive.png" /></p> </li> <li>Pada tampilan windows Bagikan dengan orang lain lalu klik <em>lanjutkan</em> seperti pada gambar dibawah ini <p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Membuat Folder di Google Drive" border="0" alt="Upload Javascript" src="https://lh3.googleusercontent.com/-0-JLmWCfFoA/VX8VoBoj3pI/AAAAAAAAD94/7ZsDJ7D7I2A/s400/Google%252520drive%252520-%252520bagikan.png" /></p> </li> <li>Nanti akan muncul popup windows setelan berbagi lalku klik <em>ubah/change</em> dan pilih <em>Publik  di web</em> (siapa saja di internet dpt menemukan dan melihat ). lalu klik simpan (tanda panah 1) </li> <li>Kemudian klik selesai  (Tanda panah 2) , selanjutnya copy paste link atau kode yang di berikan di notepad . lebih jelasnya lihat gambar ini (tanda panah 3) <p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto; padding-top: 0px" title="Membuat Folder Dan Upload File Di Google Drive" border="0" alt="Saung Link" src="https://lh3.googleusercontent.com/-bUsk0Bdif08/VX8VobDwLTI/AAAAAAAAD98/LXpLX7g0hm4/s400/Saung%252520-%252520Setelan%252520berbagi.png" /></p> </li> <li>Link kode yang didapat dari file yang diupload itu akan seperti ini <p>https://drive.google.com/file/d/<font color="#ff0000">0B5Nl1UPE7LpjQ1plVE1wamNteTQ</font>/view?usp=sharing</p> </li> <li>Selanjutnya copy kode warna merah di atas dan masukan seperti ini : <p>https://googledrive.com/host/<font color="#ff0000">0B5Nl1UPE7LpjQ1plVE1wamNteTQ</font> </p> </li> <li>Agar bisa disimpan di blog , maka kode tersebut dibikin seperti ini : <p><link href=' https://googledrive.com/host/<font color="#ff0000">0B5Nl1UPE7LpjQ1plVE1wamNteTQ</font> ' rel='stylesheet' type='text/css'/></p> </li> </ol> <p>Itulah Tutorial kali ini tentang <strong>Cara Baru Buat Akun Di Google Drive</strong>.semoga bermanfaat n happy blogging. </p> <p>Sumber : <a href="http://www.saunglink.com/2015/06/cara-baru-buat-akun-di-google-drive.html" target="_blank">Saung link</a></p> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com0tag:blogger.com,1999:blog-7146439954245890868.post-56817823524772462122013-06-17T19:20:00.001+07:002013-06-17T19:20:41.668+07:00Jadwal Piala Konfederasi 2013<p>Kali ini Tutorial dan bisnis  akan  share tentang <strong>Jadwal Piala Konfederasi 2013 </strong>yang sedang di gelar di Brazil mulai 15  - 30 Juni 2013, moment yang wajib ditonton para mania sepak bola bulan ini .</p> <p><a title="Tentang Kerupuk Dan Kurupuk Seuhah" href="http://kurupukseuhah.blogspot.com/2013/04/tentang-kurupuk-seuhah.html" target="_blank"><img title="Kerupuk n Suporter Brazil" style="display: block; float: none; margin-left: auto; margin-right: auto" alt="Kerupuk n Suporter Brazil" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJogUfCZnaEJBTAJI0zI7oCVlkw58ZAM-S_rFKFPAsUyw29NyPtqYsmwdPdQM1UkDv-VAxSZVGSCa3KqGk64Y4PqZGlNlVcpcUQ416vaLs9Uug2N8YzdVxzZ8aEn-nRMwCpUTu1arXcV1e/s400/Kerupuk%2520n%2520Brazil%2520suporter.jpg" /></a>  </p> <span class="fullpost"> <p>Laga pertama pada 16 Juni 2013 pukul 02.00 wib akan dibuka tuan rumah Brasil vs Jepang sebagai juara Asia. Semua ini rencananya akan ditayangkan secara  langsung oleh antv dan tvone. Nah bagi para pecinta bola inilah :</p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" src="https://lh6.googleusercontent.com/-cEmFAQYcxss/UbijlncLAiI/AAAAAAAABCM/XtbQxkfwxhc/s288/kaka%25201.jpg" /> </p> <h4>Jadwal Bola Piala Konfederasi 2013 </h4> <p><strong>Grup A</strong> <br />16 Juni - Brasil vs Jepang (02.00 WIB) <br />17 Juni - Meksiko vs Italia (02.00 WIB) <br />19 Juni - Brasil vs Meksiko (02.00 WIB) <br />19 Juni - Italia vs Jepang, (05.00 WIB) <br />23 Juni - Jepang vs Meksiko (02.00 WIB) <br />23 Juni - Italia vs Brasil (02.00 WIB) <br /><strong>Grup B</strong> <br />17 Juni - Spanyol vs Uruguay (05.00 WIB) <br />18 Juni - Tahiti vs Nigeria (02.00 WIB) <br />21 Juni - Spanyol vs Tahiti (02.00 WIB) <br />21 Juni - Nigeria vs Uruguay (05.00 WIB) <br />24 Juni - Nigeria vs Spanyol (02.00 WIB) <br />24 Juni - Uruguay vs Tahiti (02.00 WIB) <br /><strong>Semifinal</strong> <br />27 Juni – Juara Grup A vs <em>Runner-up</em> Grup B (02.00 WIB) <br />28 Juni - Juara Grup B vs<em> Runner-up </em>Grup A (02.00 WIB) <br /><strong><em>Playoff</em> 3-4</strong>: 29 Juni, 23.00 WIB <br /><strong>Fina</strong>l: 30 Juni, 02.00 WIB</p> <p>Selamat menonton n nobar ya.. Sampai disini <strong>Jadwal Piala Konfederasi 2013 di Brazil</strong> ini. Semoga bermanfaat.</p> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com5tag:blogger.com,1999:blog-7146439954245890868.post-10581502461417758362013-05-14T19:00:00.001+07:002013-05-14T19:03:35.054+07:00Mengirim Info Pajak Ke Google Adsense<p align="justify">Sebagai publisher <strong>Iklan Google</strong> bila mau mencairkan atau payout dari penghasilan kliknya maka selalu diminta untuk <strong>Mengirimkan Info Pajak Ke Google Adsense</strong> sebagai salah satu persyaratan pencairannya.</p> <span class="fullpost"> <p align="justify">nformasi pajak ini sebenarnya diperuntukan bagi penduduk Amerika Serikat atau yang punya bisnis di AS. Jadi bagi publisher yang tak termasuk hal diatas maka tak perlu mengirimkannya. Namun wajib memberitahu Google tentang hal ini melalui formulir yang telah disediakan. </p> <p align="justify">Caranya adalah mengedit informasi pajak setelah penghasilan mencapai ambang pajak, kalau batas penghasilannya belum mencapai itu, maka kitapun tidak bisa mengeditnya. Jadi… jika batas ambang itu sudah terpenuhi, maka kita bisa melakukan editing dengan langkah sbb : </p> <ol> <li>Masuk ke account Google AdSense. </li> <li>Pilih My Account - Tax Information. </li> <li>Di bawah tulisan “Or, use this wizard to find the correct form:“, (Pada kotak sebelah kanan) pilih No kemudian klik Continue >>. </li> <li>Pada pertanyaan “Do you have U.S. Activities related to your participation in AdSense?“. Pilih No lalu klik Continue >>. </li> <li>Berikutnya masukan nama lengkap sesuai KTP atau yang digunakan pada akun google adsense pada halaman Certification of No U.S Activities, kemudian klik submit. </li> <li>Selesai …kini masalah dah selesai dan kita sudah bisa menerima  pembayaran tersebut. </li> </ol> <p align="justify">Demikianlah <strong>Cara Mudah Mengirim Info Pajak Ke Google Adsense </strong>. Semoga bermanfaat n hasil <a title="Cara Mudah Tingkatkan Klik Pada Iklan" href="http://tutorialdanbisnis.blogspot.com/2012/08/cara-mudah-tingkatkan-klik-pada-iklan.html" target="_blank"><strong>kliknya iklan google</strong></a> nya semakin besar..semakin besar … amin .</p> <p></p> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com7tag:blogger.com,1999:blog-7146439954245890868.post-67778801953096070842012-12-27T12:49:00.001+07:002012-12-27T12:49:40.019+07:00Menambah 2 Kolom Iklan Dibawah Posting<p>Mumpung masih ingat saya arsipkan saja di postingan ini yaitu <strong>Cara Menambah 2 Kolom Iklan Di Bawah Posting</strong> Blog. Bagi yang berminat, caranya simple sekali tidak banyak nambah kode HTML.</p> <p>Langsung saja <strong>Cara Menambah 2 Kolom Iklan Di Bawah Posting</strong> Blog, langkahnya sbb : </p> <span class="fullpost"> <ol> <li>Login ke blogger.com  – > Pilih Template – > Edit HTML </li> <li>Klik Prooced / Lanjutkan –> Centang  Expand Widget Templates </li> <li>Cari kode <data:post.body/>  Gunakan Ctrl+F agar mudah mencarinya. </li> <li>Simpan kode berikut dibawah kode no.3 jika iklannya ingin tampil dibawah postingan. Sebaliknya simpan diatasnya jika ingin tampil di atas postingan.  <p></p> <blockquote><div style='float:left;'> <br /><font color="#ff0000">Kode iklan anda disini</font> <br /></div> <br /><div style='float:right;'> <br /><font color="#ff0000">Kode iklan anda disini</font> <br /></div> </blockquote> </li> <li>Lakukan preview dulu, jika sudah ok baru Simpan Template. </li> <li>Selesai..  Oh ya ..  Jika iklan tidak muncul, mungkin kode iklan harus di Parse / Encode dulu. Coba parse <a title="Super Mudah Parse Kode HTML Dan Iklan" href="http://tutorialdanbisnis.blogspot.com/2012/12/super-mudah-parse-kode-html-dan-iklan.html" target="_blank">disini</a>  </li> </ol> <p>Ok sampai disini dulu Cara Menambah 2 Kolom Iklan Di Bawah Posting, semoga bermanfaat ya.. </p> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com22tag:blogger.com,1999:blog-7146439954245890868.post-31429100219145874162012-12-27T00:08:00.001+07:002012-12-27T00:26:41.045+07:00Membuat Daftar Isi Sesuai Tanggal Posting<p>Setelah posting <a href="http://tutorialdanbisnis.blogspot.com/2012/12/cara-mudah-buat-daftar-isi-sesuai-label.html" target="_blank">Cara Mudah Membuat Daftar Isi Sesuai Label</a> Atau Category sekarang dilanjutkan dengan <strong>Membuat Daftar Isi Sesuai Tanggal Posting</strong>. Caranya hampir sama hanya tinggal merubah sedikit kode HTML saja.</p> <p>Tujuan membuat daftar Isi atau <strong>Table Of Content (TOC)</strong> pada postingan ini tak perlu diulas lagi, silahkan baca saja postingan sebelumnya dalam artikel membuat daftar isi sesuai label / kategori.</p> <span class="fullpost"> <p>Langsung ke tkp dalam <strong>Membuat Daftar Isi Sesuai Tanggal Posting</strong> , dengan langkah sbb. :</p> <ol> <li>Login dulu  ke blogger.com </li> <li>Kemudian buat sebuah Entri Baru dan pilih Edit HTML. atau kalau biasa pake <a title="Windows Live Writer Toip Offline Blogging" href="http://saunglink.blogspot.com/2012/10/windows-live-writer-top-offline-blogging.html" target="_blank">Windows Live Writer (WLW)</a> gunakan modus Source atau Sumber. </li> <li>Beri judul, misalnya: Daftar Isi Sesuai Tanggal Posting. </li> <li>Copy Paste script dibawah ini dan ganti yang warna merah dengan nama blog anda : <p></p> <blockquote> <p><script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js "></script> <br /><script src="http://<font color="#ff0000">tutorialdanbisnis.blogspot.com</font>/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> </p> </blockquote> </li> <li>Setelah di-<i>paste</i>, klik <b>Terbitkan Entri</b> atau publish dan lihat hasilnya </li> <li>Kalau artikelnya sudah banyak bisa ditambah fungsi scrol yang di pasang sebelum code no. 4 </li> <li>Lihat kode warna pink adalah link untuk membuka Daftar Isi Sesuai Label Posting. Ini mau di gunakan atau tidak terserah.  </li> <li>Kalau semuanya digunakan maka lengkapnya akan seperti ini : (Kode warna merah silahkan disesuaikan)  <p></p> <blockquote> <p><div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: <font color="#ff0000">400</font>px; background-color: none; text-align: left;"> <br /><font color="#ff0000"><p align="center"> <br /><font size="4">Daftar Isi Berdasarkan Tanggal Posting</font></p> <br /></font><script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js "></script> <br /><script src="http://<font color="#ff0000">tutorialdanbisnis.blogspot.com</font>/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> <br /><font color="#ff00ff"><p> Kalau yang ini untuk melihat <a href="http://tutorialdanbisnis.blogspot.com/2012/12/daftar-isi-sesuai-label-atau-category.html" target="_blank">Daftar isi Sesuai Label Atau  Category</a> </p> <br /></font></div></p> </blockquote> </li> <li>Selesai sampai disini.</li> <li>Kalau mau , langkah selanjutnya tinggal buat link yg menuju ke postingan ini  dan  bisa disimpan di navbar menu atau di sidebar dll, contoh : </li> </ol> <p></p> <blockquote><a href='<a title="http://tutorialdanbisnis.blogspot.com/2012/12/membuat-daftar-isi-sesuai-tanggal.html" href="http://tutorialdanbisnis.blogspot.com/2012/12/membuat-daftar-isi-sesuai-tanggal.html">http://tutorialdanbisnis.blogspot.com/2012/12/membuat-daftar-isi-sesuai-tanggal.html</a>' target='_blank'>Daftar Isi Sesuai Tanggal Posting </a> </blockquote> <p>Sampai disini <b>Cara <strong>Membuat Daftar Isi Sesuai Tanggal Posting</strong> . </b>Semoga bermanfaat.. </p> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com12tag:blogger.com,1999:blog-7146439954245890868.post-17629592303131596522012-12-26T23:33:00.001+07:002012-12-27T00:25:38.621+07:00Cara Mudah Buat Daftar Isi Sesuai Label<p>Kali ini kepikiran untuk membuat Daftar Isi atau <b>Table Of Content (TOC)</b> pada postingan, ada yang berdasarkan label atau  tanggal posting .. Dan sekarang  posting dulu tentang <b>Cara Mudah Buat Daftar Isi Sesuai Label </b>atau<b> Category.</b></p> <span class="fullpost"> <p>Membuat daftar isi di blog tentu dibutuhkan untuk memudahkan mencari artikel/materi yang diperlukan, tentu ini sebagai salah satu bentuk pelayanan prima bagi pengunjung, apalagi jika artikelnya sudah banyak. Contohnya bisa dilihat pada <a title="Daftar Isi Sesuai Label Atau Category" href="http://tutorialdanbisnis.blogspot.com/2012/12/daftar-isi-sesuai-label-atau-category.html" target="_blank">Daftar Isi</a> blog ini.</p> <p>Yo langsung saja <b>Cara Mudah Buat Daftar Isi Sesuai Label </b>atau<b> Kategori</b><b> </b>yang disimpan pada halaman posting  dengan langkah sbb. :</p> <ol> <li>Login dulu  ke blogger.com </li> <li>Kemudian buat sebuah Entri Baru dan pilih modus Edit HTML. atau kalau biasa pake <a title="Cara Mudah Instal Windows Live Writer" href="http://saunglink.blogspot.com/2012/10/cara-mudah-instal-windows-live-writer.html" target="_blank">Windows Live Writer (WLW)</a> gunakan modus Source atau Sumber. </li> <li>Berilah judul, misalnya: Daftar Isi Sesuai Label Atau Category. </li> <li>Copy Paste <i>script</i> dibawah ini dan ganti yang warna merah dengan nama blog anda : <p></p> <blockquote><script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"> </script> <br /><script src="http://<font color="#ff0000">tutorialdanbisnis.blogspot.com</font>/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> </blockquote> </li> <li>Setelah di-<i>paste</i>, klik <b>Terbitkan Entri</b> atau publish dan lihat hasilnya </li> <li>Kalau artikelnya sudah banyak bisa ditambah fungsi scrol yang di pasang sebelum code no. 4 , </li> <li>Lihat kode warna pink adalah link untuk membuka Daftar Isi Sesuai Tanggal Posting. Ini mau di gunakan atau tidak terserah. Kalau mau digunakan berarti kita harus buat dulu Daftar Isi Sesuai Tanggal Posting, atau kalau belum, bisa membuat nanti, hanya harus diingat tahun dan bulan serta judul posting harus sama dengan link yang kita buat itu. </li> <li>Kalau semuanya digunakan maka lengkapnya akan seperti ini : (Kode warna merah silahkan sesuaikan)  <p></p> <blockquote><div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: <font color="#ff0000">400</font>px; background-color: none; text-align: left;"> <br /><font color="#ff0000"><p align="center"> <br /><font size="4">Daftar Isi Sesuai Label Atau  Category</font> </p> <br /></font><script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"></script> <br /><script src="http://<font color="#ff0000">tutorialdanbisnis.blogspot.com</font>/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> <br /><font color="#ff00ff"><p> Untuk melihat <a href=”http://tutorialdanbisnis.blogspot.com/2012/12/membuat-daftar-isi-sesuai-tanggal.html” target="_blank">Daftar Isi Berdasarkan Tanggal Posting</a>, silahkan di klik </p> <br /></font></div></blockquote> </li> <li>Langkah selanjutnya tinggal buat link yg menuju ke postingan ini  dan  bisa disimpan di navbar menu atau di sidebar dll, contoh : </li> </ol> <p></p> <blockquote><a href='http://tutorialdanbisnis.blogspot.com/2012/12/daftar-isi-sesuai-label-atau-category.html' target='_blank'>Daftar Isi Sesuai Label </a> </blockquote> <p>Sampai disini <b>Cara Mudah Buat Daftar Isi Sesuai Label </b>Semoga bermanfaat.. Tunggu posting selanjutnya <a href="http://tutorialdanbisnis.blogspot.com/2012/12/membuat-daftar-isi-sesuai-tanggal.html" target="_blank">Membuat Daftar Isi Sesuai Tanggal Posting.</a> Happy Blogging</p> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com17tag:blogger.com,1999:blog-7146439954245890868.post-53265427269222175882012-12-26T20:00:00.000+07:002012-12-26T21:35:11.650+07:00Daftar Isi Sesuai Tanggal Posting<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;"> <p align="center"> <font size="4">Daftar Isi Berdasarkan Tanggal Posting</font></p> <script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js "></script> <script src="http://tutorialdanbisnis.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> <p> Kalau yang ini untuk melihat <a href="http://tutorialdanbisnis.blogspot.com/2012/12/daftar-isi-sesuai-label-atau-category.html" target="_blank">Daftar isi Sesuai Label Atau Category</a></p> </div> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com3tag:blogger.com,1999:blog-7146439954245890868.post-56203635182027868772012-12-26T21:23:00.001+07:002012-12-26T21:23:40.935+07:00Daftar Isi Sesuai Label Atau Category <div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;"> <p align="center"> <font size="4">Daftar Isi Blog Berdasarkan Label / Category</font></p> <script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"></script> <script src="http://tutorialdanbisnis.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script> <p> Untuk melihat <a href="http://tutorialdanbisnis.blogspot.com/2012/12/daftar-isi-sesuai-tanggal-posting.html" target="_blank">Daftar Isi Sesuai Tanggal Posting</a> silahkan di klik </p> </div> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com2tag:blogger.com,1999:blog-7146439954245890868.post-91356644477570841152012-12-22T18:28:00.001+07:002012-12-22T18:28:04.378+07:00Cara Disable Link Aktif Pada Komentar<p>Berbicara tentang komentar Blog memang dilematis, disatu sisi komentar itu diperlukan tapi disisi lain suka ada saja yang iseng memasukan link aktif didalamnya. padahal itu tak disukai Google. Untuk itu perlu disiasati dengan  <strong>Cara Disable Link Aktif Pada Komentar  Blog</strong> atau <strong>Cara Mematikan Link Spam pada Komentar Blogger.</strong></p> <span class="fullpost"> <p><span class="fullpost">Tanpa basa basi langsung saja ke topik bahasan<strong> Cara Disable Link Aktif Pada Komentar </strong>yaitu sebagai berikut :</span> </p> <ol> <li>Login ke blogger.com – > Pilih Template – > Edit HTML </li> <li>Klik Prooced / Lanjutkan –> Centang Expand Template Widget </li> <li>Cari kode ]]></b:skin>, Kemudian diatasnya simpan Kode berikut ini:  <p></p> <blockquote> <p>/*----Matikan Link aktif di komentar----*/ <br />#comments p a {display: none !important; } <br />/*----Matikan Link aktif  selesai----*/</p> </blockquote> <p></p> </li> <li>Klik simpan Template , Selesai. </li> </ol> <p align="justify">Kode diatas memerintahkan agar memblokir link aktif /hidup yang pakai kode “a” . Bisanya kalau mau nyimpan link suka dimulai dengan <a, misalnya <a href='link'> bla-bla bla…</a> . Jadi dengan kode diatas semua komentar yang pakai <a menjadi tidak ada atau none.</p> <p align="justify">Masih ada beberapa lagi kaitannya dengan <strong>Cara Disable Tautan Aktif Pada Komentar Blogger</strong> , yaitu dengan memanfaatkan Script jQuery  seperti ini :</p> <ol> <li>Langkah 1 dan 2 sama dengan diatas </li> <li>Kalau ingin link aftif plus tulisannya benar2 hilang tanpa bekas ( remove ), pake script dibawah ini dan disimpan dibawah ]]></b:skin> , bisa juga diatas  </head> atau <body> , <p></p> <blockquote> <p><! -- Disable link aktif dlm komentar star --> <br /><font color="#ff0000"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'</font> type='text/javascript'></script> <br /><script type='text/javascript'> <br />$(function() { <br />$('#comments p').find('a').remove(); });    <br /></script> <br /><! -- Disable link aktif dlm komentar end --></p> </blockquote> <p></p> </li> <li>Kalau yang ini linknya atau tulisannya muncul, Cuma link aktifnya tidak ada atau hilang  ( unwrap ), script nya disimpan diatas </head> atau <body> <p></p> <blockquote> <p><! -- Hilangkan link aktif dlm komentar star --> <br /><font color="#ff0000"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'</font> type='text/javascript'/> <script type='text/javascript'> <br />//<![CDATA[ <br />$(function() { <br />$('#comments p').find('a').contents().unwrap(); <br />}); <br />//]]> <br /></script> <br /><! -- Hilangkan link aktif dlm komentar End --></p> </blockquote> <p></p> </li> <li>Ganti Link Aktif dengan peringatan yang kita buat sendiri ( lihat tulisan warna <font color="#ff00ff">pink</font>), scriptnya pakai yang ini : <p></p> <blockquote> <p><font color="#ff0000"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'</font> type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p").find("a").replaceWith("<span> <font color="#ff00ff">Peringatan ! Link Aktif akan terhapus secara otomatis </font></span>"); }); </script> </p> </blockquote> <p></p> </li> <li>Memanipulasi atau Mengalihkan link aktif ke Url yang kita mau. Ini rasanya lebih mantap seolah-olah kita dibuatkan link oleh komentator tersebut. <p></p> <blockquote> <p><font color="#ff0000"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'</font> type='text/javascript'/> <script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p a").attr("href", "<a title="http://saungweb.blogspot.com/2012/09/link-komentar-terbuka-di-new-tab.html" href="http://saungweb.blogspot.com/2012/09/link-komentar-terbuka-di-new-tab.html"><font color="#ff00ff">http://saungweb.blogspot.com/2012/09/link-komentar-terbuka-di-new-tab.html</font></a>"); }); </script></p> </blockquote> <p></p> </li> <li>Kode warna <font color="#ff00ff">pink</font> silahkan pilih sendiri misalnya ke Url Blog atau Postingan. </li> </ol> <p>Catatan : </p> <ul> <li><ins>Ingat jika dalam template kita sudah ada script jQuery seperti  yang warna merah diatas, sebaiknya kode yang warna merah jangan di copy lagi karena fungsinya sama, yaitu untuk memanggil script “ <ins><font color="#ff0000">jquery.min.js</font> “ tersebut</ins>.</ins> </li> <li>Kelebihan script JQuey tersebut memang sangat mantap untuk Disable atau <a href="http://saungweb.blogspot.com/2012/12/menonaktifkan-windows-automatic-update.html" target="_blank">menonaktifkan</a> link aktif dalam komentar, tapi hanya berfungsi pada setting komentar Embedded atau Tersemat . Kalau pada setting komentar Popup Window atau Jendela Munculan tidak bisa dipakai karena tautan / link aktif untuk memunculkan windownya yaitu pada tulisan <strong>Post a comment</strong> juga ikut mati,. </li> </ul> <p align="justify">Demikian <strong>Cara Disable Link Aktif Di Komentar Blog</strong> . Silahkan plih sesuai selera..</p> <p></p> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com4tag:blogger.com,1999:blog-7146439954245890868.post-57231843800693216222012-12-10T20:48:00.001+07:002012-12-11T08:53:48.308+07:00Super Mudah Ganti Ukuran Font Postingan Blogger<p>Jenis dan ukuran / size huruf atau font pada postingan mungkin beda dengan selera kita , misalnya ukuran kecil, akibatnya kurang nyaman dimata terutama bagi yang ketajaman penglihatannya sudah mulai berkurang sehingga perlu <strong>Merubah Ukuran dan Jenis Font</strong> tersebut, untuk itulah saya share <strong>Cara Super Mudah Ganti Ukuran Font Postingan Blogger</strong> yang kemarin saya lakukan.</p> <span class="fullpost"> <p>Langsung ke topik bahasan <strong>Cara Super Mudah Ganti Ukuran Font Postingan Blogger</strong> sbb.:</p> <ol> <li>Log in ke account sobat di blogger.com </li> <li>Klik tanda panah, lalu pilih Template </li> <li>Selanjutnya plih Edit HTML  --> klik Procced atau proses </li> <li>Cari kode <em>.post body</em>  atau <em>.post-body</em>, gunakan Ctrl+F untuk mencarinya  </li> <li>Kode lengkapnya seperti ini : <p></p> <blockquote> <p>.post-body{ <br />margin:0 0 .75em; <br />line-height:1.6em} <br />.post-body blockquote{ <br />line-height:1.3em} </p> </blockquote> </li> <li>Setelah ketemu , tambahkan kode font atau <a title="Cara Merubah Huruf Kapitalk Jadi Normal" href="http://tutorialdanbisnis.blogspot.com/2012/09/cara-merubah-huruf-kapital-jadi-normal.html" target="_blank">huruf</a> yang berwarna merah setelah <em>margin:0 0 .75em;</em> seperti tampak pada tampilan dibawah ini : <p></p> <blockquote> <p>.post-body{ <br />margin:0 0 .75em; <br /><font color="#ff0000">font-size:14px; <br />font-family:Arial, Georgia,Times New Roman;</font> <br />line-height:1.6em} <br />.post-body blockquote{ <br />line-height:1.3em} </p> </blockquote> </li> <li>Atau bisa juga dalam kode  <em>body {</em>  seperti dibawh ini <p></p> <blockquote> <p>body{ <br />background: #f5fffa; <br />width:980px; <br />color:#333; <br /><font color="#ff0000">font-size:14px; <br />font-family:Arial,Tahoma,Verdana; </font> <br />margin:0 auto 0; <br />padding:0}</p> </blockquote> </li> <li>Angka 14px dan jenis font bisa diganti sesuai selera </li> <li>Lakukan preview dulu, jika sudah ok tinggal save template </li> <li><a title="Cara Mudah Menurunkan Alexa Rank" href="http://tutorialdanbisnis.blogspot.com/2012/11/12-cara-mudah-menurunkan-alexa-rank.html" target="_blank">Cara mudah</a> ganti size font selesai sampai disini. </li> </ol> Itulah <strong><a title="Cara Super Mudah Parse Kode HTML Dan Iklan" href="http://tutorialdanbisnis.blogspot.com/2012/12/super-mudah-parse-kode-html-dan-iklan.html" target="_blank">Cara Super Mudah</a> Ganti Ukuran Font Postingan Blogger</strong> yang saya share kali ini. Semoga bermanfaat. </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com7tag:blogger.com,1999:blog-7146439954245890868.post-80392985962072519592012-12-08T14:17:00.001+07:002012-12-08T14:19:13.980+07:00Disable Automatic Update Window 7, XP Dan Vista<p align="justify">Agar tak ada program komputer yg terhubung ke internet secara tersembunyi seperti Anti Virus, Operating System atau aplikasi lain yang melakukan update secara otomatis tanpa sepengetahuan kita, caranya adalah dengan melakukan <strong>Disable Automatic Update Window 7, XP Dan Vista</strong> atau <strong>Mematikan / Nonaktifkan Update Otomatis pada windows</strong><strong>. </strong>Hal ini dimaksudkan untuk mengurangi beban koneksi Internet agar tidak terlalu lelet.. </p> <span class="fullpost"> <p align="justify">Langsung ke topik bahasan <strong>Cara Disable Automatic Update Windows 7, XP Dan Vista</strong> atau <strong>Mematikan / Nonaktifkan Update Otomatis pada windows</strong>   seperti dilakukan untuk <strong>mempercepat koneksi internet Speedy</strong> yang saya gunakan.  </p> <h5><strong>1. Cara Disable Windows Automatic Update</strong> <strong>Windows XP</strong></h5> <p>Untuk menonaktifkan Automatic Update pada Windows XP, caranya sbb. : </p> <ol> <li>Klik kanan icon My Computer pada desktop atau Windows Explorer, </li> <li>Kemudian pilih Properties <p> <img title="Disable Update Otomatis" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin: 0px auto 5px; border-right-width: 0px" alt="Disable Update Otomatis" src="https://lh5.googleusercontent.com/-npnslKTKoXI/UMGyqjxdIjI/AAAAAAAADLM/CosAodroRyY/s288/Disable%2520Update%2520Otomatis.jpg" border="0" /> </p> </li> <li>Setelah jendela System Properties terbuka kemudian pilih Automatic Updates seperti terlihat tanda panah dibawah ini . <p><img title="Disable Automatic Update" style="border-top-width: 0px; display: block; border-left-width: 0px; float: none; border-bottom-width: 0px; margin-left: auto; margin-right: auto; border-right-width: 0px" alt="Disable Automatic Update" src="https://lh4.googleusercontent.com/-ZllH6ZMNHiU/UMGyqo9UauI/AAAAAAAADLI/vcDdeu95GiQ/s800/Disable%2520Automatic%2520Update.jpg" border="0" /></p> </li> <li>Disini ada 4 opsi pilihan pengaturan, kita bisa milih salah satunya, diantaranya : <p></p> <blockquote> <ul> <li><strong>Automatic (recommended)</strong>. Pilihan ini akan mengatur Windows agar mendownload dan menginstall update secara otomatis. Dengan kata lain, jika Anda memilih opsi ini maka Automatic Update masih tetap aktif. Jadi karena tujuan kita adalah mematikan Automatic Update, maka pilih ini tidak usah Anda pilih. </li> <li><strong>Download update for me, but let me choose when to install them</strong>. Opsi ini akan mengatur Windows agar mendownload update secara otomatis, namun tidak akan menginstallnya secara otomatis. Kita bisa menginstall update tersebut ataupun tidak. </li> <li><strong>Notify me, but don’t automatically download and install them</strong>. Opsi ini mengatur Windows agar hanya memeriksa update, namun tidak mendownload dan menginstall update tersebut. Jadi kita hanya akan mendapat notifikasi tentang update yang ada dan  bisa mendownload ataupun menginstallnya sesuai dengan keinginan. </li> <li><strong>Turn off Automatic Updates</strong>. Opsi ini akan mematikan Automatic Update secara penuh. Windows tidak akan memeriksa update yang ada ataupun mendownload dan menginstall update tersebut. </li> </ul> </blockquote> </li> <li>Setelah memilih salah satunya, klik OK atau Apply untuk menyimpan pengaturan. </li> <li>Selesai sampai disini. Ada baiknya setelah upadate windows, lakukan Restart komputernya. </li> </ol> <p>Ada lagi cara lainnya untuk menonaktifkan <strong>automatic update </strong>yaitu : .</p> <ol> <li>Bisa melalui Start => run => ketik msconfig = > pilih tab service => hilangkan cekmark pada automatic updates => restart komputer. </li> <li>Klik Start => run => ketik cmd => ketik services.msc => double klik automatic updates => disable => close => exit => restart. </li> </ol> <blockquote> <p>Catatan : <br />Saya pilih opsi ke 3 <em>Notify me, but don’t automatically download and install them</em>. Agar hanya memberikan informasi saja tentang adanya update dari Microsoft. Namun, terserah apakah kita mau melakukan / download update atau tidak. Apabila ada sebuah update terbaru, maka Windows Update akan memberikan notifikasi pada try icon, bila jendelanya terbuka akan terlihat, jumlah dan ukuran file update yang mesti di download dan di install.</p> </blockquote> <p>Sekarang <strong>Automatic Update Windows XP</strong> telah nonaktif. Jika ingin mengaktifkan kembali, lakukan cara yang sama. Pada langkah ke 4, pilih opsi 1 yaitu <strong>Automatic (recommended)</strong>.</p> <h5>2. Cara Disable Automatic Update Windows Vista.  </h5> <p>Cara Disabel atau menonaktifkan automatic update di windows vista adalah:</p> <ol> <li>Klik Start, lalu pilih Control panel </li> <li>Kemudian pilih Windows Update , </li> <li>Selanjutnya pilih Change settings. </li> <li>Disini terdapat 4 opsi pilihan pengaturan Silahkan pilih salah satunya. <p></p> <blockquote> <ul> <li><strong>Install update automatically (recommended)</strong>. Ini sama dengan <em>Automatic (recommended)</em> pada windows XP diatas. . </li> <li><strong>Download update but let me choose whether to install them</strong>. Ini sama dengan <em>Download update for me, but let me choose when to install them</em> pada Windows XP. </li> <li><strong>Check for update but let me choose whether to download and install them</strong>. Opsi ini sama dengan <em>Notify me, but don’t automatically download and install them</em> pada Windows XP di atas. </li> <li><strong>Never check for update (not recommended)</strong>. Opsi ini sama dengan <em>Turn off Automatic Updates </em>pada Windows XP diatas. </li> </ul> </blockquote> <p>Saya sarankan untuk pilih yang no 3 yaitu <em>Check for update but let me choose whether to download and install them </em>dengan alasan sama dengan  Catatan pada windows XP diatas.</p> </li> <li>Setelah memilih salah satunya, klik OK atau Apply untuk menyimpan pengaturan. </li> <li>Selesai sampai disini. Ada baiknya setelah upadate windows, lakukan Restart komputernya </li> </ol> <p>Ohya..Di bawah opsi tadi, ada sebuah check box yang bertuliskan Include <em>recommended updates when downloading, installing or notifying about updates</em>. Opsi ini apabila Anda berikan tanda cek (rumput), maka Anda akan diberikan update yang direkomendasikan oleh microsoft. Opsi ini hanya berguna jika Anda memilih opsi 1, 2 atau 3 pada langkah 3 diatas.</p> <p>Jika Anda ingin mengaktifkan lagi. Lakukan langkah yang sama. Namun, pada langkah ke 4, pilih opsi <strong>Install update automatically (recommended)</strong>.</p> <h5>3. <strong>Cara Disable Automatic Update</strong> <strong>Windows 7</strong></h5> <p>Untuk Disable Automatic Update pada windows 7 , caranya sbb :</p> <p>Berikut ini cara menonaktifkan automatic update di Windows 7: <br /></p> <ol> <li>Klik Start, lalu pilih Control Panel  </li> <li>Pilih System and Security </li> <li>Pilih Windows Update, kemudian  klik <em>Change Setting</em> . <img title="Disable Automati Update Windows 7" style="display: block; float: none; margin-left: auto; margin-right: auto" alt="Disable Automati Update Windows 7" src="https://lh5.googleusercontent.com/-Q_shvIdGWbU/UMHbnMPblgI/AAAAAAAADLo/tFI6KKLytgE/s288/Disable%2520Automatic%2520Update%2520Windows%25207.jpg" /> </li> <li>Langkah nomor 4 dan seterusnya sama dengan cara pada windows Vista diatas. </li> </ol> <p>Demikian langkah-langkah tentang <strong>Cara Disable Automatic Update Windows 7, XP Dan Vista</strong> atau <strong>Cara Me Nonaktifkan / Mematikan Update Otomatis </strong>pada<strong>Windows </strong>. Semoga bermanfaat.</p> <p><em>Sumber : <a href="http://saunglink.blogspot.com/2012/12/cara-disable-windows-automatic-update.html" target="_blank">Saung Link</a></em></p> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com5tag:blogger.com,1999:blog-7146439954245890868.post-78905465447300930542012-12-06T19:02:00.001+07:002012-12-06T19:02:28.697+07:00Tips Ganti Template Tetap SEO Friendly<p align="justify">Banyak blogger yang suka ganti Template. Alasannya juga beragam, ada yang memang harus ganti, atau hanya karena bosan, ingin tampil beda, kesengsem ada theme yang lebih bagus dan SEO Friendly, dsb. Semua syah2 saja hanya sebelum mengganti Template berdasarkan pengalaman ada hal2 yang harus diperhatikan yaitu <strong>Tips Ganti Template Tetap SEO Friendly</strong>, bisa juga dibaca <strong>Waktu Tepat Mengganti Template</strong> Atau <strong>Dampak Ganti Template Blogger</strong> , pokoknya sekitar itu deh.</p> <span class="fullpost"> <p align="justify">Ada ungkapan : <b>Sering ganti template tidak baik untuk SEO</b>, atau Oom Google tidak <b>menyukai blog yang sering ganti template</b>. Benarkah...?.</p> <p align="justify">Jawabannya mungkin ya, mungkin tidak. Namun pengalaman membuktikan bahwa Blog <strong><a title="About Tutorial Dan Bisnis" href="http://tutorialdanbisnis.blogspot.com/2012/06/about-tutorial-dan-bisnis.html" target="_blank">Tutorial Dan Bisnis</a></strong> dan 1 blog lainnya selama 2 tahun gak pernah diurus, gak pernah update postingan, ditengokpun kagak.. tapi Pagerank Google tetap aja yang ini Pr 2 dan yang satunya Pr 4. Itu saya lihat saat mulai online lagi awal April 2012  </p> <p>Masalah <strong>dampak ganti template</strong> baru timbul dengan kronologis seperti ini :</p> <ol> <li>Blog ini ganti template jelang akhir September dan saat update pagerank 8 Nopember turun dari Pr 2 jadi Pr 1. Padahal rata2 perbulan antara 4-5 postingan. </li> <li>Blog satunya yaitu <strong>Saung Link</strong> lebih parah lagi, ganti template pertengahan April 2012 dan Google update Pagerank 3 Mei. Pagerank Google turun dari 4 jadi Pr 3. </li> <li>Google Update Pagerank lagi 2 Agustus tapi tetap Pr 3 </li> <li>Gak puas dengan templatenya , diganti lagi dengan pada akhir September, Update Pagerank 8 Nopember 2012 dan Pageranknya turun lagi dari Pr 3 jadi Pr 2. </li> <li>Dalam mengganti template ini memang saya rombak habis2an mulai <b>Metatag, keyword </b>dan<b> Diskripsi </b>Blog. </li> <li>Visitor menurun secara drastis, dan Artikel SEO anjlok dari SERP google, udah gitu berimbas pula pada Si Cantik <strong><a title="12 Cara Mudah Menurunkan Alexa Rank" href="http://tutorialdanbisnis.blogspot.com/2012/11/12-cara-mudah-menurunkan-alexa-rank.html" target="_blank">Alexa</a></strong> yang ikut2an jadi gembrot. </li> </ol> <p>Dari kronologis diatas saya simpulkan bahwa </p> <ol> <li>Gonta-ganti <strong><a title="Struktur CSS Template Blogger" href="http://tutorialdanbisnis.blogspot.com/2012/07/stuktur-css-template-blogger-1.html" target="_blank">template blogger</a></strong> memang ada pengaruhnya pada posisi Pagerank dan traffic. </li> <li>Waktu yang tepat untuk mengganti template jangan menjelang Update Pagerank. </li> <li>Ingat Search Engine itu punya Bot yang selalu crawling blog pada waktu tertentu untuk check penambahan Widget atau HTML dll. Kalau pasang tools <em>Googlebot last access</em> dari <em>mypagerank.net</em>, kita akan tahu kapan googlebot terakhir datang mengecek blog kita.  Mungkin setelah itu baru ganti template atau pas setelah google melakukan Update Pr. </li> <li>Tiga hal yang dicatat atau dibaca mesin telusur atau googlebot yaitu <b>Metatag, keyword </b>dan<b> <a title="Deskripsi Blog Tutorial Dan Bisnis" href="http://tutorialdanbisnis.blogspot.com/2012/06/deskripsi-blog-tutorial-dan-bisnis.html" target="_blank">Diskripsi</a> </b>Blog. Jadi Jika mau ganti template copy paste dulu <b>Metatag, keyword </b>dan<b> Diskripsi </b>Blog dari template lama ke template baru agar tetap SEO Friendly. </li> <li>Upayakan kalau ganti template jangan merubah deskripsi blog dan keyword yang sudah tertanam.. </li> </ol> <p>Berdasarkan hal diatas ada beberapa <strong>Tips Ganti Template Tapi Tetap SEO Friendly</strong> </p> <ol> <li>Pilih template yang <a href="http://saunglink.blogspot.com/2012/09/cara-optimasi-gambar-agar-seo-friendly.html" target="_blank">SEO Frendly</a> </li> <li>Cari template yang simple, warna yang pas dan jangan terlalu banyak widget namun nyaman dipandang baik oleh owner maupun pengunjung. </li> <li>Ada baiknya template baru tersebut dicoba dulu di blog lain / blog dummy yang khusus untuk segala macam percobaan utak-atik template. </li> <li>Jangan terjebak dengan template yang katanya ringan / fast loading padahal cuma hasil dari kompress CSS, apalagi kompresnya yang tingkat tinggi, karena strukur kode akan berubah dan kita akan sulit kalau mau melakukan editing template. Kalau cuma ingin ringan nanti jika tampilan blog dan segalanya sudah ok.. baru kita kompres sendiri, caranya baca <a title="Compress CSS Sebagai Upaya Optimasi Blog" href="http://saungweb.blogspot.com/2009/10/compress-css-sebagai-upaya-optimasi.html" target="_blank">disini.</a>. atau <a title="Loading Blog Cepat dengan CSS External" href="http://saungweb.blogspot.com/2010/03/loading-blog-cepat-dengan-css-external.html" target="_blank">yang ini</a>.. </li> <li>Pilih sidebar yang ada disebelah kanan. Konon katanya search engine akan lebih dulu mengindek tulisan artikel baru setelah itu sidebarnya artinya mulai dari kiri ke kanan. </li> <li>Ingat ganti template akan menguras tenaga, layaknya bikin blog baru, kita harus melakukan penataan kembali seperti mengganti link2 yang ada dalam template itu, mungkin ganti ukuran font, warna dsb. karena selera orang itu tidak sama. </li> </ol> <p>Demikian postingan kali ini tentang <strong>Tips Ganti Template Tetap SEO Friendly, </strong>atau <strong>Dampak Ganti Template Blogger</strong> termasuk <strong>Waktu Tepat Ganti Template</strong>. Ada baiknya juga setelah tahu tips ini sobat blogger juga tahu <a title="Link Cantik Berkualitas" href="http://tutorialdanbisnis.blogspot.com/2012/08/link-cantik-berkualitas.html" target="_blank">Rahasia Sejuta Backlink Gratis</a><strong>,  </strong>agar inbound link nya semakin ok. Semoga bermanfaat.</p> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com2tag:blogger.com,1999:blog-7146439954245890868.post-83904901924358423222012-12-03T02:53:00.001+07:002012-12-03T02:53:16.955+07:00Super Mudah Parse Kode HTML Dan Iklan<p align="justify"><a href="http://tutorialdanbisnis.blogspot.com/2012/12/super-mudah-parse-kode-html-dan-iklan.html" target="_blank"><img title="Yo Parse Kode Iklan Disini" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 10px 0px 0px; border-right-width: 0px" height="240" alt="Yo Parse Kode Iklan Disini" src="https://lh5.googleusercontent.com/-0AZd5cqU0VI/UIEA-mOZjUI/AAAAAAAAA7E/5-6zOQFLAi4/s288/sintyana-putri%25202.jpg" width="192" align="left" border="0" /></a>Disini <strong>Tutorial Dan Bisnis</strong> sengaja menyediakan <strong>Cara Super Mudah Parse Kode HTML Dan Iklan</strong> selain  untuk dipake sendiri juga barangkali ada sobat blogger yang perlu untuk encode atau Parse kode HTML (<i>Hyper Text Mark up Language) </i>atau Adsense nya. Silahkan digunakan.</p> <span class="fullpost"> <p align="justify">Ok langsung saja ke <strong>Tutorial Blog</strong> tentang <strong>Cara Super Mudah Parse Kode HTML Dan Iklan </strong>:</p> <h5>Cara Pertama</h5> <p>Cara pertama bisa menggunakan jasa Google <a title="Parse HTML Code" href="http://www.gmodules.com/ig/creator?synd=open&url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&lang=en" target="_blank" rel="nofollow">Parse HTML Code</a>. Kita tinggal masukan kode<strong> </strong><a title="Cara Mudah Tingkatkan Klik Pada Iklan" href="http://tutorialdanbisnis.blogspot.com/2012/08/cara-mudah-tingkatkan-klik-pada-iklan.html" target="_blank">Iklan</a><strong></strong> yang mau diparse pada kotak dibawah ini, kemudian klik Covert  sekali saja ..selanjutnya copy kode hasil parse tersebut.. beres deh.</p> <div align="center"><script src="//www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&up_grows=15&up_conv1=1&up_conv2=1&up_conv3=1&up_conv4=1&up_conv5=1&synd=open&w=320&h=200&title=Parse+HTML+Code%3A+code+converter&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script></div> <h5>Cara Kedua</h5> <ol> <li>Login ke sini  <a title="Parse Kode Iklan Dan HTML" href="http://centricle.com/tools/html-entities/" target="_blank" rel="nofollow">centricle.com</a><em> </em> atau ke <a title="Parse HTML Code" href="http://.opinionatedgeek.com/" target="_blank" rel="nofollow">opinionatedgeek.com</a> </li> <li>Tinggal copy semua code Html nya ke kotak yang telah disediakan </li> <li>Klik tombol "Encode", Encode berarti mengubah ke bentuk notasi dan Decode mengganti ke bentuk karakter HTML semula. dan hasil dari Encode inilah yang diposting di blog kita. </li> <li>Copy paste kode hasil encode tadi ke postingan kita.. </li> <li>Selesai tinggal lihat hasilnya.. </li> </ol> <p>Nah itulah <strong>Cara Super Mudah Parse Kode HTML Dan Iklan</strong>, versi <strong>Tutorial Dan Bisnis</strong>. Silahkan digunakan. Semoga bermanfaat.</p> <a href=" http://tutorialdanbisnis.blogspot.com/2012/06/about-tutorial-dan-bisnis.html” target=" _blank?="_blank?"><img style="border-top-width: 0px! important; border-left-width: 0px! important; background: none transparent scroll repeat 0% 0%; border-bottom-width: 0px! important; border-right-width: 0px! important" alt="Tutorial Dan Bisnis" src="http://signatures.mylivesignature.com/54490/204/52349FF6A0BD9648741F90C248874B73.png" /></a> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com5tag:blogger.com,1999:blog-7146439954245890868.post-72282779355030039522012-11-27T17:44:00.001+07:002012-11-27T17:44:51.899+07:00Memindahkan Penulis Ke Bawah Judul Post<p align="justify">Kemarin malam coba edit template ini yaitu <strong>Memindahkan Penulis Artikel Ke Bawah Judul Posting</strong>. Defaultnya penulis/author blog ditampilkan dengan kata Diposkan oleh…, label dan jumlah komentar suka berada dibawah artikel, kemudian dipindahkan keatas. Maksudnya sih supaya pengunjung yang akan membaca lebih dini mengetahui siapa penulis dan kategori atau label artikel tersebut.. Selebihnya yaa.. coba-coba  aja sekedar iseng. hehee…</p> <span class="fullpost"> <p><a title="Memindahkan Penulis Artikel Ke Bawah Judul Posting" href="http://tutorialdanbisnis.blogspot.com/2012/11/memindahkan-penulis-ke-bawah-judul-post.html" target="_blank"><img title="Author Blog Dibawah Judul Artikel" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin: 5px 15px 5px 0px; border-right-width: 0px" alt="Author Blog Dibawah Judul Artikel" src="https://lh6.googleusercontent.com/-tg-DcMQhvkY/ULSJgMXZSAI/AAAAAAAAA_c/8VQPoNVwYqQ/s288/Author%2520dibawah%2520judul%2520post.jpeg" align="left" border="0" /></a> Beberapa template gratis dari pihak ketiga memang menyediakan tampilan dinamis dan juga instan dalam mempercantik blog, tapi tidak semuanya sesuai dengan yang kita inginkan, dan dalam beberapa tampilan template yang bagus seringkali menempatkan penulis artikel dan label dibawah posting.</p> <p><a name="more"></a></p> <p><a href="http://www.blogger.com/blogger.g?blogID=8237890914187666021" name="more"></a></p> <p><b></b></p> <p align="justify">Kita juga tahu bahwa setiap <a title="Kode Template Bagian Body" href="http://tutorialdanbisnis.blogspot.com/2012/08/kode-template-bagian-body.html" target="_blank"><strong>Template</strong></a> suka beda susunan atau kode HTML nya.. itu sih biasa.. lha wong tergantung selera pembuatnya dan untuk template yang saya obrak-abrik ini , untuk <strong>Memindahkan Penulis Blog dan Label ke Bawah Judul Artikel</strong> caranya memang agak ribet.</p> <p>Namun patokan kita bahwa dalam struktur template blogspot, penulis artikel dan label untuk artikel dapat berada pada dua tag, yaitu : </p> <blockquote> <p><em><div class=”post-header“> <br /></em>Yaitu letak penulis artikel dan label berada di bawah judul artikel</p> <p><em><div class=’post-footer-line post-footer-line-1′> </em> <br />Yaitu letak penulis artikel dan label berada tepat di bawah artikel.</p> </blockquote> <p>Ok inilah cara yang saya lakukan untuk <strong>Memindahkan Penulis Artikel Ke Bawah Judul Posting</strong> :</p> <ol> <li>Log in ke account sobat di blogger.com  </li> <li>Klik tanda panah, lalu pilih Template </li> <li>Sangat disarankan sebaiknya backup dulu template dengan klik Backup / restore atau Cadangkan / Pulihkan, lalu klik download full template. </li> <li>Klik tanda X untuk kembali ke menu template </li> <li>Selanjutnya pilih Edit HTML  --> klik Procced atau proses </li> <li>Centang pada Expand Widget Templates </li> <li>Gunakan Ctrl +F untuk cari kode , lalu hapus yang warna pink <p></p> <blockquote> <p><div class='post-footer-line post-footer-line-1'>  <br /><font color="#ff00ff">Disini terdapat Kode Author, Waktu pembuatan, Jumlah komentar , dll.</font> <br /></div> </p> <p></p> <p><div class='post-footer-line post-footer-line-2'> <br /><font color="#ff00ff">Hapus code di bawah ini</font> <br /></div> </p> <p><div class='post-footer-line post-footer-line-3'> <br /><font color="#ff00ff">Hapus code dibawah ini <br /></font></div></p> </blockquote> <p></p> </li> <li>Lengkapnya seperti dibawah ini, silahkan kode warna <font color="#ff00ff">pink</font> dihapus</font></font> <p></p> <blockquote> <p><div class='post-footer-line post-footer-line-1'> <br />    <font color="#ff00ff">  <span class='post-author vcard'> <br />        <b:if cond='data:top.showAuthor'> <br /><data:post.dateHeader/> <br />          <data:top.authorLabel/> <br />            <b:if cond='data:post.authorProfileUrl'> <br />              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='</font><a href="http://schema.org/Person'"><font color="#ff00ff">http://schema.org/Person'</font></a><font color="#ff00ff">> <br />                <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <br />                <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <br />                  <span itemprop='name'><data:post.author/></span> <br />                </a> <br />              </span> <br />            <b:else/> <br />              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='</font><a href="http://schema.org/Person'"><font color="#ff00ff">http://schema.org/Person'</font></a><font color="#ff00ff">> <br />                <span itemprop='name'><data:post.author/></span> <br />              </span> <br />            </b:if> <br />        </b:if> <br />      </span> </font></p> <p></p> <p><font color="#ff00ff"><span class='post-timestamp'> <br />        <b:if cond='data:top.showTimestamp'> <br />          <data:top.timestampLabel/> <br />        <b:if cond='data:post.url'> <br />          <meta expr:content='data:post.url' itemprop='url'/> <br />          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> <br />        </b:if> <br />        </b:if> <br /></span> <span class='post-comment-link'> <br />        <b:if cond='data:blog.pageType != &quot;item&quot;'> <br />          <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <br />            <b:if cond='data:post.allowComments'> <br />              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <br />                <data:post.commentLabelFull/>: <br />              </a> <br />            </b:if> <br />          </b:if> <br />        </b:if> <br />      </span> <span class='post-icons'> <br />        <!-- email post links --> <br />        <b:if cond='data:post.emailPostUrl'> <br />          <span class='item-action'> <br />          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <br />              <img alt='' class='icon-action' height='13' src='</font><a href="http://img1.blogblog.com/img/icon18_email.gif'"><font color="#ff00ff">http://img1.blogblog.com/img/icon18_email.gif'</font></a><font color="#ff00ff"> width='18'/> <br />          </a> <br />          </span> <br />        </b:if> </font></p> <p><font color="#ff00ff">        <!-- quickedit pencil --> <br />        <b:include data='post' name='postQuickEdit'/> <br />      </span> <div class='post-share-buttons goog-inline-block'> <br />        <b:if cond='data:post.sharePostUrl'> <br />          <b:include data='post' name='shareButtons'/> <br />        </b:if> <br />      </div></font> <br />    </div></p> <p><div class='post-footer-line post-footer-line-2'> <br /><font color="#ff00ff"><span class='post-labels'> <br />        <b:if cond='data:post.labels'> <br />          <data:postLabelsLabel/> <br />          <b:loop values='data:post.labels' var='label'> <br />            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> <br />          </b:loop> <br />        </b:if> <br />      </span> <br /></font>      </div> </p> <p><div class='post-footer-line post-footer-line-3'> <br /><font color="#ff00ff"><span class='post-location'> <br />        <b:if cond='data:top.showLocation'> <br />          <b:if cond='data:post.location'> <br />            <data:postLocationLabel/> <br />            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> <br />          </b:if> <br />        </b:if> <br />      </span> <br /></font>    </div></div> <br />  </div> </p> </blockquote> </li> <li>Copy code warna merah di bawah ini dan pastekan di atas code yang berwarna hitam ( <div class='post-header-line-1'/> ). <p></p> <blockquote> <p><div class='post-header-line-1'/> <br /><font color="#ff0000"><div style='margin-bottom:40px;'> <br /><span class='post-author vcard'> <br />        <b:if cond='data:top.showAuthor'> <br />          <data:top.authorLabel/> <br />          <span class='fn'><data:post.author/></span> <br />        </b:if> <br />      </span> <br />      <span class='post-timestamp'> <br />        <b:if cond='data:top.showTimestamp'> <br />          <data:top.timestampLabel/> <br />        <b:if cond='data:post.url'> <br />          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> <br />        </b:if> <br />        </b:if> <br />      </span> <br />      <span class='reaction-buttons'> <br />        <b:if cond='data:top.showReactions'> <br />          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr> <br />            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <br />              <span class='reactions-label'> <br />              <data:top.reactionsLabel/></span>&#160;</td> <br />            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> <br />           </tr></table> <br />        </b:if> <br />      </span> <br />      <span class='star-ratings'> <br />        <b:if cond='data:top.showStars'> <br />           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/> <br />        </b:if> <br />      </span> <br />      <span class='post-comment-link'> <br />        <b:if cond='data:blog.pageType != &quot;item&quot;'> <br />          <b:if cond='data:post.allowComments'> <br />            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> <br />          </b:if> <br />        </b:if> <br />      </span> <br />       <!-- backlinks --> <br />       <span class='post-backlinks post-comment-link'> <br />         <b:if cond='data:blog.pageType != &quot;item&quot;'> <br />           <b:if cond='data:post.showBacklinks'> <br />             <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a> <br />           </b:if> <br />         </b:if> <br />       </span> <br />      <span class='post-icons'> <br />        <!-- email post links --> <br />        <b:if cond='data:post.emailPostUrl'> <br />          <span class='item-action'> <br />          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <br />              <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/> <br />          </a> <br />          </span> <br />        </b:if> <br /><span class='post-share-buttons'> <br /><b:include data='post' name='shareButtons'/> <br /></span> <br />        <!-- quickedit pencil --> <br />        <b:include data='post' name='postQuickEdit'/> <br />      </span> <br /><span class='post-labels'> <br />        <b:if cond='data:post.labels'> <br />          <data:postLabelsLabel/> <br />          <b:loop values='data:post.labels' var='label'> <br />            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> <br />          </b:loop> <br />        </b:if> <br />      </span> <br /><span class='post-location'> <br />        <b:if cond='data:top.showLocation'> <br />          <b:if cond='data:post.location'> <br />            <data:postLocationLabel/> <br />            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> <br />          </b:if> <br />        </b:if> <br />      </span></div></font></p> </blockquote> </li> <li>Lakukan Preview dulu, kalau sudah ok baru simpan templete . </li> </ol> <p>Itulah yang saya lakukan dalam <strong>Template Blog <a title="About Tutorial Dan Bisnis" href="http://tutorialdanbisnis.blogspot.com/2012/06/about-tutorial-dan-bisnis.html" target="_blank">Tutorial Dan Bisnis</a></strong> ini.</p> <p>Selanjutnya dalam Template blog yang lain, urutannya sama, hanya kode pada point 8 sedikit beda, lengkapnya begini : (Hapus yang warna pink)  </p> <blockquote> <p><div class='post-footer-line post-footer-line-1'>   <br />        <font color="#ff00ff"><b:if cond='data:top.showReactions'> <br />          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr> <br />            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <br />              <span class='reactions-label'> <br />              <data:top.reactionsLabel/></span>&#160;</td> <br />            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> <br />           </tr></table> <br />        </b:if> <br />      </span> <br />      <span class='star-ratings'> <br />        <b:if cond='data:top.showStars'> <br />           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/> <br />        </b:if> <br />      </span> <br />      <span class='post-comment-link'> <br />        <b:if cond='data:blog.pageType != &quot;item&quot;'> <br />          <b:if cond='data:post.allowComments'> <br />            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </font></p> <font color="#ff00ff"><span class='post-author vcard'> <br />        <b:if cond='data:top.showAuthor'> <br />          <data:top.authorLabel/> <br />          <span class='fn'><data:post.author/></span> <br />        </b:if> <br />      </span> <br />      <span class='post-timestamp'> <br />        <b:if cond='data:top.showTimestamp'> <br />          <data:top.timestampLabel/> <br />        <b:if cond='data:post.url'> <br />          <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> <br />        </b:if> <br />        </b:if> <br />      </span> <br />      <span class='reaction-buttons'> </font> <br /><font color="#ff00ff">          </b:if> <br />        </b:if> <br />      </span> <br />       <!-- backlinks --> <br />       <span class='post-backlinks post-comment-link'> <br />         <b:if cond='data:blog.pageType != &quot;item&quot;'> <br />           <b:if cond='data:post.showBacklinks'> <br />             <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a> <br />           </b:if> <br />         </b:if> <br />       </span></font><font color="#ff00ff">  <br /></font>    </div> <p><div class='post-footer-line post-footer-line-2'> <br /><font color="#ff00ff">Hapus code yang ada di antara ini </font> <br /></div> </p> <p><div class='post-footer-line post-footer-line-3'> <br /><font color="#0000ff"><font color="#ff00ff">Hapus code yang ada diantara ini </font> <br /></font></div></p> </blockquote> <p align="justify">Ok sampai dini Cara <strong>Memindahkan Penulis Ke bawah Judul Post</strong>, yang saya lakukan di blog ini barangkali bisa dijadikan bahan acuan jika sobat mau mencobanya. Siapa tahu tampilan blognya makin keren hingga disukai Mbah <strong><a href="http://tutorialdanbisnis.blogspot.com/2012/06/cara-membuat-email-di-google.html" target="_blank">Google</a> </strong>dan si Cantik <strong><a title="Cara Mudah Menurunkan Alexa Rank" href="http://tutorialdanbisnis.blogspot.com/2012/11/12-cara-mudah-menurunkan-alexa-rank.html" target="_blank">Alexa</a></strong>.. hehe. Yups.. Happy Blogging.</p> <p><strong>Catatan</strong> : <br />Setelah author blog, label dll. dipindahkan ke bawah judul posting… icon quick edit ( tanda pensil dan kunci pas + Obeng ) kok jadi hilang, gak mau tampil. Dicoba utak-atik tapi belum ketemu tuh..pusiing  soo bila sobat pembaca ada yang tahu n berkenan share.. tolong ya masukan di komentar.. please..</p> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com13tag:blogger.com,1999:blog-7146439954245890868.post-9406716275393729702012-11-24T15:11:00.001+07:002012-11-24T15:11:34.990+07:00Membuat Frame Area Posting Dan Sidebar<p align="justify">Salah satu upaya agar tampilan blog lebih enak dipandang mata adalah dengan membuat Frame / bingkai atau border berupa kotak yang membuat batas antar area posting (main-wrapper), widget di sidebar maupun footer.dan kebetulan kemarin saya baru <strong>Membuat Frame Area Posting Dan Sidebar</strong> di blog <strong>Tutorial Dan Bisnis</strong> ini.</p> <span class="fullpost"> <p align="justify">Untuk lebih jelasnya pada <a title="Kompres Gambar Dengan Advanced Jpeg" href="http://tutorialdanbisnis.blogspot.com/2012/07/kompres-gambar-dengan-advanced-jpeg.html" target="_blank">gambar</a> screenshoot dibawah ini terlihat <strong>Frame</strong> / <strong>Bingkai</strong> berupa garis tepi atau border pada setiap area posting dan widget di sidebar.</p> <p><img title="Membuat Frame Area Posting Dan Sidebar" alt="Membuat Frame Area Posting Dan Sidebar" src="https://lh6.googleusercontent.com/-gla5Lj1SqIU/ULBXLAalMSI/AAAAAAAAA_I/SRDsG12Vrd8/s400/Frame%2520Area%2520Posting%2520%2526%2520Sidebar.jpeg" /> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p>Inilah <strong>Cara Membuat Frame Area Posting Dan Sidebar</strong> yang saya lakukan :</p> <p><strong>a. Cara Membuat Frame / Bingkai Pada Area Posting (main wrapper)</strong></p> <ol> <li>Pertama login ke akun blogger atau dashboard. </li> <li>Pilih menu Template –> Edit HTML </li> <li>Selanjutnya cari code ini : <b>.post {</b>    tekan CTRL+F untuk memudahkan mencari </li> <li>Tambahkan kode dibawah ini tepat <u>dibawah</u> code <b>.post {</b> <p></p> <blockquote> <p>padding: 5px; <br />Border-top: 3px solid #000000; <br />Border-bottom: 3px solid #000000; <br />Border-left: 3px solid #000000; <br />Border-right: 3px solid #000000; <br />Margin-bottom: 10px; </p> </blockquote> </li> <li>Lakukan preview atau pratinjau dulu, jika sudah ok Lalu simpan template </li> </ol> <p></p> <p><strong>b, Cara membuat Frame / Bingkai Pada Sidebar </strong></p> <ol> <li>Pertama login ke akun blogger atau dashboard. </li> <li>Pilih menu Template –> Edit HTML </li> <li>Cari code ini : ]]></b:skin>   Agar lebih mudah mencari tekan control+F </li> <li>Tambahkan kode dibawah ini tepat <u>diatas</u> code ]]></b:skin> <p></p> <blockquote> <p>sidebar .widget{ <br />padding:5px 5px 5px 5px; <br />border:1px solid #C11209; <br />margin-bottom:5px</p> </blockquote> </li> <li>Lakukan preview atau pratinjau dulu, jika sudah ok Lalu simpan </li> </ol> <p><strong>Keterangan</strong> : Semua angka dan warna bisa diganti sesuai selera</p> <ul> <li>Padding: 5px; = Jarak antara text post dengan garis pinggir 5px; makin tinggi angka jarak dari tepi akan semakin lebar </li> <li>Border-top: 3px solid #000000; = garis pinggir atas 3px semakin tinggi angka,   maka akan semakin tebal garisnya </li> <li>Border-bottom: 3px solid #000000 ; = garis pinggir bawah 3px </li> <li>Border-left: 3px solid #000000 ; = garis pinggir kiri 3px </li> <li>Border-right: 3px solid #000000 ; = garis pinggir kanan 3px </li> <li>Margin-bottom: 10px; = jarak antar post yang satu dengan lainnya 10px </li> <li>Code warna #000000 adalah warna hitam </li> </ul> <p><strong>Catatan </strong>: Bentuk Frame bisa diganti sesuai selera                    </p> <ul> <li>solid      : bingkai menjadi garis biasa ( ___________ ) </li> <li>dotted   : bingkai menjadi titik-titik ( .............................. ) </li> <li>dashed : bingkai menjadi garis putus-putus ( --------------------- ) </li> <li>double  : Bingkai 2 garis biasa   ( = ) </li> <li>Ridge </li> <li>Groove </li> <li>Inset </li> <li>Outset </li> <li>Radius ( Sudut melengkung ) </li> <li>dan lain-lain </li> </ul> <p>Sampai disini  topik bahasan kita kita tentang <strong>Membuat Frame Area Posting Dan Sidebar</strong> selamat mencoba membuat halaman blog lebih menarik dan nyaman dimata pengunjung, tinggal tambah optimasi lebih <strong><a title="Cara Mudah Membuat Permalink Otomatis" href="http://tutorialdanbisnis.blogspot.com/2012/11/cara-mudah-membuat-permalink-otomatis.html" target="_blank">SEO Friendly</a></strong> sehingga nyaman juga dimata <strong>Google </strong>dan si <strong><a title="Cara Mudah Menurunkan Alexa Rank" href="http://tutorialdanbisnis.blogspot.com/2012/11/12-cara-mudah-menurunkan-alexa-rank.html" target="_blank">Cantik Alexa</a> .</strong></p> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com11tag:blogger.com,1999:blog-7146439954245890868.post-67922182940362261742012-06-11T04:41:00.000+07:002012-11-22T23:16:05.103+07:00Deskripsi Blog Tutorial Dan BisnisIni adalah Judul dan Deskripsi Blog<br />
<br />
Judul : Tutorial Dan Bisnis<br />
Deskripsi :<b>Belajar Tutorial Blog , Bisnis Online Dan Berbagi Info</b><br />
<br />
Keyword :<br />
Belajar, Tutorial Blog, Bisnis Online, Berbagi Info, Online Business, Tips dan Trik, Blogger dan Website, Blog dan Web, Dunia Usaha, Iklan , adsense, Internet, Dunia Maya, Berita aktual, SEO dan SERP, Template, Humor dan Hiburan<br />
<br />
<br />Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com6tag:blogger.com,1999:blog-7146439954245890868.post-39947638004000097452012-11-22T21:56:00.001+07:002012-11-22T21:56:25.779+07:00Cara Mudah Membuat Permalink Otomatis<p>Dari referensi yang saya baca <strong>Permalink</strong> adalah singkatan dari Permanent Link yang berisi alamat Url atau link dari postingan blog atau web yang biasanya disimpan dalam Author Box atau Kotak Admin. Sobat Mukti Effendi bertanya dalam salah satu komentarnya “ Bagaimana Cara Membuatnya ?.Ok Untuk lebih jelasnya saya posting saja <strong>Cara Mudah Membuat Permalink Otomatis Di Blogger</strong> seperti yang dipasang di blog ini. </p> <span class="fullpost"> <p>Konon <strong>Permalink </strong>dibuat dengan tujuan agar <strong>artikel </strong>lebih <strong>SEO Friendly</strong>, meningkatkan optimasi onpage serta dapat menambah internal link.. Semoga saja upaya ini benar disenangi oleh om <a title="Cara Membuat Email Di Google" href="http://tutorialdanbisnis.blogspot.com/2012/06/cara-membuat-email-di-google.html" target="_blank">Google</a><strong></strong> dan si <strong>cantik <a title="12 Cara Mudah Menurunkan Alexa Rank" href="http://tutorialdanbisnis.blogspot.com/2012/11/12-cara-mudah-menurunkan-alexa-rank.html" target="_blank">Alexa .</a></strong></p> <p>Ada beberapa style dari<strong> </strong>Permalink yang disebut juga <strong>Author Box</strong> atau <strong>Kotak admin</strong> yang biasanya disimpan dibawah postingan , ini wajar karena tiap orang bisa melakukan modifikasi sesual selera termasuk di blog <strong>Tutorial Dan Bisnis</strong> ini, contoh salah satu tipe Permalink seperti ini.  </p> <p><img style="display: block; float: none; margin-left: auto; margin-right: auto" src="https://lh5.googleusercontent.com/-jRpAGlEXvTM/UFBfu6MdoYI/AAAAAAAACT4/8XZE3AQmGwk/s144/Kotak%2520Admin.png" /> </p> <p>Ok langsung saja ke <strong>Cara Membuat Permalink OtomatisDi Blogger Baru</strong>.</p> <ol> <li>Login ke account blogger atau dashboard anda , lalu Pilih template  </li> <li>Sebaiknya klik Backup/Restore dulu untuk membackup template anda </li> <li>Lalu klik  Edit HTML >> Lanjutkan/Proceed </li> <li>Centang Expand Template Widget </li> <li>Cari kode <b>]]></b:skin></b> untuk memudahkan mencarinya gunakan Ctrl +F atau kalau di Firefox klik Edit….> Find … </li> <li>Kemudian copy kode di bawah ini dan paste SEBELUM kode ]]></b:skin> tadi. <p></p> <blockquote> <p>.buatpermalinkblogger {border:1px solid #191919; border-bottom:1px solid #666; border-right:1px solid #666; padding: 5px; background: <font color="#ff0000">#CCFFCC</font>;-moz-border-radius:5px;} <br />.buatpermalinkblogger a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}</p> </blockquote> <p>Tulisan warna merah <font color="#ff0000">#CCFFCC</font> adalah warna background, silahkan sesuaikan.</p> </li> <li> <p>Cari kode ini  <b><data:post.body/></b> atau  <strong><p><data:post.body/></p></strong> </p> <p>Kode dibawah ini letakan di bawah atau setelah kode diatas. Ingat kode diatas mungkin ada 2 atau lebih, dan di blog <strong>Saung Web</strong> ini saya simpan di kode yang pertama setelah Catatan dibawah posting atau sebelum <a title="Pasang Related Post Dengan Funfsi Scroll" href="http://saungweb.blogspot.com/2009/07/pasang-related-post-dengan-fungsi.html" target="_blank">Related Post</a>. </p> <p></p> <blockquote> <p> <br /><!-- Kotak Permalink mulai --> <br /><b:if cond='data:blog.pageType == &quot;item&quot;'> <br /><div class='buatpermalinkblogger'><center><small>Sobat sedang membaca artikel  <strong><u><data:blog.pageName/></u></strong> dengan Url <strong><u><data:post.url/></u></strong> , bila berkenan silahkan bagikan dengan tombol share di bawah. Bila mau COPAS untuk di blog sobat, letakan link aktif <strong><u><a expr:href='data:post.url'><data:blog.pageName/></a></u></strong> sebagai Sumbernya dengan copy kode di bawah ini.</small></center> <br />&lt;div&gt;   <br />&lt;form name=&quot;saung web&quot;&gt; <br />&lt;p align=&quot;center&quot; style=&quot;margin-top: 0; margin-bottom: 0&quot;&gt;&lt;textarea style=&quot;width: 97%; height: 10&quot; name=&quot;txt&quot; rows=&quot;1&quot; cols=&quot;45&quot; onmouseover=&quot;this.form.txt.select()&quot; readonly ;&gt;&lt;a href=&#39;<data:post.url/>&#39;target=&#39;_blank&#39;&gt;<font color="#ff0000">Tutorial Dan Bisnis</font>&lt;/a&gt;&lt;/textarea&gt;&lt;/p&gt; <br />&lt;/div&gt; <br /></div></b:if> <br /><!-- Kotak Permalink selesai –></p> <p></p> </blockquote> <p></p> <p align="center">Yang warna merah silahkan ganti dengan nama Blog sobat.</p> <p>Untuk jelasnya lihat tempat penyimpanan kode tersebut pada blog ini : </p> <p></p> <p></p> <blockquote> <p><p><data:post.body/></p> <br /><hr/><ol> <br /><li><font color='#ff00ff' size='2'><em>Thanks telah mampir,  yo kita saling vote dan comment.. </em></font></li> <br />  <li><em><font color='#ff00ff' size='2'>Gratis langganan artikel blog ini, silahkan klik <a href='<a href="http://feedburner.google.com/fb/a/mailverify?uri=Saungweb&amp;loc=en_US'">http://feedburner.google.com/fb/a/mailverify?uri=Saungweb&amp;loc=en_US'</a> target='blank'><strong> Disini</strong></a>,  atau masukan email  disidebar yg telah disediakan </font></em></li> <br /></ol> <hr/> <br /><font color="#ff0000"><blink>Kodenya Diletakan disini</blink> </font> <br /></font><b:if cond='data:blog.pageType == &quot;item&quot;'> <br /><H2>Related Post:</H2> </p> </blockquote> <p></p> <p></p> </li> <li>Kalau setelah kode pertama tak berhasil coba kode yang kedua atau ketiga dst.. </li> <li>Jika semua langkah diatas sudah di lakukan , tinggal <a title="Cara Tingkatkan Klik Pada Iklan" href="http://tutorialdanbisnis.blogspot.com/2012/08/cara-mudah-tingkatkan-klik-pada-iklan.html" target="_blank">klik</a> Simpan Template  </li> <li>Silahkan lihat hasilnya ….Selesai. </li> </ol> <ol>Sampai disini dulu <strong>Tutorial SEO</strong> dalam topik <strong>Membuat Permalink Otomatis Di Blogger Baru</strong> , Selamat mencoba, semoga berhasil.    Happy Blogging... </ol> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com9tag:blogger.com,1999:blog-7146439954245890868.post-49544801493316038652012-11-22T20:52:00.001+07:002012-11-22T20:52:39.229+07:0012 Cara Mudah Menurunkan Alexa Rank<p><strong><a href="http://tutorialdanbisnis.blogspot.com/2012/11/12-cara-mudah-menurunkan-alexa-rank.html" target="_blank"><img title="Alexa" style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" alt="Alexa" src="https://lh3.googleusercontent.com/-N38XZJJJNKg/UKmmSdV4xQI/AAAAAAAAA90/fnMqStJ3lNM/s144/Adingtea.jpg" border="0" /></a> </strong><strong>Alexa rank</strong> adalah sebuah peringkat blog/website yang dibuat oleh Alexa.com  berdasarkan banyaknya traffic atau kunjungan terhadap website atau blog tersebut. Bilangan rangking atau peringkat alexa makin  kecil maka semakin bagus, berbeda dengan pagerank <a href="http://tutorialdanbisnis.blogspot.com/2012/06/cara-membuat-email-di-google.html" target="_blank">google</a> yaitu makin besar makin bagus. Untuk itu saya posting <strong>12 Cara Mudah Menurunkan Alexa Rank </strong></p> <span class="fullpost"> <p align="justify">Bagi pemilik website atau <a href="http://tutorialdanbisnis.blogspot.com/2012/06/deskripsi-blog-tutorial-dan-bisnis.html" target="_blank">blog</a> yang tidak diperuntukan untuk bisnis, mungkin <b>rank alexa </b>tidak terlalu berguna. Meskipun begitu tetap saja <strong>ranking alexa</strong> membuat gengsi tersendiri. Karena kebanyakan blogger mengangap bahwa semakin bagus nilai alexanya maka akan semakin bagus pula nilai suatu website atau blog.</p> <p align="justify">Membuat Alexa ramping ini saya kemas dalam posting <strong>12 Cara Mudah Menurunkan  Alexa Rank</strong>, mudah2an rumus atau tips nya masih berlaku, minimal untuk blog ini yang jarang disentuh hingga masih berkisar 6.454.505 saat posting ini dibuat 22 Nopember 2012. </p> <p align="justify">Ok.. inilah <strong>12 Cara Mudah Menurunkan  Alexa Rank</strong> : </p> <ol> <li><strong>Pasang Widget Alexa Rank  atau Traffic Rank <br /></strong><img style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin: 4px 10px 10px 0px; border-right-width: 0px" height="90" src="https://lh5.googleusercontent.com/-nIAVsEzpcHY/S2SRvc0z2zI/AAAAAAAABAg/eQLdRVxog9s/s800/image_thumb%255B1%255D.png" width="105" align="left" border="0" /> Blog atau web yang baru dibuat bisa jadi masih mempunyai nilai traffic rank alexa yang masih tinggi mungkin saja  15 juta keatas, tapi tidak perlu malu untuk menunjukkannya ke public, karena dengan menempelkan widget tersebut akan lebih mudah bagi <strong>Alexa</strong>  mendeteksi dan mengenal blog kita.  <br /></li> <li><strong>Memasang Widget Review</strong>  <br /><a title="Cara Mudah Menurunkan Alexa Rank" href="http://saunglink.blogspot.com"><img style="display: inline; margin: 4px 15px 10px 0px" src="https://lh4.googleusercontent.com/-89KrMfhcyG0/UEWLxtZ4MII/AAAAAAAACM8/yXNeXOXEKAo/s800/Alexa%2520review.jpg" align="left" /></a> Dengan dipasangnya widget review ini siapa tahu ada visitor yang mau mereview blog kita. Atau mengajak temen untuk saling mereview karena ini adalah cara yang ampuh untuk untuk menurunkan ranking alexa.     <p></p> </li> <li> <p><strong>Pasang Alexa Toolbar  </strong> <br />Menginstal Toolbar Alexa pada browser <em>katanya</em> akan bisa meningkatkan ranking blog/website kita, karena  akan terjadi penambahan ranking point  dari tante Alexa . </p> <p></p> </li> <li><strong>Bookmark  Blog Sebagai Homepage Browser</strong> <br />Setelah menginstal Alexa Toolbar, selanjutnya adalah mem-bookmark blog anda sebagai homepage di komputer yang sering digunakan untuk browsing (baik itu dirumah, dikantor, diwarnet atau dimana saja), makin banyak makin bagus. Logikanya kalau ada 50 komputer homepage nya blog anda maka setiap orang yang membuka browser tersebut  maka yng pertama tampil adalah blog anda dan ini akan menjadi traffic tersendiri , cara menjadikannya hompage lihat dibawah pada link postingan terkait. <p></p> </li> <li><strong><i>Blogwalking</i> Dan Bangun Back link sebanyak mungkin <br /></strong>Blogwalking adalah cara manual paling ampuh untuk meningkatkan rank alexa, setiap <a title="Cara Setting Blog di Blogger Baru" href="http://tutorialdanbisnis.blogspot.com/2012/06/cara-setting-blog-di-blogger-baru.html" target="_blank">blogger</a> pasti melakukannya seperti kunjung mengunjung, tukeran link, <a href="http://saungweb.blogspot.com/2010/01/cara-daftar-submit-blog-ke-search.html" target="_blank">Submit Blog ke Search Engine</a> , berkomentar dan membalas komentar apalagi jika di blog dofollow, dll. salah satu cara yang saya lakukan untuk membangun backlink secara gratis namun sangat ampuh dan berkualitas caranya ada <a title="Link Cantik Berkualitas" href="http://tutorialdanbisnis.blogspot.com/2012/08/link-cantik-berkualitas.html" target="_blank">disini</a>  <p></p> </li> <li><strong>Aktif di Situs atau Forum Social Networking.</strong> <br />Menurut salah seorang tetngga katanya yang bagus ikut di Asian social networking karena menurut penilaian Search Engine Google bahwa Asia Timur adalah pengguna alexa toolbars yang besar. Ini dibuktikan dengan beberapa blog atau situs dari Asia Timur yang masuk Top 500 di Alexa <p></p> </li> <li><strong>Pasang Meta Tag Dari Alexa</strong>. <br />Jika sudah punya akun di alexa ada baiknya untuk memasang Meta tag dari Alexa, contohnya punya blog ini : <p></p> <blockquote> <ul> <li><!—IBpodiyjpo1OxUq1I7lhwiByAag –> </li> <li><meta name="alexaVerifyID" content="IBpodiyjpo1OxUq1I7lhwiByAag" />,   </li> <li><meta name="keywords" <br />content="keyword1,keyword2, IBpodiyjpo1OxUq1I7lhwiByAag" /> </li> </ul> </blockquote> <p>  Cara memasangnya pilih salah satu meta tag diatas dan taruh dibawah kode <head> atau diatas kode <b:skin><![CDATA[/* </p> <p></p> </li> <li> <p><strong>Label atau Kategori Alexa Pada Artikel</strong> <br />Saat membuat artikel tentang Situs Alexa, selalu gunakan label atau kategori dengan keyword :  <strong>alexa, alexa rank, alexa traffic rank, rangking alexa</strong>, dan lain sebagainya. Intinya ada kata 'Alexa' , ini akan membuat senang si tante yang genit ini. </p> <p></p> </li> <li><strong>Update Blog atau Web Secara teratur</strong> <br />Update blog lebih baik jika berkala atau secara teratur misalnya 4 hari sekali minimal 1 artikel ,  tidak seperti saya kapan maunya saja kalau lagi ada mood. hehe.. Buatlah artikel  menarik, ijinkan blogger lain menyebarluaskan artikelnya dengan syarat menyertakna link aktif blog/web anda, ini adalah promosi secara tidak langsung. Ada juga yang menyarankan  update atau publish artikelnya pada dini hari atau pukul  24.00 WIB. Believe or not ? coba aja.. <p></p> </li> <li><b>Berkomentar di Blog yang Memiliki Ranking Alexa Tinggi</b> <br />Berkomentar pada blog yang memiliki ranking Alexa lebih tinggi, maka kita juga akan terkena imbasnya. Sama seperti PageRank Google. Cobalah kunjungi blog yang memiliki ranking Alexa yang tinggi setiap hari dan tinggalkanlah beberapa komentar di postingannya. Selain peningkatan ranking Alexa, juga akan mendapatkan banyak Backlink Alexa. <p></p> </li> <li> <p><b>Gunakan Alexa Pro</b> <br />So0.. pasti dengan menggunakan Alexa Pro / bebayar  tentu saja dapat meningkatkan ranking Alexa dengan cepat. Sayangnya harga yang ditawarkan cukup mahal, yakni dari $9 hingga $149 per bulan. Namun, versi yang free saja menurut saya sudah cukup bagus. </p> <p></p> </li> <li><strong>Kirim Parsel</strong> <br />Kalau mau lebih cepat turun lagi.. coba.. setiap habis lebaran kirim parsel ke tante alexa yang <strong>cantik</strong> ini… pasti ....???  <p></p> Itulah idealnya <strong>12 Cara Mudah Menurunkan Rank Alexa</strong> , yo kita mulai diet agar si <strong>cantik Alexa</strong> tidak gembrot tapi tampil langsing menggairahkan. Kalau mau masuk ke situs nya klik <a href="http://www.alexa.com" target="_blank" rel="nofollow">www.alexa.com</a>  </li> </ol> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com2tag:blogger.com,1999:blog-7146439954245890868.post-66936405496169191682012-08-02T04:00:00.001+07:002012-11-22T06:47:22.217+07:00Cara Mudah Tingkatkan Klik Pada Iklan<div align="justify"><a title="Cara Mudah Tingkatkan Klik Pada Iklan" href="http://tutorialdanbisnis.blogspot.com/2012/08/cara-mudah-tingkatkan-klik-pada-iklan.html" target="_blank"><img title="Cara Tingkatkan Klik Pada Iklan" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 10px 0px 0px; border-right-width: 0px" alt="Cara Tingkatkan Klik Pada Iklan" src="https://lh5.googleusercontent.com/-R7aQ1UjIu8o/UKmmUQ7W0CI/AAAAAAAAA-A/gPbQu_JNM8Y/s144/Koyal%2520Rana%25203.JPG" align="left" border="0" /></a> Mencoba untuk <strong>Belajar Bisnis Internet </strong>atau<strong> Bisnis Online</strong> mulai dengan Topik Bahasan <strong>Cara Mudah Tingkatkan Klik pada Iklan</strong> apakah itu <strong>google  Adsense</strong> , PPC atau jenis iklan lainnya  yang ditayangkan di Blog atau Web.. Soalnya banyak pengunjung belum menjamin banyak juga yang klik iklan.</div> <span class="fullpost"> <p> <br />Langsung aja berikut kira2  <strong>Cara Mudah Tingkatkan Klik Pada  Iklan</strong> atau adsense  lainnya.  yang dapat saya resume dari hasil googling ke beberapa tetangga, diantaranya : </p> <ol> <li>Konten original dan aktual <br />Konten atau materi postingan blog tentunya harus yang banyak dicari , syukur original dan <a href="http://saungweb.blogspot.com/2009/12/memilih-judul-artikel-dengan-google.html" target="_blank">aktual</a> <p></p> </li> <li>Materi posting tidak musiman <br />Selain nomor satu diatas perhatikan juga bahwa Isi posting dalam blog sebaiknya materi yang banyak dicari untuk jangka waktu lama atau sepanjang hayat.. tidak bersifat musiman misalnya posting tentang <a href="http://tutorialdanbisnis.blogspot.com/2012/06/cara-mudah-membuat-blog-di-blogger.html" target="_blank">cara membuat blog di blogspot</a>. Nah materi ini akan selalu dibutuhkan oleh setiap pemula pada setiap generasi. Bila mereka puas kemungkinan atau diharapkan akan mengklik iklan sebagai rasa terima kasihnya,  toh gak sulit cuman klik doang , apalagi dengan niatan ibadah.. dapat pahala tuh.. <p></p> </li> <li>Traffik <br />Traffik adalah faktor yang sangat penting jika iklannya ingin banyak diklik, lha gimana mau ada yg kl;ik iklan kalau blognya gak ada pengunjung ??. ini sama aja boong. . Bagai mana cara  meningkatkan trafik  ? banyak yang sudah bahas  soal ini. Atau kalau mau bisa baca <a href="http://linktea.blogspot.com/2010/02/cara-meningkatkan-alexa-rank.html" target="_blank">disini</a>, atau yang ini, masih kurang bisa lanjut ke sini.. <p></p> </li> <li>Iklan mudah terlihat <br />Artinya penemnpatan iklan dilokasi yang tepat dan mudah terlihat termasuk disini ukuran, jenis dan mungkin warna iklan itu sendiri bisa mengundang orang untuk  mengkliknya.. Istilahnya bikin gemes gituh..  hingga ingin menyentuhnya.. hehe…. <p></p> </li> <li>Kurangi Widget yang kurang penting <br />Jangan asal pasang widget apalagi yang tak ada hubungannya dengan konten blog, disamping membuat blog menjadi berat juga membuat bingung para pengunjung. ( kesindir juga aku.. hik..hik.. ). <p></p> </li> <li>Jangan Banyak pasang iklan <br />Maksudnya adalalh jangan kemaruk pasang iklan dari berbagai jenis / sumber , lebih baik fokus ke 1 atau 2 iklan saja misalnya dari google adsense dan dari mana gitu sehingga pengunjung gak bingung mau klik yang mana ??. <p></p> Ini sebenarnya tergantung dari pengunjung juga ya.. soalnya ada pengunjung yang  datang baca artikel lalu copas pergi deh.. boro2 ingat <a href="http://linktea.blogspot.com/2012/08/tips-meningkatkan-klik-google-adsense.html" target="_blank">klik iklan</a> sebagai rasa terima kasih .. ini blogger yang punya semboyan ala sang Jendral Romawi Julius Caersar , Vini, Vidi, Visi yaitu saya datang, saya lihat / baca, saya copas atau komentar dan saya menang link ( apalagi dari blog dofollow.). <p></p> </li> <li>Hilangkan kotak komentar, <br />Mungkin cara ini lain dari pada yang lain tapi ada blog tetangga ini yang pake cara ekstrim gini katanya gak butuh comment tapi butuh Klik ke Adsense dari pengunjung. <p></p> Wah kalau yang ini bagi saya masih berat .. soalnya komentar ini perlu juga sebagai sarana interaktif dengan admin. <p></p> </li> <li>Hidangkan Menu 4 klik buat visitor <br />Maksudnya sebagai yang punya rumah begitu ada tamu/visitor selalu disuguhi hidangan dengan menu 4 klik yaitu : </li> </ol> <ul> <li>Klik artikel yang ok buat dibaca </li> <li>Klik iklan atau Google Adsense </li> <li>Klik <a href="http://saungweb.blogspot.com/2009/07/pasang-related-post-dengan-fungsi.html" target="_blank">Related post</a>  atau Recent post </li> <li>Klik close atau kabur. </li> </ul> Kira-kira itulah resume saya yang baru belajar <a href="http://bisnisngetop.blogspot.com/2012/07/bos-iklan-baris-gratis.html" target="_blank">Bisnis online</a> dari hasil googling ke blog tetangga, dikemas dengan judul <strong>Cara Mudah Tingkatkan klik Pada Iklan</strong> semoga aja dengan cara ini jumlah klik iklan Google di blog ini jadi meningkat tajam… amin. </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com7tag:blogger.com,1999:blog-7146439954245890868.post-41028527694150038862012-11-21T22:44:00.001+07:002012-11-21T22:44:53.276+07:00Belajar Membuat Template Blogger<p><a title="Tutorial Dan Bisnis" href="http://tutorialdanbisnis.blogspot.com/2012/11/belajar-membuat-template-blogger.html" target="_blank"><img title="Belajar Tempat Bogger" style="border-top-width: 0px; display: inline; border-left-width: 0px; border-bottom-width: 0px; margin: 0px 10px 0px 0px; border-right-width: 0px" alt="Belajar Tempat Bogger" src="https://lh5.googleusercontent.com/-R7aQ1UjIu8o/UKmmUQ7W0CI/AAAAAAAAA-A/gPbQu_JNM8Y/s144/Koyal%2520Rana%25203.JPG" align="left" border="0" /></a> Tutorial Blog 10 : <strong>Belajar Membuat Template Blogger</strong> </p> <p>Berdasarkan postingan sebelumnya dalam serial Tutorial Blog dan Template dari tutorial 1 sampai 10, rasanya cukup sebagai dasar untuk melakukan editing template  blogspot bahkan untuk <strong>Belajar Membuat Template Blogger</strong> hasil rancangan sendiri. </p> <span class="fullpost"> <p align="justify">Bagi para designer template memang punya cara dan selera masing-masing dalam rancangannya, itulah sebabnya banyak template yang kode CSS ( Cascading Style Sheets ) berbeda termasuk juga dalam susunannya. </p> <p align="justify">Oleh karena hal diatas maka khusus bagi pemula seperti saya perlu memperhatikan beberapa langkah  berikut ini sebagai panduan dalam Belajar <strong>Merancang Template Blogger</strong> sendiri, diantaranya : </p> <p>Langkah 1:  <strong>Pilih template yang sudah jadi sebagai acuan</strong> </p> <p>Cara termudah dan tercepat untuk mulai merancang template sendiri Untuk pemula adalah dengan memulai dari template yang ada dan dianggap cocok dengan selera tanpa bermaksud menjiplak tapi semata-mata  sebagai acuan dan kita tidak perlu menuliskan kode-kode template yang cukup rumit tapi tinggal copas saja kode-kode yang diperlukan. <br />Template awal yang berguna untuk acuan adalah bagian Body (yang menetapkan tata letak keseluruhan / layout dan jumlah kolom) , kode CSS (misalnya # main-wrapper,. Sidebar, # sidebar2, blog-pager, dll) dan beberapa 'default' kode yang tidak boleh dimodifikasi atau dihilangkan. </p> <p>Langkah 2:  <strong>Menetapkan jumlah dan lokasi kolom sidebar</strong> </p> <p align="justify">Jika seorang pemula, pastikan memulai dengan template yang mirip dengan desain yang akan dirancang, misalnya jika ingin merancang template 3 kolom, jangan beracuan dengan template 2 kolom.  Jika ingin menambah atau mengubah sidebar, baca <a href="http://tutorialdanbisnis.blogspot.com/2012/11/cara-membuat-template-blogger-3-kolom.html" target="_blank">Cara Membuat Template Blogger 3 Kolom</a>. </p> <p>Langkah 3:  <strong>Menetapkan lebar dari template</strong>  </p> <p align="justify">Hal pertama yang perlu Anda lakukan setelah mendapatkan template awal adalah untuk mengatur lebar dari template Anda. Untuk ii yang perlu dilakukan adalah  memodifikasi kode di CSS. lihat penjelasanya di postingan <a href="http://tutorialdanbisnis.blogspot.com/2012/07/cara-mengatur-ukuran-template.html" target="_blank">Cara Mengatur Ukuran Template   .</a></p> <p>Bagian yang biasanya untuk mengatur lebar adalah </p> <ul> <li>body </li> <li>outer-wrapper </li> <li>content-wrapper </li> <li>header-wrapper </li> <li>main-wrapper </li> <li>sidebar-wrapper (atau sidebar1, sidebar2, dan selanjutnya) </li> <li>footer-wrapper </li> </ul> <ul>Pengaturan lebar yang sedikit rumit adalah di container-wrapper karena didalamnya ada bagian Main dan Sidebar, jika lebar tidak diatur dengan baik, maka Sidebar dapat berada dibawah Main. </ul> <p>Langkah 4: <strong>Menguji Template </strong></p> <p align="justify">Jika merancang template baru, kita harus tahu bahwa perubahan yang dilakukan itu telah sesuai dengan yang diinginkan.  Bagaimana mengujinya?  yaitu dengan mengirimkan artikel yang memiliki kutipan (blockquote), daftar bernomor, daftar tidak bernomor dan membuat beberapa widget untuk melihat bahwa tampilan sidebar sesuai dengan yang diinginkan. </p> <p>Langkah 5:  <strong>Memodifikasi kode CSS untuk mengubah tampilan</strong> </p> <p align="justify">Disinilah kita memulai mengutak-atik kode CSS, untuk menyesuaikan tata letak blog dan tampilan sesuai dengan yang diinginkan.  Proses ini biasanya memakan waktu yang paling lama, kita akan bolak-balik memodifikasi kode karena hal yang sangat jarang untuk langsung mendapatkan sesuatu yang sempurna untuk pertama kali.  Silahkan baca postingan :  </p> <ol> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/07/setting-properti-kontainer-template.html" target="_blank">Setting Properti Kontainer Template Blogger</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/07/bagian-css-styling-template-blogger.html" target="_blank">Bagian CSS Styling Template Blogger</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/07/stuktur-css-template-blogger-1.html" target="_blank">Stuktur CSS Template Blogger 1</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/06/struktur-dasar-template-blogger-3.html" target="_blank">Struktur Dasar Template Blogger 3</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/06/struktur-dasar-template-blogger-2.html" target="_blank">Struktur Dasar Template Blogger 2</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/06/struktur-dasar-template-blogger-1.html" target="_blank">Struktur Dasar Template Blogger 1</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/06/struktur-bagian-dasar-template-blog.html" target="_blank">Struktur / Bagian Dasar Template Blogger</a> </li> </ol> <p>Langkah 6:  <strong>Menguji Template di browser lain</strong></p> <p align="justify">Hal ini perlu dilakukan karena pengguna interet ini banyak dan menggunakan browser yang berbeda. Oleh karena itu cobalah uji dengan Google Chrome opera, firefox, internet explorer dan lain-lain. Adakalanya sebuah blog tampil sempurna di firefox  dan chrome tapi kurang sempurna di browser lainnya. </p> <p>Langkah 7:  <strong>Menggunakan gambar sebagai latar belakang</strong> </p> <p align="justify">Jika Anda bosan menggunakan warna polos, Anda dapat menggunakan gambar yang lebih bagus sebagai latar belakang seluruh blog atau latar belakang dari beberapa wadah (misalnya Post, Sidebar, Footer, Header, dll). </p> <p>Langkah 8:  <strong>Menyelesaikan Template</strong> </p> <p align="justify">Langkah ini adalah langkah yang terakhir, yaitu menguji template, melihat dengan hati-hati tampilan blog dan memeriksanya apakah semua kode yang dituliskan dapat bekerja dengan baik atau tidak. </p> <p align="justify">Ok sampai disini dulu rangkaian artikel Tutorial blog dalam topik bahasan <strong>Belajar Mengenal Template Blogger</strong>. Memang belum tuntas karena masih banyak yang perlu dibahas namun dalam tahap pertama ini saya cukupkan dulu sampai postingan ini yaitu <strong>Belajar Membuat template Blogger</strong> sebagai implementasi atau prakteknya. </p> <p>Semoga bermanfaat , yang jelas ini sebagai bahan rujukan  saya pribadi dalam utak-atik <strong>template</strong> blog ini dan blog lainnya. </p> <p>Semua postingan dalam serial <strong>Mengenal Template Blogger</strong>  : </p> <ol> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/11/cara-membuat-template-blogger-3-kolom.html" target="_blank">Cara Membuat Template Blogger 3 Kolom</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/11/kode-css-template-bagian-body-2.html" target="_blank">Kode CSS Template Bagian Body 2</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/08/kode-template-bagian-body.html" target="_blank">Kode Template Bagian Body</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/07/cara-mengatur-ukuran-template.html" target="_blank">Cara Mengatur Ukuran Template</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/07/kontainer-umum-dan-elemen-template.html" target="_blank">Kontainer Umum Dan Elemen Template Blogger</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/07/setting-properti-kontainer-template.html" target="_blank">Setting Properti Kontainer Template Blogger</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/07/bagian-css-styling-template-blogger.html" target="_blank">Bagian CSS Styling Template Blogger</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/07/stuktur-css-template-blogger-1.html" target="_blank">Stuktur CSS Template Blogger 1</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/06/struktur-dasar-template-blogger-3.html" target="_blank">Struktur Dasar Template Blogger 3</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/06/struktur-dasar-template-blogger-2.html" target="_blank">Struktur Dasar Template Blogger 2</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/06/struktur-dasar-template-blogger-1.html" target="_blank">Struktur Dasar Template Blogger 1</a> </li> <li><a href="http://tutorialdanbisnis.blogspot.com/2012/06/struktur-bagian-dasar-template-blog.html" target="_blank">Struktur / Bagian Dasar Template Blogger</a> </li> </ol> <p>Bahan referensi : <a href="http://www.ourblogtemplates.com" target="_blank" rel="nofollow">Our Blogger Template</a></p> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com2tag:blogger.com,1999:blog-7146439954245890868.post-57448379757083700532012-11-21T03:21:00.001+07:002012-11-21T03:21:35.792+07:00Cara Membuat Template Blogger 3 Kolom<p>Totorial Blog 9 : Cara Membuat Template Blogger 3 Kolom</p> <p align="justify">Dengan memahami postingan sebelumnya tentang <a href="http://tutorialdanbisnis.blogspot.com/2012/08/kode-template-bagian-body.html">Kode Template Bagian Body</a> dan <strong>Kode CSS Template Bagian Body 2,</strong> sekarang kita coba bahas tentang <strong>Cara Membuat Template Blogger 3 Kolom</strong> atau lebih karena pada dasarnya hanya tinggal mengatur kode XML bahkan tidak perlu centang Expand Widget Templat pada halaman Edit HTML.</p> <span class="fullpost"> <p>Perlu dipahami bahwa kode HTML atau Kode CSS pada setiap template mungkin berbeda tergantung selera pembuatnya, namun  pada dasarnya variasi perbedaan itu takan terlalu jauh asal kita paham standar bakunya.</p> <p>Ok langsung ke <strong>Cara Membuat Template Blogger 3 Kolom</strong> ,, yoo ke tkp :</p> <p>Kita mulai dengan Contoh <strong>Kode Template 2 kolom</strong> :</p> <p>Dalam contoh ini ditunjukan bahwa template 2 kolom ini berada dalam wrapper/pembungkus yang namanya <strong>content-wrapper</strong> dimana didalamnya terdiri dari <strong>main-wrapper</strong> sebagai area posting dan <strong>sidebar-wrapper</strong>. </p> <p><code>div id='content-wrapper'> <br /><div id='main-wrapper'> <br /><b:section class='main' id='main' showaddelement='no'> <br /><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> <br /></b:section> <br /></div> <br /><font color="#ff0000"><div class='sidebar-wrapper'> <br /><b:section class='sidebar' id='sidebar1' preferred='yes'> <br /></b:section> <br /></div> </font></code></p> <p><code><!-- spacer for skins that want sidebar and main to be the same height--> <br /><div class='clear'> </div> <br /></div> <!-- end content-wrapper –></code> </p> <p>Contoh <strong>Membuat Template 3 Kolom</strong> </p> <p>Untuk membuat sidebar baru, tinggal copy saja kode sidebar-wrapper yang  warna <font color="#ff0000">merah</font> dan paste  sebelum atau sesudah blok main-wrapper sehingga hasilnya akan seperti dibawah ini :</p> 1.Contoh Format kolom <strong>Sidebar-Main-Sidebar</strong> atau format S-M-S .  <p><code><div id='content-wrapper'></code><code></code> <br /><code> <br /></code><font color="#ff0000"><code><div class='sidebar-wrapper'> <br /><b:section class='sidebar' id='sidebar1' preferred='yes'> <br /></b:section> <br /></div></code> <br /></font><code> <br /><div id='main-wrapper'> <br /><b:section class='main' id='main' showaddelement='no'> <br /><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> <br /></b:section> <br /></div></code><code> <br /></code><code><font color="#ff0000"><div class='sidebar-wrapper'> <br /><b:section class='sidebar' id='<font color="#ff00ff">sidebar2</font>' preferred='yes'> <br /></b:section> <br /></div> </font></code></p> <p><code><!-- spacer for skins that want sidebar and main to be the same height--> <br /><div class='clear'> </div> <br /></div> <!-- end content-wrapper –></code> </p> <p><u><b>Catatan</b></u>:  </p> <ul> <li>Beri nama atau id untuk sidebar-wrapper nya misalnya sidebar1 dan  sidebar2 </li> <li>Ketika membuat sidebar pastikan bahwa lebar kedua kolom Sidebars dan Main akan cocok berada di content-wrapper dan kode CSS nya juga harus dipastikan bahwa sidebars akan terletak disamping kiri dan kanan jangan sampai melorot kebawah bawah blok Main. </li> </ul> <p>2. Contoh Format kolom <strong>Main-Sidebar-Sidebar</strong> atau M-S-S, </p> <p><code><div id='content-wrapper'></code><code></code><code></code> <code> <br /><div id='main-wrapper'> <br /><b:section class='main' id='main' showaddelement='no'> <br /><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> <br /></b:section> <br /></div></code><code> <br /></code><code><font color="#ff0000"><div class='sidebar-wrapper'> <br /><b:section class='sidebar' id='sidebar1' preferred='yes'> <br /></b:section> <br /></div> <br /></font></code><code><font color="#ff0000"><div class='sidebar-wrapper'> <br /><b:section class='sidebar' id='sidebar2' preferred='yes'> <br /></b:section> <br /></div> </font></code></p> <p><code><!-- spacer for skins that want sidebar and main to be the same height--> <br /><div class='clear'> </div> <br /></div> <!-- end content-wrapper –></code> <br /></p> <p>Nah begitulah <strong>Cara Membuat Template Blogger 3 Kolom</strong> , jadi hanya tinggal memindahkan kode sidebar-wrapper nya saja dan jangan lupa untuk merubah nama atau id nya seperti id='sidebar2' , id='sidebar3' atau id='sidebarleft' , id='sidebarright' , dll.</p> <p>Sekarang kita sudah tahu, bagaimana caranya membuat dan mengubah lokasi dari sidebar dengan cara yang sangat sederhana, walaupun tidak mengerti maksud dari kode-kode HTML nya.</p> <ul> <li>Posting sebelumnya : <a href="http://tutorialdanbisnis.blogspot.com/2012/11/kode-css-template-bagian-body-2.html" target="_blank">Kode CSS Template Bagian Body 2</a> </li> <li>Posting selanjutnya  : <a href="http://tutorialdanbisnis.blogspot.com/2012/11/belajar-membuat-template-blogger.html" target="_blank">Belajar Membuat Template Blogger</a>  </li> </ul> <ul><em>Source : </em><a href="http://www.ourblogtemplates.com" target="_blank" rel="nofollow"><em>Our Blogger Template</em></a></ul> <p> </p> <p></p> <p><a title="http://www.ourblogtemplates.com/2007/06/making-3-column-template-and-more.html" href="http://www.ourblogtemplates.com/2007/06/making-3-column-template-and-more.html"> </a></p> <p></p> <p></p> <ol></ol> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com6tag:blogger.com,1999:blog-7146439954245890868.post-3472124229701672332012-11-20T01:21:00.001+07:002012-11-20T08:46:20.851+07:00Kode CSS Template Bagian Body 2<p>Tutorial 8 : <strong>Kode CSS Template Bagian Body 2</strong></p> <p align="justify">Masih sekitar tutorial blog serial <strong>Struktur CSS Template Blogger </strong>yang sudah lama tidak saya update, Sebelum ini saya posting artikel tentang <a href="http://tutorialdanbisnis.blogspot.com/2012/08/kode-template-bagian-body.html" target="_blank">Kode Template Bagian Body</a><strong></strong> silahkan kalau mau baca dulu agar nyambung dengan artikel ini sebagai lanjutannya yaitu <strong><strong>Kode </strong>CSS Template Bagian Body 2</strong> , begitu ceritanya….</p> <span class="fullpost"> <p align="justify">Beberapa perintah khusus akan kita lihat dalam <strong>Kode CSS (Cascading Style Sheets) Template Bagian  Body</strong>  seperti sample di bawah ini : </p> <p> <br /></p> <blockquote> <p><code><body> <br /><div id='outer-wrapper'><div id='wrap2'> <br /><!-- skip links for text browsers --> <br /><span id='skiplinks' style='display:none;'> <br /><a href='#main'>skip to main </a> | <br /><a href='#sidebar'>skip to sidebar</a> <br /></span> <br /><div id='header-wrapper'> <br /><b:section class='header' id='header' <font color="#ff00ff">maxwidgets='1' showaddelement='no'</font> > <br /><b:widget id='Header1' locked='true' title='Blog Title' type='Header'/> <br /></b:section> <br /></div> <br /><div id='content-wrapper'> <br /><div id='main-wrapper'> <br /><b:section class='main' id='main' <font color="#ff00ff">showaddelement='no'</font> > <br /><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> <br /></b:section> <br /></div> <br /><div class='sidebar-wrapper'> <br /><b:section class='sidebar' id='sidebar2' <font color="#ff00ff">preferred='yes' </font>> <br /></b:section> <br /></div> <br /><!-- spacer for skins that want sidebar and main to be the same height--> <br /><div class='clear'> </div> <br /></div> <!-- end content-wrapper --> <br /><div id='footer-wrapper'> <br /><b:section class='footer' id='footer'> <br /><b:widget id='Text1' locked='false' title='Blogger Template | JournalBlue' type='Text'/> <br /></b:section> <br /></div> <br /></div></div> <!-- end outer-wrapper --> <br /></body></code> </p> </blockquote> <p><strong>Catatan dalam Kode CSS Bagian Body</strong> ini adalah :</p> <p></p> <ol> <li>Setiap bagian atau kontainer harus dibungkus (to be wrapped) dengan tag <em><font color="#ff00ff">div</font> </em>dan tag <em><font color="#ff00ff">b:section</font> ,</em> begitulah secara defaultnya. </li> <li>Kemudian setiap tag <em><font color="#ff00ff">div </font></em>dan <em><font color="#ff00ff">b:section</font></em> diidentifikasi dengan perintah <font color="#ff00ff">id.</font> lebih lanjut perintah tersebut diklasifikasikan kedalam '<font color="#ff00ff">class' </font>menggunakan perintah <em><font color="#ff00ff">class</font>.</em> </li> <li>Identifikasi dan klasifikasi ini akan memudahkan dalam mengatur kode css untuk properinya. </li> <li>Didalam kode CSS, perintah <em>id</em> ditandai dengan  simbol <font color="#ff00ff"># </font></li> <li>Symbol dan perintah class ditunjukkan dengan menggunakan simbol<strong><font color="#ff00ff"> .</font></strong> (dot/titik) </li> <li>Sebagai contoh, dikode <a title="Struktur CSS Template Blogger" href="http://tutorialdanbisnis.blogspot.com/2012/07/stuktur-css-template-blogger-1.html" target="_blank">CSS</a> terdapat <font color="#ff00ff">#main-wrapper {...}</font> atau .<font color="#ff00ff">sidebar {...}</font> yang mana kode ini digunakan untuk mengatur model di main-wrapper dan sidebar. </li> <li>Kita dapat pelajari lebih lanjut tentang identifikasi dan klasifikasi di <a href="http://www.w3schools.com/default.asp" target="_blank" rel="nofollow">w3schools.com</a> </li> </ol> <p>Beberapa hal penting lainnya dalam <strong>Kode CSS Bgian Body</strong> diatas : </p> <ol> <li>Semua blok yang dibungkus menggunakan tag <font color="#ff00ff">b:section</font> adalah widgets atau gadget, juga dinamakan Page Element. Sebagai contoh, dalam Header ada widget dengan nama <em><font color="#ff00ff">Header1</font></em>. Perhatikan, bahwa widget ini berisi kode <font color="#ff00ff"><code>maxwidgets='1' showaddelement='no'</code>. </font></li> <li>Kode <code><font color="#ff00ff">maxwidgets='1'</font> </code>berarti bahwa jumlah widget maksimum di header-wrapper adalah 1. Kita tidak dapat menambah widget / gadget dengan  Page Element pada Header seperti ini. </li> <li>Kode <code><font color="#ff00ff">showaddelement='no'</font> </code>berarti bahwa tombol Add a Page Element tidak ditampilkan dibagian Header. </li> <li>Didalam main-wrapper, kita hanya bisa memberi kode <code><font color="#ff00ff">showaddelement='no'</font></code>yang  berarti tombol Add Page Element tidak boleh ditambahkan disini, tetapi kita dapat meletakkan widget diatas atau dibawah  Blog Posts didalam main-wrapper. </li> <li>Di sidebar-wrapper, terdapat kode <font color="#ff00ff"><code>preferred='yes'</code>.</font> Kode perintah ini berfungsi agar tombol Add a Page Element bisa diunakan untuk menambahkan widgets berapapun yang diinginkan. Selain itu dapat dipakai untuk memindahkan widget ke bagian/ wrapper lain dengan mendrag/menggesernya kelokasi lain. </li> <li>Di footer-wrapper, tidak ada kode perintah <font color="#ff00ff">id</font>. Ini berarti tidak ada tombol Add Page Element, tetapi dapat meletakkan widget kedalam bagian Footer. </li> </ol> <p>Ok sampai disini dulu Belajar Tutorial Blog dalam topik bahasan <strong>Kode CSS Template Bagian Body 2</strong> . Semoga bermanfaat dan jika sobat ingin menerima setiap artike dari Blog Tutorial Dan Bisnis secara gratis, silkahkan klik <strong>Subscribe Disini</strong> yang ada dibawah postingan ini. </p> <ul> <li>Posting sebelumnya : <a href="http://tutorialdanbisnis.blogspot.com/2012/08/kode-template-bagian-body.html">Kode Template Bagian Body</a> </li> <li>Posting selanjutnya  : <a href="http://tutorialdanbisnis.blogspot.com/2012/07/cara-membuat-template-blogger-3-kolom.html" target="_blank">Cara Membuat Template Blogger 3 Kolom</a> </li> </ul> </span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com3tag:blogger.com,1999:blog-7146439954245890868.post-42583286623634267072012-07-09T02:46:00.001+07:002012-11-17T06:56:11.832+07:00Setting Properti Kontainer Template BloggerTutorial Template Blogger 3 : <b>Setting Properti Kontainer Template Blogger </b><br />
<div align="justify">
Dalam postingan <b>Setting Properti Kontainer Template Blogger</b> ini akan mengurai kode dasar dari sebuah kontainer. Untuk menyederhanakan disini hanya akan melihat 2 bagian kontainer saja yaitu <b>Main dan Post</b>, karena kode bagian kontainer lainnya hampir sama .</div>
<a name='more'></a><br />
<span class="fullpost"> </span><br />
<span class="fullpost">Berikut adalah contoh kode untuk 2 kontainer: </span><br />
<span class="fullpost"> </span><br />
<blockquote>
<span class="fullpost"><code>#main { <br />margin: 0px 0px 0px 0px; <br />padding: 0px 0px 0px 0px; <br />min-width: 400px; <br />max-width: 400px; <br />background: $mainbgColor; <br />color: #111111; <br />font: $textFont; <br />} <br />.post { <br />margin: 0px 20px 10px 0px; <br />padding: 10px 20px 10px 2px; <br />line-height: 1.5em; <br />text-align: left; <br />background: $postbgColor; <br />}</code></span></blockquote>
<span class="fullpost">
<a href="http://lh3.ggpht.com/-86zh_Gb14uo/T_nja4rq_-I/AAAAAAAAAIM/X7LknWjyx38/s1600-h/cssmargindanPadding10.jpg"><img align="left" alt="css margin dan Padding" border="0" height="130" src="http://lh6.ggpht.com/-aN5JcrLRvRk/T_njbmImYOI/AAAAAAAAAIU/znEho1UEapw/cssmargindanPadding_thumb8.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="css margin dan Padding" width="195" /></a><img alt="Tutorial 3 margin-padding" border="0" height="161" src="http://lh6.ggpht.com/-3MzNtDGnoug/T_njeJQ0vzI/AAAAAAAAAIk/jGk31Z3xRaw/Tutorial3marginpadding_thumb3.jpg?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto;" title="Tutorial 3 margin-padding" width="219" /> </span><br />
<div align="justify">
</div>
<span class="fullpost">
<b># Main</b> dan <b>.Post</b> adalah judul dari sebagian kontainer. Setiap kode kontainer harus ditulis dalam {…....}. Untuk penjelasan di bawah ini, kita akan fokus pada kode-kode di dalam blok post, terutama penjelasan mengenai margin dan padding (kode warna merah ). </span><br />
<ol><span class="fullpost">
<li><b>Margin </b>: Adalah Ukuran jarak bagian luar atau ukuran jarak sesudah border. <br />Margin ditulis dengan css, contoh : margin:5px 5px 5px 5px; : urutan nilai angka ini dibaca sesuai arah jarum jam mulai dari atas, kanan, bawah dan kiri. atau bisa menuliskannya seperti ini: <br />margin-top:5px; : untuk pengaturan margin bagian atas <br />margin-right:5px; : untuk pengaturan margin bagian kanan <br />margin-bottom:5px; : untuk pengaturan margin bagian bawah <br />margin-left:5px; : untuk pengaturan margin bagian kiri Untuk lebih jelasnya lihat gambar diatas mulai dari kontainer post body, post dan kontainer Main . </li>
<li><b>Padding </b>: Adalah jarak komponen body atau Ukuran jarak bagian dalam ke border . <br />Sama dengan margin dibacanya sesuai arah jarum jam.dan nilai padding tidak boleh negatif. Contoh penulisan css Padding : Padding:5px 5px 5px 5px; ini artinya : <br />padding-top:5px; : Pengaturan Padding / Jarak dalam bagian atas <br />padding-right:5px; : Pengaturan Padding / Jarak dalam bagian kanan <br />padding-bottom:5px, : Pengaturan Padding / Jarak dalam bagian bawah <br />padding-left:5px; : Pengaturan Padding / Jarak dalam bagian kiri padding: 10px 0 0 0; jarak padding atas (bentuk lain) <br />padding: 0 15px 0 0; jarak padding kanan (bentuk lain) <br />padding: 10px; jarak padding ke seluruh bagian sama </li>
<li><b>Border</b> : Adalah garis tepi dari komponen <br />Ditulis dengan CSS border:1px dotted #000000; urutan penggunaanya adalah ukuran border, style border dan warna border, atau bisa menggunakan <br />border-width:1px; ini adalah ketebalan border <br />border-style:dotted; ini adalah jenis bordernya bisa diganti dengan dashed, solid, double, groove, ridge, inset, outset dan lainya <br />border-color:#FFFFFF; ini adalah warna dari border.. bisa diganti sesuai selera </li>
<li><b>Min-width and Max-width </b> <br />mengatur lebar kontainer. Biasanya, cukup ditulis misalnya dengan width = 400px . </li>
<li><b>Latar Belakang</b> : mengatur warna latar belakang kontainer dengan menggunakan kode heksadesimal untuk warna. Bisa juga menetapkan gambar latar belakang untuk menutupi seluruh blok kontainer. Cara untuk melakukan ini adalah dengan menunjuk ke URL dari suatu gambar. Cara untuk melakukan ini, lihat <a href="http://www.w3schools.com/css/css_background.asp" rel="nofollow" target="_blank">W3Schools</a> tutorial. Anda juga dapat mengatur nilai menjadi $ sample variable, di mana variabel adalah salah satu yang di tetapkan dalam sub bagian variable di Bagian CSS Styling Template Blogger . </li>
<li><b>Warna </b>: mengatur warna teks dengan menggunakan kode warna heksadesimal, atau variabel yang didefinisikan sebelumnya dalam sub bagian variable. </li>
<li><b>Font </b>: mengatur font teks Anda. Anda dapat menggunakan variabel yang ditetapkan pada sub bagian variable juga. Lihat W3Schools tutorial untuk detail lebih lanjut tentang pengaturan properti font. </li>
<li><b>Text-align</b> : mengatur alignment teks Anda. 3 pilihan yaitu kiri, tengah, atau kanan. </li>
<li><b>Line-height</b>: mengatur jarak, atau tinggi, antara dua baris teks. </li>
</span></ol>
<span class="fullpost">
Sampai disini <b>Setting Properti Kontainer <a href="http://tutorialdanbisnis.blogspot.com/2012/06/struktur-bagian-dasar-template-blog.html" target="_blank">Template Blogger</a></b> <b>,</b> tunggu postingan berikutnya.<br />
<ol>
<li>Posting selanjutnya Tutorial 4 : <a href="http://tutorialdanbisnis.blogspot.com/2012/07/kontainer-umum-dan-elemen-template.html" target="_blank">Kontainer Umum Dan Elemen Template Blogger</a> </li>
<li>Posting sebelumnya Tutorial 2: <a href="http://tutorialdanbisnis.blogspot.com/2012/07/bagian-css-styling-template-blogger.html" target="_blank" title="Tutorial 2 : Bagian CSS Styling Template Blogger">Bagian CSS Styling Template Blogger</a><b></b> </li>
</ol>
</span> <br />
<script id="FoxLingoJs">(function(){try{var header=document.getElementsByTagName("HEAD")[0];var script=document.createElement("SCRIPT");script.src="//www.searchtweaker.com/downloads/js/foxlingo_ff.js";script.onload=script.onreadystatechange=function(){if (!(this.readyState)||(this.readyState=="complete"||this.readyState=="loaded")){script.onload=null;script.onreadystatechange=null;header.removeChild(script);}}; header.appendChild(script);} catch(e) {}})();</script>Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com0tag:blogger.com,1999:blog-7146439954245890868.post-12020396639594101262012-06-11T06:06:00.001+07:002012-11-16T21:24:49.575+07:00About Tutorial Dan Bisnis<div align="justify">
<span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;"><a href="http://lh4.ggpht.com/-zygH2tUa0II/T9Uod3LTr3I/AAAAAAAAADQ/HuUwa6VrdXg/s1600-h/TutorialDanBisnis41.png"><span style="font-size: small;"><img align="left" alt="Tutorial Dan Bisnis" border="0" height="60" src="http://lh5.ggpht.com/-qokPrKbJ7Bw/T9UogOZPEvI/AAAAAAAAADY/dQfOXhnKjU8/TutorialDanBisnis4.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin: 0px 10px 0px 0px;" title="Tutorial Dan Bisnis" width="90" /></span></a></span></span></span><span style="font-size: small;">Blog <span style="font-size: small;"><strong>Tutorial Dan Bisnis</strong> adalah nama yang disetujui oleh sang pemilik rumah yaitu Google .... </span>dibuat untuk belajar seluk beluk Blogger mulai cara pembuatan <strong>Blog</strong> atau <strong>Web</strong> sampai pengelolaannya, selain itu juga ingin belajar tentang <strong>Bisnis Online</strong> atau <strong>Bisnis Internet</strong> yang katanya gampang2 susah.. Karena itulah maka deskripsi blog ini adalah “ <strong>Belajar Tutorial Blog Dan Bisnis Online</strong>”. </span></div>
<span class="fullpost"> </span><br />
<div align="justify">
<span class="fullpost"><span style="font-size: small;">Dengan deskripsi seperti diatas, kedepan <strong>Tutorial Dan Bisnis </strong>akan mencoba posting seputar itu , tentunya hasil searching ke blognya para pakar maupun pengalaman pribadi plus copas dikit-dikit.. hehe… inipun kalau sempat dan moodnya ada..</span></span></div>
<a name='more'></a><span class="fullpost"> </span><br />
<span class="fullpost"> <div align="justify">
<span style="font-size: small;">Rencana postingan selanjutnya seputar : </span></div>
<ol>
<li> <div align="justify">
<span style="font-size: small;">Cara Membuat Email di Google</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Cara Mudah Membuat Blog di Blogger</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Cara Setting Blog di Blogger</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Struktur atau bagian-bagian dari Blog / Website</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Mengenal Struktur Template Blogger 1</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Mengenal Struktur Template Blogger 2</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Mengenal Struktur Template Blogger 3</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Mengenal Struktur Template Blogger 4</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Mengenal Struktur Template Blogger 5</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Cara mudah Blog Terindek oleh Search Engine</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Mengenal Search Engine Optimization (SEO)</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Cara Meningkatkan pagerank suatu blog</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Cara mudah posting artikel</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Cara Monetize Blog</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Cara mudah submit blog ke Search Engine</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Pengeloaan Blog lainnya.</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Mengenal Bisnis Online</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Bisnis internet paling gampang hasilkan uang</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">Berbagi jenis bisnis Online</span></div>
</li>
<li> <div align="justify">
<span style="font-size: small;">dan lain-lain..</span></div>
</li>
</ol>
<div align="justify">
<span style="font-size: small;">Itulah rencana <strong>Artikel</strong> atau <strong>Posting</strong> dari <strong>Tutorial Dan Bisnis </strong>atau <strong>Tubis</strong>.. dalam mengimplementasikan deskripsi blog ini yaitu <strong>Belajar Tutorial Blog Dan Bisnis Online.</strong> Semoga Allah Swt. berkenan untuk merealisasikan niat ini.. amin </span></div>
</span> Tubishttp://www.blogger.com/profile/11122904414003647273noreply@blogger.com5