tag:blogger.com,1999:blog-44645045854451291342024-02-07T11:44:03.293+07:00New Blog's to LearnAll about game, person, linux etc.All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.comBlogger128125tag:blogger.com,1999:blog-4464504585445129134.post-58110904109936700242019-01-11T11:04:00.001+07:002019-01-11T11:17:09.767+07:00Cara membuat Blog di Blogger<p dir="ltr"><b>Cara membuat Blog di Blogger</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOqzJVxT46md8F1U51K1aBSIBf5NSZETlnxicJALkKDZquKocX2A21j6l7kDqgo0zG8r4gEPBDUtJFAMFKgqWyUDBDtIvs8oLC-vf9gaPrzC72CVhOK4tSdM3D2jeDV0-osbZXj5s2vm4_/s1600/Blogger.png"></p>
<p dir="ltr"><b>Cara membuat Blog di Blogger</b> - <b>Blog</b> merupakan sigkatan dari “Web log” adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama. </p>
<p dir="ltr">Pada awalnya, <i>blog</i> dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorial ( contoh blog ini ), curhat, bisnis dan lain sebagainya. Secara umum, blog tidak ada bedanya dengan website pada umumnya yang ada di internet. </p>
<p dir="ltr"><b>Flatform blog</b> atau seringkali disebut dengan mesin blog dibuat sedemikian rupa oleh para designer/programer penyedia blog agar mudah untuk digunakan. Dulu, untuk membuat aplikasi web diperlukan pengetahuan tentang pemrograman HTML, PHP, CSS dan lain sebagainya, dengan blog semuanya menjadi mudah semudah menyebut angka 1 2 3.</p>
<p dir="ltr"><b>Cara Membuat Blog Di Blogger</b></p>
<p dir="ltr">Salah satu penyedia blog gratis yang cukup populer saat ini adalah  <i>blogspot</i> atau <i>blogger</i>, dimana ketika mendaptar adalah melalui situs blogger.com namun nama domain yang akan anda dapatkan adalah sub domain dari blogspot,
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
contoh : contohsaja.blogspot.com</p>
<p dir="ltr">Kenapa harus membuat blog di blogger.com bukan pada situs penyedia blog lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa contoh kelebihan <b>blogger</b> di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan contohsaja.blogspot.com di ubah menjadi contohsaja.com,sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis.</p>
<p dir="ltr">Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan <b>membuat blog</b> di blogger ini akan sedikit berbeda dengan apa yang anda lihat di blogger.com</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Untuk mengurangi hal yang tidak perlu di tulis, berikut <b>cara membuat blog</b> di blogger.com</p>
<p dir="ltr"><b>Membuat Email</b></p>
<p dir="ltr">Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email <i>gmail</i>. Jika anda belum paham bagaimana cara membuat email, silahkan baca terlebih dahulu postingan <b>cara membuat email gmail</b>. </p>
<p dir="ltr"><b>Daftar Blog Di Blogger</b></p>
<p dir="ltr">Silahkan kunjungi situs http://www.blogger.comSetelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan bawah, ubah bahasa ke Indonesia agar lebih mudah difahami. <br>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiARx9HzHOyxs1elHHf8BbsHlBKoGHsRWnIGjjkpzQak30XABEsQgdTmyunu2Til1aK1IVxiLPjeziFTjxsem0jgtMYIUyoIkrPTWvKrppauD25wcEishZh41rLS4CO5HcQGtuU04PYjpal/s1600/pilih-bahasa.jpg">Silahkan langsung masuk/login dengan menggunakan <i>username/nama pengguna</i> serta <i>password/sandi</i>gmail anda ( akun email anda bisa untuk login ke blogger). </p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCQQrOf8b9estAke0TC7LqPw0vbIeiqaHxMPuZDBmpC1yx5KxmEO4Yf-rfy1UJ5lQ668ggdHjUXf0ROWQHqW7Gi5dYVFubxEY9rt1QphS_v4XCHbWwM8GHTd1bBSCpy_inHu_B5Wp9Cd4I/s1600/masuk-gmail.jpg"> </p>
<p dir="ltr">Isilah formulir yang ada :<i>Nama tampilan</i> : isi dengan nama yang ingin tampil pada profile blog anda.<i>Jenis Kelamin</i> : pilih sesuai dengan jenis kelamin anda, misal : pria.<i>Penerimaan Persyaratan</i> : Beri tada ceklis sebagai tanda anda setuju dengan peraturan yangtelah di tetapkan oleh pihak blogger. Saran: sebaiknya anda membaca terlebih dahulu persyaratan yang ada agar anda tahu dan mengerti apa yang boleh dan tidak diperbolehkan ketika menggunakan layanan blogger.Klik tanda panah bertuliskan “<b>Lanjutkan</b>”. </p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBjuaqcVhIlbpj4nbjMVEJAqwRhrNYRqFZemlasRqL-jRkzV9g-voeLgNakm5uHX9QFicoaSBcuYxuL4bbwVV4wr4Khh1uxTL5TuGFV2MiYvGS58UuujICC6S7slkUDw168HdtVgridBxV/s1600/lanjutkan-membuat-blog.jpg">Klik tombol “<b>Blog Baru</b>”. </p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0uEDgnsi1u_mt8MdZUkofYkkm-Z8FUfUZMWmjNNqseVyZIsxEkUhj8Jbjh8cUboe51a0CJMWFddD-HNfAAx8-3cQ_hwVgSNIZZP_bDqR_X5K8yS_SzkhfsaYqp7NUmPP5tv4ZvVt_525C/s320/buat-blog-baru.jpg"> </p>
<p dir="ltr">Isilah formulir :<i>Judul</i> : Isi dengan judul blog yang di inginkan, misal : Coretan sang penghayal<i>Alamat</i> : isi dengan alamat blog yang di inginkan. Ingat! Alamat ini tidak dapat di edit kembali setelah dibuat, apabila anda ingin serius, maka pilihlah nama yang benar-benar anda inginkan.<i>Template </i>: pilih template (tampilan blog) yang disukai (ini dapat ganti kembali).Lanjutkan dengan klik tombol “<b>Buat blog!</b>”. </p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfr3n6WMS_BsxTX2daWF_SVfC8KpltGoWPkGgHgB2mSFJN1Yq-zZElybcX1FU9Jq77dZI27aGYt2VZcoLmDqO5FZus2WsmlE_3DkTZBLmJNu7pXWCK7j42t5W4ineippn23mEyp4O2FFdZ/s1600/ciptakan-blog-baru.jpg"> </p>
<p dir="ltr">Sampai disini blog anda telah berhasil di buat.Untuk menghindari spam filter, sebaiknya anda langsung posting sembarang saja. Klik tulisan “<b>Mulai mengeposkan</b>”. </p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3x9lIkxO0ackmnZHr7UtpTeVNHiTnUv7N9iUkh_EmwEZIwUYLI64i9_jmr_wBOPqn2ZleH9MXf2A4yG2PD0m2Ukcd46j-oElRxuU9q93hVud4DawgT_PfjIRuD05iNPTL730T3ZpmbZSI/s320/mulai-posting.jpg"> </p>
<p dir="ltr">Isi judul serta artikel. Akhiri dengan klik tombol “<b>Publikasikan</b>”. </p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2uJO3y5VBaT5TnZa4hwK5j32QNIs7VdfHaoWm8HZsH0sX30tpZvCN0SbjCRbF19ojPqtB7cJ9ch1JyY_X5RdPWMVHuz1GKb4UgW5GD5HdsRxjIM75110GAwARBM_78TEPaxWGpNK0AbLJ/s320/publikasikan.jpg"> </p>
<p dir="ltr">Silahkan lihat blog anda dengan klik tombol “<b>Lihat Blog</b>”Selesai.Kini blog anda telah tercipta dan dapat di buka di berbagai belahan dunia. Umumkan pada teman-teman anda bahwa anda kini telah mempunyai blog.</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-24543384986745518932019-01-11T11:02:00.003+07:002019-01-11T11:15:06.353+07:00Mengatur Hurup dan Warna<p dir="ltr"><b>Mengatur Hurup dan Warna</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Untuk para blogger baru, sobat akan menikmati fasilitas baru dari blogger.com, yaitu sobat bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). Klik menu "Fonts and Colors", maka akan muncul beberapa pengaturan : (ini khusus untuk template "minima")Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Text Color --> pengaturan warna hurup dari posting-an</p>
<p dir="ltr">Link Color --> pengaturan warna hurup yang di link</p>
<p dir="ltr">Blog Title Color --> pengaturan warna hurup judul Blog</p>
<p dir="ltr">Blog Description Color --> pengaturan warna hurup deskripsi blog</p>
<p dir="ltr">Post Title Color --> pengaturan warna hurup judul posting-an</p>
<p dir="ltr">Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah</p>
<p dir="ltr">Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping)</p>
<p dir="ltr">Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)</p>
<p dir="ltr">Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link</p>
<p dir="ltr">Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar</p>
<p dir="ltr">Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan</p>
<p dir="ltr">Blog Title Font --> pengaturan jenis hurup Judul blog</p>
<p dir="ltr">Blog Description Font --> Pengaturan jenis hurup dekripsi blog</p>
<p dir="ltr">Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )</p>
<p dir="ltr">Klik “ SAVE CHANGES” untuk mengakhiri pengaturan. Selesai<br></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-81306068548174326392019-01-11T11:02:00.001+07:002019-01-11T11:14:37.077+07:00Cara Memposting Artikel<p dir="ltr"><b>Cara Memposting Artikel</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung. makeityourring diamond engagement rings</p>
<p dir="ltr">Toolbar yang ada ketika posting :</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_03-1.gif"> --> Untuk merubah jenis hurup yang di gunakan </p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_04-1.gif"> --> Untuk merubah ukuran hurup (heading)</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_05.gif"> --> Untuk Menebalkan hurup</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_06.gif"> --> Untuk memiringkan hurup</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_07-1.gif"> --> Untuk merubah warna hurup</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_11.gif"> --> Untuk membuat link</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_13.gif"> --> Untuk membuat artikel menjadi rata kiri</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_14.gif"> --> Untuk membuat tulisan menjadi di tengah</p>
<p dir="ltr">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_15.gif"> --> Untuk membuat artikel menjadi rata kanan</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_16.gif"> --> Untuk membuat artikel menjadi rata kiri dan rata kanan</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_18.gif"> --> Untuk membuat sub bahasan oleh angka</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_19.gif"> --> Untuk membuat sub bahasan oleh bullet</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_21.gif"> --> Untuk mengecek spelling</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_23.gif"> --> Untuk memasukan gambar(upload gambar)</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_03.gif"> --> Untuk membuat artikel dalam kode HTML</p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_04.gif"> --> Untuk membuat artikel dalam mode Compose (biasa)</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/photo-posting_07.gif"> --> Untuk me review (melihat) artikel</p>
<p dir="ltr">Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.</p>
<p dir="ltr">Langkah-langkah dalam memposting suatu artikel:</p>
<p dir="ltr">Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.</p>
<p dir="ltr">Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).</p>
<p dir="ltr">Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.</p>
<p dir="ltr">Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.</p>
<p dir="ltr">Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.<br></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-72576204414335175752019-01-11T11:01:00.001+07:002019-01-11T11:13:40.052+07:00Membuat Text Area<p dir="ltr"><b>Membuat Text Area</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Apa itu <b>text area</b>?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode <b>HTML</b>, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode <b>HTML</b> ataupun text lainnya agar bisa di copy oleh para pengunjung. </p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Untuk membuat <b>text area</b>, silahkan anda Copy kode di bawah ini : </p>
<p dir="ltr"><p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p> </p>
<p dir="ltr">Sebagai contoh : <br><br></p>
<p dir="ltr">Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya. </p>
<p dir="ltr">Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya. </p>
<p dir="ltr"><b>Text Area dengan memakai HighLight</b> </p>
<p dir="ltr">Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol <i><b>highlight</b></i>. dengan adanya tombol <i><b>highlight</b></i> ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol <i><b>highlight</b></i> tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan <i><b>highlight</b></i> ini silahkan anda copy kode <b>HTML</b> di bawah : </p>
<p dir="ltr"><div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
pengunjung</textarea></p></div></form> </p>
<p dir="ltr">Sebagai contoh : <br><br></p>
<p dir="ltr">Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan <b>Highlight All</b>, dan yang kedua adalah elemen kode untuk membuat text area. </p>
<p dir="ltr">Elemen tombol <i><b>highlight All</b></i> : </p>
<p dir="ltr"><div align="center"> --> kata <b>center</b> menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata <b>left</b>. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata <b>right</b>.</p>
<p dir="ltr"><input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.</p>
<p dir="ltr">Value="Highlight All" --> kata <i>Highlight All</i> adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.</p>
<p dir="ltr">Element <b>text area</b> : </p>
<p dir="ltr"><p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata <i>center</i> dengan kata <i>left</i>, bila ingin di tepi kanan, ganti dengan kata <i>right</i>.<text style="WIDTH: 300px">-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"</p>
<p dir="ltr">HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.</p>
<p dir="ltr"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Contoh text area yang memakai tombol <i>highlight</i> diatas, memuat skript untuk melindungi dari <i>right click</i> para pengunjung. <a href="http://www.greatengagementrings.com/2011/10/makeityourring-diamond-engagement-rings.html">makeityourring diamond engagement rings</a> skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode <HEAD> dan </HEAD> selamat mencoba.</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-87060699053982908712019-01-11T10:58:00.001+07:002019-01-11T11:11:05.500+07:00Kode HTML tampil di posting-an<p dir="ltr"></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr"><b>Kode HTML tampil di posting-an</b></p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3K2EnUcKq57zk9ocTlREpY8z2MWdTP-UuoxBq1nS07WhSFoo5RnXgmFONi4qz-KQXth4CXtFQoTRSzf4TAPF7m9Z5cS2rpGHZwdRusez5wSG_ciIWq7jvHxV0Oq3aUMX4Q8bpTIJeExA/s200/DSC01303.JPG"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3K2EnUcKq57zk9ocTlREpY8z2MWdTP-UuoxBq1nS07WhSFoo5RnXgmFONi4qz-KQXth4CXtFQoTRSzf4TAPF7m9Z5cS2rpGHZwdRusez5wSG_ciIWq7jvHxV0Oq3aUMX4Q8bpTIJeExA/s1600-h/DSC01303.JPG"></a></p>
<p dir="ltr">Ada seorang teman bertanya begini, bang rohman gimana caranya agar kode HTML bisa tampil di posting-an blog? Nah dari situ muncul ide untuk membuat posting-an ini, barangkali ada diantara kawan-kawan semua yang juga mempunyai pertanyaan seperti itu? jawabannya mungkin begini. Agar kode-kode HTML dapat muncul pada posting-an blog kita, ada beberapa cara dan yang saya ketahui saat ini cuma baru dua cara ( barangkali kawan-kawan ada yang lebih tahu ). </p>
<p dir="ltr">Yang pertama yaitu anda harus mengganti karakter-karakter perintah dari program HTML dengan notasi tertentu. Karakter-karakter yang sering di gunakan yaitu seperti yang tertera pada tabel di bawah ini :<br></p><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">    <b>Karakter</b>        <b>Notasi</b>        <b>Keterangan</b>    <&lt;   Kurung runcing terbuka>&gt;   Kurung runcing tutup&&amp;   Tanda Dan "&quot;   Tanda petik ganda±&plusmn;   Tanda plus minusSpasi&nbsp;   Tanda Spasi©&copy;   Tanda hak cipta (copyright)®&reg;   Tanda terdaftar (Registered)</p>
<p dir="ltr">Nah agar lebih paham akan saya beri contoh, misalkan dalam postingan anda berisi kata-kata seperti ini : </p>
<p dir="ltr">Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini : </p>
<p dir="ltr"><meta http-equiv="refresh" content="10"> </p>
<p dir="ltr"></meta><br></p>
<p dir="ltr">Nah (dari tadi perasaan nah nah melulu , pake kata lain nape!...   <img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif">    ) di dalam postingan anda, jika ingin tampil seperti itu maka yang di tuliskan tidak persis seperti kode di atas, sebab nanti di postingan tulisan kode tersebut tidak akan muncul, yang ada justru efek dari kode yang anda tuliskan. trus jalan keluarnya gimana? Seperti yang saya tuliskan pada tabel, anda harus mengganti karakter-karakter perintah yang ada dengan notasi penggantinya, jadi yang harus anda tuliskan pada postingan adalah seperti ini :</p>
<p dir="ltr">Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini : </p>
<p dir="ltr"><br/><br/> <code><br>
&lt;meta http-equiv="refresh" content="10"&gt; <br>
<br/><br>
&lt;/meta&gt;<br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</code></p>
<p dir="ltr">Pembubuhan perintah <code> dan </code> adalah untuk menandakan bahwa yang anda tulis adalah sebuah kode HTML, dan nantinya pun tulisan-tulisan yang berada dalam perintah ini akan tanpil beda dengan tulisan-tulisan yang lainnya, sebagai contoh silahkan anda lihat postingan saya yang lainya yang membubuhkan kode-kode HTML. pembubuhan perintah <br/> adalah untuk membuat tulisan berpindah kebawah, jika anda tidak membubuhkan perintah <br/> tadi, walaupun di posting-an anda tulis jauh kebawah, hasilnya akan tetap bersatu. </p>
<p dir="ltr"><img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif">  Huh cape juga ya dari tadi kutak-ketik nih.., itu tadi cara yang pertama. Cara yang kedua adalah dengan menggunakan text area. Cara membuat text area secara lengkap silahkan <a href="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">klik di sini</a>. Sebagai contoh, untuk menuliskan kode-kode di atas, pada posting-an anda harus menuliskan seperti ini : </p>
<p dir="ltr">Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini : <br>
<br/><br/><br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p align="left"><textarea name="code" rows="6" cols="400">&lt;meta http-equiv="refresh" content="10"&gt; &lt;/meta&gt;</textarea></p> <br></p>
<p dir="ltr">Maka yang akan tampil di blog anda adalah seperti ini : </p>
<p dir="ltr">Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini : <br><br></p>
<p dir="ltr">mudah bukan? selamat mencoba dan berkarya. </p>
<p dir="ltr">oupss... saya lupa kawan, untuk memposting seperti yang saya jelaskan dia atas, anda harus pada posisi <b>Edit HTML</b> jangan pada posisi <b>compose.</b></p>
<p dir="ltr">oke kawan, untuk yang kedua kalinya...selamat mencoba.</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-16320084544296618522019-01-11T10:57:00.001+07:002019-01-11T11:10:23.091+07:00Masalah Posting Artikel<p dir="ltr"></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr"><b>Masalah Posting Artikel</b></p>
<p dir="ltr">Udah tiga hari ini saya tidak update, ma'lum kemarin abis pulang dari kampung halaman, yo'i bandung tercinta, nemuin si kembar and istri terkasih...<img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif">   lho ko jadi curhat...<img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif"> </p>
<p dir="ltr">Ok udahan ah intermezonya..jadi garing kalo lama-lama. langsung aja tadi pas buka email, ada seorang kawan yang bertanya kira-kira isinya begini: </p>
<p dir="ltr">Saya mau tanya nich, saya masih awam dalam blogging dan saya kesulitan untuk mengatur postingan saya, yang saya maksud adalah untuk mengatur paragraph postingan, pada saat saya mengetik pada kolom compose, pada tiap paragraph saya selalu memberikan jarak satu spasi dengan menekan tombol enter, tapi hasilnya publishnya tidak sesuai dengan pengaturan saya pada kolom compose sebelumnya, itu gimana solusinya yach ? Atas perhatian dan bantuannya saya ucapkan terima kasih...Wss </p>
<p dir="ltr">Sebenarnya sudah saya jawabin lewat email, tapi saya pikir-pikir mending di posting aja topik ini barangkali ada manfaatnya buat kawan-kawan yang punya permasalahan yang sama. </p>
<p dir="ltr">Untuk masalah ini, saya sarankan jika setelah mengetik artikel di mode <b>COMPOSE</b>,sebelum di publish, sebaiknya pindah dulu ke mode <b>Edit HTML</b>. Nah pada sela-sela paragrap yang ingin di beri jarak kita sisipkan kode --> <br/><br>
satu kode <br/> berarti satu line break ke bawah, jadi kalau jarak yang di inginkan jauh ke bawah kita tinggal tambahkan kode <br/> beberapa kali. </p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Contoh : </p>
<p dir="ltr">Di kabarkan padai awal tahun 2007 kemarin telah di luncurkan suatu produk alarm mobil yang mengklaim dirinya sebagai alarm tercanggih di dunia. Produk tersebut terdiri dari dua item produk dengan kecanggihan yang berbeda.<br>
<br/><br/><br>
Produk pertama :<br>
<br/><br/><br>
Alarm dengan menggunakan sim card, yakni alarm yang bisa me report kepada pemilik melalui teknologi GSM. Semisal mobil kita di ganggu orang sehingga bunyi, maka mobil ini akan secara otomatis menelpon kita untuk me report bahwa mobil kita di ganggu, Jangkauannya sampai dengan jangkauan provider dari GSM selularnya. </p>
<p dir="ltr">Maka yang akan muncul di blog kita akan seperti ini : </p>
<p dir="ltr">Di kabarkan padai awal tahun 2007 kemarin telah di luncurkan suatu produk alarm mobil yang mengklaim dirinya sebagai alarm tercanggih di dunia. Produk tersebut terdiri dari dua item produk dengan kecanggihan yang berbeda. </p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Produk pertama : </p>
<p dir="ltr">Alarm dengan menggunakan sim card, yakni alarm yang bisa me report kepada pemilik melalui teknologi GSM. Semisal mobil kita di ganggu orang sehingga bunyi, maka mobil ini akan secara otomatis menelpon kita untuk me report bahwa mobil kita di ganggu, Jangkauannya sampai dengan jangkauan provider dari GSM selularnya. <br></p>
<p dir="ltr">atau bisa juga kita menggunakan tag <p> ... </p>, tapi saya lebih menyukai tag <br/> tadi. </p>
<p dir="ltr">Untuk permasalahan tadi saya rasa sudah cukup jelas, nah saya sarankan bila kawan-kawan ingin terbiasa dengan kode HTML, maka ketika posting artikel sebaiknya pada posisi <b>Edit HTML</b> jangan pada posisi <b>Compose</b>, sebab ada peribahasa <i><b>alah bisa karena biasa</b></i>. </p>
<p dir="ltr">Mudah-mudahan bermanfaat.</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-40942120550572746432019-01-11T10:56:00.001+07:002019-01-11T11:09:44.068+07:00Pasang Buku Tamu di Sidebar<p dir="ltr"><b>Pasang Buku Tamu di Sidebar</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Memasang sebuah <b>buku tamu</b> (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja). </p>
<p dir="ltr">Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni <b>http://www.shoutmix.com</b>. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini : </p>
<p dir="ltr">Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.</p>
<p dir="ltr">Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda</p>
<p dir="ltr">Pada kolom yang berjudul <b>Style</b>, klik menu <b>appearance</b>.</p>
<p dir="ltr">Silahkan klik menu <i>pulldown</i> di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik <b>Save Setting</b>.</p>
<p dir="ltr">Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik <b>Use Shoutbox</b> yang berada di bawah menu <b>Quick Start</b></p>
<p dir="ltr">Klik tulisan <b>Place Shoutbox on web page</b>. Isi lebar dan tinggi shoutbox yang di inginkan</p>
<p dir="ltr">Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan <b>Generated Codes</b>, lalu simpan di program Notepad anda</p>
<p dir="ltr">Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.</p>
<p dir="ltr">Selesai</p>
<p dir="ltr"> </p>
<p dir="ltr">Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.</p>
<p dir="ltr"><b>Untuk blogger dengan template klasik</b> :</p>
<p dir="ltr">Log in terlebih dahulu ke blogger.com dengan id anda</p>
<p dir="ltr">Klik menu <b>Template</b></p>
<p dir="ltr">Klik <b>Edit HTML</b></p>
<p dir="ltr">Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan</p>
<p dir="ltr">Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.</p>
<p dir="ltr">Klik tombol <b>Preview</b> untuk melihat perubahan yang kita buat.</p>
<p dir="ltr">Jika sudah cocok dengan perubahan tadi, klik <b>Save Template Changes</b></p>
<p dir="ltr">Selesai</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr"> </p>
<p dir="ltr">Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.</p>
<p dir="ltr"> </p>
<p dir="ltr"><b>Untuk Blogger baru</b> :</p>
<p dir="ltr">Silahkan Login dengan id anda</p>
<p dir="ltr">Klik menu <b>Layout</b></p>
<p dir="ltr">Klik <b>Page Element</b></p>
<p dir="ltr">Klik <b>Add a Page Element</b></p>
<p dir="ltr">Klik tombol<b> Add to Blog</b> yang berada di bawah tulisan <b>HTML/JavaScript</b></p>
<p dir="ltr">Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka</p>
<p dir="ltr">Copy paste kode HTML shoutbox anda di dalam form <b>Content</b></p>
<p dir="ltr">Klik tombol <b>Save Changes</b></p>
<p dir="ltr">Drag & Drop element yang telah anda buat tadi di tempat yang di sukai</p>
<p dir="ltr">Tekan tombol <b>Save</b></p>
<p dir="ltr">Selesai</p>
<p dir="ltr"> </p>
<p dir="ltr">Selamat mencoba !</p>
<p dir="ltr"> </p>
<p dir="ltr">Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :</p>
<p dir="ltr"><a href="http://oggix.com/">http://oggix.com</a></p>
<p dir="ltr">Untuk langkah-langkahnya hampir sama dengan langkah diatas.<br></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-6192417121962398732019-01-11T10:55:00.001+07:002019-01-11T10:55:25.574+07:00Download Gratis<p dir="ltr"><b>Download Gratis</b></p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhovpmtN8WESzBzHsXLR-uVmfDUF2g5BWvaLIY2Csbhm468xZ_AMq0aapGt4nvHj32-24BwiZ9k9P2Vuqu4dc5FbwhRu2p670B1UcBRPQJYZwa-NuP_CBiFCJQ_fatWo1II1KHWIhemXf12/s200/free+download.png">Dalam sesi kali ini, ada kabar baik buat kawan-kawan semua. ya saya mau bagi-bagi software buat anda yang suka akan internet, khususnya bagi yang berminat untuk bisa membuat website sendiri. makeityourring diamond engagement rings. Untuk produk-produk di bawah ini saya sudah mendapatkan hak Resale Right atau hak jual ulang, tapi buat kawan-kawan semua khusus saya berikan gratis. Beberapa produk merupakan dalam format ZIP, silahkan gunakan winzip untuk mengekstraknya. Untuk membacanya, anda memerlukan Acrobat Reader versi 5.0 ke atas. </p>
<p dir="ltr"><i><b>Klik di sini</b></i> jika anda belum memiliki program Winzip.<br>
<i><b>Klik di sini</b></i> jika anda belum memiliki program Acrobat Reader </p>
<p dir="ltr"><b>• How to build HTML</b> </p>
<p dir="ltr">Dengan e-book ini kita diajarkan cara menggunakan perintah-perintah HTML dasar dan tingkat lanjut. Di buat dalam format yang mudah untuk di ikuti. untuk mendownload silahkan <i><b>klik disini</b></i> atau klik : </p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirYAaFFqLterPXgUzlRKT6g4bJt0wnIRzNw85JtMsfw2VwLe_ViWrocr36KkuDLmT4tw7JxY-PxoLIz6cLdtBjDYhYmgT4zN92knn8X5DdTBzkZN2CTxQwJfZZlsACEe5R0bT7u3Vad_Aj/s200/dowmload_03.png"><a href="http://www.resepbisnis.com/member/HTBuildHTML.zip"></a></p>
<p dir="ltr"><b>Search Engine Optimization Made Easy</b></p>
<p dir="ltr">Strategi sederhana yang dapat anda pakai untuk optimalisasi website atau blog anda di search engine. Ikuti tipsnya dan dapatkan traficc sebanyak mungkin ke website atau blog anda. Untuk mendownload silahkan <a href="http://www.resepbisnis.com/member/easyseo.zip"><i><b>klik disini</b></i></a> atau klik : </p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirYAaFFqLterPXgUzlRKT6g4bJt0wnIRzNw85JtMsfw2VwLe_ViWrocr36KkuDLmT4tw7JxY-PxoLIz6cLdtBjDYhYmgT4zN92knn8X5DdTBzkZN2CTxQwJfZZlsACEe5R0bT7u3Vad_Aj/s200/dowmload_03.png"><a href="http://www.resepbisnis.com/member/easyseo.zip"></a></p>
<p dir="ltr"><b>Instant Site Maker</b></p>
<p dir="ltr">Software ini akan mempermudah anda membuat website dalam waktu yang singkat. Cukup baik bila anda tidak memerlukan website yang kompleks. Untuk mendownload silahkan <a href="http://www.pushbuttonpublishing.com/ism.zip"><i><b>klik disini</b></i></a> atau klik :</p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirYAaFFqLterPXgUzlRKT6g4bJt0wnIRzNw85JtMsfw2VwLe_ViWrocr36KkuDLmT4tw7JxY-PxoLIz6cLdtBjDYhYmgT4zN92knn8X5DdTBzkZN2CTxQwJfZZlsACEe5R0bT7u3Vad_Aj/s200/dowmload_03.png"><a href="http://www.pushbuttonpublishing.com/ism.zip"></a><b>Java Buttons</b></p>
<p dir="ltr">Dengan kumpulan button dan menu yang menggunakan java script ini, bisa mempercantik website ataupun blog milik anda, untuk mendownload silahkan <a href="http://www.resepbisnis.com/member/javbutton.zip"><i><b>Klik disini</b></i></a> atau klik :</p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirYAaFFqLterPXgUzlRKT6g4bJt0wnIRzNw85JtMsfw2VwLe_ViWrocr36KkuDLmT4tw7JxY-PxoLIz6cLdtBjDYhYmgT4zN92knn8X5DdTBzkZN2CTxQwJfZZlsACEe5R0bT7u3Vad_Aj/s200/dowmload_03.png"><a href="http://www.resepbisnis.com/member/javbutton.zip"></a></p>
<p dir="ltr"><b>Web Template</b></p>
<p dir="ltr">Kumpulan template web propesional yang dapat anda gunakan untuk mendesain website anda. Untuk mendownload silahkan <a href="http://www.resepbisnis.com/member/webtempl.zip"><i><b>klik disni</b></i></a> atau klik :</p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirYAaFFqLterPXgUzlRKT6g4bJt0wnIRzNw85JtMsfw2VwLe_ViWrocr36KkuDLmT4tw7JxY-PxoLIz6cLdtBjDYhYmgT4zN92knn8X5DdTBzkZN2CTxQwJfZZlsACEe5R0bT7u3Vad_Aj/s200/dowmload_03.png"><a href="http://www.resepbisnis.com/member/webtempl.zip"></a></p>
<p dir="ltr"><b>Banner</b></p>
<p dir="ltr">Merupakan kumpulan banner cantik untuk mempromosikan website anda. Untuk mendownload silahkan <a href="http://www.resepbisnis.com/member/bannerctk.zip"><i><b>klik di sini</b></i></a> atau klik :</p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirYAaFFqLterPXgUzlRKT6g4bJt0wnIRzNw85JtMsfw2VwLe_ViWrocr36KkuDLmT4tw7JxY-PxoLIz6cLdtBjDYhYmgT4zN92knn8X5DdTBzkZN2CTxQwJfZZlsACEe5R0bT7u3Vad_Aj/s200/dowmload_03.png"><a href="http://www.resepbisnis.com/member/bannerctk.zip"></a></p>
<p dir="ltr"><b>Meta Tag Master</b></p>
<p dir="ltr">Program untuk membuat meta tags, sehingga mempermudah pencarian website atau blog anda di search engine. Untuk mendownload silahkan <a href="http://www.resepbisnis.com/member/METAMASTER.zip"><i><b>klik di sini</b></i></a> atau klik :</p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirYAaFFqLterPXgUzlRKT6g4bJt0wnIRzNw85JtMsfw2VwLe_ViWrocr36KkuDLmT4tw7JxY-PxoLIz6cLdtBjDYhYmgT4zN92knn8X5DdTBzkZN2CTxQwJfZZlsACEe5R0bT7u3Vad_Aj/s200/dowmload_03.png"><a href="http://www.resepbisnis.com/member/METAMASTER.zip"></a></p>
<p dir="ltr"><b>E-book "Menjadi Jutawan Via Internet"</b></p>
<p dir="ltr">E-book ini menjelaskan cara dan strategi mendapatkan penghasilan besar dengan memanfaatkan internet. Cara tsb antara lain : menjadi pembuat web professional, membuat "Web Pencetak Uang Otomatis" dengan konsep affiliasi & reseller, dan lain-lain. Dilengkapi pula dengan file-file latihan untuk memperjelas tuntunan praktis kami.</p>
<p dir="ltr"><b>Script Web Affiliasi</b></p>
<p dir="ltr">Script Web Pencetak Uang Otomatis siap pakai dengan konsep affiliasi. Anda tinggal mengganti teks dan gambar sesuai dengan produk dan layanan anda!</p>
<p dir="ltr"><b>Script Web Reseller </b></p>
<p dir="ltr">Script Web Pencetak Uang Otomatis siap pakai dengan konsep reseller. Anda tinggal mengganti teks dan gambar sesuai dengan produk dan layanan anda!</p>
<p dir="ltr"><b>FletMail</b></p>
<p dir="ltr">Software ini memungkinkan anda untuk mengirim e-mail untuk berapapun jumlah penerima dengan sekali klik. Anda dapat menggunakan tags untuk mengganti kata-kata yang sesuai untuk penerima yang berbeda. Dengan demikian, setiap penerima akan merasa mendapat e-mail personal dari anda.</p>
<p dir="ltr"><b>Image Capture</b></p>
<p dir="ltr">Dengan menggunakan software ini, anda dapat menangkap image dari layar komputer anda. </p>
<p dir="ltr"><b>IP Ad Web Sender</b></p>
<p dir="ltr">Software ini memungkinkan anda untuk mengirimkan promosi kepada komputer-komputer yang terhubung dengan internet berdasarkan range IP addressnya. </p>
<p dir="ltr"><b>Instant Software Downloads</b></p>
<p dir="ltr">Software yang bisa anda download adalah : Instant Unzip, HTML Compressor, IP Blocker, Link Evaluator, Site Submitter, Pop Up Zapper, Secret Popup Maker, HTML E-mail Link Encrypter, File Destroyer, Internet Explorer Blaster, MRU Wizard, Java Source Machine I, Java Source Machine II, Traffic Wizard, Password Manager, JavaScript Compressor, HTML Encryptor, Fast HTML Remover, Password Generator, File Splitter, HTML Editor, Picture Gallery Maker, Instant Notification.</p>
<p dir="ltr"><b>The Building of a Better Website</b></p>
<p dir="ltr">Berisi tips-tips berharga bagaimana membangun sebuah website yang baik. Patut dimiliki untuk mendukung karir anda sebagai webmaster.</p>
<p dir="ltr"><b>Magic Subscriber</b></p>
<p dir="ltr">Demi meningkatkan penjualan bisnis anda, anda dapat menggunakan software ini. Software ini mudah digunakan untuk menghasilkan prospek dan customer baru! Anda akan memiliki alat khusus yang akan menangkap data e-mail pengunjung tanpa mereka perlu menuliskannya!</p>
<p dir="ltr"><b>Reprint Rights Magic</b></p>
<p dir="ltr">Bagaimana cara menghasilkan uang tanpa perlu menggunakan produk anda sendiri ? Bagaimana menggunakan rangkaian produk orang lain untuk menciptakan produk anda ? Informasi penting bagi anda yang ingin menghasilkan uang tanpa perlu merancang produk.</p>
<p dir="ltr"><b>Instant eMail Scramble</b></p>
<p dir="ltr">Apakah anda jengkel dengan banyaknya junk mail yang anda terima setiap hari ? Dengan menggunakan utility ini, alamat e-mail anda di website anda akan terlindungi dari mesin penuai e-mail untuk keperluan spam! Alamat e-mail anda akan tetap terbaca oleh pengunjung website anda, dan juga berfungsi seperti biasa bila pengunjung mengklik link e-mail anda.</p>
<p dir="ltr"><b>Pure Profit Software</b></p>
<p dir="ltr">Paket produk software yang sangat menarik! Berisi produk-produk pilihan seperti : Affiliate Defender, Instant Affiliate Link Master, Instant Meta Maker, Instant Bookmark, JavaScript Magic, dll.</p>
<p dir="ltr"><b>PopUps Generator</b></p>
<p dir="ltr">Dengan menggunakan software ini, anda dapat membuat popups window dari website anda. Anda dapat memanfaatkannya untuk meningkatkan rasio penjualan dan pendaftar mailing list anda.</p>
<p dir="ltr"><b>99 Websites You Should Have Bookmarked..But Probably Don't</b></p>
<p dir="ltr">Internet dipenuhi dengan informasi gratis, sarana penghasil uang dan sumber lainnya. Hanya saja, mungkin anda tidak tahu tempat menemukannya. Informasi dalam e-book ini akan memberikan alamat websitenya untuk anda! The Embarrasingly Simple Way I Grabbed the #1 Position in Google, Yahoo & AOL Search engine merupakan gudangnya traffic. Dapatkan rahasianya bagaimana cara meraih posisi teratas di hasil pencarian pada 3 search engine terpopuler!</p>
<p dir="ltr"><b>Intraday Basic</b></p>
<p dir="ltr">Bambang Hariyadi membeberkan 2 strategi andalannya dalam membaca "CandleStick" yang terbukti menghasilkan $4500 dalam seminggu !! (Forex market http://www.betonmarkets.com). Anda ingin mendapatkan $4500 minggu depan? Miliki segera e-book ini, dan dapatkan strateginya!</p>
<p dir="ltr"><b>The TrafficJam Formula</b></p>
<p dir="ltr">Salah satu kunci keberhasilan bisnis di internet adalah jumlah traffic/pengunjung yang dihasilkan oleh suatu website. E-book ini memberikan informasi menarik cara menghasilkan sebanyak mungkin traffic ke website anda dalam waktu singkat! Baca secara detail di websitenya bagaimana sang penulis berani menjamin keberhasilan anda dalam mencari traffic!</p>
<p dir="ltr"><b>The Affiliate Marketing Success Road Map</b></p>
<p dir="ltr">Jika anda ingin menjadi affiliate/reseller yang sukses, maka e-book ini untuk anda! Anda akan diberi cara mencapai sukses dengan merencanakan dan mendesain sistim yang efektif untuk mendatangkan profit.</p>
<p dir="ltr"><b>Newbie's Guide to Online Fortunes</b></p>
<p dir="ltr">E-book ini berisi petunjuk mengenai prinsip dasar dan cara sederhana untuk memulai bisnis on-line anda !</p>
<p dir="ltr"><b>How to Write and Publish Your Own eBook in as little as 7 Days</b></p>
<p dir="ltr">Bagaimana cara membuat dan mempublikasikan sebuah e-book yang sukses ? Anda akan mendapatkan informasinya di sini.</p>
<p dir="ltr"><b>Internet Copycatting</b></p>
<p dir="ltr">9 Model bisnis internet yang dapat anda tiru. Disertai dengan pembahasan pro dan kontra, detail mengenai setup, serta interview dengan pelaku bisnis untuk masing-masing model. Anda tidak perlu bingung lagi memikirkan model bisnis internet, tinggal tiru, dan mulailah menghasilkan uang !</p>
<p dir="ltr"><b>Download Page Generator</b></p>
<p dir="ltr">Dengan menggunakan program ini, maka anda tinggal mengisi formulir pertanyaan dengan data-data yang diperlukan, dan secara otomatis halaman download/halaman ucapan terimakasih akan terbentuk untuk anda. Yang biasanya membutuhkan waktu 30 menit sampai satu jam untuk membuatnya, dengan program ini hanya butuh waktu satu menit saja !</p>
<p dir="ltr"><b>Scroll Pops</b></p>
<p dir="ltr">Paket berisi 10 script yang mudah untuk digunakan. Anda dapat menggunakannya di website anda untuk membuat Confirmation Windows, Subscriber PopUps, Bookmark Windows, Alert Windows, dan lain-lain.</p>
<p dir="ltr"><b>PHP Instant Scripts</b></p>
<p dir="ltr">Script-script pilihan telah kami sediakan untuk anda. Untuk kepuasan anda, script-script ini telah kami uji sebelumnya!</p>
<p dir="ltr">Terdiri dari script : Affiliasi, Portal, Forum, E-Commerce, Hit Counter, Guest Book, Polling, Image Gallery, Classified Ad, Message Board, Search Engine, Event Calendar, Chat, News Publishing, Greeting Cards, User-Online, Mailing List, Simple Calendar, Calculator, Simple Counter, Unit Converter.</p>
<p dir="ltr"><b>SOFTWARE DAN E-BOOK BERHARGA LAINNYA UNTUK ANDA :</b></p>
<p dir="ltr">Wholesalers 2000 - Extreme Mega Edition</p>
<p dir="ltr">Website4Sale Secrets</p>
<p dir="ltr">101 Auction Secrets Revealed</p>
<p dir="ltr">Don-Lapre Info Reports</p>
<p dir="ltr">Auction Prophet</p>
<p dir="ltr">Millenium Info Reports</p>
<p dir="ltr">The Cash Flow Deluxe : Info-Software Programs</p>
<p dir="ltr">Using NLP On eBay</p>
<p dir="ltr">Cyber Tactics 101</p>
<p dir="ltr">Internet Traffic Virus 2.0</p>
<p dir="ltr">Internet Success Ladder</p>
<p dir="ltr">Free Advertising System</p>
<p dir="ltr">Yahoo Secrets Revealed</p>
<p dir="ltr">57 Free eBook Articles</p>
<p dir="ltr">WebPage-O-Matic (Personal Edition)</p>
<p dir="ltr">WebPage-O-Matic (Business Edition)</p>
<p dir="ltr">eZine Assistant</p>
<p dir="ltr">Priority Mailer</p>
<p dir="ltr">Internet Marketing Toolbar Pro</p>
<p dir="ltr">Cheap But Good</p>
<p dir="ltr">eBook Gold v3</p>
<p dir="ltr">Web Site and E-zine Promotion Made Easy</p>
<p dir="ltr">Amazing Marketing Tactics</p>
<p dir="ltr">TRAFFIC VIRUS</p>
<p dir="ltr">TYPEITIN SOFTWARE</p>
<p dir="ltr">KILLTIMER v4.9 SOFTWARE</p>
<p dir="ltr">WEB-O-RAMA SOFTWARE</p>
<p dir="ltr">CREATING PROFITABLE CLASSIFIED ADS</p>
<p dir="ltr">CASH FLOW REPORTER HOW TO SERIES</p>
<p dir="ltr">MAIL ORDER SERIES OF REPORTS</p>
<p dir="ltr">eBiz Tips Tricks</p>
<p dir="ltr">INTERNET DETECTIVE 5.0</p>
<p dir="ltr">TAKE THE INTERNET BY STORM</p>
<p dir="ltr">FILLOUT MANAGER</p>
<p dir="ltr">EXPRESS MAIL SERVER</p>
<p dir="ltr">EMS KEY GENERATOR</p>
<p dir="ltr">WEBFORCE</p>
<p dir="ltr">5000+ ADSUBMITTER</p>
<p dir="ltr">DOUBLE YOUR BUSINESS</p>
<p dir="ltr">SEARCH ENGINE TACTICS</p>
<p dir="ltr">TARGETED DIRECT EMAIL GUIDE</p>
<p dir="ltr">OFFSHORE REPORT</p>
<p dir="ltr">000 CLASSIFIEDS</p>
<p dir="ltr">AUCTION TIPS</p>
<p dir="ltr">167 REPORTS</p>
<p dir="ltr">UNLIMITED PROFITS</p>
<p dir="ltr">INTERNET OPTIMIZER</p>
<p dir="ltr">CYBCASH SOFTWARE</p>
<p dir="ltr">LIST MANAGER</p>
<p dir="ltr">ARACHNOPHILIA</p>
<p dir="ltr">INSIDER SECRETS</p>
<p dir="ltr">MAKE YOUR ADS PULL LIKE CRAZY</p>
<p dir="ltr">INTERNET MARKETING PORTFOLIO</p>
<p dir="ltr">EARN A FORTUNE</p>
<p dir="ltr">WEBCELERATOR</p>
<p dir="ltr">CREATE YOUR OWN INFO PRODUCTS</p>
<p dir="ltr">AD/SALES LETTER TIPS</p>
<p dir="ltr">CHECKER SOFTWARE</p>
<p dir="ltr">101 SECRETS</p>
<p dir="ltr">ONE MILLION ITEMS WHOLESALE</p>
<p dir="ltr">INTERNET TIPS REVEALED</p>
<p dir="ltr">Using TV</p>
<p dir="ltr">Legal Forms</p>
<p dir="ltr">Business Reports</p>
<p dir="ltr">Consumer Reports</p>
<p dir="ltr">Reference Reports</p>
<p dir="ltr">Well Known Books</p>
<p dir="ltr">Well Known Books</p>
<p dir="ltr">Volume 2 of the E-Business Encyclopedia Set</p>
<p dir="ltr">Volume 3 of the E-Business Encyclopedia Set</p>
<p dir="ltr">Historical Stuff</p>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-45623804949411313972019-01-11T10:54:00.001+07:002019-01-11T11:29:10.898+07:00Pasang Statistik dan Tracker<p dir="ltr"><b>Pasang Statistik dan Tracker</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni memasang statistik dan tracker. Dengan adanya statistik blog, maka kita yang mpunya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya. </p>
<p dir="ltr">Sekarang bagaimana caranya kita membuat statistik tersebut? cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situs <b>http://www.sitemeter.com</b>. Berikut adalah contoh tool yang bisa kita pilih :</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr"> </p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhog6s8xds2KtwvD2DXhEdc_99MnDG5zQC9cJa7b61ZOxN9TqNtjpatsbG3P7UbGrWXqbVOlRAEU-yh1ZbPMdp4qEA0AKE4_BIMDMToYKoKAd3unqZGZUhsrVn-zPtBZByz6S7iv-QSzgM/s400/sitemeter_03.jpg"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhog6s8xds2KtwvD2DXhEdc_99MnDG5zQC9cJa7b61ZOxN9TqNtjpatsbG3P7UbGrWXqbVOlRAEU-yh1ZbPMdp4qEA0AKE4_BIMDMToYKoKAd3unqZGZUhsrVn-zPtBZByz6S7iv-QSzgM/s1600-h/sitemeter_03.jpg"></a></p>
<p dir="ltr"> </p>
<p dir="ltr">Untuk mendapatkannya silahkan ikuti langkah-langkah berikut : </p>
<p dir="ltr">Silahkan kunjungi situs http://www.sitemeter.com.</p>
<p dir="ltr">klik tulisan <b>Sign Up</b> untuk melakukan pendaftaran</p>
<p dir="ltr">klik tombol bertuliskan <b>Next</b></p>
<p dir="ltr">Klik tombol <b>Next</b> lagi</p>
<p dir="ltr">Isi semua tabel yang ada lalu klik tombol <b>Next</b> lagi</p>
<p dir="ltr">Isi lagi tabel yang ada, lalu klik tombol <b>Next</b> lagi</p>
<p dir="ltr">klik tombol <b>Next</b> lagi</p>
<p dir="ltr">klik tombol <b>Next</b> lagi ( cape dech next..next melulu   <img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif"> )</p>
<p dir="ltr">Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan</p>
<p dir="ltr">Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com</p>
<p dir="ltr">Silahkan login dengan id anda</p>
<p dir="ltr">Bila sudah login, Klik menu <b>Manager</b></p>
<p dir="ltr">Klik Menu <b>Meter Style</b> untuk memilih gaya dari site meter anda</p>
<p dir="ltr">Pilih style yang anda sukai, kemudian klik tombol <b>Select</b></p>
<p dir="ltr">Klik menu <b>HTML Code</b></p>
<p dir="ltr">Klik tulisan <i>Adding site Meter to a Blogger.com Site</i></p>
<p dir="ltr">copy semua kode HTML yang di berikan lalu paste pada Notepad</p>
<p dir="ltr">Klik menu <b>Logout</b> untuk keluar dari situs tersebut</p>
<p dir="ltr">Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita<br><br></p>
<p dir="ltr">Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut : </p>
<p dir="ltr">khusus blog dengan template klasik : </p>
<p dir="ltr">Sign in di blogger dengan id anda</p>
<p dir="ltr">Klik menu <b>TEMPLATE</b></p>
<p dir="ltr">Klik Edit <b>HTML</b></p>
<p dir="ltr">Klik Edit (yang ada pada bar menu browser anda)</p>
<p dir="ltr">Klik Find (on this page)... ⇒ untuk mempercepat pencarian</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find</p>
<p dir="ltr">Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol <b>Preview</b> untuk melihat perubahan yang terjadi</p>
<p dir="ltr">Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai</p>
<p dir="ltr">Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode <center> ...kode site meter... </center> <br></p>
<p dir="ltr">Untuk blog dengan Template baru : </p>
<p dir="ltr">Login di blogger dengan ID anda</p>
<p dir="ltr">Klik menu <b>layout</b></p>
<p dir="ltr">Klik <b>Elemen Halaman</b></p>
<p dir="ltr">Klik <b>Tambahkan sebuah Elemen Halaman</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Klik <b>TAMBAHKAN KE BLOG</b> pada menu HTML/JavaScript</p>
<p dir="ltr">Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)</p>
<p dir="ltr">Copy & paste kode Site meter pada kolom isian</p>
<p dir="ltr">Klik tombol <b>Simpan Perubahan</b></p>
<p dir="ltr">Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)</p>
<p dir="ltr">Klik tombol <b>PRATINJAU</b> untuk melihat perubahan yang baru di lakukan</p>
<p dir="ltr">Bila sudah cocok dengan perubahan tadi, klik tombol <b>SIMPAN</b></p>
<p dir="ltr">Selesai</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-43698848983209209782019-01-11T10:52:00.001+07:002019-01-11T11:27:11.901+07:00Buat Logo & Image Button<p dir="ltr"><b>Buat Logo & Image Button</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Bagi para sobat yang sudah mahir menggunakan program desain grafis semisal adobe photoshop ataupun coreldraw serta teman-temannya yang lain, membuat sebuah logo bukanlah sebuah pekerjaan yang sulit, dan mungkin tutorial ini menjadi tidak menarik untuk di baca. But barangkali ada sebagian dari para sobat sekalian yang satu nasib dengan saya, sebenarnya saya pun boleh di katakan tidak awam banget dengan program-program desain grafis tersebut, akan tetapi tak cukup hanya menguasai tentu saja di perlukan suatu daya kreasi atau imajinasi yang tinggi untuk menciptakan sebuah logo. </p>
<p dir="ltr">Nah kalau ada diantara sobat sekalian yang senasib dan sepenanggungan seperti saya (lho ko jadi ngawur ngomongnya)jangan dulu berkecil hati, seperti biasa ada pepatah mengatakan banyak jalan menuju Roma ((irama)kaya postingan dulu...dah basi)untuk membuat logo kita bisa memakai jasa situs di internet, salah satunya yaitu cooltext.com, Silahkan ikuti langkah-langkah berikut ini : </p>
<p dir="ltr">Silahkan buka alamat <b>http://cooltext.com</b> <br>
Lalu klik tulisan <b>Design a Logo</b> <br>
Klik gambar contoh logo yang sobat sukai <br>
Tulis tulisan yang ingin di jadikan logo di sampimg tulisan <b>Logo Text</b>. Misal : Blog Tutorial <br>
Tulis ukuran yang di inginkan di samping Tulisan <b>Text Size</b>. Misal : 50 <br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Klik logo warna-warni disamping kotak yang ada tulisan <b>Text Color</b> untuk memilih warna tulisan (text).silahkan pilih warna yg sobat sukai <br>
Pilih format image disamping tulisan <b>file format</b>. sebaiknya .JPG atau .GIF <br>
Klik tombol yang bertuliskan <b>Render Logo Design</b> <br>
Tunggu beberapa saat ketika proses pembuatan logo berlangsung <br>
Lihat hasil logo, sudah cocok apa belum? bila belum cocok, klik tulisan <b>Edit this logo</b> ulangi langkah diatas, rubah yang sobat inginkan. Jika sudah cocok, klik tulisan <b>Download Image</b> untuk kita simpan di PC kita <br>
Selesai. Sobat sudah mempunyai sebuah logo.<br></p>
<p dir="ltr">Agar logo yang kita buat tadi bisa tampil di blog, sobat harus upload gambar tersebut ke blogger.com atau melalui situs lain. Tapi saya lebih suka menyimpannya di situs lain misal <b>www.photobucket.com</b>. </p>
<p dir="ltr">Untuk proses upload di photobucket.com, silahkan ikuti langkah-langkah berikut : </p>
<p dir="ltr">Silahkan buka alamat  <b>http://www.photobucket.com</b>, <br>
Jika belum terdaftar di situs ini, silahkan daftar dulu (gratis bo) dengan meng klik tombol yang bertuliskan <b>Join Now</b> pada sudut kanan atas layar <br>
Sekarang saya asumsikan sobat sudah terdaftar (pastilah cara daftarnya bisa kan) <br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Silahkan Sign In dengan Id sobat <br>
Bila sudah berada pada halaman Account sobat, Klik tombol yang bertuliskan <b>Browse..</b>. Silahkan pilih logo yang tadi di buat <br>
Klin tombol yang bertuliskan <b>Upload</b> <br>
Tunggu beberapa saat ketika proses upload berlangsung <br>
Setelah upload selesai, akan di perlihatkan gambar logo serta kode HTML nya <br>
Copy kode HTML yang ada di sebelah tulisan <b>URL Link</b>. Paste pada program notepad <br>
Silahkan klik tulisan <b>Log Out</b> untuk keluar dari account sobat. tutup layar browser sobat<br><br><br></p>
<p dir="ltr">Nah sekarang sobat tinggal memasukan kode gambar tadi ke blog ke blog sobat, cuma ada sedikit kode yang harus di tambahkan, karena kode tadi baru berupa Link Image saja. Contoh kode link image : http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg. Disini sobat harus menambahkan kode <img src="Link URL logo">, sehingga kode tadi menjadi seperti ini : </p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg"> </p>
<p dir="ltr">Maka contoh hasilnya akan seperti ini : <br></p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg"><br></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Untuk cara memasukan kode HTML kedalam blog sudah sering di bahas, jika lupa silahkan klik <a href="http://kolom-tutorial.blogspot.com/2007/05/pasang-buku-tamu-di-sidebar.html">di sini</a>. </p>
<p dir="ltr">Sebagai tambahan, kode HTML di atas adalah kode untuk menampilkan image dengan ukuran yang sebenarnya. Apabila sobat ingin memperbesar atau memperkecil image tersebut, sobat bisa menambahkan beberapa atribut ke dalam kode HTML nya. Contoh : image tadi ingin saya tampilkan dalam ukuran 100px X 40px , maka kode tersebut menjadi seperti ini : </p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg" width="100" height="40" alt="ini contoh saja"> </p>
<p dir="ltr">sedikit clue, kode width="..." yaitu untuk ukuran lebar image, jadi untuk memperbesar atau memperkecil image, sobat tinggal menambah atau mengurangi nilainya. kode height="..." yaitu untuk ukuran tinggi image, sobat tinggal menambah atau mengurangi nilainya. Untuk alt="..." yaitu untuk menampilkan tulisan ketika mouse berada pada image tersebut. </p>
<p dir="ltr">Sebagai contoh, hasil dari kode diatas adalah sebagai berikut, silahkan sorot image tersebut untuk melihat efek kode alt="..." : <br></p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg"><br></p>
<p dir="ltr">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Bagaimana sudah bisa kan? pasti bisa, kan sudah di coba. Sekarang bagaimana cara membuat image button? langkahnya sama saja dengan langkah-langkah di atas, cuma pada saat berada di situs cooltext.com yang sobat klik adalah tulisan <b>Desiggen a Button</b> bukan <b>Design a Logo</b>, contoh image button : <br><br><br></p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/blogtutorial.gif"><br><br><br><br></p>
<p dir="ltr">Ok sobat, selamat menikmati hasil karyanya      <img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif"></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-65657810951721831852019-01-11T10:51:00.001+07:002019-01-11T11:26:01.927+07:00Membuat menu D tree<p dir="ltr"><b>Membuat menu D tree</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Beberapa waktu yang lampau, saya pernah menulis artikel mengenai cara membuat menu yang menyerupai menu yang ada pada <b>Windows explorer</b> yaitu menu <b>dtree</b>, akan tetapi rupanya kemarin lusa ada laporan bahwa menu tersebut mendadak hilang entah kemana, untuk itu tulisan ini adalah sebagai referensi agar kejadian tersebut tidak terulang kembali. </p>
<p dir="ltr">Saran saya, apabila sobat memasang suatu script atau image yang bersumber dari milik orang lain, sebaiknya bersegeralah untuk menyimpannya pada account milik sobat, akan tetapi sebelum mengambilnya tentu sobat harus minta izin terlebih dahulu kepada pemilik script tersebut, etika nya seperti itu. Misalkan seperti ini, apabila saya menyuruh memasang script seperti ini : <br><br></p>
<p dir="ltr">pasanglah kode ini di atas kode </head> : </p>
<p dir="ltr"><script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' /> </p>
<p dir="ltr">kode --> http://amen24.googlepages.com/Readmore.js berarti java script ini di simpan pada account milik saya. Tentu apabila sobat memasang kode ini tidak ada masalah, akan tetapi hal itu beresiko apabila saya iseng atau tidak sengaja atau juga terjadi suatu hal sehingga sumber dari script tersebut terhapus, walhasil sobat akan kehilangan fungsi dari script tersebut tanpa bisa berbuat apa-apa. Bagaimana cara mengatasinya? begini caranya : copy kode sumber script ini lalu paste pada <b>address bar</b> browser internet sobat : </p>
<p dir="ltr">http://amen24.googlepages.com/Readmore.js </p>
<p dir="ltr">Jangan lupa untuk klik <b>Go</b> untuk memanggilnya. Setelah itu nanti akan muncul sederetan script java. Langkah selanjutnya adalah klik <b>file </b>pada bar menu yang ada paling atas sebelah kiri, klik <b>Save As</b> lalu simpan di komputer sobat. Apabila kode tersebut sudah tersimpan di komputer sobat, uploadlah kode tersebut pada hosting yang biasa sobat gunakan, misalkan saya sering menyimpannya di <a href="https://www.google.com/accounts/ServiceLogin?service=pages&continue=http%3A%2F%2Fpages.google.com%2F<mpl=yessignups"><b>Google Page Creator</b></a>.Setelah di upload, copy alamat dari script yang baru di upload tadi, misalkan script ini mempunyai alamat : </p>
<p dir="ltr">http://juned.googlepages.com/Readmore.js </p>
<p dir="ltr">Nah, langkah terakhir adalah mengganti sumber script yang saya punyai dengan milik sobat, misal kode di atas seperti ini : </p>
<p dir="ltr"><script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' /> <br><br></p>
<p dir="ltr">Gantilah sumber script di atas dengan yang sobat miliki, sehingga kodenya jadi seperti ini : </p>
<p dir="ltr"><script type='text/javascript' src='http://juned.googlepages.com/Readmore.js' /> </p>
<p dir="ltr">Apabila sobat melakukan hal yang di atas, maka sobat tidak usah khawatir akan kehilangan dari fungsi script tersebut. </p>
<p dir="ltr">Langkah-langkah di atas merupakan langkah preventif saja bukan bermaksud mengajarkan sobat untuk mencuri kode milik orang lain. <br></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Baiklah kita kembali pada topik pembahasan mengenai cara membuat <b>menu dtree</b>, karena pada pembahasan yang tempo hari agak menyulitkan pembaca, sehingga kali ini saya akan mencoba membahasnya lebih mendalam dengan maksud agar lebih mudah untuk di pahami. </p>
<p dir="ltr">Untuk membuat menu dtree, sobat bisa mendownload pada situs resminya yaitu di <a href="http://www.destroydrop.com/">http://www.destroydrop.com</a>, silahkan untuk mendownloadnya sendiri. Akan tetapi kode tersebut tidaklah merupakan suatu barang yang sudah jadi, dengan kata lain sobat harus memahaminya, oleh karena alasan tadi maka saya akan mencoba memberi sedikit gambaran agar supaya lebih mudah untuk di pahami. </p>
<p dir="ltr">Contoh dasar dari script menu dtree yang langsung dari situs http://www.destroydrop.com adalah sebagai berikut : </p>
<p dir="ltr">Kode ini di simpan di atas kode </head> : </p>
<p dir="ltr"><link rel="StyleSheet" href="dtree.css" type="text/css" /><br>
<script type="text/javascript" src="dtree.js"></script> <br></p>
<p dir="ltr">Kode di bawah ini di simpan di bagian sidebar :</p>
<p dir="ltr"><h2>Example</h2><br>
<div class="dtree"><br>
<p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p><br>
<script type="text/javascript"><br>
<!--<br>
d = new dTree('d');<br>
d.add(0,-1,'My example tree');<br>
d.add(1,0,'Node 1','example01.html');<br>
d.add(2,0,'Node 2','example01.html');<br>
d.add(3,1,'Node 1.1','example01.html');<br>
d.add(4,0,'Node 3','example01.html');<br>
d.add(5,3,'Node 1.1.1','example01.html');<br>
d.add(6,5,'Node 1.1.1.1','example01.html');<br>
d.add(7,0,'Node 4','example01.html');<br>
d.add(8,1,'Node 1.2','example01.html');<br>
d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');<br>
d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');<br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
d.add(11,9,'Mom\'s birthday','example01.html');<br>
d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');<br>
document.write(d);<br>
//--><br>
</script><br>
</div><br><br><br><br><br></p>
<p dir="ltr">Apabila sobat mempunyai intelegensi yang cukup lumayan bagus, maka saya yakin tidak usah saya terangkanpun akan memahami bagaimana untuk membuat menu dtree dari kode diatas sehingga link-link milik sobat dapat di pasang pada kode-kode di atas. </p>
<p dir="ltr">Dengan tidak ada maksud saya untuk merendahkan sobat yang masih belum mengerti, maka saya akan mencoba menerangkannya, akan tetapi untuk lebih memudahkan maka saya telah membuat sebuah menu dtree buatan saya yang telah saya sertakan link-link di dalamnya : source code dari menu yang saya buat seperti ini : <br></p>
<p dir="ltr">Kode ini di simpan di atas kode </head> : </p>
<p dir="ltr"><link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" /><br>
<script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script> <br></p>
<p dir="ltr">Kode di bawah ini di simpan di bagian sidebar :</p>
<p dir="ltr"><div class="dtree"><br>
<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p><br>
<script type="text/javascript"><br>
<!--<br>
d = new dTree('d');<br>
d.add(0,-1,'Home','http://kolom-tutorial.blogspot.com');<br></p>
<p dir="ltr">d.add(1,0,'Free template & navigation')</p>
<p dir="ltr">d.add(3,1,'free template','');<br>
d.add(10,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html');<br>
d.add(20,3,'Minima 3 ckolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html');<br>
d.add(30,3,'1st template unik','http://template-unik.blogspot.com/2007/07/1st-template-unik.html');<br>
d.add(40,3,'Denim 3 kolom','http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html');<br>
d.add(50,3,'Blue lover 3 kolom','http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html');<br>
d.add(60,3,'Gray lover 3 kolom','http://template-unik.blogspot.com/2007/08/gray-lover-template.html');<br>
d.add(70,3,'UniQue template R 1.1','http://template-unik.blogspot.com/2007/09/unique-template-r-11.html');<br>
d.add(80,3,'UniQue template R 1.2','http://template-unik.blogspot.com/2007/09/unique-template-r-12_16.html');<br>
d.add(90,3,'UniQue template R 1.3','http://template-unik.blogspot.com/2007/09/unique-template-r-13.html');<br>
d.add(100,3,'template klasik');<br>
d.add(110,3,'Minima 3 kolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column.html');<br>
d.add(120,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html');</p>
<p dir="ltr">d.add(5,1,'Free css menu navigation');<br>
d.add(10,5,'Horizontal blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');<br>
d.add(20,5,'Horizontal blue menu (2)','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html');<br>
d.add(30,5,'Horizontal double line menu','http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html');<br>
d.add(40,5,'Horizontal flip menu','http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html');<br>
d.add(50,5,'Vertical green menu','http://css-lybrary.blogspot.com/2007/09/vertical-green-menu.html');<br>
d.add(60,5,'Vertical transparent','http://css-lybrary.blogspot.com/2007/09/vertical-transparent-menu.html');<br>
d.add(70,5,'Vertical blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');<br>
d.add(80,5,'Vertical Yellow menu','http://css-lybrary.blogspot.com/2007/09/yellow-vertical-menu.html');<br>
d.add(90,5,'Vertical red menu','http://css-lybrary.blogspot.com/2007/09/red-vertical-menu.html');</p>
<p dir="ltr">d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');<br>
d.add(10,2,'UniQue template','http://template-unik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');</p>
<p dir="ltr">d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://amen24.googlepages.com/action_save.gif');<br>
d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://amen24.googlepages.com/cd.gif');<br>
d.add(7,0,'My friendster!','http://amn_tea.blogs.friendster.com/my_blog/','my friendster','','http://amen24.googlepages.com/friendsterku.gif');<br>
d.add(8,0,'Recycle Bin','http://kolom-tutorial.blogspot.com/index.html','Recycle bin','','http://amen24.googlepages.com/trash.gif');<br></p>
<p dir="ltr">document.write(d);<br>
//--><br>
</script><br>
</div><br><br></p>
<p dir="ltr">Untuk melihat hasilnya, silahkan klik dulu <a href="http://rohman-oy.blogspot.com/"><b>di sini !</b></a> </p>
<p dir="ltr">Baiklah, saya akan mencoba mengulasnya agar lebih mudah untuk di pahami : </p>
<p dir="ltr">Jika sobat perhatikan dari kode di atas, akan terlihat beberapa ciri yang mudah untuk di kenali, antara lain : </p>
<p dir="ltr">d.add(1,0 <br>
d.add(2,0 <br>
d.add(4,0 <br>
d.add(6,0 <br>
d.add(7,0 </p>
<p dir="ltr">Kode angka yang bergandengan dengan angka 0 (nol) akan selalu menjadi induk dari menu dtree, jadi jika sobat menginginkan menu yang di simpan menjadi induk, sobat harus menuliskan angka yang berbeda kemudian di belakang koma harus di susul dengan angka nol. </p>
<p dir="ltr">d.add(3,1<br>
d.add(5,1<br>
Kode angka yang bergandengan dengan angka 1 (satu) akan menjadi cabang dari induk yang pertama. Akan tetapi angka di depan angka 1 (satu) adalah angka penentu bahwa menu ini akan menjadi cabang dari kode --> d.add(1,0 <br></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">d.add(10,5 <br>
d.add(20,5<br>
d.add(30,5<br>
d.add(40,5<br>
d.add(50,5<br>
d.add(60,5</p>
<p dir="ltr">Terlihat bahwa angka yang bergandengan dengan angka 5 (lima) akan menjadi cabang dari menu --> d.add(5,1 <br>
begitupun angka yang bergandengan dengan angka 3 (tiga) akan menjadi cabang dari menu --> d.add(3,1 <br></p>
<p dir="ltr">Ciri selanjutnya adalah tulisan yang tertera di samping icon selalu di dalam tanda petik (''), formasinya misal seperti ini : </p>
<p dir="ltr">d.add(10,3,'','','','','');</p>
<p dir="ltr">Jika di jabarkan denga isi menu, seperti ini : </p>
<p dir="ltr">d.add(10,3,'isi ke 1','isi ke 2','isi ke 3','isi ke 4','isi ke 5''isi ke 6');<br><br></p>
<p dir="ltr">isi ke 1 = adalah tulisan yang akan muncul terlihat langsung <br>
isi ke 2 = adalah alamat yang di tuju apabila di klik tulisan dari isi ke 1 <br>
isi ke 3 = adalah judul atau titel atau tulisan yang akan muncul ketika mouse menyorot pada isi ke 1, akan tetapi ini berlaku bagi induk yang tidak mempunyai cabang, misal menu : my frienster.<br>
isi ke 4 = terus terang saya tidak tahu pasti, tapi ada kemungkinan untuk alamat image<br>
isi ke 5 = adalah untuk alamat image icon yang mau di munculkan<br>
isi ke 6 = adalah untuk alamat image icon yang akan menggantikan icon isi ke 5<br></p>
<p dir="ltr">Misal : </p>
<p dir="ltr">d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');<br>
Blogroll = tulisan yang kan muncul pada menu induk <br>
http://amen24.googlepages.com/globe.gif (isi ke 5) = icon yang mau dunculkan di samping tulisan Blogroll<br>
http://amen24.googlepages.com/globe.gif (isi ke 6) = icon yang mau dunculkan ketika tulisan Blogroll di klik (akan tetapi dalam hal ini alamatnya sama, maka gambar icon seolah tidak mengalami perubahan)<br></p>
<p dir="ltr">dan masih banyak ciri-ciri lainnya yang dapat memudahkan sobat untuk mengnalinya. <br></p>
<p dir="ltr">Bagaimana sudah jelaskah? atau masih tetap bingung? biar tidak terlalu bingung mending langsung bikin menu dtree nya, silahkan ikuti langkah-langkah berikut ini, akan tetapi jangan lupa untuk membuat <b>Backup data</b> dari template sobat: <br></p>
<p dir="ltr"><b>Untuk template Klasik</b></p>
<p dir="ltr">Sign in di blogger</p>
<p dir="ltr">Klik menu <b>Template</b></p>
<p dir="ltr">Klik menu <b>Edit HTML</b></p>
<p dir="ltr">Copy seluruh kode HTML yang ada, lalu save untuk back up</p>
<p dir="ltr">Simpan kode berikut di bawah kode <title><$BlogPageTitle$></title> :</p>
<p dir="ltr"><link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" /><br>
<script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script> <br></p>
<p dir="ltr">Copy kode berikut, lalu paste pada kode sidebar sobat (link nya harus di ganti dengan milik sobat):</p>
<p dir="ltr"><div class="dtree"><br>
<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p><br>
<script type="text/javascript"><br>
<!--<br>
d = new dTree('d');<br>
d.add(0,-1,'Home','http://kolom-tutorial.blogspot.com');<br></p>
<p dir="ltr">d.add(1,0,'Free template & navigation')</p>
<p dir="ltr">d.add(3,1,'free template','');<br>
d.add(10,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html');<br>
d.add(20,3,'Minima 3 ckolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html');<br>
d.add(30,3,'1st template unik','http://template-unik.blogspot.com/2007/07/1st-template-unik.html');<br>
d.add(40,3,'Denim 3 kolom','http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html');<br>
d.add(50,3,'Blue lover 3 kolom','http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html');<br>
d.add(60,3,'Gray lover 3 kolom','http://template-unik.blogspot.com/2007/08/gray-lover-template.html');<br>
d.add(70,3,'UniQue template R 1.1','http://template-unik.blogspot.com/2007/09/unique-template-r-11.html');<br>
d.add(80,3,'UniQue template R 1.2','http://template-unik.blogspot.com/2007/09/unique-template-r-12_16.html');<br>
d.add(90,3,'UniQue template R 1.3','http://template-unik.blogspot.com/2007/09/unique-template-r-13.html');<br>
d.add(100,3,'template klasik');<br>
d.add(110,3,'Minima 3 kolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column.html');<br>
d.add(120,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html');</p>
<p dir="ltr">d.add(5,1,'Free css menu navigation');<br>
d.add(10,5,'Horizontal blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');<br>
d.add(20,5,'Horizontal blue menu (2)','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html');<br>
d.add(30,5,'Horizontal double line menu','http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html');<br>
d.add(40,5,'Horizontal flip menu','http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html');<br>
d.add(50,5,'Vertical green menu','http://css-lybrary.blogspot.com/2007/09/vertical-green-menu.html');<br>
d.add(60,5,'Vertical transparent','http://css-lybrary.blogspot.com/2007/09/vertical-transparent-menu.html');<br>
d.add(70,5,'Vertical blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');<br>
d.add(80,5,'Vertical Yellow menu','http://css-lybrary.blogspot.com/2007/09/yellow-vertical-menu.html');<br>
d.add(90,5,'Vertical red menu','http://css-lybrary.blogspot.com/2007/09/red-vertical-menu.html');</p>
<p dir="ltr">d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');<br>
d.add(10,2,'UniQue template','http://template-unik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');</p>
<p dir="ltr">d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://amen24.googlepages.com/action_save.gif');<br>
d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://amen24.googlepages.com/cd.gif');<br>
d.add(7,0,'My friendster!','http://amn_tea.blogs.friendster.com/my_blog/','my friendster','','http://amen24.googlepages.com/friendsterku.gif');<br>
d.add(8,0,'Recycle Bin','http://kolom-tutorial.blogspot.com/index.html','Recycle bin','','http://amen24.googlepages.com/trash.gif');<br></p>
<p dir="ltr">document.write(d);<br>
//--><br>
</script><br>
</div><br><br></p>
<p dir="ltr">Klik tombol <b>Simpan Perubahan Template</b></p>
<p dir="ltr">Selesai.<br><br></p>
<p dir="ltr"><b>Untuk Template Baru</b></p>
<p dir="ltr">Sign in di blogger</p>
<p dir="ltr">Klik menu <b>Layout</b></p>
<p dir="ltr">Klik menu <b>Edit HTML</b></p>
<p dir="ltr">Klik tulisan <b>Download Template Lengkap</b>, save dulu untuk backup data biar aman</p>
<p dir="ltr">Copy paste kode berikut di atas kode </head></p>
<p dir="ltr"><link rel="StyleSheet" href="http://amen24.googlepages.com/dtree.css" type="text/css" /><br>
<script type="text/javascript" src="http://amen24.googlepages.com/dtree.js"></script> <br></p>
<p dir="ltr">Klik tombol <b>Simpan Template</b></p>
<p dir="ltr">Klik menu <b>Elemen Halaman</b> yang ada di sebelah atas monitor</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Klik tulisan <b>Tambahkan sebuah Elemen Halaman</b></p>
<p dir="ltr">Klik tombol <b>TAMBAHKAN KE BLOG</b> di bawah tulisan <b>HTML/JavaScript</b></p>
<p dir="ltr">Copy paste kode berikut pada kotak yang muncul (ganti link nya dengan milik sobat)</p>
<p dir="ltr"><div class="dtree"><br>
<p><a href="javascript: d.openAll();"><img src="http://amen24.googlepages.com/plus.gif"><b>Open all</b></a> | <a href="javascript: d.closeAll();"><img src="http://amen24.googlepages.com/minus.gif"><b>Close all</b></a></p><br>
<script type="text/javascript"><br>
<!--<br>
d = new dTree('d');<br>
d.add(0,-1,'Home','http://kolom-tutorial.blogspot.com');<br></p>
<p dir="ltr">d.add(1,0,'Free template & navigation')</p>
<p dir="ltr">d.add(3,1,'free template','');<br>
d.add(10,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-xml.html');<br>
d.add(20,3,'Minima 3 ckolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column-xml.html');<br>
d.add(30,3,'1st template unik','http://template-unik.blogspot.com/2007/07/1st-template-unik.html');<br>
d.add(40,3,'Denim 3 kolom','http://template-unik.blogspot.com/2007/07/denim-3-column-xml.html');<br>
d.add(50,3,'Blue lover 3 kolom','http://template-unik.blogspot.com/2007/08/blue-lover-template-xml.html');<br>
d.add(60,3,'Gray lover 3 kolom','http://template-unik.blogspot.com/2007/08/gray-lover-template.html');<br>
d.add(70,3,'UniQue template R 1.1','http://template-unik.blogspot.com/2007/09/unique-template-r-11.html');<br>
d.add(80,3,'UniQue template R 1.2','http://template-unik.blogspot.com/2007/09/unique-template-r-12_16.html');<br>
d.add(90,3,'UniQue template R 1.3','http://template-unik.blogspot.com/2007/09/unique-template-r-13.html');<br>
d.add(100,3,'template klasik');<br>
d.add(110,3,'Minima 3 kolom','http://template-unik.blogspot.com/2007/07/white-minima-3-column.html');<br>
d.add(120,3,'Scribe 3 kolom','http://template-unik.blogspot.com/2007/07/scribe-3-column-classic.html');</p>
<p dir="ltr">d.add(5,1,'Free css menu navigation');<br>
d.add(10,5,'Horizontal blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');<br>
d.add(20,5,'Horizontal blue menu (2)','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu-2.html');<br>
d.add(30,5,'Horizontal double line menu','http://css-lybrary.blogspot.com/2007/09/horizontal-double-line-menu.html');<br>
d.add(40,5,'Horizontal flip menu','http://css-lybrary.blogspot.com/2007/09/horizontal-flip-menu.html');<br>
d.add(50,5,'Vertical green menu','http://css-lybrary.blogspot.com/2007/09/vertical-green-menu.html');<br>
d.add(60,5,'Vertical transparent','http://css-lybrary.blogspot.com/2007/09/vertical-transparent-menu.html');<br>
d.add(70,5,'Vertical blue menu','http://css-lybrary.blogspot.com/2007/09/horizontal-blue-menu.html');<br>
d.add(80,5,'Vertical Yellow menu','http://css-lybrary.blogspot.com/2007/09/yellow-vertical-menu.html');<br>
d.add(90,5,'Vertical red menu','http://css-lybrary.blogspot.com/2007/09/red-vertical-menu.html');</p>
<p dir="ltr">d.add(2,0,'Blogroll','','','','http://amen24.googlepages.com/globe.gif','http://amen24.googlepages.com/globe.gif');<br>
d.add(10,2,'UniQue template','http://template-unik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(20,2,'Css Library','http://css-library.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(20,2,'Terune sasaQ','http://terune-sasaq.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(30,2,'Bang dhika','http://bangdhika.blogspot.com/','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(40,2,'Rubrik Elektronik','http://rubrik-elektronik.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(50,2,'Tukeran link','http://tukeran-link.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');<br>
d.add(60,2,'Pasar Info','http://pasar-info.blogspot.com','','','http://24rohman.googlepages.com/icon_user.gif');</p>
<p dir="ltr">d.add(4,0,'Software super murah disini!','http://www.obralplus.com/?id=rohman','menjual berbagai software serta ebook dengan harga super murah, klik di sini!','','http://amen24.googlepages.com/action_save.gif');<br>
d.add(6,0,'Belajar website di sini!','http://www.resepbisnis.com/?id=rohman','belajar membuat website itu sangatlah mudah, temukan caranya.klik di sini!','','http://amen24.googlepages.com/cd.gif');<br>
d.add(7,0,'My friendster!','http://amn_tea.blogs.friendster.com/my_blog/','my friendster','','http://amen24.googlepages.com/friendsterku.gif');<br>
d.add(8,0,'Recycle Bin','http://kolom-tutorial.blogspot.com/index.html','Recycle bin','','http://amen24.googlepages.com/trash.gif');<br></p>
<p dir="ltr">document.write(d);<br>
//--><br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</script><br>
</div><br><br></p>
<p dir="ltr">Klik tombol <b>Simpan</b></p>
<p dir="ltr">Klik pada elemen yang barusan di buat, tahan lalu geser pada tempat yang di inginkan (di drag & drop)</p>
<p dir="ltr">Klik tombol <b>Simpan</b> yang berada di sebelah atas</p>
<p dir="ltr">Selesai. Silahkan lihat hasilnya<br></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-49784283866932466472019-01-11T10:50:00.001+07:002019-01-11T11:24:42.776+07:00Tutorial HTML<p dir="ltr"><b>Tutorial HTML</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Melanjutkan posting yang terdahulu setelah terselang oleh beberapa artikel tentang blog tutorial maka kali ini saya akan membahas tentang tutorial HTML kembali.Sebelum menginjak kepada topik bahasan ada baiknya para sobat mengikuti bahasan kali ini dengan langsung memfraktekannya agar lebih cepat mengerti. Caranya siapkan terlebih dahulu program notepadnya lalu tuliskan kode HTML seperti dibawah, kemudian apabila telah selesai mempraktekan simpan file tersebut dengan extensi .htm (dot htm). Contoh file : latihan.htm kemudian jalankan dengan internet explorer. silahkan tulis kode-kode berikut : <br></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr"><html></p>
<p dir="ltr"><head></p>
<p dir="ltr"><title>latihan</title></p>
<p dir="ltr"><body></p>
<p dir="ltr"><b>Tulis apa-apa yang saya terangkan di sini !</b></p>
<p dir="ltr"></body></p>
<p dir="ltr"></html></p>
<p dir="ltr"> <br></p>
<p dir="ltr">Kita langsung ke topik bahasan aja ya biar ga bosan. </p>
<p dir="ltr"><b>Elemen dasar HTML</b> </p>
<p dir="ltr">Ada beberapa elemen dasar HTML yaitu : </p>
<p dir="ltr"><b>Elemen Blok Level</b> </p>
<p dir="ltr">Elemen blok level yaitu tingkatan besarnya hurup yang akan di tampilkan pada browser. Elemen blok level yang paling sering di gunakan adalah Heading (h1 sampai h6).Tag heading ini ini berupa <h1>...</h1> sampai dengan <h6>...</h6>. </p>
<p dir="ltr">Contoh :</p>
<p dir="ltr"><h1>Ini heading 1</h1> <br>
<h2>Ini heading 2</h2> <br>
<h3>Ini heading 3</h3> <br>
<h4>Ini heading 4</h4> <br>
<h5>Ini heading 5</h5> <br>
<h6>Ini heading 6</h6> <br></p>
<p dir="ltr">Hasilnya akan seperti ini : <br></p>
<p dir="ltr"><b>Ini heading 1</b><br><br></p>
<p dir="ltr">Ini heading 2 </p>
<p dir="ltr">Ini heading 3 </p>
<p dir="ltr">Ini heading 4 </p>
<p dir="ltr"><b>Ini heading 5</b><br></p>
<p dir="ltr"><b>Ini heading 6</b><br><br><br></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Sebenarnya ada cara lain untuk menampilkan berbagai ukuran hurup, yakni memakai tag <font size="...">.....</font>. </p>
<p dir="ltr">Contoh : <br><br></p>
<p dir="ltr"><font size="1">Ini font size 1</font> </p>
<p dir="ltr"><font size="2">Ini font size 2</font> </p>
<p dir="ltr"><font size="3">Ini font size 3</font> </p>
<p dir="ltr"><font size="4">Ini font size 4</font> </p>
<p dir="ltr"><font size="5">Ini font size 5</font> </p>
<p dir="ltr"><font size="6">Ini font size 6</font> </p>
<p dir="ltr"><font size="7">Ini font size 7</font> <br></p>
<p dir="ltr">Hasil yang akan tampil seperti ini : <br><br></p>
<p dir="ltr">Ini font size 1 </p>
<p dir="ltr">Ini font size 2 </p>
<p dir="ltr">Ini font size 3 </p>
<p dir="ltr">Ini font size 4 </p>
<p dir="ltr">Ini font size 5 </p>
<p dir="ltr">Ini font size 6 </p>
<p dir="ltr">Ini font size 7 <br></p>
<p dir="ltr">Itu adalah contoh untuk menampilkan huruf dalam berbagai ukuran. </p>
<p dir="ltr">Untuk kesempatan kali ini, kaya nya udah dulu sobat soalnya belum mandi nih, mo berangkat kerja   <img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif">    hiii.....pantesan dari tadi ada yang bau aneh   <img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif"> </p>
<p dir="ltr">Nantikan seri berikutnya! </p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-62550854657898219602019-01-11T10:49:00.001+07:002019-01-11T11:23:51.624+07:00Blogroll Alternatif<p dir="ltr"><b>Blogroll Alternatif</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Judulnya lucu ya, kaya pengobatan saja pake kata <b>altenatif</b> segala, pengobatan alternatif kalee.. </p>
<p dir="ltr">Baiklah para sobat semua, dalam kesempatan kali ini saya akan membicarakan tentang yang namanya <b>Blogroll</b>. </p>
<p dir="ltr">Apa itu Blogroll? </p>
<p dir="ltr">Blogroll atau di sebut juga Link Exchange atau kata orang bandung sih tukeran link antar blog atau website adalah menyimpan link address milik orang lain pada blog/website milik kita. </p>
<p dir="ltr">Apa manfaat dari blogroll? </p>
<p dir="ltr">Mungkin secara sekilas para sobat berpikir bahwa memasang link address milik orang lain pada blog/website milik kita akan merugikan, sebab dengan itu tentu saja kita memberikan jalan kepada para pengunjung untuk meninggalkan blog kita. Alasan itu mungkin ada benarnya, akan tetapi tidak seutuhnya benar. Dengan adanya blogroll banyak sekali manfaat yang kita dapatkan, antara lain yaitu mempererat tali silaturahmi atau tali persaudaraan diantara pemilik blog/website. selain itu semakin banyak blog kita di link oleh blog lain maka semakin baik pula posisi rangking blog kita pada Search Engine semacam Google, Yahoo, Msn serta teman-temannya. Tentu saja sama-sama kita ketahui bahwa setiap pemilik blog/website berkeinginan bahwa blog/website miliknya mempunyai rangking yang
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
baik pada search engine. Makanya budayakan tukeran link jangan pelit, karena kalau kita pelit memberi link ya tentu saja tidak akan ada yang mau pasang link addres milik kita pada blog mereka. </p>
<p dir="ltr">Terus apa hubungannya dengan judul di atas? </p>
<p dir="ltr">Oh iya ke asyikan bercerita jadi lupa pada topik bahasan. OK kita kembali ke lap....top (yeee..ngekor ama tukul) eh topik bahasan. Bagi para sobat yang baru membuat blog dan baru memiliki blogroll hanya beberapa saja mungkin tulisan ini tidak terlalu bermanfaat, tapi mungkin barangkali nanti setelah link sobat jumlahnya sampai ratusan atau bahkan ribuan informasi ini bisa jadi bermanfaat. Memang seperti yang tadi saya katakan di awal bahwa bertukar link atau link Exchange sangat bermanfaat, tapi...ada tapinya nie sobat..kalo link sobat sudah mencapai ratusan atau bahkan ribuan tentu saja akan menemui masalah, yaitu tentu saja link ini akan memakan tempat yang banyak dan jadi tidak enak untuk di pandang mata para pengunjung. Nah jika sobat mempunyai masalah demikian, maka saya akan memberikan beberapa alternatif jalan keluarnya (tuh kan jadi nyambung, keluar juga kata alternatif nya). Yaitu antara lain : </p>
<p dir="ltr"><b>Blogroll dengan marquee</b></p>
<p dir="ltr">yang paling banyak di gunakan oleh para blogger untuk menghemat space pada blog adalah dengan menggunakan perintah marquee. </p>
<p dir="ltr">Contoh membuat blogroll dengan perintah marquee : </p>
<p dir="ltr"><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" > </p>
<p dir="ltr"><a href="http://rubrik-elektronik.blogspot.com" target="_blank">Rubrik Elektronik</a> <br>
<br/><br/> <br>
<a href="http://user-online.blogspot.com" target="_blank">User Online</a> <br>
<br/><br/> <br>
<a href="http://rohman-freeblogtemplate.blogspot.com" target="_blank">free Blog Template</a> <br>
<br/><br/> <br>
<a href="http://kolom-authorized.blogspot.com" target="_blank">Authorize service</a> <br>
<br/><br/> <br>
<a href="http://contoh-blog.blogspot.com/" target="_blank">Blog D'Tree</a> <br>
<br/><br/> </p>
<p dir="ltr"></marquee> <br><br></p>
<p dir="ltr">Maka nanti yang akan tampil pada blog kita adalah seperti ini : <br></p>
<p dir="ltr"><a href="http://user-online.blogspot.com/">User Online</a> </p>
<p dir="ltr"><a href="http://www.blogspottutorial.com/">free Blog Template</a> </p>
<p dir="ltr"><a href="http://kolom-authorized.blogspot.com/">Authorize service</a> </p>
<p dir="ltr"><a href="http://contoh-blog.blogspot.com/">Blog D'Tree</a> </p>
<p dir="ltr"> </p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-47448840327910508032019-01-11T10:46:00.001+07:002019-01-11T11:23:12.492+07:00Daftar Mybloglog<p dir="ltr"><b>Daftar Mybloglog</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Bagi para sobat yang baru membuat blog, pada kesempatan kali ini saya mau menambahkan perbendaharaan blog tools nya, yakni pasang <b>MyBloglog</b>. </p>
<p dir="ltr">Apa itu <b>Mybloglog</b> ? </p>
<p dir="ltr"><img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif">   Bingung kalau harus mendifinisikan apa itu mybloglog    <img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif">        biar kita tidak sama-sama bingung, silahkan alihkan perhatian sobat ke bagian sidebar sebelah kanan layar monitor, di bawah tulisan <b>Tamu</b>terdapat photo yang ganteng-ganteng serta cantik-cantik. Nah itu bukanlah photo saya ataupun my family, tapi itu merupakan tamu yang pernah berkunjung ke blog ini dan beliau-beliau inipun sama-sama anggota dari mybloglog, atau barangkali photo sobat sudah terpampang disana? selamat kalau iya, karena sobat akan mulai jadi orang terkenal. Ko bisa? Ya iiyya...lah, karena tercatat tak kurang dari lima puluh pengunjung setiap harinya yang mampir kemari dan selalu melihat photo sobat, keren kan! makanya sering-sering main kemari biar cepat terkenal..he..he..(wuyyy...udah dong ngelanturnya    <img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif"> ). </p>
<p dir="ltr">Bagaimana sobat sudah dapat gambaran? saya yakin sudah. Atau belum? kalau belum bolehlah saya yang mendefinisikan, tapi tentunya dengan versi saya sendiri. Mybloglog adalah suatu situs yang menyediakan layanan untuk melacak (tracking) para pengunjung blog/website dimana apabila pengunjung tersebut merupakan anggota situs mybloglog maka dapat secara otomatis terdeteksi dan di cantumkan dalam menu Recent Reader nya (pembaca terbaru). </p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Apa manfaat bergabung di mybloglog? </p>
<p dir="ltr">Ada beberapa manfaat kita bergabung dengan mybloglog yaitu : </p>
<p dir="ltr">Untuk menambah traffic ke blog kita</p>
<p dir="ltr">Dengan adanya photo kita terpampang di blog orang lain, maka ada kemungkinan banyak yang akan berkunjung ke blog milik kita, sekurang-kurangnya dari pemilik blog itu sendiri. </p>
<p dir="ltr">Mengetahui link mana yang banyak di klik</p>
<p dir="ltr">Di mybloglog ada fasilitas tracking untuk memberi peringkat terhadap link-link yang kita pasang, link mana yang banyak di klik pengunjung, maka peringkat link itu semakin baik. </p>
<p dir="ltr">Mempererat tali silaturahmi antar pemilik blog</p>
<p dir="ltr">Tak bisa di pungkiri dengan adanya otomatisasi photo kita terpampang tanpa harus menuliskan pesan seperti halnya buku tamu, ini tentunya akan lebih memungkinkan saling kunjung mengunjungi antar pemilik blog. <br></p>
<p dir="ltr">Dan tentu saja masih ada manfaat-manfaat yang lainnya yang bisa di dapat, akan tetapi untuk menghemat pembahasan hanya itu saja dulu. Nah sekarang bagaimana cara bergabung dengan mybloglog, silahkan ikuti langkah-langkah berikut ini : </p>
<p dir="ltr">Silahkan buka situs <b>http://www.mybloglog.com</b><br>
Isi form yang telah di sediakan di bawah tulisan <b>Sign Up Now</b><br>
Screen name --> Isi dengan nama yang ingin di tampilkan. Contoh : Amen24<br>
Email --> Isi dengan email sobat ( yang valid)<br>
Passwor --> Isi dengan password yang di inginkan. Contoh : ranggalawe<br>
Blog/Site URL --> Isi dengan alamat blog sobat. Contoh : http://rubrik-elektronik.blogspot.com<br>
Klik Tombol <b>Register</b><br>
Terlihat beberapa form yang harus diisi lagi<br>
Blog/Site Title --> Isi dengan judul blog sobat<br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Blog platporm --> pilih blogspot.com<br>
Dibagian bawah ada dua radio buttun, silahkan pilih yang sobat sukai<br>
Klik tombol yang bertuliskan <b>Complete Registration</b><br>
Klik tulisan <b>Go to Your page</b><br>
Klik tombol yang bertuliskan <b>Edit profile</b> yang berada di sebelah kanan atas<br>
Isi semua data diri sobat (tidak saya sebutkan satu2 karena terlalu banyak)<br>
Jika sudah selesai di isi semua, klik tombol bertuliskan <b>Update my profile</b><br>
Klik tulisam <b>MY HOME</b> untuk kembali ke home<br>
Klik tombol yang bertuliskan <b>Get Widget</b><br>
Klik kotak di samping tulisan <b>c_color_heading_bg</b> kemudian pilih warna yg di sukai pada panel warna untuk merubah warna background heading<br>
Klik kotak di samping tulisan <b>c_color_heading</b> kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan heading<br>
Klik kotak di samping tulisan <b>c_color_link_bg</b> kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround link<br>
Klik kotak di samping tulisan <b>c_color_link</b> kemudian pilih warna yg di sukai pada panel warna untuk merubah warna tulisan link<br>
Klik kotak di samping tulisan <b>c_color_link</b> kemudian pilih warna yg di sukai pada panel warna untuk merubah warna backround bottom<br>
Tulis ukuran lebar yang sesuai dengan sidebar blog sobat (kalau mau di tempatkan di sidebar) contoh : 160<br>
Di samping tulisan <b>Show Screen Names</b> ada dua radio button, sebaiknya pilih <b>yes</b>, pilih <b>No</b> juga boleh<br>
Di samping tulisan <b>Image Size</b> ada dua radio button, sebaiknya pilih <b>Full-Size</b>, pilih <b>half-Size</b> juga boleh<br>
Disamping tulisan <b>Rows</b>, pilih berapa baris yang ingin muncul (terserah)<br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Disamping tulisan <b>Title</b>, tulis kata yang sobat suka. contoh : pembaca terbaru, yang mampir, tamu blog ini, atau apa saja<br>
Di bagian bawah, ada tulisan <b>Stat Tracking Script</b>, copy kode script yang di berikan lalu paste pada program <b>notepad</b>, silahkan save terlebih dahulu<br>
Kembali ke bagian atas<br>
Klik tombol bertuliskan <b>Preview and Get Code</b><br>
Copy seluruh kode yang berada di bawah tulisan <b>Recent Readers Widget Display & Code</b>, lalu paste ke dalam <b>notepad</b><br>
Silahkan klik tulisan <b>Logout</b> yang berada di bagian atas untuk keluar dari account sobat<br>
Silahkan close window situs tersebut.<br></p>
<p dir="ltr">Langkah selanjutnya adalah memasukan kode yang sudah di copy pada notepad tadi kedalam blog kita, karena kode ini merupakan <i>Java Script</i>, maka cara memasukan kodenya sama dengan memasukan kode HTML, dan ini sudah saya bahas pada postingan terdahulu. Jika sudah lupa silahkan baca lagi <i><b>di sini</b></i>. Selesai. </p>
<p dir="ltr">Selamat menikmati photo-photo ganteng dan cantik dari tamu blog sobat. </p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-17014835702778598492019-01-11T10:45:00.001+07:002019-01-11T10:45:41.861+07:00Membuat Penggalan Artikel<p dir="ltr"><b>Membuat Penggalan Artikel</b></p>
<p dir="ltr">Menanggapi pertanyaan sobat <b>tanggo</b> yang menanyakan perihal penggalan artikel dari rubrik elektronik yang katanya selalu muncul di atas posting artikel, maka dari itu kali ini saya akan membahas cara pembuatannya, barangkali ada dari sobat-sobat lainnya sama-sama tertarik atau kalau tidak tertarik, ya sekedar pengetahuan saja juga tidak ada ruginya kan. </p>
<p dir="ltr">Sebenarnya penggalan artikel di atas adalah bukanlah suatu tulisan hasil posting, akan tetapi hanya berupa tulisan biasa yang ujung kalimatnya di beri link untuk menuju ke artikel sebenarnya yakni artikel yang terdapat pada blog rubrik elektronik. Maksud pemasangan penggalan kalimat itu sebenarnya untuk membawa para pembaca ke blog saya yang satu lagi yaitu Rubrik Elektronik tadi, soalnya itu blog kan ada iklan google adsense nya, nah barangkali saja ada diantara para sobat sekalian yang mau berbaik hati meng klik iklan google adsense milik saya <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif"> cuma hiks.... hiks <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif"> masih dikit yang mau klik iklan aku <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif"> tapi ga apa-apa berarti belum rezekinya <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif"> (berarti ga ikhlas donk bikin tutorialnya kalo gitu <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif">/ weith..... maaf bukan begitu maksud saya, jadi ga enak hati nih <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif">). </p>
<p dir="ltr">Untuk membuat penggalan artikel seperti diatas, langkah pertama adalah mengcopy sebagian kalimat yang mau kita link, yang kedua adalah mencatat address dari artikel tersebut, nah ujung dari kalimat tersebut kita buatkan link. Agar tidak terlalu membingungkan saya beri contoh. Misalkan address dari artikel yang mau saya pasang linknya adalah sebagai berikut : </p>
<p dir="ltr">http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html </p>
<p dir="ltr">Isi dari penggalan kalimatnya adalah sebagai berikut : </p>
<p dir="ltr">Electronic Shopping </p>
<p dir="ltr">Many Indonesians were still believing that products that in marketed overseas his quality was far more better than products that in marketed in the country. Around them many that were deliberate went overseas only a to shop. You some among them? <br></p>
<p dir="ltr">Maka kode yang kita buat adalah sebagai berikut : <br></p>
<p dir="ltr"><span style="color:#FD8403"><font size="6">Electronic Shopping</font></span> <br>
<hr width="100%" align="left"> <br>
<br/> <br>
Many Indonesians were still believing that products that in marketed overseas his quality was far more better than products that in marketed in the country. Around them many that were deliberate went overseas only a to shop. You some among them? <a href="http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html"><b>...Read more...</b></a> <br>
<hr width="90%" align="left"> <br>
<br/> </p>
<p dir="ltr">Kode tersebut hasilnya akan seperti ini : <br></p>
<p dir="ltr">Electronic Shopping<br>
Many Indonesians were still believing that products that in marketed overseas his quality was far more better than products that in marketed in the country. Around them many that were deliberate went overseas only a to shop. You some among them? <b>...Read more...</b></p>
<p dir="ltr">Biar lebih faham, sedikit saya uraikan : </p>
<p dir="ltr"><span style="color:#FD8403"> ..... </span> --> ini adalah kode untuk merubah warna text. <b>#FD8403</b> merupakan kode warna orange. <br>
<font size="6">.......</font>< --> ini adalah kode untuk menampilkan huruf dalam ukuran font 6 (ukuran besar) <br>
<hr width="100%" align="left"> --> ini adalah kode untuk membuat garis sebesar 100% dari lebarnya halaman blog yang dimulai dari tepi kiri. <br>
<br/> --> kode untuk membuat suatu kalimat pindah ke bawah sebesar satu line break. <br></p>
<p dir="ltr">Mudah-mudahan keterangan diatas dapat di pahami. Setelah kita membuat kode seperti yang di terangkan diatas, tugas selanjutnya yaitu memasukan kode tersebut kedalam blog. Tentunya ada perbedaan cara memasukan kode antara template klasik dengan template baru. Silahkan ikuti langkah-langkahnya : </p>
<p dir="ltr"><b>Untuk template klasik :</b> </p>
<p dir="ltr">Sign in di blogger dengan id sobat<br>
Klik menu <b>Template</b><br>
Klik menu <b>Edit HTML</b><br>
Copy seluruh kode HTML yang ada, kemudian save di komputer sobat. Ini untuk backup data apabila terjadi kesalahan dalam proses editting template<br>
Cari kode seperti di bawah ini :</p>
<p dir="ltr"><div class="post"><a name="<$BlogItemNumber$>"></a> <br>
<BlogItemTitle> </p>
<p dir="ltr">Tempatkan kode yang telah kita buat tadi persis diatas kode diatas, sehingga kodenya menjadi : <br></p>
<p dir="ltr"><span style="color:#FD8403"><font size="6">Electronic Shopping</font></span> <br>
<hr width="100%" align="left"> <br>
<br/> <br>
Many Indonesians were still believing that products that in marketed overseas his quality was far more better than products that in marketed in the country. Around them many that were deliberate went overseas only a to shop. You some among them? <a href="http://rubrik-elektronik.blogspot.com/2007/04/electronic-shopping.html"><b>...Read more...</b></a> <br>
<hr width="90%" align="left"> <br>
<br/> <br>
<div class="post"><a name="<$BlogItemNumber$>"></a> <br>
<BlogItemTitle> </p>
<p dir="ltr">Klik tombol <b>Preview</b> untuk melihat perubahan yang baru di lakukan<br>
Apabila sudah OK, klik tombol <b>save Template Changes</b><br>
Selesai.</p>
<p dir="ltr">Catatan : cara di atas tentunya merujuk kepada template asli buatan blogger.com, bagi pengguna template bukan buatan blogger tentu akan lain, yang perlu di ingat yaitu penempatan kode penggalan artikel adalah persis diatas kode untuk <b>Posting</b> artikel. <br></p>
<p dir="ltr"><b>Untuk template baru :</b> </p>
<p dir="ltr">Sign In di blogger dengan id sobat<br>
Klik menu <b>Layout</b><br>
Klik menu <b>Page Elements</b><br>
Klik <b>Add a Page Element</b><br>
Klik tulisan <b>ADD TO BLOG</b> yang berada di bawah tulisan <b>HTML/JavaScript</b><br>
Copy paste kode penggalan artikel yang telah kita buat tadi<br>
Klik tombol <b>SAVE CHANGES</b><br>
Klik kotak element yang baru di buat, tahan kemudian pindahkan di atas kotak yang bertuliskan <b>Blog post</b>(di drag & drop)<br>
Klik tulisan <b>View Blog</b> untuk melihat hasil dari penambahan kode tadi<br>
Bila sudah OK, klik tombol <b>SAVE</b><br>
Selesai.<br></p>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-69215947125023726912019-01-11T10:44:00.001+07:002019-01-11T10:44:51.766+07:00Membuat Link Untuk Download<p dir="ltr"><b>Membuat Link Untuk Download</b></p>
<p dir="ltr">Sobat <b>Saiman</b> beberapa waktu yang lalu mengajukan sebuah pertanyaan yang di tulis pada shoutbox, beliau menanyakan tentang cara memasang artikel atau file exe di blog agar bisa di download orang lain. Sepengetahuan saya yang terbatas ini, di dalam blog tidak bisa untuk menyimpan file exe kemudian bisa di download oleh orang lain, akan tetapi walaupun begitu ada cara lain yang bisa kita tempuh yakni menggunakan jasa situs-situs yang ada di internet yang menyediakan space untuk upload file yang kita punyai dan kemudian bisa di download lagi oleh orang lain. </p>
<p dir="ltr">Secara sederhana saya jabarkan cara kerjanya, pertama tentu saja kita harus mempunyai account pada situs tersebut, kemudian setelah mempunyai account, baru kita upload data yang ingin kita simpan, lalu setelah proses upload berhasil kita akan di beri URL address file yang kita upload. Nah langkah terakhir agar pengunjung dari blog kita bisa mendownload file tersebut adalah memasang tulisan yang mempunyai link terhadap URL address file yang kita upload tadi, jadi tentu saja orang lain bisa mendownload file yang kita pasang melalui blog kita. Kira-kira begitu bos <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif">. </p>
<p dir="ltr">Agar tidak terlalu bingung, penyedia layanan ini salah satunya adalah <b>www.SnapDrive.net</b>. dengan menggunakan situs ini kita bisa upload file kemudian file tersebut bisa di download lagi oleh orang lain. Untuk caranya silahkan ikuti langkah-langkah berikut ini : </p>
<p dir="ltr">Silahkan buka http://www.SnapDrive.net<br>
Klik tulisan <b>Register</b><br>
Isi formulir yang disediakan dengan data diri sobat<br>
Username --> isi dengan nama yang ingin sobat gunakan, boleh apa saja yang penting mudah di ingat. contoh : Unyil<br>
Password --> isi dengan password yang di inginkan. contoh : pakraden<br>
Confirm password --> isi kembali dengan password yang tadi di tuliskan.contoh : pakraden<br>
Email address --> isi dengan alamat email sobat, tentunya yang masih valid. contoh : amn_tea@yahoo.co.id<br>
First name -->isi dengan nama depan sobat<br>
Last name --> isi dengan nama belakang sobat<br>
Country --> pilih nama negara dimana sobat tinggal. contoh : indonesia<br>
Postcode --> isi dengan kode post daerah sobat<br>
Gender --> pilih sesuai dengan jenis kelamin sobat. male(pria), female(wanita)<br>
Date of birth --> pilih tanggal kelahiran sobat<br>
Preferances isi dengan tulisan yang tertera di situ<br>
Klik tombol <b>Register</b><br>
Ada konfirmasi bahwa account yang baru di buat harus di aktifkan melalui email yang kita tulis tadi<br>
Cek email milik sobat yang tadi ditulis, periksa apakah email dari Snapdrive sudah sampai atau belum<br>
Jika email sudah sampai, silahkan buka email tersebut. Isi di dalam email tersebut ada yang berupa link untuk aktifasi, klik saja link tersebut<br>
Secara otomatis sobat akan dibawa kehalaman yang berisi ucapan terima kasih<br>
Klik tombol <b>OK</b><br>
Silahkan Login dengan username serta password yang tadi di tuliskan saat register<br>
Setelah berada di halaman account sobat, klik tulisan <b>Upload</b><br>
Klik tombol <b>Add Files</b><br>
Pilih file yang ada dikomputer sobat yang mau di upload<br>
Klik tombol <b>Upload</b>. tunggu beberapa saat ketika proses upload file sedang berlangsung<br>
Jika proses upload selesai, sobat akan diperlihatkan file yang di upload tadi. Klik tulisan <b>details</b> yang ada disebelahnya<br>
Klik tulisan <b>HTML Code</b><br>
Copy kode yang di berikan lalu paste pada program notepad<br>
Klik tulisan <b>Logout</b> untuk keluar dari situs tersebut<br>
Silahkan tutup layar browser sobat<br></p>
<p dir="ltr">Langkah selanjutnya adalah memasukan kode tadi ke dalam blog kita, saya ambil contoh kode yang sudah di upload seperti ini : <br></p>
<p dir="ltr"><a href="http://www.snapdrive.net/files/452250/billing%20internet.zip">billing internet.zip</a> <br></p>
<p dir="ltr">Kode ini merupakan kode link biasa, jadi tentunya tidak mutlak. Kata billing internet.zip, bisa kita ganti dengan kata apa saja sekehendak kita. saya ambil contoh kata <b>billing internet.zip</b> di rubah menjadi kata <b>download</b>, maka kode diatas menjadi seperti di bawah ini : <br></p>
<p dir="ltr"><a href="http://www.snapdrive.net/files/452250/billing%20internet.zip">download</a> <br></p>
<p dir="ltr">Bagaimana cara memasukan kode diatas? tentu saja terserah sobat mau di tempatkan dimana saja, mau di sidebar, footer, atau bahkan di dalam postingan pun bisa. Saya ambil contoh didalam postingan isinya seperti ini : </p>
<p dir="ltr">Untuk men download program billing internet, silahkan anda klik link di bawah ini : <br>
<br/><br/> <br>
<a href="http://www.snapdrive.net/files/452250/billing%20internet.zip">download</a> <br></p>
<p dir="ltr">Maka nanti di blog kita akan tampil seperti ini : <br></p>
<p dir="ltr">Untuk men download program billing internet, silahkan anda klik link di bawah ini : </p>
<p dir="ltr">download <br></p>
<p dir="ltr">Contoh link yang saya buat diatas adalah link yang benar-benar nyata untuk mendownload program billing internet, silahkan sobat klik untuk membuktikannya! <br></p>
<p dir="ltr">Saya kira sudah cukup pembahasan tentang cara membuat link download, mudah-mudahan dapat di mengerti. Selamat mencoba ! </p>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-85051121557614949812019-01-11T10:42:00.001+07:002019-01-11T11:21:52.235+07:00Pasang Recent Comments<p dir="ltr"><b>Pasang Recent Comments</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Kemarin lusa saya iseng-iseng buka email, dan ternyata ada kiriman email dari salah satu sobat saya yaitu sobat <a href="https://copylinux.blogspot.com">Aulia</a>. Sobat Aulia ini menanyakan perihal cara membuat Recent comment atau komentar terbaru untuk new blogger template. Sebenarnya pertanyaan itu sudah saya jawab melalui email juga, akan tetapi saya pikir-pikir ada baiknya kalau topik ini saya bahas di blog ini, barangkali ada di antara sobat sekalian yang sama-sama tertarik ingin memasang Recent comment di sidebar blog sobat. </p>
<p dir="ltr">Untuk membuat recent comment pada <i>new blogger template</i> tidaklah sulit, karena saat ini sudah ada <b>Recent comments widget creator </b>dari <a href="https://copylinux.blogspot.com">hans</a> serta <a href="https://copylinux.blogspot.com">hackosphere</a> yang bekerja secara otomatis, tugas sobat hanya login di blogger.com, pilih blog yang mau dipasang trus add widget, selesai. Sangat gampang tanpa harus bersusah payah menambahkan berbagai kode kedalam template sobat. Untuk membuatnya silahkan sobat klik tombol di bawah ini :<br><br></p>
<p dir="ltr">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif"> Rasanya kurang seru kalau artikelnya cuma begitu ya.<br>
Ok, setelah sobat klik tombol diatas, maka nanti akan muncul gambar seperti ini : <br><br></p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/beautifulbeta.jpg"><br><br></p>
<p dir="ltr">Agar lebih jelas, silahkan ikuti langkah-langkah berikut ini : </p>
<p dir="ltr">Silahkan klik kotak di atas<br>
Tulis judul Recent Comments dengan yang sobat inginkan. contoh : "komentar terbaru". atau biarkan saja juga boleh<br>
Ganti nama <b>beautifulbeta</b> di samping tulisan <i>http</i> dengan nama blog sobat. contoh : kolom-tutorial<br>
Tulis angka banyaknya komentar yang diinginkan di samping tulisan <i>Number of comments</i><br>
Beri tanda centang pada kotak di samping tulisan <i>Show comment date</i> jika komentarnya ingin ada tanggalnya<br>
Beri tanda centang pada kotak di samping tulisan <i>Show posttitle</i> jika komentarnya ingin ada judul postingan<br>
Tulis jumlah karakter hurup yang diinginkan di samping tulisan <i>Summary size</i><br>
Untuk styling silahkan pilih yang mana saja<br>
Klik tombol bertuliskan <b>Customize</b><br>
Klik tombol bertuliskan <b>Add Widget To My blog</b><br>
Silahkan sign in dengan id sobat<br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Pilih blog sobat yang ingin ada <b>Recent comments</b> nya di samping tulisan <b>select a blog</b><br>
Klik tombol bertuliskan <b>ADD WIDGET</b><br>
Secara otomatis Recent comment widget sudah di tambahkan ke blog sobat<br>
Pindahkan elements <b>Recent comment</b> yang baru dibuat pada tempat yang sobat suka<br>
Selesai.<br></p>
<p dir="ltr">Bagaimana sobat, gampangkan? so pasti gampang donk <img src="https://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif"> <br></p>
<p dir="ltr">Tapi ada satu lagi kabar gembira nih buat para sobat. Bagi sobat yang blog nya memakai bahasa indonesia tentu saja akan sedikit janggal, karena recent comment diatas memakai bahasa inggris. Apakah recent comments tersebut bisa menjadi bahasa Indonesia? jawaban nya bisa. Jika sobat tertarik silahkan ikuti langkah-langkah berikut ini : </p>
<p dir="ltr">Sign in di blogger dengan id sobat<br>
Klik menu <b>Layout</b> pada blog yang ingin di rubah<br>
Klik menu <b>Page Elements</b><br>
Klik tulisan <b>Edit</b> pada element Recent Comments yang tadi dibuat<br>
Akan muncul kode-kode seperti ini :<br></p>
<p dir="ltr"><script style="text/javascript" src="http://home.planet.nl/~hansoosting/downloads/showrecentcomments2.js"><br>
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://YourBlogName.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script> </p>
<p dir="ltr">Pada kode yang tercetak biru diatas, silahkan ganti kodenya dengan kode dibawah ini : </p>
<p dir="ltr">http://amen24.googlepages.com/showrecentcomments.js </p>
<p dir="ltr">Klik tombol <b>SAVE CHANGES</b><br>
Selesai.</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-48525110837658474712019-01-11T10:40:00.001+07:002019-01-11T10:40:15.239+07:00Text Berjalan di Bar menu<p dir="ltr"><b>Text Berjalan di Bar menu</b></p>
<p dir="ltr">Sobat Ochim beberapa hari yang lalu mengirimkan email kepada saya yang isinya menanyakan tentang cara membuat text berjalan yang ada pada bar menu bawah seperti halnya pada blog milik saya ini. Pertanyaan tersebut sudah saya jawab langsung melalui email juga dan sekarangpun pada saat artikel ini di buat, sobat Ochim sudah berhasil membuat bar menu blognya ada tulisan berjalan. </p>
<p dir="ltr">Seperti biasanya, jika ada pertanyaan melalui email maka jawaban dari pertanyaan tersebut akan saya posting melalui blog ini. Nah jika sobat sama-sama tertarik ingin membuat text berjalan tersebut, silahkan baca artikel ini sampai tuntas. </p>
<p dir="ltr">Karena template blogger terbagi menjadi dua yaitu template klasik dan template baru, maka untuk cara membuat text berjalan tersebutpun akan berbeda, oleh karenanya pembahasannya pun akan saya bagi menjadi dua bagian. Akan tetapi perlu saya sampaikan, contoh yang akan saya berikan kali ini hasilnya tidak persis seperti pada blog ini yaitu text berjalan dari arah kanan kekiri, akan tetapi saya akan memberi contoh text berjalan dari kiri ke arah kanan serta ada jeda waktu antara tulisan yang petama dengan yang kedua dan juga tulisan berikutnya. </p>
<p dir="ltr">Untuk template klasik silahkan ikuti langkah-langkah berikut ini : </p>
<p dir="ltr">Sign in di blogger dengan id sobat<br>
Klik menu <b>Template</b><br>
klik menu <b>Edit HTML</b><br>
Copy seluruh kode HTMl lalu paste pada program notepad kemudian save. Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam proses editting template, sobat masih mempunyai data untuk mengembalikannya ke semula<br>
Copy kode berikut ini lalu paste di atas kode </head></p>
<p dir="ltr"><script language='javascript'> <br>
message = "Tulis text pertama yang ingin muncul disini ^" + <br>
"Tulis text kedua disini ^" + <br>
"Tulis text ketiga disini ^" + <br>
"Tulis text keempat disini ^" </p>
<p dir="ltr">scrollSpeed = 130 <br>
lineDelay = 0 </p>
<p dir="ltr">// Do not change the text below // </p>
<p dir="ltr">txt = "" </p>
<p dir="ltr">function scrollText(pos) { <br>
if (message.charAt(pos) != '^') { <br>
txt = txt + message.charAt(pos) <br>
status = txt <br>
pauze = scrollSpeed <br>
} <br>
else { <br>
pauze = lineDelay <br>
txt = "" <br>
if (pos == message.length-1) pos = -1 <br>
} <br>
pos++ <br>
setTimeout("scrollText('"+pos+"')",pauze) <br>
} <br>
scrollText(0) <br>
</script> </p>
<p dir="ltr">Klik tombol <b>Save Template Changes</b><br>
Selesai.</p>
<p dir="ltr">Untuk template baru silahkan ikuti langkah-langkah berikut ini : </p>
<p dir="ltr">Sign in di blogger dengan id sobat<br>
Klik menu <b>Layout</b><br>
Klik menu <b>Edit HTML</b><br>
Klik tulisan <b>Download Full Template</b>, lalu save data tersebut. Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template<br>
Klik kotak kecil di samping tulisan <b>Expand Widget Templates</b> untuk memberi tanda centang. Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates<br>
Tunggu beberapa saat sampai proses selesai<br>
Simpan kode berikut di bawah kode </body> , kode ini letaknya berada paling bawah sebelum kode </html></p>
<p dir="ltr"><script language='javascript'> <br>
message = "Tulis text pertama yang ingin muncul disini ^" + <br>
"Tulis text kedua disini ^" + <br>
"Tulis text ketiga disini ^" + <br>
"Tulis text keempat disini ^" </p>
<p dir="ltr">scrollSpeed = 130 <br>
lineDelay = 0 </p>
<p dir="ltr">// Do not change the text below // </p>
<p dir="ltr">txt = "" </p>
<p dir="ltr">function scrollText(pos) { <br>
if (message.charAt(pos) != '^') { <br>
txt = txt + message.charAt(pos) <br>
status = txt <br>
pauze = scrollSpeed <br>
} <br>
else { <br>
pauze = lineDelay <br>
txt = "" <br>
if (pos == message.length-1) pos = -1 <br>
} <br>
pos++ <br>
setTimeout("scrollText('"+pos+"')",pauze) <br>
} <br>
scrollText(0) <br>
</script> </p>
<p dir="ltr">Klik tombol <b>SAVE TEMPLATE</b><br>
Selesai</p>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-58645171073448755542019-01-11T10:39:00.001+07:002019-01-11T11:21:01.525+07:00Cara membuat kategori (label)<p dir="ltr"><b>Cara membuat kategori (label)</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Menanggapi beberapa pertanyaan dari para sobat yang di ajukan baik melalui shoutbox, kotak komentar dan bahkan ada yang melalui yahoo messenger menyoal tentang bagaimana cara membuat kategori dari artiekl-artikel yang telah di posting. Memang betul, tentu dengan adanya pengkategorian atau pengelompokan artikel yang telah di posting oleh pemilik blog dapat lebih mempermudah bagi para pembaca untuk memilih artikel mana yang ingin dibaca. </p>
<p dir="ltr">Di blogger.com fasilitas ini sebenarnya sudah di sediakan, akan tetapi walaupun fasilitas tersebut telah tersedia tentu saja jika kita tidak mengetahui cara menggunakannya akan menjadi tidak berguna. Untuk membuat kategori, di blogger.com di kenal dengan istilah <i><b>Label</b></i>. Dengan adanya fasilitas ini kita sebagai pemilik blog hanya tinggal mengisi kotak label yang di sedikan pada setiap posting artikel, sangat simpel dan sederhana. </p>
<p dir="ltr">Agar tidak membingungkan, silahkan sobat lihat pada akhir
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
postingan artikel ini. Disana ada tulisan seperti ini : <b>Labels : Blog tutorial, membuat label</b>. Nah berarti postingan ini termasuk ke dalam dua kategori, yaitu kategori <i>Blog tutorial</i> dan kategori <i>membuat label</i>. Untuk melihat fungsi dari label ini silahkan sobat klik label yang bertuliskan <i>Blog tutorial</i>, maka secara otomatis seluruh postingan yang saya beri label <i>Blog tutorial</i> akan di tampilkan dan siap untuk di baca oleh pengunjung. </p>
<p dir="ltr"><b>Bagaimana cara membuat label?</b> </p>
<p dir="ltr">Untuk membuat sebuah kategori atau label, sobat hanya tinggal mengisi kotak kosong di samping tulisan <b>Label untuk postingan ini :</b> (karena sekarang blogger sudah ada yang berbahasa indonesia) yang berada di bawah kotak tempat membuat artikel. Isi kotak tersebut dengan kategori yang kira-kiracocok untuk postingan yang kita buat. Contoh : <i>liburan musim dingin</i>. Satu postingan tidak hanya terpatok hanya pada satu kategori saja, akan tetapi satu postingan bisa mempunyai beberapa kategori. untuk membuatnya tinggal di pisahkan dengan tanda koma ( , )saja, misal untuk postingan artikel blog ini ada yang ber label <b>Blog tutorial, blog tools, aksesori blog</b>, karena postingan tersebut memang cocok dan masuk kedalam ketiga kategori tersebut. </p>
<p dir="ltr"><b>Apakah kategori (label) bisa di tampilkan di sidebar?</b> </p>
<p dir="ltr">Untuk sobat para pengguna template baru, Label (kategori) bisa di tampilkan di sidebar, dan biasanya element label ini sudah tersedia ketika baru memasang template. Jika element label belum tersidia, sobat bisa membuatnya sendiri, silahkan ikuti langkah - langkah berikut ini : </p>
<p dir="ltr">Sig in di blogger dengan id sobat</p>
<p dir="ltr">Klik menu <b>Layout</b></p>
<p dir="ltr">Klik menu <b>Elemen Halaman</b></p>
<p dir="ltr">Klik tulisan <b>Tambahkan sebuah Elemen Halaman</b></p>
<p dir="ltr">Klik tombol yang bertuliskan <b>TAMBAHKAN KE BLOG</b> yang berada di bawah tulisan <b>Label</b></p>
<p dir="ltr">Tulisan <i>Labels</i> di samping tulisan <b>Judul</b> bisa sobat rubah menjadi <b>Kategori</b> jika sobat mau merubahnya</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Pilih radio button yang sobat inginkan di samping tulisan <b>Menyortir</b>, Alfabetik : jika kategori ingin di tampilkan sesuai dengan abjad alfabetik ( dari A --> Z ), Berdasarkan Frekuensi : jika kategori ingin ditampilkan sesuai dengan banyaknya label (kategori)</p>
<p dir="ltr">Klik tombol yang bertuliskan <b>SIMPAN PERUBAHAN</b></p>
<p dir="ltr">Selesai.</p>
<p dir="ltr">Sangat mudah bukan? </p>
<p dir="ltr">Sedikit pengumumam, karena blogger sekarang sudah ada yang berbahasa indonesia, maka mulai sekarang dalam memandu mengikuti dengan memakai yang berbahasa indonesia. </p>
<p dir="ltr">Selamat mencoba ! </p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-31077515769181469652019-01-11T10:38:00.001+07:002019-01-11T11:20:19.370+07:00Read More Versi baru<p dir="ltr"><b>Read More Versi baru</b></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Bagi para sobat yang gemar menyingkat artikel dengan fasilitas <b>Read more</b> atau <b>Baca selengkapnya</b> seperti yang telah saya terangkan pada artikel terdahulu, Sekarang ada cara membuat menu <b>Read more</b> yang saya sebut dengan Read more versi baru. Kenapa demikian? karena menu <b>Read more</b> kali ini sedikit berbeda dengan yang saya terangkan pada artikel yang telah lalu. </p>
<p dir="ltr">Fasilitas <b>Read more</b> kali ini di buat oleh <a href="https://copylinux.blogspot.com">Ramani</a> dan <a href="https://copylinux.blogspot.com">Hans</a>. Kelebihannya yaitu ketika pembaca mengklik link <b>Read more</b>, maka keseluruhan artikel bisa terbuka tanpa harus me-loading ulang yang terkadang membuat BT pembaca yang koneksi internetnya rada lelet ( jadi malu, padahal blog saya berat banget untuk di loading), selain itu untuk artikel yang pendek, tulisan readmore nya bisa di hapus sehingga tidak mengganggu pemandangan seperti yang di keluhkan sobat <a href="https://copylinux.blogspot.com">yuki</a> beberapa waktu lalu yang merasa terganggu karena tulisan readmore selalu muncul walaupun pada artikel yang pendek. </p>
<p dir="ltr">Tapi sayang kode-kode berikut ini hanya berlaku bagi sobat yang memakai template baru saja dan untuk yang memakai template klasik saya ucapkan <i>Kaciaaaaaan deeeeehhh</i> (padahal blog ini pun pake template klasik jadi ga bisa pake ini). </p>
<p dir="ltr">Untuk menyingkat tulisan agar tidak terlalu dipenuhi dengan intermezo yang sedikit membuat bete and ngeselin, langsung saja untuk membuat read more versi baru ini silahkan ikuti langkah-langkah berikut ini : </p>
<p dir="ltr">Sig in di blogger dengan id sobat</p>
<p dir="ltr">Klik menu <b>layout</b></p>
<p dir="ltr">Klik menu <b>Edit HTML</b></p>
<p dir="ltr">Klik tulisan <b>Download Template lengkap</b>, silahkan
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
save dulu template sobat, ini untuk mencegah resiko apabila terjadi kesalahan dalam melakukan kesalahan dalam proses editing template</p>
<p dir="ltr">Klik kotak kecil di samping tulisan <b>Expand Template Widget</b>, sekali lagi jangan lupa untuk memberi tanda centang dulu yah</p>
<p dir="ltr">Tunggu beberapa saat sampai proses selesai</p>
<p dir="ltr">Copy kode berikut, lalu paste tepat di atas kode </head><br></p>
<p dir="ltr"><script type='text/javascript' src='http://amen24.googlepages.com/Readmore.js' /> <br></p>
<p dir="ltr">Tambahkan kode berikut pada kode template sobat, yang berwarna hitam adalah kode asli dari kode template dan yang berwarna merah adalah kode yang harus di tambahkan :</p>
<p dir="ltr"><h3 class='post-title'><br>
<b:if cond='data:post.url'><br>
<a expr:href='data:post.url'><data:post.title/></a><br>
<b:else/><br>
<data:post.title/><br>
</b:if><br>
</h3><br>
</b:if><br>
<div class='post-header-line-1'/><br>
<div class='post-body' expr:id='"post-" + data:post.id'><br>
<b:if cond='data:blog.pageType == "item"'><br>
<p><data:post.body/></p><br>
<b:else/><br>
<style>#fullpost {display:none;}</style><br>
<p><data:post.body/></p><br>
<span id='showlink'><br>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p><br>
</span><br>
<span id='hidelink' style='display:none'><br>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan saja...</a></p><br>
</span><br>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script><br>
</b:if><br>
<div style='clear: both;'/> <!-- clear for photos floats --><br>
</div><br>
</div><br>
.... rest of template code .... <br></p>
<p dir="ltr">Klik tombol <b>SIMPAN TEMPLATE</b><br></p>
<p dir="ltr">Langkah selanjutnya :Klik menu <b>Pengaturan</b></p>
<p dir="ltr">Klik menu <b>Format</b></p>
<p dir="ltr">Copy kode berikut lalu paste pada kotak kosong yang berada di samping tulisan <b>Template posting</b><br><br></p>
<p dir="ltr"><span id="fullpost"> <br></p>
<p dir="ltr"></span> <br><br></p>
<p dir="ltr">Klik tombol <b>Simpan Setting</b></p>
<p dir="ltr">Selesai.<br></p>
<p dir="ltr">Cara posting artikel : </p>
<p dir="ltr">Pada saat berada pada menu posting, pilih tombol yang <b>Edit HTML</b> jangan pilih yang tombol <b>Compose</b>, maka akan secara otomatis terlihat kode tadi di atas yaitu : <br></p>
<p dir="ltr"><span id="fullpost"> <br><br></p>
<p dir="ltr"></span> <br></p>
<p dir="ltr">Simpan artikel yang mau di tampilkan di muka (ringkasannya) di atas kode <span id="fullpost">, dan sisa keseluruhan artikel di simpan sesudah kode <span id="fullpost"> dan sebelum kode </span>. <br></p>
<p dir="ltr">Untuk artikel yang pendek, sobat tinggal menghapus kode tadi dan nanti artikel muncul tanpa ada kode <b>[+/-] Selengkapnya...</b> dan <b>[+/-] Ringkasan saja...</b>. </p>
<p dir="ltr">Untuk contoh nyata saya sudah membuat blog yang sudah memakai sistem ini, silahkan sobat klik tulisan <b>[+/-] Readmore...</b> untuk membuka keseluruhan artikel, dan klik tulisan <b>[+/-] Summary only...</b> Untuk melihat ringkasan artikel. Silahkan sobat klik <i><b>di sini !</b></i>. <br></p>
<p dir="ltr">Selamat mencoba ! </p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-7966371259551030442019-01-11T10:36:00.001+07:002019-01-11T11:19:48.481+07:00Pasang Link di New Blogger Template<p dir="ltr"><b>Pasang Link di New Blogger Template</b>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
<p dir="ltr">Menilik beberapa pertanyaan yang di ajukan beberapa sobat, rupanya masih ada yang berkeinginan lebih dalam hal membuat link walaupun sudah saya posting sampai dua artikel, terutama bagi yang memakai template baru alias new blogger template. Untuk memenuhi hasrat beliau-beliau ini, sengaja saya posting kembali mengenai membuat link dan mudah-mudahan dengan adanya postingan ini dapat menjawab beberapa keinginan yang belum terjawabkan. </p>
<p dir="ltr">Ok, saya mulai dengan membuat link yang bisa memunculkan window baru. saya ambil contoh blog yang ingin saya link sebanyak lima buah, yaitu : </p>
<p dir="ltr">http://rubrik-elektronik.blogspot.comhttp://www.rohman24.co.nrhttp://jaya-example.blogspot.comhttp://user-online.blogspot.comhttp://amen24.googlepages.com/koded%27treemenu</p>
<p dir="ltr">Untuk membuat kode link yang arah vertikal seperti ini : </p>
<p dir="ltr"><a href="http://rubrik-elektronik.blogspot.com" target="_blank">Rubrik Elektronik</a> <br>
<br/> <br>
<a href="http://www.rohman24.co.nr" target="_blank">Free blog template</a> <br>
<br/> <br>
<a href="http://jaya-example.blogspot.com" target="_blank">Rotating banner blog</a> <br>
<br/> <br>
<a href="http://user-online.blogspot.com" target="_blank">User Online status</a> <br>
<br/> <br>
<a href="http://amen24.googlepages.com/koded%27treemenu" target="_blank">Kode menu d tree</a> </p>
<p dir="ltr">Hasilnya akan seperti ini : </p>
<p dir="ltr"><a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Rubrik Elektronik</a> <br>
<a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Free blog template</a> <br>
<a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Rotating banner blog</a> <br>
<a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">User Online status</a> <br>
<a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Kode menu d tree</a> <br></p>
<p dir="ltr">kode <br/> yang saya tuliskan di atas merupakan kode atau tag untuk memindahkan link ataupun tulisan berpindah satu line break kebawah. Jika sobat tidak memasang kode/tag tersebut, walaupun di tulis berjauhan ke bawah hasilnya akan berdempetan kepinggir. satu kode/tag <br/> adalah satu kali link berpindah kebawah, jika sobat ingin jaraknya lebih lebar, maka tambahkan tag tersebut beberapa kali, misal <br/><br/>, atau <br/><br/><br/>, dan bila ingin lebih jauh lagi ya tambahkan yang banyak. </p>
<p dir="ltr">Untuk membuat kode link yang arah horizontal seperti ini : </p>
<p dir="ltr"><a href="http://rubrik-elektronik.blogspot.com" target="_blank">Rubrik Elektronik</a> <br>
&nbsp; <br>
<a href="http://www.rohman24.co.nr" target="_blank">Free blog template</a> <br>
&nbsp; <br>
<a href="http://jaya-example.blogspot.com" target="_blank">Rotating banner blog</a> <br>
&nbsp; <br>
<a href="http://user-online.blogspot.com" target="_blank">User Online status</a> <br>
&nbsp; <br>
<a href="http://amen24.googlepages.com/koded%27treemenu" target="_blank">Kode menu d tree</a> </p>
<p dir="ltr">Maka hasilnya akan seperti ini : </p>
<p dir="ltr"><a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Rubrik Elektronik</a>   <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Free blog template</a>   <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Rotating banner blog</a>   <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">User Online status</a>   <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Kode menu d tree</a> </p>
<p dir="ltr">kode &nbsp; yang saya tuliskan di atas merupakan kode untuk memindahkan link ataupun tulisan berpindah satu spasi ke samping. Jika sobat tidak memasang kode tersebut, walaupun di tulis berjauhan ke samping, hasilnya akan tetap berdempetan. satu kode &nbsp; adalah satu kali link berpindah ke samping, jika sobat ingin jaraknya lebih lebar, maka tambahkan kode tersebut beberapa kali, misal &nbsp;&nbsp; , atau &nbsp;&nbsp;&nbsp; ,
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
dan bila ingin lebih jauh lagi ya tambahkan yang banyak. <br></p>
<p dir="ltr">Mudah-mudahan agak sedikit jelas. Ok, kita lanjut. Sempat ada yang menanyakan juga tentang yang memakai variasi abjad supaya terlihat lebih menarik. Kira-kira jawabannya melalui contoh saja. </p>
<p dir="ltr">Ambil contoh blog yang ingin di link adalah seperti berikut ini : </p>
<p dir="ltr">http://sncepuspiritualsciencequantum.blogspot.com --> Abu Aminhttp://adry-fx.blogspot.com --> Adryy-fxhttp://belati.blogspot.com --> Belatihttp://benhardleroy.blogspot.com --> Benhard Journeyhttp://melileagroup.blogspot.com --> Capunkhttp://catatanpojok.blogspot.com --> Catatan pojok</p>
<p dir="ltr">Untuk membuat link yang arah vertikal seperti ini : </p>
<p dir="ltr"><b>:::A:::</b><br>
<br/><br>
<a href="http://sncepuspiritualsciencequantum.blogspot.com" target="_blank">Abu Amin</a><br>
<br/><br>
<a href="http://adry-fx.blogspot.com" target="_blank">Adryy-fx</a><br>
<br/><br/></p>
<p dir="ltr"><b>:::B:::</b><br>
<br/><br>
<a href="http://belati.blogspot.com" target="_blank">Belati</a><br>
<br/><br>
<a href="http://benhardleroy.blogspot.com" target="_blank">Benhard Journey</a><br>
<br/><br/></p>
<p dir="ltr"><b>:::C:::</b><br>
<br/><br>
<a href="http://melileagroup.blogspot.com" target="_blank">Capunk</a><br>
<br/><br>
<a href="http://catatanpojok.blogspot.com" target="_blank">Catatan pojok</a><br></p>
<p dir="ltr">Maka hasilnya akan seperti ini : </p>
<p dir="ltr"><b>:::A:::</b> <br>
<a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Abu Amin</a> <br>
<a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Adryy-fx</a> </p>
<p dir="ltr"><b>:::B:::</b> <br>
<a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Belati</a> <br>
<a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Benhard Journey</a> </p>
<p dir="ltr"><b>:::C:::</b> <br>
<a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Capunk</a> <br>
<a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Catatan pojok</a> <br></p>
<p dir="ltr">Untuk membuat link yang arah horizontal seperti ini : <br><br></p>
<p dir="ltr"><b>:::A:::</b><br>
&nbsp;&nbsp;<br>
<a href="http://sncepuspiritualsciencequantum.blogspot.com" target="_blank">Abu Amin</a><br>
&nbsp;&nbsp;<br>
<a href="http://adry-fx.blogspot.com" target="_blank">Adryy-fx</a><br>
&nbsp;&nbsp;</p>
<p dir="ltr"><b>:::B:::</b><br>
&nbsp;&nbsp;<br>
<a href="http://belati.blogspot.com" target="_blank">Belati</a><br>
&nbsp;&nbsp;<br>
<a href="http://benhardleroy.blogspot.com" target="_blank">Benhard Journey</a><br>
&nbsp;&nbsp;</p>
<p dir="ltr"><b>:::C:::</b><br>
&nbsp;&nbsp;<br>
<a href="http://melileagroup.blogspot.com" target="_blank">Capunk</a><br>
&nbsp;&nbsp;<br>
<a href="http://catatanpojok.blogspot.com" target="_blank">Catatan pojok</a><br></p>
<p dir="ltr">maka hasilnya akan seperti ini : </p>
<p dir="ltr"><b>:::A:::</b>    <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Abu Amin</a>    <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Adryy-fx</a>    <b>:::B:::</b>    <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Belati</a>    <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Benhard Journey</a>    <b>:::C:::</b>    <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Capunk</a>    <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Catatan pojok</a> </p>
<p dir="ltr">Pemakaian tag <b>...</b> adalah agar karakter yang ada diantara tag tersebut menjadi tebal. Pemakaian tulisan <b>:::A:::</b> adalah karakter biasa yang ada di keyboard, jika ingin berbeda tinggal cari karakter lain yang menurut sobat lebih menarik. </p>
<p dir="ltr">Ada juga variasi lain agar tampak lebih menarik yaitu menambahkan bulatan. </p>
<p dir="ltr">contoh untuk arah vertikal : </p>
<p dir="ltr"><b><< A >></b><br>
<br/><br>
&bull;&nbsp;<a href="http://sncepuspiritualsciencequantum.blogspot.com" target="_blank">Abu Amin</a><br>
<br/><br>
&bull;&nbsp;<a href="http://adry-fx.blogspot.com" target="_blank">Adryy-fx</a><br>
<br/><br/></p>
<p dir="ltr"><b><< B >></b><br>
<br/><br>
&bull;&nbsp;<a href="http://belati.blogspot.com" target="_blank">Belati</a><br>
<br/><br>
&bull;&nbsp;<a href="http://benhardleroy.blogspot.com" target="_blank">Benhard Journey</a><br>
<br/><br/></p>
<p dir="ltr"><b><< C >></b><br>
<br/><br>
&bull;&nbsp;<a href="http://melileagroup.blogspot.com" target="_blank">Capunk</a><br>
<br/><br>
&bull;&nbsp;<a href="http://catatanpojok.blogspot.com" target="_blank">Catatan pojok</a><br></p>
<p dir="ltr">Maka hasilnya akan seperti ini : </p>
<p dir="ltr"><b><< A >></b> <br>
• <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Abu Amin</a> <br>
• <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Adryy-fx</a> </p>
<p dir="ltr"><b><< B >></b> <br>
• <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Belati</a> <br>
• <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Benhard Journey</a> </p>
<p dir="ltr"><b><< C >></b> <br>
• <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Capunk</a> <br>
• <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Catatan pojok</a> <br></p>
<p dir="ltr">Untuk arah horizontal : </p>
<p dir="ltr"><b><< A >></b><br>
&nbsp;<br>
&bull;&nbsp;<a href="http://sncepuspiritualsciencequantum.blogspot.com" target="_blank">Abu Amin</a><br>
&nbsp;&nbsp;<br>
&bull;&nbsp;<a href="http://adry-fx.blogspot.com" target="_blank">Adryy-fx</a><br>
&nbsp;&nbsp;</p>
<p dir="ltr"><b><< B >></b><br>
&nbsp;<br>
&bull;&nbsp;<a href="http://belati.blogspot.com" target="_blank">Belati</a><br>
&nbsp;&nbsp;<br>
&bull;&nbsp;<a href="http://benhardleroy.blogspot.com" target="_blank">Benhard Journey</a><br>
&nbsp;&nbsp;</p>
<p dir="ltr"><b><< C >></b><br>
&nbsp;<br>
&bull;&nbsp;<a href="http://melileagroup.blogspot.com" target="_blank">Capunk</a><br>
&nbsp;&nbsp;<br>
&bull;&nbsp;<a href="http://catatanpojok.blogspot.com" target="_blank">Catatan pojok</a><br></p>
<p dir="ltr">Hasilnya akan seperti ini : </p>
<p dir="ltr"><b><< A >></b>   • <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Abu Amin</a>    • <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Adryy-fx</a>    <b><< B >></b>   • <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Belati</a>    • <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Benhard Journey</a>    <b><< C >></b>   • <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Capunk</a>    • <a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#">Catatan pojok</a> <br></p>
<p dir="ltr">Bagaimana lebih menarik bukan? <br></p>
<p dir="ltr">Jika sobat mempunyai icon yang berukuran kecil dan ingin di tambahkan di depan link, ini bisa di lakukan dengan hanya mengganti kode <b>&bull;</b> diatas dengan kode gambar yang sobat miliki. Sebagai contoh saya memiliki gambar dalam bentuk bulatan dan mempunyai alamat gambar sebagai berikut : </p>
<p dir="ltr">http://i162.photobucket.com/albums/t253/rohman24/Changing_colors.gif </p>
<p dir="ltr">Untuk menampilkan gambar ini tentu dengan kode untuk menampilkan gambar, yaitu : </p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/Changing_colors.gif"> </p>
<p dir="ltr">hasilnya akan seperti ini : </p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/Changing_colors.gif"> </p>
<p dir="ltr">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Jika melihat dari bentuknya, sepertinya terlalu besar maka saya akan mengakalinya dengan menambahkan kode untuk lebar dan tinggi gambar, maka kodenya misalkan jadi seperti ini : </p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/Changing_colors.gif" width="12" hight="12" border="0"> </p>
<p dir="ltr">hasilnya akan seperti ini : </p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/Changing_colors.gif"> <br><br></p>
<p dir="ltr">Nah, tugas sobat hanya mengganti kode <b>&bull;</b> diatas dengan kode ini : </p>
<p dir="ltr">misalkan : </p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/Changing_colors.gif" width="10" hight="10" border="0">&nbsp;<a href="http://sncepuspiritualsciencequantum.blogspot.com" target="_blank">Abu Amin</a><br></p>
<p dir="ltr">Maka hasilnya akan seperti ini : </p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/Changing_colors.gif"> <a href="http://sncepuspiritualsciencequantum.blogspot.com/">Abu Amin</a> <br></p>
<p dir="ltr">Untuk membuat gambar serta cara upload sudah saya terangkan pada postingan terdahulu, silahkan baca saja ya. <br></p>
<p dir="ltr">Ada juga pertanyaan dari mba Ati mengenai cara pembuatan link gambar yang arah horizontal, jawaban saya, mba tinggal buat link untuk gambar dan menaruh kode &nbsp; di antara gambar link tadi. misal saya punya alamat gambar butto seperti ini : </p>
<p dir="ltr">http://i162.photobucket.com/albums/t253/rohman24/RubrikElektronik.gif </p>
<p dir="ltr">http://i162.photobucket.com/albums/t253/rohman24/FreeBlogTemplate.gif </p>
<p dir="ltr">Nah mba tinggal buat agar link gambar, bisa link ketulisan yang ada di blog mba atau mau link ke blog lain juga bisa, tinggal menuliskan alamat URL yang du ju oleh link tersebut, contoh jika saya ingin menghubungkan gambar button dengan blog milik saya yang lain : </p>
<p dir="ltr"><a href="http://rubrik-elektronik.blogspot.com" target="_blank"><img src="http://i162.photobucket.com/albums/t253/rohman24/RubrikElektronik.gif" border="0"></a> <br>
&nbsp;&nbsp; <br>
<a href="http://www.rohman24.co.nr" target="_blank"><img src="http://i162.photobucket.com/albums/t253/rohman24/FreeBlogTemplate.gif" border="0"></a> </p>
<p dir="ltr">Hasilnya akan seperti ini : <br><br></p>
<p dir="ltr"><img src="https://i162.photobucket.com/albums/t253/rohman24/RubrikElektronik.gif"><a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#"></a>    <img src="https://i162.photobucket.com/albums/t253/rohman24/FreeBlogTemplate.gif"><a href="http://kolom-tutorial.blogspot.com/2007/06/pasang-link-di-new-blogger-template.html#"></a> <br><br></p>
<p dir="ltr">jika ingin gambar buttonnya banyak, tinggal tambahkan saja dan jangan lupa sisipkam kode &nbsp; agar ada jarak antara buttonnya. <br><br></p>
<p dir="ltr">Bagaimana sobat, sudah cape bacanya? pasti cape karena panjang banget, apalagi saya yang waktu ngetik postingan ini ampe lima jam depan komputer dan lebih sedihnya lagi kita belum sampe ke topik bahasan utama yakni memasukan kode link-link yang telah saya contohkan diatas ke dalam blog. <br></p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<p dir="ltr">Yoi...sobat!!! Sekarang tiba waktunya kita memasukan kode-kode link yang telah kita buat kedalam blog. Dan tentunya seperti judul artikel diatas, langkah-langkah berikut berlaku bagi yang memakai template baru alias new blogger template : </p>
<p dir="ltr">Sig in di blogger dengan id sobatKlik menu <b>Layout</b>Klik menu <b>Elemen Halaman</b>Klik tulisan <b>Tambahkan sebuah Elemen Halaman</b>Klik tombol <b>TAMBAHKAN KE BLOG</b> di bawah tulisan <b>HTML/javaScript</b>, ingat jangan menggunakan yang untuk membuat daftar linkBeri judul link yang sobat kehendaki. contoh : link temanku :Copy kode-kode link yang telah sobat buat lalu paste pada kotak yang tersediaKlik tombol <b>SIMPAN PERUBAHAN</b>Pindahkan elemen yang baru saja pada tempat yang sobat kehendakiKlik tombol <b>SIMPAN</b>Selesai.<br></p>
<p dir="ltr">Akhirnya selesai juga postingan ini. Mudah-mudahan penjelasan diatas mudah untuk di mengerti. </p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 1Link -->
<ins class="adsbygoogle"
style="display:inline-block;width:468px;height:15px"
data-ad-client="ca-pub-1836564698282997"
data-ad-slot="1578447429"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-89858088636095931222019-01-11T10:31:00.001+07:002019-01-11T10:31:58.564+07:00Pasang Feed di Blog<p dir="ltr"><b>Pasang Feed di Blog</b></p>
<p dir="ltr">Mengutip sebuah permintaan yang saya kutif dari shoutbox yang kira-kira seperti ini : </p>
<p dir="ltr">"aku mau tiap ada artikel baru di blog ni aku bisa tahu diblog aku" </p>
<p dir="ltr">Permintaan tersebut melukiskan keinginan untuk selalu mengetahui apakah ada artikel baru atau tidak di blog ini dengan tidak harus bercape ria bolak-balik membuka browser. Bila ada pertanyaan apakah bisa kita memasang sesuatu di blog milik sendiri agar mengetahui perkembangan atau update terbaru dari blog yang kita senangi? jawabannya bisa, bahkan banyak cara yang bisa di tempuh. </p>
<p dir="ltr">Agar tidak terlalu memakan space, saya akan menerangkan hanya dengan satu cara yaitu memakai RSS feed. Apa itu RSS? RSS singkatan dari Rich Site Summary atau jika dalam bahasa indonesia adalah ringkasan dari isi sebuah situs (blog juga termasuk di dalamnya). Tapi dalam postingan kali ini saya tidak akan menerangkan secara gamblang tentang RSS feed tadi, bagi yang ingin tahu lebih jauh tentang ini sobat bisa baca di <a href="http://id.wikipedia.org/wiki/RSS">wiki indonesia</a>. </p>
<p dir="ltr">Dari mana kita mengetahui alamat RSS feed blog milik kita? biasanya untuk alamat di blogger ditambah dengan --> atom.xml , jadi alamat feed untuk blog ini adalah : </p>
<p dir="ltr">http://kolom-tutorial.blogspot.com/atom.xml </p>
<p dir="ltr">Sekarang bagaimana cara memasang kode feed di blog milik kita? bagi sobat yang menggunakan template baru alias new blogger template cara nya sangat mudah. Silahkan ikuti langkah-langkah berikut ini : </p>
<p dir="ltr">Sig in di blogger dengan id sobat</p>
<p dir="ltr">Klik menu <b>layout</b></p>
<p dir="ltr">Klik menu <b>Elemen Halaman</b></p>
<p dir="ltr">Klik tulisan <b>Tambahkan sebuah Elemen Halaman</b></p>
<p dir="ltr">Klik tombol <b>TAMBAHKAN KE BLOG</b> di bawah tulisan <b>Feed</b></p>
<p dir="ltr">Tulis alamat ini pada kotak di samping tulisan URL feed --> http://kolom-tutorial.blogspot.com/atom.xml</p>
<p dir="ltr">Klik tombol <b>SIMPAN PERUBAHAN</b></p>
<p dir="ltr">Pindahkan elemen yang baru saja di buat pada tempat yang sobat kehendaki</p>
<p dir="ltr">Klik tombol <b>SIMPAN</b></p>
<p dir="ltr">Klik tulisan <b>Lihat Blog</b> untuk melihat hasil penambahan elemen yang baru di buat</p>
<p dir="ltr">Selesai</p>
<p dir="ltr">Untuk melihat contoh, judul postingan terbaru pada blog ini bisa muncul di blog lain, silahkan klik <i><b>di sini !</b></i> </p>
<p dir="ltr">Ada satu lagi bagi sobat yang lebih mengutamakan penampilan, spring widget telah membuat suatu panel yang sangat unik sehingga akan bisa di jadikan sebagai aksesori blog. Contoh dari panelnya adalah seperti di bawah ini : </p>
<p dir="ltr">Bagaimana lebih menarik bukan di banding dengan tadi yang hanya menampilakan judul artikel saja. Bila tertarik memasang ini silahkan ikuti langkah-langkahnya. </p>
<p dir="ltr">Untuk template klasik : </p>
<p dir="ltr">Sign in di blogger dengan id sobat</p>
<p dir="ltr">Klik menu <b>Template</b></p>
<p dir="ltr">Klik menu <b>Edit HTML</b></p>
<p dir="ltr">Copy kode berikut, lalu paste pada sidebar</p>
<p dir="ltr"><object allowNetworking="all" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" id="" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="180" height="318" align="middle" data="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw"><br><br>
<param name="movie" value="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw" /><param name="flashvars" value="param=http%3A%2F%2Ffeeds.feedburner.com%2Fblogspot%2Fblogtutorial&amp;param_style_borderColor=000000&amp;param_style_brandUrl=&amp;" /><br><br>
<param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="bgColor" value="0x000000" /><br><br>
<embed bgColor="0x000000" allowNetworking="all" allowFullScreen="true" allowScriptAccess="always" src="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw" flashvars="param=http%3A%2F%2Ffeeds.feedburner.com%2Fblogspot%2Fblogtutorial&amp;param_style_borderColor=000000&amp;param_style_brandUrl=&amp;" quality="high" wmode="transparent" width="180" height="318" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed></object><br><br>
<div style="font:11px/12px georgia;width:180px;margin-top:2px;"></div></p>
<p dir="ltr">Sedikit clue, untuk bagian sidebar. jika template asli buatan blogger biasanya seperti ini : </p>
<p dir="ltr"><!-------- Begin#sidebar----------> <br>
<div id="sidebar"> </p>
<p dir="ltr">....................... </p>
<p dir="ltr">....................... </p>
<p dir="ltr">....................... </p>
<p dir="ltr"></div> <br>
<!-------- End#sidebar----------> </p>
<p dir="ltr">nah pasang kode tadi diantara kode diatas. </p>
<p dir="ltr">Klik tombol <b>Pratinjau</b>, lihat hasilnya. jika sudah OK klik tombol <b>Simpan Perubahan Template</b></p>
<p dir="ltr">Selesai.</p>
<p dir="ltr">Untuk yang template baru : </p>
<p dir="ltr">Sign in di blogger</p>
<p dir="ltr">Klik menu <b>layout</b></p>
<p dir="ltr">Klik menu <b>Elemen Halaman</b></p>
<p dir="ltr">Klik tulisan <b>Tambahkan sebuah Elemen Halaman</b></p>
<p dir="ltr">Klik tombol <b>TAMBAHKAN KE BLOG</b> di bawah tulisan <b>HTML/JavaScript</b></p>
<p dir="ltr">Copy kode berikut, lalu paste pada kotak yang ada :</p>
<p dir="ltr"><center><br>
<object allowNetworking="all" allowScriptAccess="always" allowFullScreen="true" type="application/x-shockwave-flash" id="" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="180" height="318" align="middle" data="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw"><br><br>
<param name="movie" value="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw" /><param name="flashvars" value="param=http%3A%2F%2Ffeeds.feedburner.com%2Fblogspot%2Fblogtutorial&amp;param_style_borderColor=000000&amp;param_style_brandUrl=&amp;" /><br><br>
<param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="bgColor" value="0x000000" /><br><br>
<embed bgColor="0x000000" allowNetworking="all" allowFullScreen="true" allowScriptAccess="always" src="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw" flashvars="param=http%3A%2F%2Ffeeds.feedburner.com%2Fblogspot%2Fblogtutorial&amp;param_style_borderColor=000000&amp;param_style_brandUrl=&amp;" quality="high" wmode="transparent" width="180" height="318" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed></object><br><br>
<div style="font:11px/12px georgia;width:180px;margin-top:2px;"></div></center><br>
Klik tombol <b>SIMPAN PERUBAHAN</b></p>
<p dir="ltr">Pindahkan elemen yang baru saja di buat pada tempat yang sobat kehendaki</p>
<p dir="ltr">Klik tombol <b>SIMPAN</b></p>
<p dir="ltr">Klik tulisan <b>Lihat Blog</b> untuk melihat hasil penambahan elemen yang baru di buat</p>
<p dir="ltr">Selesai.</p>
<p dir="ltr">Untuk contoh bisa di lihat <i><b><a href="https://www.gpiisiantar.com">di sini !</a></b></i> <br><br></p>
<p dir="ltr">Ada satu hal penting yang saya lupa, sobat harus mengatur menu setting agar bisa di menampilkan feed. Langkah-langkahnya yaitu : </p>
<p dir="ltr">Sig in</p>
<p dir="ltr">Klik menu <b>layout</b> (untuk template baru), atau klik menu <b>Template</b> (untuk template klasik)</p>
<p dir="ltr">Klik menu <b>Pengaturan</b></p>
<p dir="ltr">Klik menu <b>Feed situs</b></p>
<p dir="ltr">Klik menu dropdown di samping tulisan <b>Ijinkan Feed blog</b></p>
<p dir="ltr">Pilih yang <b>Penuh</b></p>
<p dir="ltr">Klik tombol <b>Simpan Setting</b></p>
<p dir="ltr">Selesai.<br>
</p>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-27424918392408507312019-01-11T10:28:00.001+07:002019-01-11T10:28:51.014+07:00Pasang Banner di Header Blog<p dir="ltr"><b>Pasang Banner di Header Blog</b></p>
<p dir="ltr">Beberapa hari yang lalu, sempat ada salah seorang sobat meninggalkan pesan Offline pada YM milik saya yang isinya kira-kira seperti ini : </p>
<p dir="ltr">"Bagaimana caranya menyimpan banner pada header blog" </p>
<p dir="ltr">Sebuah keinginan yang saya anggap wajar bagi seorang pemilik blog, karena sudah barang tentu merupakan suatu kebahagiaan tersendiri apabila banner yang sangat kita sukai dapat di tempatkan pada blog kebanggan kita. Jika ada pertanyaan lain "apakah kita bisa mengganti atau menambahkan banner sendiri kedalam blog?" jawabannya adalah bisa, akan tetapi tentunya kita harus sedikit bercape ria mengotak-atik kode template. </p>
<p dir="ltr">Lagi-lagi karena template terbagi dua yaitu template klasik dan template baru, maka saya akan membagi dua bahasan tentang bagaimana caranya menambahkan atau mengganti banner yang ada di header. </p>
<p dir="ltr">Sebelum menginjak kepada proses editting template, langkah awal tentunya sobat harus mempunyai banner yang akan di pakai. Untuk membuat sebuah banner, sobat bisa menggunakan berbagai program desain grafis yang sobat kuasai, apakah itu photoshop, coreldraw, ataupun program-program yang lainnya yang sejenis yang penting judulnya adalah program yang bisa membuat banner. </p>
<p dir="ltr">Karena template bentuknya ratusan atau bahkan mungkin ribuan, tentunya tulisan ini tidak akan bisa mewakili untuk pemakaian template, akan tetapi mungkin akan sedikit memberi gambaran bagaimana cara menambahkan atau merubah banner yang ada di header. Sebagai proyek percontohan (kaya kerjaan saja ya pake proyek segala), saya akan mengambil contoh template <b>Minima</b> yang di desain oleh Douglas Bowman, dan template ini merupakan template asli blogger. </p>
<p dir="ltr"><b>Untuk Template Klasik</b> </p>
<p dir="ltr">Seperti yang saya sebutkan di awal bahwa langkah pertama yang dilakukan adalah membuat banner, gambar banner terserah kepada sobat, mau gambar pemandangan, laut, atau photo sobat sendiri juga boleh. Langkah kedua adalah meng upload banner tersebut, bisa di upload ke blogger sendiri atau ke hosting lain. Untuk cara upload gambar sudah saya terangkan <a href="http://kolom-tutorial.blogspot.com/2007/04/upload-gambar-dan-foto-profile.html">di sini</a> dan <a href="http://kolom-tutorial.blogspot.com/2007/05/buat-logo-button-image.html">di sini</a>. Sebagai contoh, saya sudah upload banner di www.photbucket.com dan mempunyai alamat banner seperti ini : </p>
<p dir="ltr">http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif </p>
<p dir="ltr">dan gambar bannernya seperti ini ( gambarnya dalam skala kecil): <br></p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif"> <br></p>
<p dir="ltr">Untuk cara penempatannya silahkan ikuti langkah-langkah berikut : </p>
<p dir="ltr">Sign in di blogger</p>
<p dir="ltr">Klik menu <b>Template</b></p>
<p dir="ltr">Klim menu <b>Edit HTML</b></p>
<p dir="ltr">Copy seluruh kode HTML yang ada lalu paste pada notepad kemudian save, ini sebagai backup data apabila kita melakukan kesalahan dalam proses edtitting template</p>
<p dir="ltr">Sisipkan kode berikut pada style sheet css sobat. Yang warna hitam adalah kode asli dan yang merah adalah kode yang harus di tambahkan</p>
<p dir="ltr">/* Header ----------------------------------------------- */<br>
@media all {<br>
#header {<br>
width:660px;<br>
margin:0 auto 10px;<br>
border:1px solid #ccc;<br>
background:url(http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif) no-repeat top center;<br>
}<br>
}<br></p>
<p dir="ltr">Jika sobat ingin menghapus garis yang berada di tepi banner, sobat harus menghapus kode berikut :</p>
<p dir="ltr">#blog-title {<br>
margin:5px 5px 0;<br>
padding:20px 20px .25em;<br>
border:1px solid #eee; <-- hapus (delete)<br>
border-width:1px 1px 0; <-- hapus (delete)<br>
font-size:200%;<br>
line-height:1.2em;<br>
font-weight:normal;<br>
color:#666;<br>
text-transform:uppercase;<br>
letter-spacing:.2em;<br>
}<br></p>
<p dir="ltr">#description {<br>
margin:0 5px 5px;<br>
padding:0 20px 20px;<br>
border:1px solid #eee; <-- hapus (delete)<br>
border-width:0 1px 1px; <-- hapus (delete)<br>
max-width:700px;<br>
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;<br>
text-transform:uppercase;<br>
letter-spacing:.2em;<br>
color:#999;<br>
}</p>
<p dir="ltr">Klik tombol <b>Pratinjau</b> untuk melihat perubahan</p>
<p dir="ltr">Jika sudah OK, klik tombol <b>Simpan Perubahan Template</b></p>
<p dir="ltr">Selesai.<br></p>
<p dir="ltr"><b>Untuk template baru</b> </p>
<p dir="ltr">Bagi sobat pengguna template baru, bisa menggunakan dua cara. </p>
<p dir="ltr">Cara pertama : </p>
<p dir="ltr">Sign in di blogger</p>
<p dir="ltr">Klik menu <b>Layout</b></p>
<p dir="ltr">Klik menu <b>Edit HTML</b></p>
<p dir="ltr">Klik tulisan <b>Download Template Lengkap</b>, silahkan save dulu template sobat untuk backup data</p>
<p dir="ltr">Klik kotak kecil di samping tulisan <b>Expand Template Widget</b></p>
<p dir="ltr">Tunggu beberapa saat sampai proses selesai<br></p>
<p dir="ltr">Tambahkan kode berikut pada style sheet css sobat.Yang warna hitam adalah kode asli dan yang merah adalah kode yang harus di tambahkan</p>
<p dir="ltr">/* Header -----------------------------------------------<br>
*/</p>
<p dir="ltr">#header-wrapper {<br>
width:660px;<br>
margin:0 auto 10px;<br>
border:1px solid #ccc;<br>
background:url(http://i162.photobucket.com/albums/t253/rohman24/banner_8.gif)no-repeat top center;<br>
}<br>
}</p>
<p dir="ltr">Klik tombol <b>Pratinjau</b> untuk melihat perubahan yang ada</p>
<p dir="ltr">Bila sudah OK, klik tombol <b>SIMPAN TEMPLATE</b></p>
<p dir="ltr">Selesai.</p>
<p dir="ltr">Langkahnya diatas sama dengan yang di template klasik. <br></p>
<p dir="ltr">Cara kedua : </p>
<p dir="ltr">Sign in di blogger</p>
<p dir="ltr">Klik menu <b>Layout</b></p>
<p dir="ltr">Klik menu <b>Edit HTML</b></p>
<p dir="ltr">Klik tulisan <b>Download Template Lengkap</b>, silahkan save dulu template sobat untuk backup data</p>
<p dir="ltr">Klik kotak kecil di samping tulisan <b>Expand Template Widget</b></p>
<p dir="ltr">Tunggu beberapa saat sampai proses selesai<br></p>
<p dir="ltr">cari kode berikut pada template sobat :</p>
<p dir="ltr"><b:section class='header' id='header' maxwidgets='1'> </p>
<p dir="ltr">pada kode maxwidgets='1'. Rubah angka satu menjadi angka 2, sehingga kodenya menjadi seperti ini : </p>
<p dir="ltr"><b:section class='header' id='header' maxwidgets='2'> </p>
<p dir="ltr">Klik tombol <b>SIMPAN TEMPLATE</b></p>
<p dir="ltr">Nah itu langkah pertama, langkah selanjutnya adalah : </p>
<p dir="ltr">Klik menu <b>Elemen Halaman</b></p>
<p dir="ltr">KLik tulisan <b>Edit</b> yang ada pada elemen <b>Header</b></p>
<p dir="ltr">Tunggu beberapa saat</p>
<p dir="ltr">Pilih radio button yang ada di samping tulisan <b>dari komputer Anda</b></p>
<p dir="ltr">Klik tombol <b>Browse...</b></p>
<p dir="ltr">Pilih banner yang telah di buat yang ada pada komputer sobat</p>
<p dir="ltr">Tunggu beberapa saat sampai proses selesai.</p>
<p dir="ltr">Gambar banner sobat akan di tampilkan</p>
<p dir="ltr">Klik tombol <b>SIMPAN PERUBAHAN</b></p>
<p dir="ltr">Selesai.</p>
<p dir="ltr">Nah silahkan sobat lihat hasilnya! </p>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-77771074039941343492019-01-11T10:26:00.003+07:002019-01-11T10:26:59.429+07:00Navigasi Dengan Css (2)<p dir="ltr"><b>Navigasi Dengan Css (2)</b></p>
<p dir="ltr">Lagi-lagi menanggapi keinginan mba Ati dalam hal membuat menu navigasi yang berbentuk horizontal seperti yang terdapat pada header blog ini, kali ini saya akan mencoba menjawabnya dan mudah-mudahan postingan kali ini dapat memenuhi rasa ketidakpuasan terhadap jawaban saya pada postingan yang lalu. Menu navigasi yang akan saya buat adalah dengan menggunakan css agar hasil yang di dapat bersifat flexible dan tidak kaku.</p>
<p dir="ltr">Untuk membuat menu navigasi dengan css, tentunya akan berbeda hasilnya tatkala menggunakan template yang berbeda, akan tetapi agar saya bisa memberi sedikit gambaran maka template yang saya jadikan contoh adalah template minima yang di desain oleh Douglas Bowman (template asli blogger), klik tombol dibawah untuk melihat demo : <br></p>
<p dir="ltr"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnLD8ZJMTTrJAii_cziLksjA0GFV1W2R83kPSbuoKbj1y0O9mQcijgRBdoJ4KdLGAIG-YiQUX8mr43VMUz_BbXqmGPODQO2JlsnhbZPAK3jJM-7BoGB9jxRiuYoQHXpPAZ08L-BkaBfeA/s400/demo.png"><a href="http://for-demo.blogspot.com/2009/04/css-menu-2.html"></a> <br></p>
<p dir="ltr">Bagaimana menarik bukan? jika tertarik silahkan sobat lanjut bacanya. Sekarang silahkan sobat baca dulu seluruh artikel ini sampai tuntas, karena ada kode-kode tertentu yang harus di sesuaikan, dan nanti pada akhir artikel saya akan menerangkan tentang kode-kode yang harus di rubah. </p>
<p dir="ltr">Untuk membuat menu tersebut silahkan sobat ikuti langkah-langkah berikut ini. </p>
<p dir="ltr">Untuk template minima klasik : </p>
<p dir="ltr">Sig in di blogger</p>
<p dir="ltr">Klik menu <b>Template</b></p>
<p dir="ltr">Klik menu <b>Edit HTML</b></p>
<p dir="ltr">Copy seluruh kode template yang ada lalu paste pada notepad kemudian save. ini untuk backup data bila terjadi kesalahan editting</p>
<p dir="ltr">Copy kode berikut lalu paste pada style sheet css sobat, atau bila bingung simpan saja di atas kode </style><br><br></p>
<p dir="ltr">/* Navigasi buat si juleha<br>
----------------------------------------------- */<br>
#juleha{<br>
height:25px;<br>
text-align: center;<br>
}</p>
<p dir="ltr">#juleha a{<br>
margin:0;<br>
font-size:1.2em;<br>
font-weight:bold;<br>
letter-spacing:-1px;<br>
background-color: #cccccc;<br>
color: #000000; <br>
padding-top:2px;<br>
padding-bottom:2px;<br>
padding-left:4px;<br>
padding-right:4px;<br>
}</p>
<p dir="ltr">#juleha a:hover{<br>
text-decoration:none;<br>
padding:34px 5px 41px 5px;<br>
background-color: #0326FC;<br>
background-repeat: repeat-x;<br>
color:#A7FC03;<br>
padding-top:2px;<br>
padding-bottom:2px;<br>
padding-left:4px;<br>
padding-right:4px;<br>
} <br></p>
<p dir="ltr">Copy kode berikut lalu paste pada kode template seperti di bawah ini, yang berwarna hitam adalah kode aslidan warna merah adalah kode yang harus di tambahkan :<br></p>
<p dir="ltr"><div id="header"></p>
<p dir="ltr"><h1 id="blog-title"><br>
<ItemPage><a href="<$BlogURL$>"></ItemPage><br>
<$BlogTitle$><br>
<ItemPage></a></ItemPage><br>
</h1></p>
<p dir="ltr"><id="description"><$BlogDescription$><br>
<div id="juleha"><br>
<a href="#" target="_blank">Link 1</a><br>
<a href="#" target="_blank">Link 2</a><br>
<a href="#" target="_blank">Link 3</a><br>
<a href="#" target="_blank">Link 4</a><br>
<a href="#" target="_blank">Link 5</a><br>
</div></p>
<p dir="ltr"></div><br><br></p>
<p dir="ltr">Klik tombol <b>Pratinjau</b> untuk melihat hasil perubahan</p>
<p dir="ltr">Jika sudah OK, klik tombol <b>Simpan Perubahan Template</b></p>
<p dir="ltr">Selesai.<br></p>
<p dir="ltr">Untuk template minima baru : </p>
<p dir="ltr">Sign in</p>
<p dir="ltr">Klik menu <b>Layout</b></p>
<p dir="ltr">Klik menu <b>Edit HTML</b></p>
<p dir="ltr">Klik tulisan <b>Download Template Lengkap</b>, silahkan save dulu template sobat untuk backup data</p>
<p dir="ltr">Klik kotak kecil di samping tulisan <b>Expand Template Widget</b></p>
<p dir="ltr">Tunggu beberapa saat sampai proses selesai</p>
<p dir="ltr">Copy kode berikut lalu paste pada style sheet css sobat, atau bila bingung simpan saja di atas kode ]]></b:skin><br><br></p>
<p dir="ltr">/* Navigasi buat si juleha<br>
----------------------------------------------- */<br>
#juleha{<br>
height:25px;<br>
text-align: center;<br>
}</p>
<p dir="ltr">#juleha a{<br>
margin:0;<br>
font-size:1.2em;<br>
font-weight:bold;<br>
letter-spacing:-1px;<br>
background-color: #cccccc;<br>
color: #000000; <br>
padding-top:2px;<br>
padding-bottom:2px;<br>
padding-left:4px;<br>
padding-right:4px;<br>
}</p>
<p dir="ltr">#juleha a:hover{<br>
text-decoration:none;<br>
padding:34px 5px 41px 5px;<br>
background-color: #0326FC;<br>
background-repeat: repeat-x;<br>
color:#A7FC03;<br>
padding-top:2px;<br>
padding-bottom:2px;<br>
padding-left:4px;<br>
padding-right:4px;<br>
} <br><br><br><br></p>
<p dir="ltr">Copy kode berikut lalu paste pada kode template seperti di bawah ini, yang berwarna hitam adalah kode asli dan warna merah adalah kode yang harus di tambahkan :<br></p>
<p dir="ltr"><div class='descriptionwrapper'><br>
<p class='description'><span><data:description/></span></p><br>
<div id="juleha"><br>
<a href="#" target="_blank">Link 1</a><br>
<a href="#" target="_blank">Link 2</a><br>
<a href="#" target="_blank">Link 3</a><br>
<a href="#" target="_blank">Link 4</a><br>
<a href="#" target="_blank">Link 5</a><br>
</div></p>
<p dir="ltr"></div><br>
</div><br>
</b:if><br><br><br></p>
<p dir="ltr">Klik tombol <b>Pratinjau</b> untuk melihat perubahan</p>
<p dir="ltr">Bila sudah OK, klik tombol <b>SIMPAN TEMPLATE</b></p>
<p dir="ltr">Selesai.<br></p>
<p dir="ltr">Agar sobat lebih faham, saya akan sedikit memberi keterangan tentang kode-kode yang saya berikan, silahkan simak : </p>
<p dir="ltr">juleha{<br>
height:25px;<br>
text-align: center;<br>
}</p>
<p dir="ltr"><b>#juleha</b> hanyalah penamaan saja, bisa di ganti dengan apa saja yang penting nyambung dengan kode yang di bawahnya, mau ibro, samson, mau tukul juga boleh kalo sobat penggemarnya.</p>
<p dir="ltr"><b>height:25px;</b> kode ini adalah sebagai pengatur tingginya tombol navigasi, yang saya pakai adalah sebesar 25 pixel, boleh di ganti nilainya dan sesuaikan dengan keinginan sobat.</p>
<p dir="ltr"><b>text-align: center;</b> kode untuk memposisikan tombol-tombol berada di tengah-tengah, jika ingin mepet di sebelah kiri ganti kata <b>Center</b> dengan kata <b>left</b>, jika ingin mepet kanan, ganti dengan <b>right</b>.</p>
<p dir="ltr">#juleha a{<br>
margin:0;<br>
font-size:1.2em;<br>
font-weight:bold;<br>
letter-spacing:-1px;<br>
background-color: #cccccc;<br>
color: #000000;<br>
padding-top:2px;<br>
padding-bottom:2px;<br>
padding-left:4px;<br>
padding-right:4px;<br>
}</p>
<p dir="ltr"><b>#juleha a</b> penamaan agar nyambung dengan kode diatasnya, dan kode-kode di yang di tulis bawahnya adalah yang akan muncul sebelum di sorot oleh mouse pengunjung blog.</p>
<p dir="ltr"><b>font-size:1.2em;</b> ukuran huruf yang di pake sebesar 1.2 . jika ingin lebih besar atau lebih kecil, silahkan ganti saja nilainya.</p>
<p dir="ltr"><b>font-weight:bold;</b> agar link yang di tulis hurufnya di cetak tebal, jika tidak mau ganti saja tulisan <b>bold</b> dengan tulisan <b>normal</b>.</p>
<p dir="ltr"><b>background-color: #cccccc;</b> kode untuk membuat warna latar belakang tombol. kode warna #cccccc adalah kode untuk abu-abu, silahkan sobat ganti dengan warna yang sobat sukai.</p>
<p dir="ltr"><b>color: #000000;</b> kode untuk warna huruf link, #000000 adalah kode warna hitam, silahkan ganti dengan warna yang sobat sukai.<br></p>
<p dir="ltr">#juleha a:hover{<br>
text-decoration:none;<br>
background-color: #0326FC;<br>
background-repeat: repeat-x;<br>
color:#A7FC03;<br>
padding-top:2px;<br>
padding-bottom:2px;<br>
padding-left:4px;<br>
padding-right:4px;</p>
<p dir="ltr"><b>#juleha a:hover</b> adalah kode yang di harapkan ketika mouse menyorot pada kode tombol yang di definisakan oleh kode-kode yang ada di kode #juleha a.</p>
<p dir="ltr"><b>background-color: #0326FC;</b> kode untuk membuat warna latar belakang tombol ketika mouse menyorot. kode warna #0326FC adalah kode untuk biru, silahkan sobat ganti dengan warna yang sobat sukai.</p>
<p dir="ltr"><b>color:#A7FC03;</b> kode untuk warna huruf link ketika mouse menyorot, #A7FC03 adalah kode warna hijau terang, silahkan ganti dengan warna yang sobat sukai.</p>
<p dir="ltr"><div id="juleha"><br>
<a href="#" target="_blank">Link 1</a><br>
<a href="#" target="_blank">Link 2</a><br>
<a href="#" target="_blank">Link 3</a><br>
<a href="#" target="_blank">Link 4</a><br>
<a href="#" target="_blank">Link 5</a><br>
</div> </p>
<p dir="ltr"><b><div id="juleha"></b> kode pembuka juleha. Apa-apa yang di simpan di bawah kode ini, mengacu kepada apa yang di definisikan oleh kode juleha.</p>
<p dir="ltr"><b><a href="#" target="_blank">Link 1</a></b> kode untuk membuat link.</p>
<p dir="ltr"><b>href="#"</b> ganti tanda pagar (#) dengan URL atau link yang ingin sobat tuliskan. contoh : jika saya ingin membuat link ke blog ini, maka tanda pagar tadi saya ganti dengan http://kolom-tutorial.blogspot.com</p>
<p dir="ltr"><b>target"_blank"</b> adalah kode untuk memunculkan jendela baru ketika link di klik oleh pengunjung, bila tidak ingin ada jendela baru, maka hilangkan kode ini.</p>
<p dir="ltr"><b>Link 1 </b>ganti tulisan ini dengan tulisan link yang sobat inginkan. contoh : untuk menuliskan blog ini saya ganti dengan kata <b>Kolom Tutorial</b></p>
<p dir="ltr">jadi kira-kira link yang tadi akan menjadi seperi ini : </p>
<p dir="ltr"><a href="http://kolom-tutorial.blogspot.com" target="_blank">Kolom Tutorial</a><br></p>
<p dir="ltr"><b></div></b> adalah kode penutup buat kode si juleha.<br></p>
<p dir="ltr">Contoh link yang saya berikan diatas adalah sebanyak lima buah link, ini bisa sobat kurangi atau bisa juga di tambah, akan tetapi jika space yang tersedia penuh maka tombol akan secara otomatis berpindah ke bawah, oleh sebab itu sesuaikanlah dengan space yang ada. </p>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0tag:blogger.com,1999:blog-4464504585445129134.post-2261956667561618822019-01-11T10:26:00.001+07:002019-01-11T10:26:05.910+07:00Mengatur Perataan Posting Artikel<p dir="ltr"><b>Mengatur Perataan Posting Artikel</b></p>
<p dir="ltr">Sudah dua kali pertanyaan ini muncul pada shoutbox, salah satunya seperti ini : </p>
<p dir="ltr">"mas,gimana cara bikin rata kanan agar postingnya jadi rapi .... thx" </p>
<p dir="ltr">Sebenarnya tentang cara posting artikel sudah saya bahas pada postingan terdahulu, jika mau iseng coba baca <b>di sini</b>, akan tetapi biar lebih faham, sengaja saya posting lagi agar lebih jelas. </p>
<p dir="ltr">Untuk membuat perataan (align), baik rata kiri, kanan, kiri-kanan, atau mau tengah-tengah semuanya, bisa dengan dua cara tergantung dari kebiasaan sobat saat posting artikel, apakah biasa pakai menu <b>Compose</b> atau <b>Edit HTML</b>. Oleh karena itu akan saya bahas untuk keduanya. <br></p>
<p dir="ltr">Untuk menu <b>Compose</b> </p>
<p dir="ltr">Pada menu compose sebenarnya ini lebih mudah, sebab untuk membuat perataan sudah di sediakan tool (peralatan) yang sama dengan yang ada di Microsoft Word atau Exel, icon tool nya seperti ini : </p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_03-1.gif"> --> Untuk merubah jenis hurup yang di gunakan </p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_04-1.gif"> --> Untuk merubah ukuran hurup (heading)</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_05.gif"> --> Untuk Menebalkan hurup</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_06.gif"> --> Untuk memiringkan hurup</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_07-1.gif"> --> Untuk merubah warna hurup</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_11.gif"> --> Untuk membuat link</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_13.gif"> --> Untuk membuat artikel menjadi rata kiri</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_14.gif"> --> Untuk membuat tulisan menjadi di tengah</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_15.gif"> --> Untuk membuat artikel menjadi rata kanan</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_16.gif"> --> Untuk membuat artikel menjadi rata kiri dan rata kanan</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_18.gif"> --> Untuk membuat sub bahasan oleh angka</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_19.gif"> --> Untuk membuat sub bahasan oleh bullet</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_21.gif"> --> Untuk mengecek spelling</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_23.gif"> --> Untuk memasukan gambar(upload gambar)</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_03.gif"> --> Untuk membuat artikel dalam kode HTML</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_04.gif"> --> Untuk membuat artikel dalam mode Compose (biasa)</p>
<p dir="ltr"><img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_07.gif"> --> Untuk me review (melihat) artikel</p>
<p dir="ltr">Cara agar artikel bisa rata kanan yaitu <i>Highligh</i> (blok) seluruh artikel yang di buat, lalu klik icon yang untuk rata kanan saja. Bila ingin rata kanan-kiri, rata kiri atau tengah semua, caranya ya sama yaitu tinggal <i>Highligh</i> (blok) seluruh artikel yang di buat, trus ya klik icon yang sobat mau pake, kelar deh. Selanjutnya ya tinggal publish, mudah bukan? </p>
<p dir="ltr">Akan tetapi bagi sobat yang memakai system Read more yang memakai kode <span class="fullpost">, memposting artikel artikel dengan memakai menu <b>Compose</b> sering menemui masalah di akibatkan jika di lihat pada menu <b>Edit HTML</b> akan muncul kode tadi di atas dalam jumlah yang banyak tanpa kita tuliskan sehingga sistem read more menjadi tidak bekerja dengan baik, oleh karena alasan tadi sistem read more yang saya ajarkan di blog ini adalah dengan memakai kode <div class="fullpost"> yang relatif lebih aman. <br></p>
<p dir="ltr">Untuk menu <b>Edit HTML</b> </p>
<p dir="ltr">Bagi sobat yang terbiasa memakai <b>Edit HTML</b> bisa juga membuat perataan, baik kiri, kanan, kiri-kanan, ataupun tengah semua, yaitu caranya dengan menambahkan kode HTML di awal dan akhir artikel, kodenya seperti ini : </p>
<p dir="ltr">Rata kiri : </p>
<p dir="ltr"><div align="left"> </p>
<p dir="ltr">isi artikelnya di sini </p>
<p dir="ltr"></div> </p>
<p dir="ltr">Rata kanan : </p>
<p dir="ltr"><div align="right"> </p>
<p dir="ltr">isi artikelnya di sini </p>
<p dir="ltr"></div> </p>
<p dir="ltr">Rata kiri-kanan : </p>
<p dir="ltr"><div align="justify"> </p>
<p dir="ltr">isi artikelnya di sini </p>
<p dir="ltr"></div> </p>
<p dir="ltr">Supaya tengah semua : </p>
<p dir="ltr"><div align="center"> </p>
<p dir="ltr">isi artikelnya di sini </p>
<p dir="ltr"></div> <br></p>
<p dir="ltr">Agar hasilnya kelihatan, saya berikan contoh dengan mengutif isi artikel di blog ini. </p>
<p dir="ltr">Contoh cara membuatnya seperti ini : </p>
<p dir="ltr">Untuk yang rata kiri : </p>
<p dir="ltr"><div align="left"><br>
Terima kasih kepada saudaraku Abu Amin yang telah mengingatkan. Kepada para sobat semua, saya menghimbau tolong ilmu yang didapatkan dari blog ini jangan di gunakan pada hal-hal yang tidah baik, semisal membuat situs porno dan lain sebagainya. Gunakanlah ilmu sobat untuk hal-hal yang baik,Terima kasih. <br>
</div> </p>
<p dir="ltr">Maka hasilnya akan seperti ini : </p>
<p dir="ltr">Terima kasih kepada saudaraku Abu Amin yang telah mengingatkan. Kepada para sobat semua, saya menghimbau tolong ilmu yang didapatkan dari blog ini jangan di gunakan pada hal-hal yang tidah baik, semisal membuat situs porno dan lain sebagainya. Gunakanlah ilmu sobat untuk hal-hal yang baik,Terima kasih.<br><br></p>
<p dir="ltr">Untuk yang rata kanan : </p>
<p dir="ltr"><div align="right"><br>
Terima kasih kepada saudaraku Abu Amin yang telah mengingatkan. Kepada para sobat semua, saya menghimbau tolong ilmu yang didapatkan dari blog ini jangan di gunakan pada hal-hal yang tidah baik, semisal membuat situs porno dan lain sebagainya. Gunakanlah ilmu sobat untuk hal-hal yang baik,Terima kasih. <br>
</div> </p>
<p dir="ltr">Maka hasilnya akan seperti ini : </p>
<p dir="ltr">Terima kasih kepada saudaraku Abu Amin yang telah mengingatkan. Kepada para sobat semua, saya menghimbau tolong ilmu yang didapatkan dari blog ini jangan di gunakan pada hal-hal yang tidah baik, semisal membuat situs porno dan lain sebagainya. Gunakanlah ilmu sobat untuk hal-hal yang baik,Terima kasih.<br><br></p>
<p dir="ltr">Untuk yang rata kiri-kanan : </p>
<p dir="ltr"><div align="justify"><br>
Terima kasih kepada saudaraku Abu Amin yang telah mengingatkan. Kepada para sobat semua, saya menghimbau tolong ilmu yang didapatkan dari blog ini jangan di gunakan pada hal-hal yang tidah baik, semisal membuat situs porno dan lain sebagainya. Gunakanlah ilmu sobat untuk hal-hal yang baik,Terima kasih. <br>
</div> </p>
<p dir="ltr">Maka hasilnya akan seperti ini : </p>
<p dir="ltr">Terima kasih kepada saudaraku Abu Amin yang telah mengingatkan. Kepada para sobat semua, saya menghimbau tolong ilmu yang didapatkan dari blog ini jangan di gunakan pada hal-hal yang tidah baik, semisal membuat situs porno dan lain sebagainya. Gunakanlah ilmu sobat untuk hal-hal yang baik,Terima kasih.<br><br></p>
<p dir="ltr">Untuk yang tengah semua : </p>
<p dir="ltr"><div align="center"><br>
Terima kasih kepada saudaraku Abu Amin yang telah mengingatkan. Kepada para sobat semua, saya menghimbau tolong ilmu yang didapatkan dari blog ini jangan di gunakan pada hal-hal yang tidah baik, semisal membuat situs porno dan lain sebagainya. Gunakanlah ilmu sobat untuk hal-hal yang baik,Terima kasih. <br>
</div> </p>
<p dir="ltr">Maka hasilnya akan seperti ini : </p>
<p dir="ltr">Terima kasih kepada saudaraku Abu Amin yang telah mengingatkan. Kepada para sobat semua, saya menghimbau tolong ilmu yang didapatkan dari blog ini jangan di gunakan pada hal-hal yang tidah baik, semisal membuat situs porno dan lain sebagainya. Gunakanlah ilmu sobat untuk hal-hal yang baik,Terima kasih.<br><br></p>
<p dir="ltr">Untuk yang bullet & numbering, ini bisa juga dilakukan : </p>
<p dir="ltr">contohnya seperti ini : </p>
<p dir="ltr">Bullet saja : </p>
<p dir="ltr"><li>Sig in di blogger dengan id sobat </li><br>
<br/><br>
<li>Klik menu layout </li><br>
<br/><br>
<li>Klik menu Edit HTML </li> </p>
<p dir="ltr">Hasilnya seperti ini : </p>
<p dir="ltr">Sig in di blogger dengan id sobat<br>
Klik menu layout<br>
Klik menu Edit HTML</p>
<p dir="ltr">Bullet yang menjorok ke tengah : </p>
<p dir="ltr"><ul><br>
<li>Sig in di blogger dengan id sobat </li><br>
<br/><br>
<li>Klik menu layout </li><br>
<br/><br>
<li>Klik menu Edit HTML </li><br>
</ul><br></p>
<p dir="ltr">Hasilnya seperti ini : </p>
<p dir="ltr">Sig in di blogger dengan id sobat<br>
Klik menu layout<br>
Klik menu Edit HTML</p>
<p dir="ltr">Yang memakai nomor : </p>
<p dir="ltr"><ol><br>
<li>Sig in di blogger dengan id sobat </li><br>
<br/><br>
<li>Klik menu layout </li><br>
<br/><br>
<li>Klik menu Edit HTML </li><br>
</ol><br></p>
<p dir="ltr">Hasilnya seperti ini : </p>
<p dir="ltr">Sig in di blogger dengan id sobat<br>
Klik menu layout<br>
Klik menu Edit HTML</p>
<p dir="ltr">Untuk warna : </p>
<p dir="ltr"><span style="color:kode warna"><br>
tulisan yang mau di warnai<br>
</span> </p>
<p dir="ltr">contoh untuk warna merah : </p>
<p dir="ltr"><span style="color:red"><br>
ini contoh merah<br>
</span> </p>
<p dir="ltr">hasilnya seperti ini :<br></p>
<p dir="ltr">ini contoh merah </p>
<p dir="ltr">atau bisa juga seperti ini : </p>
<p dir="ltr"><span style="color:#FD0303"><br>
ini contoh merah<br>
</span> </p>
<p dir="ltr">Hasilnya tetap sama : </p>
<p dir="ltr">ini contoh merah </p>
<p dir="ltr">untuk mengetahui kode warna sangat gampang, sobat bisa menggunakan bantuan program photosop, sobat tinggal sorot warna yg di kehendaki, nanti kode warnanya akan di tampilkan. </p>
<p dir="ltr">Kode-kode diatas tidak hanya berlaku pada postingan saja, akan tetapi berlaku juga pada edit HTML untuk kode template. </p>
All About Linuxhttp://www.blogger.com/profile/09287468656517712761noreply@blogger.com0