Add Digg Button to Post Page

0 komentar


Do you know Digg.com? I'm sure you know about digg.com, because
digg.com is a most popular site in the world. With digg.com you can discover and share
your blog content. So it's one of the way to increse your blog traffic. But I do not want
to converse many hitting about digg.com, which I will focussed is the step of installing the
digg button on your page post. Yea, this is my mean :






digg button on the post





With Digg button you can easy to submit your post with
your self or with your visitor to digg.com. Feel interesred to add digg
button to your blog? this the steps :








  1. Login to blogger with your ID
  2. After entering the dashboard page , click Layout. Please see the picture :
  3. Then click edit HTML tab. Please see the picture :
  4. Click the Download full template link. Save your template:
  5. Please mark the little box beside Expand Widget Templates. Wait for a moment.
  6. Go to your template code, and find the code like this :
  7. <p><data:post.body/></p>
  8. Delete the code above and alter with following code :
  9. <p> <!-- DIGG --> <div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url = '<data:post.url/>'; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <data:post.body/> </p>
  10. Click Save Template button.
  11. Done. Now digg button was added to your post.






Allright, that is if your template code is original, how about
template code was modified with Read more function
as my post. You must change your read more code with this :









<b:if cond='data:blog.pageType == "item"'>




<style>.fullpost{display:inline;}</style>



<p>


<!-- DIGG -->

<div style='float:right; margin-left:10px;'>

<script type='text/javascript'>

digg_url = '<data:post.url/>';


</script>

<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>

</div>


<data:post.body/>

</p>




<b:else/>



<style>.fullpost{display:none;}</style>




<p>


<!-- DIGG -->

<div style='float:right; margin-left:10px;'>

<script type='text/javascript'>

digg_url = '<data:post.url/>';

</script>

<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>


</div>


<data:post.body/>

</p>




<a expr:href='data:post.url'><b>Read More...</b></a>



</b:if>










Save your template and done.



If you feel this post in usefull, please Digg it.



See you at my next interesteing post. Cheer.
newer post

efek berjatuhan di blog

0 komentar
Para blogger sekarang sudah banyak yang menggunakan Efek berjatuhan untuk memperindah halaman blog mereka. Bisa di katakan Efek berjatuhan merupakan salah satu efek yang sangat populer di web untuk memperindah halaman. Halaman web kita akan nampak seolah-olah dihujani oleh salju, love, daun yang turun dari atas ke bawah. Efek berjatuhan ini dibuat dengan memanfaatkan javascript menggunakan tag DIV tanpa menggunakan gambar (images) sehingga hasilnya akan lebih ringan dan cepat.



Untuk membuat efek berjatuhan ini kita gunakan cara yang sederhana aja. Yang pentingkan hasilnya sama ya..kan!. Biar pemula juga mudah mencoba tips ini. Langkah-langkahnya sebagai berikut:



Untuk membuat efek berjatuhan ini kita gunakan cara yang sederhana aja. Yang pentingkan hasilnya sama ya..kan!. Biar pemula juga mudah mencoba tips ini. Langkah-langkahnya sebagai berikut:



1. Sign in di Blogger



2. Kemudian pilih layout ( Tata letak )




3. Tambahkan Elemen HTML / Javascript atau pakai yang sudah ada juga ngak apa2.



4. Copy kode scipt dibawah ini :



EFEK SALJU BERJATUHAN

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript"> /*********************************************** * Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript * Script featured & available at http://hermanblogtips.blogspot.com/ * Please keep this notice intact ***********************************************/ </script>




EFEK DAUN BERJATUHAN

<script src="http://arti.master.irhamna.googlepages.com/daun.js"/></script>



EFEK LOVE BERJATUHAN

<script src='http://anas.ku93.googlepages.com/lovingheart.js'>

</script>



5. Paste coding di atas ke Elemen HTML / Javascript yang tadi kemudian di Save (simpan). Setelah itu tinggal kita lihat perubahannya.
newer post

Tips Membackup Blog Secara Online

0 komentar




Mungkin sobat pernah mendengar berita beberapa bulan yang lalu salah satu blogger senior indonesia
mengalami hal yang cukup menyedihkan yaitu blog miliknya yang di blogger.com (blogspot)
tiba-tiba terkena banned oleh pihak blogger.com. Sangat di sayangkan sekali memang, blog yang sudah
di tata sedemikin rupa dan telah memperoleh trafik yang sangat tinggi tiba-tiba harus hilang dari
kendali pemiliknya. Bagaimana apabila itu terjadi pada blog kita? mudah-mudahan jangan sampai terjadi.
Namun walaupun kita semua berharap semua itu tidak terjadi, tetap saja kemungkinan untuk terjadi tetap ada.
Kenapa bisa demikian? jawaban yang sederhana adalah kita hanyalah Numpang di tempatnya orang lain yaitu
pihak Blogger.com.





Selaku pihak yang menumpang tentu saja kita harus sadar betul bahwa apabila sewaktu-waktu sang pemilik tempat (blogger.com)
tidak lagi berkenan untuk menampung kita di tempatnya, kita harus berbesar hati untuk melangkahkan kaki kita ketempat
lain yang masih sudi untuk menampung kita. Terdengar sedikit menyedihkan memang, akan tetapi itulah fakta yang ada. Jika
semua itu tidak ingin terjadi, silahkan untuk membeli rumah sendiri.



Apa yang paling menyedihkan apabila account kita di banned oleh pihak blogger.com? menurut saya sendiri adalah artikel-artikel
yang telah kita buat dengan susah payah serta telah mengorbankan waktu yang sangat banyak harus hilang seketika entah kemana.
Okelah, apabila seandainya artikel yang telah kita posting di blog hanyalah tiga atau empat artikel saja mungkin tidak akan
terlalu menimbulkan kekecewaan, namun bagaimana apabila artikel kita sudah mencapai puluhan atau ratusan atau bahkan sudah
ribuan jumlahnya, tentu ini merupakan hal yang cukup serius untuk di pikirkan.



Pertanyaan yang mungkin timbul adalah bagaimana cara menyelamatkan artikel-artikel kita apabila seandainya hal buruk tadi menimpa kita?
jawaban yang mudah di tebak adalah kita harus sesering mungkin untuk membuatkan backup artikel-artikel tersebut. Untuk membuatkan
backup data pada komputer, rasanya tidak perlu lagi di bahas karena saya yakin semuanya pasti telah mengetahui caranya.
Mem backup data melalui komputer di rumah kita, hal ini sering kali di sebut dengan backup data secara Offline. Yang mau
saya bahas kali ini adalah bagaimana cara membackup artikel-artikel kita yang telah di posting secara Online.



Untuk backup artikel secara Online tentunya banyak sekali cara yang bisa di tempuh, namun tentunya tidak akan saya bahas
semua. Dari sekian banyak cara backup secara Online, diantaranya yaitu melalui Blog wordpress, Google Reader,
serta Blog Multiply. Dari ketiga cara tersebut yang akan saya bahas secara rinci adalah melalui Blog wordpress karena
diantara penyedia layanan gratis paling terkenal selain Blogger.com adalah wordpress.com.





  • Backup Online di Wordpress.com






  • Di wordpress.com, selain kita memposting artikel seperti halnya di blogger.com, ada fasilitas untuk memasukan seluruh artikel yang telah
    diposting di account blogger melalui fasilitas Impor. Dengan fasilitas impor ini, sobat hanya menekan satu tombol untuk import
    maka seluruh artikel yang telah di posting di blogger termasuk juga komentar-komentarnya akan secara otomatis di masukan ke dalam account
    blogger untuk di tampilkan di blog sobat yang di wordpress. Untuk melakukan proses import di wordpress.com, langkah pertama yang
    harus dilakukan adalah tentunya sobat harus mempunyai sebuah account wordpress. Bagi yang belum mempunyai account di wordpress, silahkan daftar dulu sendiri di sini !.
    Tentang cara-cara daftar, saya yakin sobat sudah bisa melakukannya. Sekarang saya anggap sobat sudah mempunyai sebuah account di wordpress.
    Untuk cara membackup artikel sobat yang ada di blogger.com/blogspot ke wordpress, silahkan ikuti langkah-langkah berikut ini :



    1. Silahkan login dulu di wordpress dengan id sobat
    2. Apabila sobat masih menggunakan bahasa inggris, saya sarankan untuk mengubahnya
      ke bahasa indonesia agar lebih nyambung dengan yang akan saya bahas. Silahkan perhatikan
      ke sebelah atas, klik tulisan My dashboard, kemudian klik Users, lalu klik Your Profile. Arahkan
      perhatian ke bagian tengah layar monitor, lihat tulisan Interface Language. Disamping
      tulisan Interface Language ada menu dropdown, silahkan klik menudropdown tersebut lalu
      pilih yang Id - bahasa Indonesia. Yang terakhir klik tombol update Profile ». Sekarang dashboard sobat
      menjadi berbahasa indonesia.
    3. Klik menu Kelola.
    4. Klik sub menu bertuliskan Impor.
    5. Klik tulisan Blogger. Akan ada tulisan pengantar dari wordpress. Kemudian klik
      tombol Otorisasi.
    6. Setelah itu akan muncul panel untuk Login ke blogger.com. Silahkan login dulu di blogger
      dengan id sobat.
    7. Akan muncul peringatan dari Google Account, klik tombol Grant acces. Tunggu beberapa saat.
    8. Sobat akan masuk kembali ke panel wordpress. Apabila sobat mempunyai beberapa blog dalam satu account blogger,
      maka blog-blog tersebut seluruhnya akan di tampilkan. Pilih artikel blog mana yang mau di impor. Klik tombol Impor yang
      berada di sebelah kanan yang sejajar dengan judul blog yang mau di impor.
    9. Tunggu sampai proses impor selesai. Mungkin proses impor ini akan memakan waktu yang cukup lumayan lama, ini tergantung
      dari banyaknya artikel yang di impor dari blogger. Jika jumlah posting sudah sangat banyak, mungkin bisa memakan waktu
      lebih dari satu jam. Silahkan sobat minum kopi dulu untuk sekedar menunggu proses impor berlangsung
    10. Selesai.





    Sekarang sobat sudah mempunyai arsip blog secara online tanpa harus mempostingnya satu persatu. Sebuah catatan yang perlu di ketahui yaitu
    setiap sobat memposting artikel di blog sobat yang di blogger/blogspot maka tulisan tersebut tidak akan secara langsung di impor ke wordpress,
    oleh karena itu untuk backup artikel terbaru, sobat harus melakukan proses impor kembali seperti langkah-langkah di atas. satu hal yang
    boleh untuk di ketahui yaitu pada proses impor yang kedua atau ketiga atau yang selanjutnya, artikel yang telah di impor sebelumnya tidak akan
    di impor kembali sehingga tidak akan ada duplikasi artikel, sehingga proses impor yang kedua dan selanjutnya tidak akan memakan waktu yang lama
    seperti pada saat melakukan impor yang pertama.



    Bagaimana sobat, cukup menarik bukan? namun seperti yang saya sebut di atas bahwa artikel baru yang di posting di blogger tidak akan secara
    otomatis di impor, hal ini tentunya akan menuntut kita untuk bekerja lebih ekstra melakukan proses impor. Pertanyaan yang mungkin timbul yaitu
    apakah ada yang bisa secara otomatis melakukan backup? jawabannya ada. Kita hanya melakukannya sekali saja, untuk selanjutnya akan secara otomatis
    di backup. Fasilitan apa yang di gunakan? ini bisa di lakukan antara lain melalui Google Reader atau juga melalui blog yang ada di multiply.com.
    mau tahu caranya? di baca saja deh kelanjutan ceritanya.





  • Backup Online melalui Google Reader







  • Salah satu cara yang mengasikan dalam hal backup secara online menurut saya adalah melalui google Reader.
    Caranya sangat gampang yaitu jadilah pembaca dari blog kita sendiri melalui google reader. Jadi setiap kita posting artikel di blognya blogger, maka artikel
    tersebut akan secara langsung di kirim ke halaman google reader milik kita, lebih praktis daripada cara yang di wordpress. Tentang bagaimana menjadi feed reader
    melalui google reader, sudah pernah saya posting. Bagi yang masih bingung, silahkan baca kembali artikelnya di sini !.






  • Backup Online melalui Multiply.com







  • Cara praktis lainnya selain melalui Google reader adalah melalui blog di http://multiply.com.
    Seperti halnya di blog wordpress, di multiply.com ada fasilitas untuk import dari blogger, namun untuk multiply.com, setiap kita posting
    artikel di blogger, maka akan secara langsung muncul di blognya multiply.com. jadi untuk masalah backup data artikel blog, multiply lah yang tergolong yang
    paling tepat. Untuk caranya tidak akan saya bahas secara detail karena mata saya sudah sepet banget nih, hampir jam 12 malem waktunya untuk istirahat.
    Seperti biasa, bikin dulu account di multiply, kemudian cari yang untuk import.




    Mau melihat contoh contoh backup dari blog saya, silahkan bisa di kunjungi di sini! atau juga di sini!



    Tidur dulu ah, ngantuk banget nih!




    newer post

    Tips Membackup Blog Secara Online

    0 komentar




    Mungkin sobat pernah mendengar berita beberapa bulan yang lalu salah satu blogger senior indonesia
    mengalami hal yang cukup menyedihkan yaitu blog miliknya yang di blogger.com (blogspot)
    tiba-tiba terkena banned oleh pihak blogger.com. Sangat di sayangkan sekali memang, blog yang sudah
    di tata sedemikin rupa dan telah memperoleh trafik yang sangat tinggi tiba-tiba harus hilang dari
    kendali pemiliknya. Bagaimana apabila itu terjadi pada blog kita? mudah-mudahan jangan sampai terjadi.
    Namun walaupun kita semua berharap semua itu tidak terjadi, tetap saja kemungkinan untuk terjadi tetap ada.
    Kenapa bisa demikian? jawaban yang sederhana adalah kita hanyalah Numpang di tempatnya orang lain yaitu
    pihak Blogger.com.





    Selaku pihak yang menumpang tentu saja kita harus sadar betul bahwa apabila sewaktu-waktu sang pemilik tempat (blogger.com)
    tidak lagi berkenan untuk menampung kita di tempatnya, kita harus berbesar hati untuk melangkahkan kaki kita ketempat
    lain yang masih sudi untuk menampung kita. Terdengar sedikit menyedihkan memang, akan tetapi itulah fakta yang ada. Jika
    semua itu tidak ingin terjadi, silahkan untuk membeli rumah sendiri.



    Apa yang paling menyedihkan apabila account kita di banned oleh pihak blogger.com? menurut saya sendiri adalah artikel-artikel
    yang telah kita buat dengan susah payah serta telah mengorbankan waktu yang sangat banyak harus hilang seketika entah kemana.
    Okelah, apabila seandainya artikel yang telah kita posting di blog hanyalah tiga atau empat artikel saja mungkin tidak akan
    terlalu menimbulkan kekecewaan, namun bagaimana apabila artikel kita sudah mencapai puluhan atau ratusan atau bahkan sudah
    ribuan jumlahnya, tentu ini merupakan hal yang cukup serius untuk di pikirkan.



    Pertanyaan yang mungkin timbul adalah bagaimana cara menyelamatkan artikel-artikel kita apabila seandainya hal buruk tadi menimpa kita?
    jawaban yang mudah di tebak adalah kita harus sesering mungkin untuk membuatkan backup artikel-artikel tersebut. Untuk membuatkan
    backup data pada komputer, rasanya tidak perlu lagi di bahas karena saya yakin semuanya pasti telah mengetahui caranya.
    Mem backup data melalui komputer di rumah kita, hal ini sering kali di sebut dengan backup data secara Offline. Yang mau
    saya bahas kali ini adalah bagaimana cara membackup artikel-artikel kita yang telah di posting secara Online.



    Untuk backup artikel secara Online tentunya banyak sekali cara yang bisa di tempuh, namun tentunya tidak akan saya bahas
    semua. Dari sekian banyak cara backup secara Online, diantaranya yaitu melalui Blog wordpress, Google Reader,
    serta Blog Multiply. Dari ketiga cara tersebut yang akan saya bahas secara rinci adalah melalui Blog wordpress karena
    diantara penyedia layanan gratis paling terkenal selain Blogger.com adalah wordpress.com.




  • Backup Online di Wordpress.com





  • Di wordpress.com, selain kita memposting artikel seperti halnya di blogger.com, ada fasilitas untuk memasukan seluruh artikel yang telah
    diposting di account blogger melalui fasilitas Impor. Dengan fasilitas impor ini, sobat hanya menekan satu tombol untuk import
    maka seluruh artikel yang telah di posting di blogger termasuk juga komentar-komentarnya akan secara otomatis di masukan ke dalam account
    blogger untuk di tampilkan di blog sobat yang di wordpress. Untuk melakukan proses import di wordpress.com, langkah pertama yang
    harus dilakukan adalah tentunya sobat harus mempunyai sebuah account wordpress. Bagi yang belum mempunyai account di wordpress, silahkan daftar dulu sendiri di sini !.
    Tentang cara-cara daftar, saya yakin sobat sudah bisa melakukannya. Sekarang saya anggap sobat sudah mempunyai sebuah account di wordpress.
    Untuk cara membackup artikel sobat yang ada di blogger.com/blogspot ke wordpress, silahkan ikuti langkah-langkah berikut ini :



    1. Silahkan login dulu di wordpress dengan id sobat
    2. Apabila sobat masih menggunakan bahasa inggris, saya sarankan untuk mengubahnya
      ke bahasa indonesia agar lebih nyambung dengan yang akan saya bahas. Silahkan perhatikan
      ke sebelah atas, klik tulisan My dashboard, kemudian klik Users, lalu klik Your Profile. Arahkan
      perhatian ke bagian tengah layar monitor, lihat tulisan Interface Language. Disamping
      tulisan Interface Language ada menu dropdown, silahkan klik menudropdown tersebut lalu
      pilih yang Id - bahasa Indonesia. Yang terakhir klik tombol update Profile ». Sekarang dashboard sobat
      menjadi berbahasa indonesia.
    3. Klik menu Kelola.
    4. Klik sub menu bertuliskan Impor.
    5. Klik tulisan Blogger. Akan ada tulisan pengantar dari wordpress. Kemudian klik
      tombol Otorisasi.
    6. Setelah itu akan muncul panel untuk Login ke blogger.com. Silahkan login dulu di blogger
      dengan id sobat.
    7. Akan muncul peringatan dari Google Account, klik tombol Grant acces. Tunggu beberapa saat.
    8. Sobat akan masuk kembali ke panel wordpress. Apabila sobat mempunyai beberapa blog dalam satu account blogger,
      maka blog-blog tersebut seluruhnya akan di tampilkan. Pilih artikel blog mana yang mau di impor. Klik tombol Impor yang
      berada di sebelah kanan yang sejajar dengan judul blog yang mau di impor.
    9. Tunggu sampai proses impor selesai. Mungkin proses impor ini akan memakan waktu yang cukup lumayan lama, ini tergantung
      dari banyaknya artikel yang di impor dari blogger. Jika jumlah posting sudah sangat banyak, mungkin bisa memakan waktu
      lebih dari satu jam. Silahkan sobat minum kopi dulu untuk sekedar menunggu proses impor berlangsung
    10. Selesai.





    Sekarang sobat sudah mempunyai arsip blog secara online tanpa harus mempostingnya satu persatu. Sebuah catatan yang perlu di ketahui yaitu
    setiap sobat memposting artikel di blog sobat yang di blogger/blogspot maka tulisan tersebut tidak akan secara langsung di impor ke wordpress,
    oleh karena itu untuk backup artikel terbaru, sobat harus melakukan proses impor kembali seperti langkah-langkah di atas. satu hal yang
    boleh untuk di ketahui yaitu pada proses impor yang kedua atau ketiga atau yang selanjutnya, artikel yang telah di impor sebelumnya tidak akan
    di impor kembali sehingga tidak akan ada duplikasi artikel, sehingga proses impor yang kedua dan selanjutnya tidak akan memakan waktu yang lama
    seperti pada saat melakukan impor yang pertama.



    Bagaimana sobat, cukup menarik bukan? namun seperti yang saya sebut di atas bahwa artikel baru yang di posting di blogger tidak akan secara
    otomatis di impor, hal ini tentunya akan menuntut kita untuk bekerja lebih ekstra melakukan proses impor. Pertanyaan yang mungkin timbul yaitu
    apakah ada yang bisa secara otomatis melakukan backup? jawabannya ada. Kita hanya melakukannya sekali saja, untuk selanjutnya akan secara otomatis
    di backup. Fasilitan apa yang di gunakan? ini bisa di lakukan antara lain melalui Google Reader atau juga melalui blog yang ada di multiply.com.
    mau tahu caranya? di baca saja deh kelanjutan ceritanya.




  • Backup Online melalui Google Reader






  • Salah satu cara yang mengasikan dalam hal backup secara online menurut saya adalah melalui google Reader.
    Caranya sangat gampang yaitu jadilah pembaca dari blog kita sendiri melalui google reader. Jadi setiap kita posting artikel di blognya blogger, maka artikel
    tersebut akan secara langsung di kirim ke halaman google reader milik kita, lebih praktis daripada cara yang di wordpress. Tentang bagaimana menjadi feed reader
    melalui google reader, sudah pernah saya posting. Bagi yang masih bingung, silahkan baca kembali artikelnya di sini !.





  • Backup Online melalui Multiply.com






  • Cara praktis lainnya selain melalui Google reader adalah melalui blog di http://multiply.com.
    Seperti halnya di blog wordpress, di multiply.com ada fasilitas untuk import dari blogger, namun untuk multiply.com, setiap kita posting
    artikel di blogger, maka akan secara langsung muncul di blognya multiply.com. jadi untuk masalah backup data artikel blog, multiply lah yang tergolong yang
    paling tepat. Untuk caranya tidak akan saya bahas secara detail karena mata saya sudah sepet banget nih, hampir jam 12 malem waktunya untuk istirahat.
    Seperti biasa, bikin dulu account di multiply, kemudian cari yang untuk import.




    Mau melihat contoh contoh backup dari blog saya, silahkan bisa di kunjungi di sini! atau juga di sini!



    Tidur dulu ah, ngantuk banget nih!




    newer post

    Tutorial software PopUp Generator

    0 komentar




    Sudah lama tidak posting tentang tutorial software yang disediakan oleh
    http://www.obralplus.com/?id=rohman
    serta oleh http://www.resepbisnis.com/?id=rohman bagi para anggotanya. Mau iseng-iseng mengulas tentang cara penggunaan dari software
    PopUp generator yang bisa di download di halaman member http://www.resepbisnis.com/?id=rohman.



    Pernah mendengar tentang iklan popup di internet? sudah dipastikan sobat pernah mendengar istilah ini dan tentunya tidak
    perlu lagi saya ulas. Atau mungkin ada yang belum tahu? khusus bagi yang belum tahu sedikit akan saya ulas. Agar lebih mudah
    di mengerti saya beri sedikit gambaran. Mungkin sobat pernah mengunjungi situs di internet dan secara tiba-tiba muncul
    window baru (biasanya iklan situs) di layar monitor tanpa kita bermaksud untuk memanggil atau mengunjungi situs tersebut, dan
    window baru itulah yang di sebut dengan iklan dalam bentuk Popup, Fahamm ? (kata ustad sobat dalam film si entong begitu).





    Banyak orang yang tidak menyukai akan iklan popup ini dengan berbagai alasan, diantaranya yaitu
    terkadang iklan yang muncul berupa gambar yang tidak enak di pandang mata alias kurang senonoh dan popup ini membuat
    koneksi internet menjadi sedikit lambat di karenakan jendela browser lebih dari satu, selain itu pula tidak jarang
    iklan popup sebagai sarana untuk menyusupkan berbagai virus ke komputer. Untuk mengatasi hal ini, banyak pengguna komputer menghidupkan fitur
    PopUp bloker pada browsernya.



    Namun dengan berbagai alasan di atas, pada relitanya banyak sekali pemilik situs masih menggunakan iklan melalui popup dan
    dari alasan itu saya mengira iklan PupUp masih efektif untuk sarana beriklan. Nah.... bagi yang berminat untuk beriklan melalui PopUP,
    ada software yang sangat simpel dan praktis tapi sangat handal yaitu PopUp generator. Dengan menggunakan software ini,
    kita dapat membuat iklan PopUp dalam waktu dua setengah menit atau mungkin bisa kurang. Akan tetapi setelah saya melakukan serangkaian
    uji coba, script yang di hasilkan oleh software ini hanya berfungsi secara baik pada template blogger versi baru (XML), sedangkan untuk
    template klasik (html) saya masih belum bisa menerapkannya alias tidak bisa berfungsi secara baik.



    Sudah jenuh dengan intermezo diatas dan ingin langsung ke topik bahasan tentang tutorial software ini? hmmmmm... kita
    langsung aja deh. Bagi sobat yang telah tergabung di resep bisnis, silahkan download dulu software ini di halaman member. Kapasitas
    data yang didownload tidaklah terlalu besar yakni sebesar 949kb dalam format file zip, setelah di download tentu saja harus
    di ekstrak terlebih dahulu dengan software winzip. Setelah di eksrtak, sobat akan menemukan beberapa file. Yang harus di jalankan
    adalah file Popup.exe, tidak perlu di install. setelah di jalankan, sobat akan melihat panel seperti ini :


    PopUp gif



    Dari tampilan panel diatas, terlihat ada beberapa tulisan. Nah...tulisan tersebut masing-masing mempunyai
    fungsi yang berbeda, agar lebih jelas sedikit akan saya uraikan :




  • Function Name





  • Function name hanyalah sebagai penentu Function untuk javascript, secara default tertulis di sana popupgenerator,
    tulisan ini boleh di ubah sekehendak kita asal hanya satu kata tidak boleh ada spasi, atau bila tidak di ubahpun tidak apa-apa.



  • Popup Name





  • Hampir mirip dengan Function name, bisa di ubah bisa juga di biarkan sesuai defaultnya.




  • Dimensions





  • Dimension ini adalah untuk mengatur ukuran dari popup yang ingin di munculkan, satuan yang di pakai
    adalah pixel. Jadi sobat hanya perlu memberi tanda ceklis pada kotak di samping tulisan Popup Size,
    kemudian menuliskan ukuran dari window popup yang ingin di munculkan.



  • Fullscreen





  • Selain ukuran dimensi bisa kita atur, kitapun bisa menampilkan dalam satu layar penuh. Caranya dengan memberi
    tanda pada radio button di samping tulisan fullscreen.



  • Position





  • Apabila sobat berkeinginan ingin mengatur letak munculnya window popup, sobat hanya tinggal membubuhkan nilai
    koordinat dari layar monitor dalam satuan pixel.




    » "Top" berarti koordinat di hitung dari sebelah atas layar.


    » "Left" berarti koordinat di hitung dari sebelah kiri layar.




  • Options





  • Options ini memberikan kebebasan kepada kita untuk memilih mana yang akan kita pakai dengan cara memberi tanda ceklis
    pada kotak di samping tulisan yang tertera, yaitu antara lain :



    » Location Bar : bila hanya memilih ini, maka popup yang akan muncul pada window browsernya hanya mempunyai Location Bar saja.



    » Directories : window yang akan muncul hanya menampilkan Links dalam browser IE.




    » Menu Bar : hanya memunculkan teks dalam menu bar nya. Normalnya seperti : File, Edit, View, dan lain-lain.



    » Tool Bar : ini akan memunculkan Tool bar yang ada dalam browser seperti : Forward, back, Search, Home, serta
    yang lainnya.



    » Status Bar : dalam browser IE, dibagian bawah terdapat status bar untuk menampilkan alamat URL apabila mouse menyorot sebuah link.



    » Scroll bar : pilihan ini akan membuat popup yang tercipta mempunyai scroll bar.




    » Resizable : window pupup yang akan tercipta akan bisa di ubah, misal ingin di maximize atau di minimize.



    Dari berbagai options pilihan di atas, kita bisa memilih satu atau beberapa atau mungkin memilih semuanya.



  • URL of Window





  • Alamat URL yang tertera harus di ganti dengan alamat URL situs yang di tuju. Misal : http://www.resepbisnis.com/?=rohman.



  • Select Trigger





  • Ini akan menentukan bagaimana window popup itu akan muncul.



    » Standar Link : pilihan ini adalah seperti link biasa pada umumnya, yaitu ada sebuah link jika ada
    pengunjung yang meng klik nya, maka akan muncul window baru.




    » Form Button : seperti link biasa, akan tetapi dalam bentuk tombol.



    » When Page Loads : Pilihan ini agar window popup akan muncul secara otomatis ketika ada
    pengunjung yang datang mengunjungi blog sobat.



    » When Page Unloads : Windows popup akan muncul secara otomatis apabila ada pengunjung blog sobat
    yang menutup (meninggalkan) blog sobat, pilihan ini di rasa lebih baik karena window popup yang muncul tidak
    akan menggangu perhatian pengunjung terhadap blog sobat karena justru ketika pengunjung blog meninggalkan blog sobat,
    window popup nya baru akan muncul.




  • Location Of Window





  • Lokasi munculnya window pun dapat kita atur.



    » In front : window popup yang muncul akan keluar dan langsung berada di depan blog sobat. Sehingga
    blog sobat akan tertutup.



    » In Back : window yang muncul posisinya akan berada di belakang halaman blog sobat.



  • Days To Repeat Popup






  • Ada dua pilihan :



    » jika menuliskan angka "0" (nol) maka popup yang tampil akan selalu muncul setiap kali ada yang berkunjung
    walaupun pengunjung tersebut orangnya itu-itu juga.



    » jika menuliskan angka "999", maka popup yang tampil akan muncul hanya satu kali saja pada pengunjung yang sama. jadi
    orang yang pernah melihat popup sobat tidak akan melihatnya lagi dengan catatan pengunjung tersebut tidak melakukan delete Cookies.



  • 1.Generate Code





  • Tombol ini berfungsi untuk membuat kode apabila sobat telah selesai melakukan pengesetan tentang yang tadi di atas terangkan.



  • Reset





  • Tombol untuk reset agar kode yang sudah di generate menjadi kosong lagi.




  • 2.Test/View Popup





  • Tombol untuk melihat contoh window popup yang telah di buat.



  • 3.Get Code





  • Tombol untuk mendapatkan Javascript yang akan di pasang di blog.




    Sekilas tentang fitur-fitur yang ada di panel sudah cukup, semoga mudah untuk di mengerti.





    Sekarang tiba waktunya untuk beraksi yaitu menempatkan kode yang di hasilkan dari software ini ke blogger.com.



    » Langkah #1




    1. Jalankan software PopUp generatornya.
    2. Lakukan setting sesuai yang di inginkan.
    3. Klik tombol 1.Generate Code, kemudian klik tombol 3.Get Code. Akan muncul panel baru seperti gambar di bawah ini :
    4. panel kode popu generator
    5. Silahkan diamkan dulu untuk nanti keperluan di ambil kodenya.





    » Langkah #2



    1. Silahkan login di blogger dengan ID sobat.
    2. Klik Layout.
    3. Klik menu Edit HTML.
    4. Klik tulisan Download Template Lengkap. Silahkan save dulu untuk backup kode template, agar aman apabila terjadi kesalahan.
    5. Buka kembali panel kontrol dari software popup generator, yaitu panel yang ini :
    6. panel kode popup generator
    7. Klik pada tombol Grab Text yang bagian atas. Lalu klik kanan, pilih copy.
    8. Paste kode yang tadi di copy di atas kode </head> (pada kode template)
    9. Ada satu catatan penting yaitu sobat harus merubah kode yang bertuliskan : </script> Menjadi hurup kapital semua, yaitu seperti ini : </SCRIPT>
      Misalkan kode yang di dapat seperti ini :
      <SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'> <!-- /**************************************************** Created With: PopupGenerator URL: http://www.popupgenerator.com ****************************************************/ var win=null; function NewWindow(mypage,myname,w,h,pos,infocus){ if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;} if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;} else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20} settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=no,menubar=no,toolbar=no,resizable=yes";win=window.open(mypage,myname,settings); win.focus();} // --> </script>
      Maka kodenya di uabah menjadi seperti ini :
      <SCRIPT LANGUAGE='JAVASCRIPT' TYPE='TEXT/JAVASCRIPT'> <!-- /**************************************************** Created With: PopupGenerator URL: http://www.popupgenerator.com ****************************************************/ var win=null; function NewWindow(mypage,myname,w,h,pos,infocus){ if(pos=="random"){myleft=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;mytop=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;} if(pos=="center"){myleft=(screen.width)?(screen.width-w)/2:100;mytop=(screen.height)?(screen.height-h)/2:100;} else if((pos!='center' && pos!="random") || pos==null){myleft=0;mytop=20} settings="width=" + w + ",height=" + h + ",top=" + mytop + ",left=" + myleft + ",scrollbars=yes,location=yes,directories=yes,status=no,menubar=no,toolbar=no,resizable=yes";win=window.open(mypage,myname,settings); win.focus();} // --> </SCRIPT>
    10. Cari kode pada template sobat yang seperti di bawah ini :
    11. <body>
    12. Buka kembali panel kontrol dari software popup generator, yaitu panel yang ini :
    13. panel kode popup generator
    14. Klik pada tombol Grab Text yang bagian bawah. Lalu klik kanan, pilih copy.
    15. Gantilah kode <body> dengan kode yang tadi di copy pada popup generator.
    16. misalkan kode <body> di ubah menjadi seperti ini :
      <body onLoad='NewWindow("http://www.resepbisnis.com/?id=rohman","iklan","640","480","center","front");'>
    17. Klik tombol SIMPAN TEMPLATE.
    18. Selesai. Silahkan lihatt bagaimana hasilnya.







    Apabila sobat ingin melihat contoh hasil dari yang tadi sya tulis, silahkan klik di sini ! dengan catatan untuk
    popup blocker nya di buka sementara.




    Selamat mencoba !
    newer post
    0 komentar
    Horizontal tab menu 10




    Pernah melihat menu navigasi yang seperti di bawah ini?



    tab-10







    Tertarik untuk memasang menu ini di blognya?





    Silahkan baca tutorial lengkapnya di :




    Selamat bereksperimen ria!

    newer post

    Horizontal Tab menu

    0 komentar



    Jika kemarin lusa telah di perkenalkan menu navigasi horizontal
    yang cukup menarik yaitu Horizontal menu F yang saya posting di sini,
    maka hari ini ada tambahan perbendaharaan menu navigasi yang
    berbentuk horizontal yaitu Horizontal Tab menu J. Ingin tahu
    seperti apa bentuknya? silahkan arahkan mouse komputer sobat ke menu navigasi di bawah ini :











    newer post

    Cara Membuat Tabel di Blog

    0 komentar



    Setelah beberapa hari absen, akhirnya muncul lagi di sini. Bukannya
    saya tidak bisa untuk membuat tulisan baru, cuma agak sedikit males untuk
    menyentuh tut keyboard. Walaupun sedikit kurang semangat, saya paksain juga
    deh buat gelitikin si keyboard. Alasan utamanya yaitu ada sedikit rasa
    takut. Emang takut apaan, takut ama hantu? bukan donk! masa sudah zaman lampu neon begini
    masih takut sama hantu. Takut yang saya maksud adalah takut blog ini di tinggalkan sama
    para pembaca apabila kelamaan tidak saya update. Oh begitu ya! yups.... soalnya tidak bisa
    di pungkiri bahwa blog ini merupakan salah satu penyumbang dana buat saya tiap bulan nya.
    Ya lumayanlah... dari kedua program yang saya ikuti yaitu gabung di http://www.resepbisnis.com/?id=rohman

    dan di http://www.obralplus.com/?id=rohman
    ada saja rezeki yang saya dapat tanpa di duga-duga.





    Intermezo nya tidak usah lama-lama, nanti yang baca malah kabur lagi. Baiklah, sekarang saya membicarakan
    topik utama yang mau saya ulas yaitu cara membuat tabel di blog/website. Pertanyaan ini di ajukan
    oleh salah satu sobat yang saya lupa namanya karena sudah agak lama melalui buku tamu, dan saya juga sedikit
    males membuka dokumen-dokumen lama di buku tamu. Bagi yang merasa menanyakan soal ini, silahkan absen saja
    di kotak komentar.




    Untuk membuat tabel di blog, bisa kita lakukan dengan kode HTML yang khusus untuk membuat tabel tentunya.
    Perintah yang di pakai adalah <table> ..... </table>. Di dalam tabel,
    kita bisa bisa beberapa atribut di dalamnya, antara lain yaitu:




    • bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
    • align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya :
      align="left"|"center"|"right" .
    • cellpadding : untuk mengatur jarak antara tepi sel dengan isi sel di dalam sebuah tabel. Penempatan kodenya : cellpadding="pixel" .
    • border : untuk mengatur tingkat ketebalan garis tepi pada tabel. Penempatan kodenya : boeder="pixel" .
    • cellspacing
    • : untuk mengatur jarak antara sel. Penempatan kodenya : cellspacing="pixel" .
    • height : untuk mengatur tinggi tabel. penempatan kodenya : height="pixel"|"%" .
    • height : untuk mengatur lebal tabel. Penempatan kodenya : height="pixel"|"%" .




    Sintaks atau kode yang terbentuk yaitu seperti ini :






    <table
    align="left"|"center"|"right"

    bgcolor="color"

    border="pixel"

    cellpadding="pixel"

    cellspacing="pixel"

    width="pixel"|"%"


    height="pixel"|"%">


    .....................


    </table>






    Sebuah elemen TABLE, juga berisi beberapa elemen yaitu CAPTION, elemen TH(table header), elemen TR(table row), serta elemen TD (table row).





    Elemen CAPTION berfungsi untuk membuat judul dari sebuah tabel. elemen ini mempunyai atribut align dengan nilai top (yaitu judul di simpan di sebelah atas tabel),
    juga bottom (yaitu judul berada di sebelah bawah dari tabel).



    Sintaks atau kode yang terbentuk yaitu seperti ini :






    <caption align="top"|"bottom">


    ............................


    </caption>






    elemen TR (Table Row) yaitu untuk membuat baris, elemen ini di tempatkan di dalam elemen tabel. Atribut yang
    bisa di pakai di dalam TR antara lain :



    • align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya :
      align="left"|"center"|"right" .
    • valign : untuk mengatur posisi vertikal. penempatan kodenya : valign="top"|"middle"|"bottom"
    • bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".

    Sintaks atau kode yang terbentuk yaitu seperti ini :






    <tr align="left"|"center"|"right"

    bgcolor="color"

    valign="top"|"middle"|"bottom">


    .....................


    </tr>






    elemen TH(Table Header) berfungsi sebagai header sel pada sebuah kolom tabel. Atribut yang bisa di pakai antara lain:
    • align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya :
      align="left"|"center"|"right" .
    • valign : untuk mengatur posisi vertikal. penempatan kodenya : valign="top"|"middle"|"bottom"
    • bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
    • colspan : untuk mengatur kolom. Penempatan kodenya : colspan="nomor" .
    • rowspan : untuk mengatur row atau baris. Penempatan kodenya : rowspan="nomor"




    Sintaks atau kode yang terbentuk yaitu seperti ini :





    <th align="left"|"center"|"right"

    bgcolor="color"


    valign="top"|"middle"|"bottom"

    colspan="number"
    rowspan="number">


    .....................


    </th>






    Elemen TR(Table Row) adalah elemn untuk membuat kolom. atribut yang bisa di pakai antara lain :
    • align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya :
      align="left"|"center"|"right" .
    • valign : untuk mengatur posisi vertikal. penempatan kodenya : valign="top"|"middle"|"bottom"
    • bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
    • colspan : untuk mengatur kolom. Penempatan kodenya : colspan="nomor" .
    • rowspan : untuk mengatur row atau baris. Penempatan kodenya : rowspan="nomor"




    Sintaks atau kode yang terbentuk yaitu seperti ini :





    <td align="left"|"center"|"right"

    bgcolor="color"


    valign="top"|"middle"|"bottom"

    colspan="number"
    rowspan="number">


    .....................


    </td>







    Masih bingung? kalau begitu saya beri beberapa contoh agar sedikit lebih jelas :



    Untuk membuat sebuah tabel tunggal, kodenya kira-kira seperti ini :




    <table width="200" border="1">

    <tr>

    <td>



    Contoh




    </td>

    </tr>

    <table>






    Hasilnya akan seperti ini :





    Contoh





    Terlihat bahwa tulisan yang ada, tampak mepet ke dinding tabel, apabila kita
    ingin agar tulisan berada persis di tengah tabel, maka cukup tambahkan saja
    kode align="center" pada kolomnya. misal seperti ini :






    <table width="200" border="1">

    <tr>

    <td align="center">



    Contoh




    </td>

    </tr>


    </table>






    Hasilnya akan seperti ini :





    Contoh






    Contoh-contoh di atas menggunakan nilai border 1, coba bandingkan apabila saya
    menggunakan nilai border yang lebih besar, misalkan 9. Kodenya kira-kira seperti ini :





    <table width="200" border="9">

    <tr>

    <td align="center">



    Contoh





    </td>

    </tr>

    </table>






    Hasilnya akan seperti ini :





    Contoh





    Jika ingin kolomnya bertambah, tinggal tambahkan kode kolomnya.
    contoh dua kolom, kodenya seperti ini :





    <table width="300" border="9">


    <tr>

    <td align="center">



    Contoh




    </td>


    <td align="center">



    Contoh juga denk





    </td>



    </tr>

    </table>






    Hasilnya akan seperti ini :





    Contoh



    Contoh juga denk





    Kalau ingin dua baris, kira-kira kodenya seperti ini :






    <table width="300" border="1">

    <tr>

    <td align="center">



    Contoh




    </td>


    <td align="center">



    Contoh juga denk




    </td>



    </tr>




    <tr>


    <td align="center">



    Contoh




    </td>


    <td align="center">



    Contoh juga denk





    </td>

    </tr>


    </table>






    hasilnya seperti ini :





    Contoh


    Contoh juga denk

    Contoh

    Contoh juga denk





    Jika tabelnya ingin di beri warna, tinggal tambahkan kode bgcolor="kode warna".
    contoh :




    <table width="300" border="1" bgcolor="black">

    <tr bgcolor="green">

    <td align="center">



    Contoh





    </td>


    <td align="center">



    Contoh juga denk




    </td>



    <tr bgcolor="yellow">



    <tr>

    <td align="center">



    Contoh




    </td>


    <td align="center">



    Contoh juga denk




    </td>

    </tr>

    </table>






    hasilnya seperti ini :







    Contoh


    Contoh juga denk

    Contoh

    Contoh juga denk







    Sekarang saya beri contoh terakhir (sedikit lebih serius) dengan mengunakan fungsi caption
    serta TH (table header). Misalkan saya ingin membuat sebuah tabel data dari nama-nama teknisi.
    Data-data yang ingin di buatkan tabel, misalkan seperti ini :





    Tabel 1.1
    Data Teknisi
    No. Nama
    1. Juned
    2. Jaka kelana
    3. Ibro





    Kode yang di pakai bisa seperti ini :


    <table align="left" border="2" bgcolor="cyan" cellpadding="5" cellspacing="0" >


    <caption align="top"><b>Tabel 1.1</b></caption>

    <tr bgcolor="fuchsia">

    <th colspan="2">Data Teknisi</th>

    </tr>

    <tr bgcolor="green">

    <th>No.</th>


    <th>Nama</th>

    </tr>

    <tr bgcolor="yellow">

    <td>1.</td>

    <td>Juned</td>

    </tr>


    <tr bgcolor="red">

    <td>2.</td>

    <td>jaka kelana</td>

    </tr>

    <tr bgcolor="blue">

    <td>3.</td>


    <td>Ibro</td>

    </tr>

    </table>








    Hasilnya kira-kira seperti ini :





    Tabel 1.1
    Data Teknisi
    No. Nama
    1. Juned
    2. jaka kelana
    3. Ibro



















    Selain untuk menempatkan tulisan, sebuah tabel pun banyak di gunakan
    untuk menempatkan gambar agar terlihat lebih rapih. Contoh :






    <table width="300" border="1" cellpadding="20">

    <tr>

    <td align="center">



    <a href="http://www.resepbisnis.com/?id=Rohman" target="new"><img height="58" src="http://24rohman.googlepages.com/resepbisnis.gif" alt="mau pinter membuat blog atau website? klik saja di sini"/></a>


    </td>

    <td align="center">


    <a href="http://www.obralplus.com/?id=rohman"><img src="http://24rohman.googlepages.com/aniobral.gif" alt="mau software murah tapi sangat berguna? klik saja di sini"/></a>


    </td>


    </tr>

    <tr>

    <td align="center">


    <a href="http://www.obralplus.com/?id=rohman"><img src="http://24rohman.googlepages.com/aniobral.gif" alt="mau software murah tapi sangat berguna? klik saja di sini"></a>


    </td>


    <td align="center">


    <a href="http://www.resepbisnis.com/?id=Rohman" target="new"><img height="58" src="http://24rohman.googlepages.com/resepbisnis.gif" alt="mau pinter membuat blog atau website? klik saja di sini"/></a>


    </td>

    </tr>

    </table>











    Hasilnya akan seperti ini :





    mau pinter membuat blog atau website? klik saja di sini



    mau software murah tapi sangat berguna? klik saja di sini



    mau software murah tapi sangat berguna? klik saja di sini



    mau pinter membuat blog atau website? klik saja di sini



    jika sobat beranggapan bahwa garis tabel menggangu pemandangan, maka kita bisa mensiasatinya dengan
    cara menghilangkan garisnya yaitu nilai borde rnya kita buat 0 (nol).


    contoh :






    <table width="300" border="0" cellpadding="20">


    <tr>

    <td align="center">


    <a href="http://www.resepbisnis.com/?id=Rohman" target="new"><img height="58" src="http://24rohman.googlepages.com/resepbisnis.gif" alt="mau pinter membuat blog atau website? klik saja di sini"/></a>


    </td>

    <td align="center">


    <a href="http://www.obralplus.com/?id=rohman"><img src="http://24rohman.googlepages.com/aniobral.gif" alt="mau software murah tapi sangat berguna? klik saja di sini"/></a>



    </td>

    </tr>

    <tr>

    <td align="center">


    <a href="http://www.obralplus.com/?id=rohman"><img src="http://24rohman.googlepages.com/aniobral.gif" alt="mau software murah tapi sangat berguna? klik saja di sini"></a>



    </td>

    <td align="center">


    <a href="http://www.resepbisnis.com/?id=Rohman" target="new"><img height="58" src="http://24rohman.googlepages.com/resepbisnis.gif" alt="mau pinter membuat blog atau website? klik saja di sini"/></a>


    </td>

    </tr>


    </table>










    Hasilnya akan seperti ini :





    mau pinter membuat blog atau website? klik saja di sini



    mau software murah tapi sangat berguna? klik saja di sini



    mau software murah tapi sangat berguna? klik saja di sini



    mau pinter membuat blog atau website? klik saja di sini



    Bagaimana hasilnya yang terakhir ini, mata kita dapat di tipu bukan?




    Catatn kecil saja. Karena kode diatas merupakan kode HTML, maka pada saat posting harus pada posisi Edit HTML
    jangan pada posisi Compose. Apabila ingin di simpan di sidebar, pilih yang untuk HTML/javaScript.





    Rasanya cukup deh untuk kali ini, silahkan sobat buat variasi-variasi lainnya dari fungsi tabel ini.



    Selamat bereksperimen !
    newer post

    Tips Membuat Multi Kolom

    0 komentar




    Jumpa lagi.... jumpa lagi euy dengan kang Rohman asli dari bandung (narsis abissssss).
    Yupssss... kesempatan kali ini mau sedikit mengulas tentang blog design. Pernah mengunjungi
    blog yang menggunakan wordpress? saya yakin jawabannya pernah bahkan sering. Kalau jawabanya seperti itu,
    tentunya sering juga dong memperhatikan layout atau desain dari templatenya. Nah jika saya sendiri
    sering memperhatikan bahwa template wordpress dibagian footer nya sering kali dibuat menjadi multi kolom, ada
    yang dibuat jadi dua kolom, tiga kolom, dan ada juga yang sampai empat kolom. Mungkin bagi yang sedikit
    kritis akan muncul pikiran atau bahkan pertanyaan "apakah bisa template blogger bagian footer nya dibuat
    menjadi multi kolom?" Saya tegaskan jawabanya adalah "bisa". mau tau caranya? ya udah baca dech sampai tuntas.




    Untuk membuat bagian footer menjadi multi kolom tidaklah sulit seperti yang sobat bayangkan (so pinter niye), hanya
    sedikt trik yang perlu dilakukan maka nanti akan tercipta footer blog yang multi kolom. Agar lebih untuk mempermudah
    pemahaman tentang trik ini, saya sarankan sobat untuk mempraktekannya secara langsung, caranya buatlah satu buah blog
    untuk percobaan (jangan pada blog utama), ini untuk menghindarkan hal-hal yang tidak diinginkan terhadap blog sobat.



    Persiapan pertama yang harus di perhitungkan adalah berapa lebar kolom keseluruhan yang mau kita pecah menjadi multi kolom.
    selanjutnya yaitu berapa kolom yang mau di buat? kemudian berapa jarak antara kolom yang satu dengan kolom yang lainnya?
    Jika kita melihat terhadap banyaknya template, tentu saja tidak akan menemui titik temu atau kata yang sama dalam hal persiapan
    hal di atas tadi, nah agar semuanya menjadi seragam maka saya akan mengambil contoh dengan menggunakan template minima

    yaitu template asli yang di sediakan oleh blogger.com dengan pilihan warna putih. Banyaknya kolom yang akan kita buat adalah sebanyak tiga kolom.



    Setelah saya perhatikan, template minima asli mempunyai lebar kolom sebesar 660px atau 660 pixel, karena
    kolom yang akan kita buat sebanyak tiga kolom, maka secara perhitungan matematika adalah seperti ini --> 660px : 3 = 220px.
    akan tetapi apabila memakai angka tersebut maka tulisan yang tersimpan antara kolom yang satu dengan yang lainnya akan bertabrakan sehingga
    menjadi tidak sedap untuk di pandang mata. Untuk mengatasi masalah ini maka perlu menambahkan jarak sela antar kolom, kode
    pembuat jarak sela adalah padding, misalkan ambil contoh besar padding yang akan saya gunakan adalah sebesar 10 pixel.
    hasil dari perhitungan yang kita pakai adalah kolom yang akan di buat adalah sebesar 205px (205 pixel). Agar sedikit tampak lebih cantik,
    akan saya tambahkan pula kode UL LI sehingga sebuah link yang akan tercipta melalui kode ini akan berubah warna background yang cantik,
    nanti lihat contohnya dech...




    Eh... sudah buat belum blog minima nya? buat donk agar lebih mudah untuk di pahami... atau sudah siapp.... bener sudah siap?... kita mulaiiiiii...




    Langkah #1 :



  • Hal pertama yang harus di ingat adalah jangan mencentang kotak kecil di samping tulisan expand widget template karena
    jika sobat mencontengnya maka akan keluar kode widget yang bikin pusing kepala, jadi sekali lagi Jangan mencontengnya.






  • Tambahkan kode berikut persis di atas kode ]]></b:skin> :






  • /* bottom

    ---------------------------- */

    #bottom {

    width: 660px;

    position: relative;


    clear:both;

    margin: 0 auto;

    color:#fff;

    float: left;

    background:#BDBABD;

    padding: 15px 0 15px 0;


    }


    #bottom h2 {

    padding: 5px 0 2px 0;

    margin: 0 0 10px 0;

    color:#ff5a00;

    font-size: 24px;


    letter-spacing: -1px;

    border-bottom: 1px solid #fff;

    }


    #bottom ul {

    padding: 0;

    margin: 0;


    }


    #bottom ul li {

    line-height: 26px;

    list-style-type: none;

    border-bottom: 1px dashed #031c5d;

    }



    #bottom ul li a {

    display: block;

    padding: 0 10px;

    color:#0701FD;

    text-decoration: none;


    }


    #bottom ul li a:hover {

    background: #B1ACB1;

    }


    #left-bottom { /* yang ini nih kode kolom kiri */

    width: 205px;

    float: left;


    padding-left:10px;

    }


    #center-bottom { /* kalo yg ini kode kolom tengah */

    width: 205px;

    float: left;

    padding-left:10px;


    }


    #right-bottom { /* kalo yg ini kode kolom kanan */

    width: 205px;

    float: left;

    padding: 0 5px 0 10px;

    }







  • Tuju bagian body yaitu pada bagian bawah kode template, dan cari kode yang mirip seperti ini :






  • <div id='footer-wrapper'>

    <b:section class='footer' id='footer'/>

    </div>




  • Copy paste kode berikut persis di atas kode yang atas tadi :







  • <div id='bottom'>

    <b:section class='bottom' id='left-bottom'/>


    <b:section class='bottom' id='center-bottom'/>


    <b:section class='bottom' id='right-bottom'/>


    </div>






  • Jangan lupa akhiri dengan mengklik tombol Simpan Template.





  • Selesai.








  • Langkah #2 :



  • Klik menu Elemen Halaman.






  • Lihat apakah kolom yang tadi dibuat sudah tampak atau belum? jika sudah, klik link Tambah sebuah Elemen Halaman, klik
    tombol TAMBAHKAN KE BLOG di bawah tulisan Feed, untuk sekedar mencoba, silahkan isikan dengan alamat berikut :





  • http://template-unik.blogspot.com/atom.xml



    atau



    http://rubrik-elektronik.blogspot.com/atom.xml




    atau juga yang ini :



    http://kolom-tutorial.blogspot.com/atom.xml



    Jangan lupa untuk klik tombol SIMPAN



  • Silahkan lihat hasilnya apakah sudah sukses atau belum? jika belum sukses coba lihat lagi
    lanhkah-langkah di atas, barangkali ada yang terlewatkan. Jika sudah sukses, ucapkan terima kasih kepada kang rohman







  • Masih kurang percaya dengan yang saya tulis, bolehlah lihat contoh jadinya. Silahkan klik di sini! atau jika
    ingin melihat aplikasi lain dari kode di atas bisa di lihat di sini!




    Pembuatan kolom yang seperti di atas, kebanyakan di gunakan untuk Recent Post atau juga Recent Comments. Untuk membuat
    Recent Posts atau juga Recents Comments akan saya bahas pada postingan berikutnya.



    Selamat bereksperimen !
    newer post

    Menambah Emoticons di shoutbox

    0 komentar




    Pernah melihat kepala-kepala ajaib seperti ini :



    smile emoticons




    Bagi sobat yang pernah atau sering mengisi buku tamu di blog ini,
    maka tentu saja tidak tidak akan asing lagi dengan kepala-kepala ajaib
    tersebut. Yups..... betul sekali, kepala ajaib tersebut adalah smile atau
    emoticons miliknya Shoutmix
    yag di simpan dalam fasilitas yang di berikannya yaitu buku tamu.




    Dengan adanya emoticon dalam buku tamu, ini akan lebih mempertegas karakter
    si pemberi komentar, walaupun tentu saja ada juga yang hanya berpura-pura mempunyai karakter tersebut.
    Bagi sobat yang menggunakan buku tamu dari shoutmix, apabila sobat berkeinginan untuk menambah
    kepala-kepala ajaib, hal itu bisa sobat lakaukan. Misalkan sobat ingin menambahkan si kepala ini
    atau malah yang ini
    atau mau yang lebih ekstrim lagi seperti ini .
    Kepala-kepala tersebut sebenarnya bisa di tambahkan di buku tamu Shoutmix, yang penting sobat mengetahui
    atau mempunyai alamat gambar kepala ajaib nya. Bagi sobat yang sangat menyukai emoticons dari yahoo! messenger,
    sobat bisa melihat alamat gambarnya di sini!, yang diperlukan hanyalah alamat gambarnya saja, misalkan
    di sana di terangkan bahwa untuk menampilkan smile seperti ini

    adalah memakai kode seperti ini :






    <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width=34 height=18 border=0>





    kode yang diperlukan adalah kode yang ini saja :





    http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif






    Ingin tahu cara memasukan smiles tersebut ke buku tamu shoutmix? silahkan ikuti langkah-langkah berikut :



    1. Silahkan login di Shoutmix, tentunya
      memakai username serta pasword yang sobat miliki.
    2. Pada menu Display, klik yang untuk Smiley
    3. Masukan alamat gambar yang di inginkan pada kotak di bawah tulisan Smiley image URL.
    4. Klik pada tombol Add yang berada di sampingnya.
    5. Masukan kembali alamat gambar smile yang lain apabila masih ada yang masu di masukan, jangan lupa
      untuk klik kembali tombol Add nya.
    6. Klik tombol Save Settings.
    7. Selesai.




    Apabila sobat sudah melakukan langkah-langkah di atas, maka secara otomatis pada buku tamu
    yang ada di blog nya akan memiliki kepala ajaib yang tadi di masukan tanpa harus mengubah
    apa-apa lagi pada kode templatenya.



    Mau lihat contohnya? silahkan coba buka buku tamu yang ada di blog ini, di pastikan sobat akan menemui
    kepala-kepala seperti ini





    Selamat mencoba !
    newer post

    Tutorial Scott Box Shot Maker 2.0

    0 komentar




    Seperti janji saya terdahulu bahwa akan mengulas tentang cara
    kerja dari software yang tersedia di http://www.resepbisnis.com/?id=rohman
    serta di http://www.obralplus.com/?id=rohman. Jika pada postingan yang lalu
    saya membahas tentang cara kerja dari software HTMLcolor V.1.4,
    maka pada kesempatan ini saya akan mencoba membahas bagaimana menggunakan software Scott Box Shot Maker 2.0 yang bisa sobat peroleh di http://www.obralplus.com/?id=rohman
    apabila sobat sudah bergabung pada situs tersebut dengan cara mendownloadnya pada halaman member.




    Apa fungsi utama dari software Scott Box Shot Maker 2.0? software ini berfungsi untuk membuat
    cover ebook secara cepat dan praktis dalam tampilan tiga dimensi. Apa itu ebook? ebook adalah kepanjangan dari electronic book alias
    buku elektronik. Seperti halnya buku pada umumnya, isi dari sebuah ebook bisa bermacam-macam yaitu ada
    yang membahas tentang tutorial, resep masakan, teknik, bisnis, serta lain-lain. Pada saat ini, penjualan ebook di internet
    masih menjadi trend tersendiri karena sifatnya yang tidak memerlukan banyak tempat untuk menyimpannya seperti halnya
    buku biasa pada umumnya. Untuk menjual sebuah ebook, kita hanya menyimpan datanya di server tempat menyimpan data, maka
    data tersebut akan dapat di download pada waktu kapanpun dan di manapun.



    Bagi sobat yang berminat untuk membuat sebuah ebook dan berniat menjualnya, maka salah satu cara agar
    lebih menarik perhatian para calon pembeli, maka sebaiknya sobat membuatkan sebuah cover ebook. Tampilan dari sebuah cover
    ebook yang menarik akan membuat ebook yang sobat jual terkesan profesional dan berbobot. Untuk membuat sebuah cover ebook,
    sobat tidak harus bersusah payah untuk membuatnya karena sekarang sudah tersedia software yang saya sebutkan di awal
    yaitu Scott Box Shot Maker 2.0, dengan software ini sobat dapat membuat sebuah cover ebook secara cepat.




    Bagi sobat yang sudah menjadi anggota dari http://www.obralplus.com/?id=rohman,
    silahkan download pada halaman member, ekstrak terlebih dahulu file data software tersebut dengan menggunakan software winzip (software inipun bisa di download di halaman member apabila sobat
    belum memilikinya) kemudian insatall software tersebut pada komputer sobat.



    Langkah-langkah dari pembuatan sebuah cover ebook, bisa sobat lakukan seperti ini :



  • Membuat gambar dua dimensi





  • Untuk langkah ini, sobat bisa membuatnya langsung pada software Scott Box Shot Maker 2.0
    atau pada software desain grafis lainnya semisal photoshop ataupun coreldraw. Sebagai contoh
    sederhana, misal gambarnya seperti ini :













    dan jangan lupa untuk membuatkan satu gambar lagi yang misalkan seperti ini :













  • Membuat gambar tiga dimensi





  • Agar kedua gambar diatas bisa tampak menjadi tiga dimensi, silahkan jalankan
    software Scott Box Shot Maker 2.0. Tampilan awal dari Scott Box Shot Maker 2.0
    adalah seprti ini :





    tampilan awal software pembuat cover ebook







    Seperti tampak pada gambar di atas, sobat bisa memilih style dari cover ebook yang mau
    di buat yaitu Two side box, three side box atau Book Cover. Sebagai contoh
    saya pilih yang book cover, kemudian klik tulisan Next pada bagian sebelah atas seperti
    gambar yang saya lingkari.




    langkah selanjutnya adalah klik pada tombol bertuliskan Select Front Box Image, lalu pilih
    gambar cover ebook utama yang tadi di buat, yaitu gambar yang ini :












    Kemudian klik tombol Next yang ada di sebelah kanan bawah. Klik tombol bertuliskan
    Select Side Box Image, lalu pilih gambar kedua tadi yaitu yang seperti ini :











    Klik tombol Next kembali yang ada di sebelah kanan bawah. Atur ukuran ebook sesuai dengan
    yang di kehendaki dengan cara klik pada kotak kecil garis tepi gambar lalu seret sesuai keinginan
    (di drag), ada pilihan kotak kecil bertuliskan shadow, apabila sobat menginginkan ada efek
    bayangan beri tanda conteng pada kotaknya. Klik pada tombol Save Box Shot Image... untuk
    menyimpan hasil dari pembuatan cover ebook yang tadi di buat, selesai.



    contoh hasil dari cover ebook yang tadi di buat adalah seperti ini :












    Selamat berkreasi !
    newer post

    Membuat Sidebar berada di Kiri dan Kanan

    0 komentar




    Beberapa waktu yang lampau saya telah memposting bagaimana
    cara membuat sidebar baru pada template minima sehingga template tersebut
    yang asalnya dua kolom berubah bentuk menjadi tiga kolom. Dari hasil pengamatan
    dilihat dari komentar-komentar yang muncul pada postingan tersebut ataupun
    ada juga yang melalui shoutbox, mengambarkan kegembiraan para sobat yang telah
    berhasil menyulap blognya menjaditiga kolom, selamat dech buat yang sudah sukses.
    Namun diantara yang telah puas, ada juga yang masih merasa penasaran dan juga
    berkeinginan lebih. Beberapa komentar yang muncul, di antaranya adalah sebagai
    berikut :






    makasih bro...


    aku dah berhasil tapi alangkah bagusnya jika post berada di antara side bar itu
    aku pengen yg kayak gitu gimana caranya bro?????




    mas gimana klo mo naruh colom posting di tengah diantara sidebar kiri n kanan ????
    tolong ya mas...
    thx




    nambah kolom da bisa, tapi gimana cara nya meletakan side bar di kiri dan kanan sedangkan tempat posting nya berada di tengah-tengan side bar pada templete minima, tolong ya mas..






    Rohman (anu kasep) : Hmmmmmmm... gimana ya... ada deeeech... rahasia pokoknya



    Pembaca : dasar pelit




    Rohman (anu kasep) : Bercanda dhenk









    Pembaca : awas kalo ga di kasih tau






    Untuk membuat kolom sidebar yang baru dibuat tidaklah terlalu sulit, sobat hanya perlu
    menempatkan kode float menjadi di kiri (left) serta penambahan kode padding-right
    agar kolom kiri tidak bertabrakan dengan kolom posting. Bingung? sengaja saya buat bingung





    Bagi sobat yang berminat untuk menempatkan kolom sidebar di sebelah kiri, sebelum membaca artikel ini
    ada baiknya membaca artikel yang di sini terlebih dahulu karena artikel ini merupakan lanjutan dari artikel tersebut,
    jika sobat langsung membaca artikel ini, saya khawatir sobat menjadi tambah bingung.



    Sebelum memasuki kepada topik bahasan utama, saya sarankan kepada sobat yang mempraktekan
    teori yang akan saya tulis sebaiknya bukan pada blog utama, akan tetapi pada blog untuk
    percobaan. Ini untuk menghindarkan kejadian yang tidak di inginkan, sayang apabila blog
    yang telah di tata rapih menjadi amburadul akibat percobaan.



    Baiklah, ayo kita mulai sobat, dalam hal ini saya anggap sobat sudah berhasil membuat kolom baru. Langkah pertama yang harus di ingat adalah jangan sekali-kali memberi tanda conteng pada kotak kecil di samping tulisan
    Expand widget Template karena apabila sobat mencontengnya akan keluar kode widget yang sangat ngejelimet.
    Jika pada postingan yang lalu saya menuliskan kode seperti ini :







    /* Outer-Wrapper

    ------------------------------------------ */

    #outer-wrapper {

    width: 840px

    margin:0 auto;

    padding:10px;

    text-align:left;


    font: $bodyfont;

    }


    #main-wrapper {

    width: 410px;

    float: left;

    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */


    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

    }


    #sidebar-wrapper {

    width: 220px;

    float: right;

    padding-left:10px; /* yg ini tambahan juga biar tampak ada jarak sela */


    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */



    #sidebarbaru-wrapper {

    width: 180px;

    float: right;


    padding-left:10px;

    word-wrap: break-word;

    overflow: hidden;

    }







    Agar hasilnya berbeda dengan yang dulu yaitu kolom yang di buat bukan berada pada sebelah kanan, maka
    sobat perlu sedikit mengubah kode yang saya cetak merah menjadi seperti ini :








    #sidebarbaru-wrapper {

    width: 180px;

    float: left;

    padding-right:10px;



    word-wrap: break-word;

    overflow: hidden;

    }






    Terlihat pada hurup yang saya cetak biru bahwa yang di ubah hanyalah dua baris kode saja, yang lainnya tidak perlu di ubah.
    Jika sudah selesai mengubahnya, jangan lupa untuk menutupnya dengan menekan tombol simpan template.



    Langkah selanjutnya adalah menuju ke bagian bawah template, yaitu pada bagian body,
    jika dulu saya menyarankan agar kode sidebaru di tempatkan seperti ini :








    <div id='sidebar-wrapper'>

    <b:section class='sidebar' id='sidebar' preferred='yes'>

    <b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>

    <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

    </b:section>

    </div>




    <div id='sidebarbaru-wrapper'>

    <b:section class='sidebar' id='sidebarbaru' preferred='yes'/>

    </div>















    Maka apabila sidebar baru ingin di tempatkan di sebelah kiri, maka kode sidebar baru harus di pindahkan
    di atas kode main (posting) sehingga kodenya kira-kira akan menjadi seperti ini :












    <div id='sidebarbaru-wrapper'> <!-- perhatikan yang ini -->

    <b:section class='sidebar' id='sidebarbaru' preferred='ye'/'>

    </div>




    <div id='main-wrapper'> <!-- perhatikan yang ini -->


    <b:section class='main' id='main' showaddelement='no'>

    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>

    </b:section>

    </div>



    <div id='sidebar-wrapper'>

    <b:section class='sidebar' id='sidebar' preferred='yes'>

    <b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>

    <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>


    </b:section>

    </div>











    Apabila sudah selesai menempatkan kode sidebar baru, silahkan akhiri dengan menekan tombol Simpan Template, selesai.
    Silahkan lihat hasilnya !



    Tidak sulitkan sobat? semoga mudah untuk di mengerti. Untuk melihat contoh blog yang mempunyai sidebar di samping kiri dan kanan,
    sobat bisa membuktikannya di sini!
    newer post

    Cara pasang search Engine

    0 komentar




    Sebenarnya petanyaan ini sudah pernah di tanyakan oleh
    salah seorang sobat pengunjung blog ini, namun jika di tunda
    untuk menjawabnya terkadang saya lupa atau memang masih belum menemukan kata-kata
    yang tepat untuk menerangkannya, pertanyaannya kira-kira seperti ini :




    Mas rohman, bagaimana caranya memasang Search Engine pada blog?




    Baikklah, saya akan mencoba menjawabnya. Semoga mudah untuk di mengerti.
    Bagi sobat yang sudah bergabung di Google adsense, tentunya untuk memasang
    sebuah search engine bisa memakai layanan dari Google adsense tersebut.
    Selain berfungsi sebagai search engine, tentunya sobat akan mendapatkan imbalan
    dari Google setiap ada pegunjung yang menggunakan search engine tersebut. Contoh yang
    nyata adalah Search Engine yang terpampang di sebelah atas blog ini, jika sobat bermaksud
    ingin menyumbang ke saya maka tidak usah mengeluarkan kocek dari kantong sobat sendiri akan tetapi
    cukup dengan terbiasa menggunakan Search Engine tersebut apabila berniat ingin mencari sesuatu
    yang ada di Web, biarlah Google adsense yang membayar saya.




    Pertanyaan berikutnya yang mungkin muncul yaitu :





    Bagaimana kalau saya belum tergabung di Google adsense, akan tetapi tetap ingin memasang
    Search Engine di blog saya agar pengunjung lebih mudah untuk mencari apa yang mereka inginkan
    di blog saya?




    Seandainya kasusnya seperti itu, maka janganlah sobat merasa risau karena sobat bisa membuatkan
    search engine untuk blog sobat tanpa harus tergabung di Google adsense. Mau tahu caranya?
    baca aja sampai akhir tulisan ini.




    Untuk membuat sebuah Search Engine pada sebuah blog, sebenarnya mudah karena sobat hanya
    membuatkan sedikit kode HTML, scriptnya seperti ini :






    <form id="searchform" action="http://AlamatBlogAnda.blogspot.com/search" name="searchform" method="get">


    <input id="s" value="" name="q" type="text">
    <input id="searchsubmit" value="Search" type="submit">

    </form>







    Yang perlu sobat perhatikan adalah tulisan yang saya cetak merah yaitu http://AlamatBlogAnda.blogspot.com/search,
    tulisan AlamatBlogAnda harus sobat ganti tentunya dengan alamat blog sobat yang ingin
    di pasangi seacrh engine, misalkan apabila di pasang untuk blog ini maka tulisan tersebut di ganti dengan
    http://kolom-tutorial.blogspot.com/search. Selain itu, ada juga yang bisa sobat ubah yaitu
    di bagian kode --> value="Search". Tulisan Search ini adalah tulisan
    yang akan muncul pada tombol search engine, apabila sobat ingin mengubahnya, silahkan ubah dengan keinginan, contoh : tulisan
    tersebut ingin di ubah menjadi Cari atau Go.




    Sebagai contoh hasil dari search engine dari script diatas adalah seperti ini :









    Atau seperti ini :








    Atau juga seperti ini :










    Silahkan coba fungsinya, apakah berfungsi dengan baik atau tidak?



    Untuk cara pemasangan sama seperti kode HTML lainya, untuk template klasik silahkan sobat cari sendiri
    karena masing-masing template mempunyai kode yang berbeda-beda. Untuk yang template baru, sobat bisa memasukannya
    melalui Elemen Halaman kemudian pilih yang HTML/Javascript.



    Saya rasa pembahsanya sudah cukup.



    Bagi yang ingin melihat-lihat template, template yang satu ini boleh juga untuk di pertimbangkan, silahkan klik di sini !




    Selamat mmencoba !


    newer post
    newer post older post Home