Cara Mengatur Dan Merapikan Gambar pada sidebar

Cara Mengatur Dan Merapikan Gambar pada sidebar

Mengingat pentinganya mengatur dan merapikan tampilan pada sidebar, baik gambar ataupun nongambar, kali ini saya bermaksud untuk berbagi tentang Cara Mengatur Dan Merapikan Gambar pada sidebar. saya rasa blog akan tampak indah dan menarik jika tampilan gambarnya tertata rapi baik pada sidebar ataupun dalam postingan itu sendiri.

Ada empat hal yang harus dilakukan pada pengaturan ini:

1. lebar image harus disesuaikan dengan ukuran sidebar
2. lebar dan tinggi untuk semua image disamakan
3. menghapus perintah enter (<br/>) yang terdapat pada banner.
4. mengganti perintah enter tersebut dengan perintah margin supaya ada jarak antara image yang satu dengan gambar yang lain.

Menyesuaikan Ukuran

Setiap kolom, baik sidebar maupun postingan, memiliki ukuran yang berbeda. Untuk itu perlu dilakukan penyesuaian ukuran gambar dengan ukuran kolom tersebut. Misalnya kita akan menempatkan 3 buah gambar secara berjajar pada sebuah sidebar yang lebarnya 400px, maka kita harus mengatur ukuran gambar menjadi sekitar 120px (360px:3), dengan asumsi bahwa lebar sidebar telah dikurangi oleh padding kiri-kanan sehingga menjadi sekitar 360px (tergantung pengaturan padding yang ada di CSS-nya).
berikut cara menulis perintahnya

<center> <img style="border:0px; width:120px; height:50px;" src="URL image 1"/> <img style="border:0px; width:120px; height:50px;" src="URL image 2"/> <img style="border:0px; width:120px; height:50px;" src="URL image dst."/> </center>

Perintah border:0px supaya gambarnya tidak dibingkai dan perintah center digunakan supaya gambar-gambar tersebut diletakkan di tengah-tengah jika masih ada ruang kosong di sebelah kanannya.

Mengatur Jarak
Ada sebagian sobat blogger yang menambahkan perintah enter (<br/>) pada script banner-nya supaya banner-nya diberi jarak dengan banner berikutnya. Padahal untuk memberi jarak, kita bisa menambahkan perintah margin-top (margin atas) atau margin atas-bawah dan kanan-kiri,

Contohnya sebagai berikut :

Memberi margin atas:

<center> <img style="border:0px; width:120px; height:50px; margin-top:5px;" src="URL image 1"/> <img style="border:0px; width:120px; height:50px; margin-top:5px;" src="URL image 2"/> <img style="border:0px; width:120px; height:50px; margin-top:5px;" src="URL image dst."/> </center>

Memberi margin atas-bawah dan kanan-kiri:

<center> <img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="URL image 1"/> <img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="URL image 2"/> <img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="URL image dst."/> </center>

Perintah margin: 3px 1px mengandung arti bahwa gambar akan diberi margin ke atas dan ke bawah sebesar 3px, serta ke kanan dan ke kiri sebesar 1px.

Angka-angka di atas bukanlah ukuran baku. Kamu bisa mengaturnya sesuai dengan image-image yang kamu pasang. Itu hanya sekedar contoh yang hasilnya bisa kamu lihat pada menu Banner Teman yang ada di bawah.

Mengingat pentinganya mengatur dan merapikan tampilan pada sidebar, baik gambar ataupun nongambar, kali ini saya bermaksud untuk berbagi tentang Cara Mengatur Dan Merapikan Gambar pada sidebar. saya rasa blog akan tampak indah dan menarik jika tampilan gambarnya tertata rapi baik pada sidebar ataupun dalam postingan itu sendiri.

Ada empat hal yang harus dilakukan pada pengaturan ini:

1. lebar image harus disesuaikan dengan ukuran sidebar
2. lebar dan tinggi untuk semua image disamakan
3. menghapus perintah enter (<br/>) yang terdapat pada banner.
4. mengganti perintah enter tersebut dengan perintah margin supaya ada jarak antara image yang satu dengan gambar yang lain.

Menyesuaikan Ukuran

Setiap kolom, baik sidebar maupun postingan, memiliki ukuran yang berbeda. Untuk itu perlu dilakukan penyesuaian ukuran gambar dengan ukuran kolom tersebut. Misalnya kita akan menempatkan 3 buah gambar secara berjajar pada sebuah sidebar yang lebarnya 400px, maka kita harus mengatur ukuran gambar menjadi sekitar 120px (360px:3), dengan asumsi bahwa lebar sidebar telah dikurangi oleh padding kiri-kanan sehingga menjadi sekitar 360px (tergantung pengaturan padding yang ada di CSS-nya).
berikut cara menulis perintahnya

<center> <img style="border:0px; width:120px; height:50px;" src="URL image 1"/> <img style="border:0px; width:120px; height:50px;" src="URL image 2"/> <img style="border:0px; width:120px; height:50px;" src="URL image dst."/> </center>

Perintah border:0px supaya gambarnya tidak dibingkai dan perintah center digunakan supaya gambar-gambar tersebut diletakkan di tengah-tengah jika masih ada ruang kosong di sebelah kanannya.

Mengatur Jarak
Ada sebagian sobat blogger yang menambahkan perintah enter (<br/>) pada script banner-nya supaya banner-nya diberi jarak dengan banner berikutnya. Padahal untuk memberi jarak, kita bisa menambahkan perintah margin-top (margin atas) atau margin atas-bawah dan kanan-kiri,

Contohnya sebagai berikut :

Memberi margin atas:

<center> <img style="border:0px; width:120px; height:50px; margin-top:5px;" src="URL image 1"/> <img style="border:0px; width:120px; height:50px; margin-top:5px;" src="URL image 2"/> <img style="border:0px; width:120px; height:50px; margin-top:5px;" src="URL image dst."/> </center>

Memberi margin atas-bawah dan kanan-kiri:

<center> <img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="URL image 1"/> <img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="URL image 2"/> <img style="border:0px; width:120px; height:50px; margin:3px 1px;" src="URL image dst."/> </center>

Perintah margin: 3px 1px mengandung arti bahwa gambar akan diberi margin ke atas dan ke bawah sebesar 3px, serta ke kanan dan ke kiri sebesar 1px.

Angka-angka di atas bukanlah ukuran baku. Kamu bisa mengaturnya sesuai dengan image-image yang kamu pasang. Itu hanya sekedar contoh yang hasilnya bisa kamu lihat pada menu Banner Teman yang ada di bawah.

Cara Mengganti Ukuran Judul Sidebar Pada Blog

Cara Mengganti Ukuran Judul Sidebar Pada Blog

Alhamdulillah akhirnya saya bisa berbagi lagi meskipun masih banyak kegiatan ofline yang mesti saya utamakan tapi tiada salahnya mencuri waktu untuk berbagi. Tidakkah kita tau bahwa Berbagi itu tidak rugi?hehehe
Kali ini saya akan berbagi tentang Cara Mengganti Ukuran Judul Sidebar Pada Blog, yang mana dengan mengetahui cara ini kita dapat mengotak-atik kururan judul sidebar pada blog kita sehingga kita mendapat ukuran yang sangat pasti (pas di hati)
Yang akan saya bagi saat ini, adalah cara yang baru saya coba setelah mendapatkan tutorial dari berbagai Blogger senior namun tak juga saya temukan dalam blog saya sehingga saya coba dengan pencarian code yang lain. dan akhirnya saya menemukannya codenya sehingga saya berhasil mengganti ukuran judul sidebar di blog saya.
adapaun caranya sebagai berikut :
temukan dulu code .sidebar h2 {  atau bila code tadi tidak ada cari code h2{font-size: 
setelah ditemukan perhatikan code berikut :

.sidebar h2 { font-size:115%; font-weight:bold; text-transform:uppercase; text-align:right; border: 1px solid #fff; background:#ffffff; padding;5px; }

Ok. Kita bahas masing-masing kode di atas

1. Kode font-size:115%; : berfungsi untuk mengatur besarnya huruf. Satuan yang digunakan bisa pakai % atau pixels (px). Angkanya dapat agan ganti sesuai keinginan
2. Kode font-weight:bold; : menunjukan judul yang tampil dengan huruf tebal. Kata bold dapat agant ganti dengan normal jika penampilanya tidak ingin tebal atau ganti dengan italic jika ingin penampilan hurufnya miring.
3. Kode text-transform:uppercase; : menunjukan bahwa huruf yang tampil semuanya berupa huruf kapital (besar). agan dapat mengganti dengan kata lowercase (semuanya huruf kecil) atau capitalize (hanya huruf depannya yang besar).
4. Kode text-align:right; : Letak judul sidebar di bagian kanan. agan dapat mengganti dengan left jika ingin berada dikiri atau center jika ingin berada di tengah.
5. Kode border: 1px solid #fff; : berfungsi untuk menampilkan garis di sekeling judul sidebar. Agan dapat mengganti ukuranya dan warna dari garis tersebut.
6. Kode background:#ffffff; : untuk menampilkan warna latar dari judul sidebar. Ganti kode warnanya dengan warna kesukaan Agan. Selain dengan menampilkan warna Agan juga dapat menampilkan sebuah image sebagai background judul sidebar.

Saya rasa sudah cukup jelas dan terang dari penjelasan diatas, semoga yang dapat membantu kesulitan agan-agan sekalian terutama yang masih newbie seperti saya

Alhamdulillah akhirnya saya bisa berbagi lagi meskipun masih banyak kegiatan ofline yang mesti saya utamakan tapi tiada salahnya mencuri waktu untuk berbagi. Tidakkah kita tau bahwa Berbagi itu tidak rugi?hehehe
Kali ini saya akan berbagi tentang Cara Mengganti Ukuran Judul Sidebar Pada Blog, yang mana dengan mengetahui cara ini kita dapat mengotak-atik kururan judul sidebar pada blog kita sehingga kita mendapat ukuran yang sangat pasti (pas di hati)
Yang akan saya bagi saat ini, adalah cara yang baru saya coba setelah mendapatkan tutorial dari berbagai Blogger senior namun tak juga saya temukan dalam blog saya sehingga saya coba dengan pencarian code yang lain. dan akhirnya saya menemukannya codenya sehingga saya berhasil mengganti ukuran judul sidebar di blog saya.
adapaun caranya sebagai berikut :
temukan dulu code .sidebar h2 {  atau bila code tadi tidak ada cari code h2{font-size: 
setelah ditemukan perhatikan code berikut :

.sidebar h2 { font-size:115%; font-weight:bold; text-transform:uppercase; text-align:right; border: 1px solid #fff; background:#ffffff; padding;5px; }

Ok. Kita bahas masing-masing kode di atas

1. Kode font-size:115%; : berfungsi untuk mengatur besarnya huruf. Satuan yang digunakan bisa pakai % atau pixels (px). Angkanya dapat agan ganti sesuai keinginan
2. Kode font-weight:bold; : menunjukan judul yang tampil dengan huruf tebal. Kata bold dapat agant ganti dengan normal jika penampilanya tidak ingin tebal atau ganti dengan italic jika ingin penampilan hurufnya miring.
3. Kode text-transform:uppercase; : menunjukan bahwa huruf yang tampil semuanya berupa huruf kapital (besar). agan dapat mengganti dengan kata lowercase (semuanya huruf kecil) atau capitalize (hanya huruf depannya yang besar).
4. Kode text-align:right; : Letak judul sidebar di bagian kanan. agan dapat mengganti dengan left jika ingin berada dikiri atau center jika ingin berada di tengah.
5. Kode border: 1px solid #fff; : berfungsi untuk menampilkan garis di sekeling judul sidebar. Agan dapat mengganti ukuranya dan warna dari garis tersebut.
6. Kode background:#ffffff; : untuk menampilkan warna latar dari judul sidebar. Ganti kode warnanya dengan warna kesukaan Agan. Selain dengan menampilkan warna Agan juga dapat menampilkan sebuah image sebagai background judul sidebar.

Saya rasa sudah cukup jelas dan terang dari penjelasan diatas, semoga yang dapat membantu kesulitan agan-agan sekalian terutama yang masih newbie seperti saya

Membuat Iklan melayang dengan tombol close dua kali

Membuat Iklan melayang dengan tombol close dua kali

Biarpun kita sudah membaca berita duka tentang  Blogger Indonesia Dituntut Facebook Sebesar 2 Milliar, tapi kita tidaj boleh patah semangat untuk mengeblog, kita harus maju dan kita harus selalu ingat akan makna berbagi.
Postingan kali ini, kembali pada yang asal tentunya tentang blogging yaitu cara Membuat Iklan melayang dengan tombol close dua kali. iklan melayang ini sering kali digunakan oleh publiser untuk mendapatkan klik unik dari setiap pengunjung blog kita.
Cara memasangnya pun tidak begitu sulit yakni mudah dipraktekin. Adapun cara Membuat Iklan melayang dengan tombol close dua kali adalah sebagai berikut :

• Seperti biasa harus Log in dulu di blog sobat
• Pada Element halaman pilih tambah gadget
• lalu masuk ke HTML/Javascript
• lalu copas kode di bawa

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div> <center> Masukan Kode iklan anda di sini </center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></center></div></div>

• Serakhir Simpan

Kode iklan sobat letakkan diantara <center>Masukkan kode iklan anda disini</center>
Cukup jelas kan??
Semoga Dapat Membantu

Read more : http://info-adit.blogspot.com/2011/11/cara-membuat-iklan-melayang-dengan.html
Under Common Share Alike Atribution</center>

Biarpun kita sudah membaca berita duka tentang  Blogger Indonesia Dituntut Facebook Sebesar 2 Milliar, tapi kita tidaj boleh patah semangat untuk mengeblog, kita harus maju dan kita harus selalu ingat akan makna berbagi.
Postingan kali ini, kembali pada yang asal tentunya tentang blogging yaitu cara Membuat Iklan melayang dengan tombol close dua kali. iklan melayang ini sering kali digunakan oleh publiser untuk mendapatkan klik unik dari setiap pengunjung blog kita.
Cara memasangnya pun tidak begitu sulit yakni mudah dipraktekin. Adapun cara Membuat Iklan melayang dengan tombol close dua kali adalah sebagai berikut :

• Seperti biasa harus Log in dulu di blog sobat
• Pada Element halaman pilih tambah gadget
• lalu masuk ke HTML/Javascript
• lalu copas kode di bawa

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div> <center> Masukan Kode iklan anda di sini </center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></center></div></div>

• Serakhir Simpan

Kode iklan sobat letakkan diantara <center>Masukkan kode iklan anda disini</center>
Cukup jelas kan??
Semoga Dapat Membantu

Read more : http://info-adit.blogspot.com/2011/11/cara-membuat-iklan-melayang-dengan.html
Under Common Share Alike Atribution</center>

Blogger Indonesia Dituntut Facebook Sebesar 2 Milliar

Blogger Indonesia Dituntut Facebook Sebesar 2 Milliar

Selamat Malam
maaf sebelumnya jika postingan kali ini bukanlah lagi tutorial atau tips and trik blog melainkan menyampaikan kabar duka Seorang blogger Indonesia yang bernama Ainun Nazieb tersandung masalah dengan raksasa penguasa jejaring sosial Facebook. Perusahaan tersebut melayangkan surat tuntutan terhadap Nazieb. 

Apa masalahnya?

Surat tuntutan ini bermula ketika Nazieb membuat blog pribadi yang beralamat di nazieb.comdan membuat tema blog bernama 'Smells Like Facebook' yang mirip dengan tampilan Facebook versi pertama. Nazieb dituntut facebook sebesar 2 Milliar.

Berawal dari ke-iseng-an untuk membuat tema blog pribadi yang mirip tampilan Facebook, akhirnya ada beberapa teman yang meminta dia menyediakannya sebagai tema yang bisa dipakai oleh orang banyak karena dinilai menarik. 

"Jujur saya tidak berniat mencari keuntungan, karena saat itu saya hanya berniat share saja," tutur Nazieb, ketika dihubungi okezone, Kamis (17/11/2011).

Tema blog tersebut memang sudah distop untuk diunduh dari blog pribadinya, namun peredarannya belum tentu berhenti. Orang lain masih mungkin bisa melakukan share melalui blog mereka.

Upaya yang sedang dilakukan Nazeib saat ini ialah berkonsultasi dengan kuasa hukumnya yang disediakan oleh pimpinan perusahaan di mana dia bekerja sekarang. Bersama kuasa hukumnya dia akan memenuhi panggilan pihak Facebook Indonesia pada hari Senin, 21 November atau Rabu, 23 November 2011.

Saat ini dia masih mengkonsultasikan masalah ini dengan kuasa hukum yang disediakan oleh pimpinan perusahaan tempat dia bekerja, kemudian dia dan kuasa hukumnya akan mendatangi panggilan perwakilan Facebook pada hari Senin atau Rabu mendatang, untuk mengetahui apa yang sebenarnya dituntut pihak Facebook.

Apa yang dilakukan Ainun Nazieb memang lebih dari sebuah kreatifitas biasa. Memanfaatkan ilmu untuk sebuah karya memang sangat diharapkan ada di setiap individu generasi penerus bangsa, namun sebaiknya memperhatikan juga karya orang lain. Jangan sampai menimbulkan masalah yang lebih besar karena masalah hak cipta.

Kiranya kejadian ini menjadi pelajaran bagi kita yang bergelut di dunia digital, khususnya sebagai blogger atau web desainer / developer. Karya orang wajib untuk dihargai. Kebiasaan buruk yang sering dilakukan beberapa blogger adalah menghapus credit / copyrigth yang biasanya terletak di footer setiap template.

Sebagai sesama blogger, saya tetap memberikan dukungan kepada Ainun Nazieb, semoga masalah ini cepat selesai. Salam Blogger, Blogger Selalu Berhati Tenang dan Nyaman :)

Selamat Malam
maaf sebelumnya jika postingan kali ini bukanlah lagi tutorial atau tips and trik blog melainkan menyampaikan kabar duka Seorang blogger Indonesia yang bernama Ainun Nazieb tersandung masalah dengan raksasa penguasa jejaring sosial Facebook. Perusahaan tersebut melayangkan surat tuntutan terhadap Nazieb. 

Apa masalahnya?

Surat tuntutan ini bermula ketika Nazieb membuat blog pribadi yang beralamat di nazieb.comdan membuat tema blog bernama 'Smells Like Facebook' yang mirip dengan tampilan Facebook versi pertama. Nazieb dituntut facebook sebesar 2 Milliar.

Berawal dari ke-iseng-an untuk membuat tema blog pribadi yang mirip tampilan Facebook, akhirnya ada beberapa teman yang meminta dia menyediakannya sebagai tema yang bisa dipakai oleh orang banyak karena dinilai menarik. 

"Jujur saya tidak berniat mencari keuntungan, karena saat itu saya hanya berniat share saja," tutur Nazieb, ketika dihubungi okezone, Kamis (17/11/2011).

Tema blog tersebut memang sudah distop untuk diunduh dari blog pribadinya, namun peredarannya belum tentu berhenti. Orang lain masih mungkin bisa melakukan share melalui blog mereka.

Upaya yang sedang dilakukan Nazeib saat ini ialah berkonsultasi dengan kuasa hukumnya yang disediakan oleh pimpinan perusahaan di mana dia bekerja sekarang. Bersama kuasa hukumnya dia akan memenuhi panggilan pihak Facebook Indonesia pada hari Senin, 21 November atau Rabu, 23 November 2011.

Saat ini dia masih mengkonsultasikan masalah ini dengan kuasa hukum yang disediakan oleh pimpinan perusahaan tempat dia bekerja, kemudian dia dan kuasa hukumnya akan mendatangi panggilan perwakilan Facebook pada hari Senin atau Rabu mendatang, untuk mengetahui apa yang sebenarnya dituntut pihak Facebook.

Apa yang dilakukan Ainun Nazieb memang lebih dari sebuah kreatifitas biasa. Memanfaatkan ilmu untuk sebuah karya memang sangat diharapkan ada di setiap individu generasi penerus bangsa, namun sebaiknya memperhatikan juga karya orang lain. Jangan sampai menimbulkan masalah yang lebih besar karena masalah hak cipta.

Kiranya kejadian ini menjadi pelajaran bagi kita yang bergelut di dunia digital, khususnya sebagai blogger atau web desainer / developer. Karya orang wajib untuk dihargai. Kebiasaan buruk yang sering dilakukan beberapa blogger adalah menghapus credit / copyrigth yang biasanya terletak di footer setiap template.

Sebagai sesama blogger, saya tetap memberikan dukungan kepada Ainun Nazieb, semoga masalah ini cepat selesai. Salam Blogger, Blogger Selalu Berhati Tenang dan Nyaman :)

Cara membuat Text Area Sederhana Pada Blog

Cara membuat Text Area Sederhana Pada Blog

Pada kesempatan yang minimal sekali karena kesibukan yang lain, memposting inipun mencuri waktu karena masih ingat akan makna berbagi. saya akan berbagi tentang cara membuat text area sederhana pada blog.

Sering kita liat pada sidebar blog tetangga, ada juga yang dipostingan blog tetangga yang membuat blog kita kelihatan rapi dan menarik.

Ketika kita melihat Blog tetangga yang ada text arenya, kita pasti ingin membuatnya seperti blog tetangga yang kita kunjungi tadi sehingga blog kita juga tak kalah menarik dengan blog tetangga tersebut.

Apa text area itu dan digunakan untuk apa??

tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh visitors blog kita.

Nah untuk membuat text area sederhana ini sobat bisa copy code berikut :

<p align="center"><textarea name="code" rows="2" cols="50"> tulisan anda disini </textarea>

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.
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.

Contoh Text Area

Jangan Lupa kunjungi juga http://pecinta-lm.blogspot.com/ yang berisikan lagu-lagu madura.

Pada kesempatan yang minimal sekali karena kesibukan yang lain, memposting inipun mencuri waktu karena masih ingat akan makna berbagi. saya akan berbagi tentang cara membuat text area sederhana pada blog.

Sering kita liat pada sidebar blog tetangga, ada juga yang dipostingan blog tetangga yang membuat blog kita kelihatan rapi dan menarik.

Ketika kita melihat Blog tetangga yang ada text arenya, kita pasti ingin membuatnya seperti blog tetangga yang kita kunjungi tadi sehingga blog kita juga tak kalah menarik dengan blog tetangga tersebut.

Apa text area itu dan digunakan untuk apa??

tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh visitors blog kita.

Nah untuk membuat text area sederhana ini sobat bisa copy code berikut :

<p align="center"><textarea name="code" rows="2" cols="50"> tulisan anda disini </textarea>

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.
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.

Contoh Text Area

Jangan Lupa kunjungi juga http://pecinta-lm.blogspot.com/ yang berisikan lagu-lagu madura.

Menghapus Atau Mengganti Label/Kategori Pada Blog

Menghapus Atau Mengganti Label/Kategori Pada Blog

Salam sejahtera dan salam damai selalu agan-agan semua dimanapun agan berada..........

Cukup Lama Blog ini tidak diupdate setelah postingan sebelumnya adalah cara mudah membuat tabel pada postingan blog kali ini saya akan share tentang Menghapus Atau Mengganti Label/Kategori Pada Blog yang menurut saya ini sangat dibutuhkan oleh blogger apalagi blogger pemula seperti pemilik blog ini.

Jujur kemaren saya sempat bingung untuk melakukan hal ini, karena kecorobohanku dengan sendirinya aku memasang label/kategori yang sembarangan sehingga saya kebingungan sendiri untuk menghapusnya tapi saya tidak pernah putus asa untuk mencoba dan mengotak-atik blogku sehingga kudapatkan cara sebagai berikut :

1. Login dulu ke blog anda Klik DISINI,
2. Klik ‘EDIT ENTRI / Edit Posting"
3. Klik Label Yang akan dirubah/dihapus sebelah kiri menu label
4. Klik Select All / anda pilih tulisan yang ingin diubah/dihapus labelnya
5. Dari Label Actions / aksi labe l(klik panah kebawah)
6. Pilih Mau dihapus (delete label) atau diganti (new label)
7. Isi dengan nama label baru jika yang dipilih new label dan jika mau dihapus tunggu sesaat label akan terhapus secara otomatis
8. Selesai

Menggunakan cara diatas menurut saya adalah cara termudah dan tepat sekali untuk kita coba atau kita praktekkan.

Nah.... Untuk agan yang belum mengerti tentang apa yang dimaksud diatas saya berikan contoh kasusnya baca dengan seksama ya....!

Gini ne, Agan telah memberi label - Olah Raga - dan ingin merubahnya/menghapus menjadi label - Foto Artis -.dan semua secara otomatis label Olah Raga akan berubah menjadi label Foto Artis, demikian pula jika ingin menghapus label Olah Raga semua label Olah Raga akan menghilang dan anda jangan kwatir karena tidak akan berpengaruh terhadap artikel artinya Artikel yang sudah agan postingan tidak akan hilang.

Semoga Bermanfaat dan Selamat Mencoba

Salam sejahtera dan salam damai selalu agan-agan semua dimanapun agan berada..........

Cukup Lama Blog ini tidak diupdate setelah postingan sebelumnya adalah cara mudah membuat tabel pada postingan blog kali ini saya akan share tentang Menghapus Atau Mengganti Label/Kategori Pada Blog yang menurut saya ini sangat dibutuhkan oleh blogger apalagi blogger pemula seperti pemilik blog ini.

Jujur kemaren saya sempat bingung untuk melakukan hal ini, karena kecorobohanku dengan sendirinya aku memasang label/kategori yang sembarangan sehingga saya kebingungan sendiri untuk menghapusnya tapi saya tidak pernah putus asa untuk mencoba dan mengotak-atik blogku sehingga kudapatkan cara sebagai berikut :

1. Login dulu ke blog anda Klik DISINI,
2. Klik ‘EDIT ENTRI / Edit Posting"
3. Klik Label Yang akan dirubah/dihapus sebelah kiri menu label
4. Klik Select All / anda pilih tulisan yang ingin diubah/dihapus labelnya
5. Dari Label Actions / aksi labe l(klik panah kebawah)
6. Pilih Mau dihapus (delete label) atau diganti (new label)
7. Isi dengan nama label baru jika yang dipilih new label dan jika mau dihapus tunggu sesaat label akan terhapus secara otomatis
8. Selesai

Menggunakan cara diatas menurut saya adalah cara termudah dan tepat sekali untuk kita coba atau kita praktekkan.

Nah.... Untuk agan yang belum mengerti tentang apa yang dimaksud diatas saya berikan contoh kasusnya baca dengan seksama ya....!

Gini ne, Agan telah memberi label - Olah Raga - dan ingin merubahnya/menghapus menjadi label - Foto Artis -.dan semua secara otomatis label Olah Raga akan berubah menjadi label Foto Artis, demikian pula jika ingin menghapus label Olah Raga semua label Olah Raga akan menghilang dan anda jangan kwatir karena tidak akan berpengaruh terhadap artikel artinya Artikel yang sudah agan postingan tidak akan hilang.

Semoga Bermanfaat dan Selamat Mencoba

cara mudah membuat tabel pada postingan Blog

cara mudah membuat tabel pada postingan Blog

Setelah kemaren memperkenalkan komunitas yang ada di madura yakni komunitas blogger madura, kini saya kembali hadir dengan tembang lagu (eh kok tembang lagu, kayak penyiar radio az...) maksudku dengan tutorial cara mudah membuat tabel pada postingan blog.
Kalau boleh saya katakan, tabel ternyata juga bikin indah di blog lo......ya bikin indah jika tepat dimana dan kapan tabel itu digunakan. kalau tidak tepat juga malah bikin blog kita kelihatan gmn gitu.. hehehe
makanya aku posting cara mudah membuat tabel pada postingan agar kita bisa menggunakan tabel saat kita memposting yang seharus diberi tabel seperti pada data contoh dibawah

To the point (yaaaa to the point caen)

nah untuk membuat tabel pada postingan blog sobat bisa kopas script dibawah

<table border="5" width="450"> <tr bgcolor="#ffff00"><td align="center"><b>TEKS </b></td><td align="center"><b>TEKS </b></td><td align="center"><b>TEKS </b></td></tr> <tr><td align="center">TEKS</td><td align="center">TEKS</td><td align="center">TEKS</td></tr> <tr><td align="center">TEKS</td><td align="center">TEKS</td><td align="center">TEKS</td></tr> </table>

script diatas dapat kita gunakan jika kita mau memposting yang berbentuk tabel sehingga tampilan yang diperoleh seperti berikut :

No	Nama	Keterangan
01	Kholil Al Qusyairi	Ganteng
02	Agus KBM	Caem

hemmmm keren kan??

Untuk gaya tampilannya shobat bisa otak-atik sendiri, sebagai keterangan dari script diatas sebagai berikut

KETERANGAN

<table border="5" width="450"> angka yang ada pada script itu bisa diganti sesuka hati shobat. angka 5 adalah bordernya sedangkan angka 450 adalah lebar dari tabel tersebut

 <tr bgcolor="#ffff00"> code #ffff00 adalah kode warna yang ada dibagiatas tabel contohnya warna kuning ditas.

Tulisan TEKS adalah tempat tulisan yang ingin masukkan dalam tabel

Postingan Simpel tapi jelas........

semoga membantu aga-agan amin

Setelah kemaren memperkenalkan komunitas yang ada di madura yakni komunitas blogger madura, kini saya kembali hadir dengan tembang lagu (eh kok tembang lagu, kayak penyiar radio az...) maksudku dengan tutorial cara mudah membuat tabel pada postingan blog.
Kalau boleh saya katakan, tabel ternyata juga bikin indah di blog lo......ya bikin indah jika tepat dimana dan kapan tabel itu digunakan. kalau tidak tepat juga malah bikin blog kita kelihatan gmn gitu.. hehehe
makanya aku posting cara mudah membuat tabel pada postingan agar kita bisa menggunakan tabel saat kita memposting yang seharus diberi tabel seperti pada data contoh dibawah

To the point (yaaaa to the point caen)

nah untuk membuat tabel pada postingan blog sobat bisa kopas script dibawah

<table border="5" width="450"> <tr bgcolor="#ffff00"><td align="center"><b>TEKS </b></td><td align="center"><b>TEKS </b></td><td align="center"><b>TEKS </b></td></tr> <tr><td align="center">TEKS</td><td align="center">TEKS</td><td align="center">TEKS</td></tr> <tr><td align="center">TEKS</td><td align="center">TEKS</td><td align="center">TEKS</td></tr> </table>

script diatas dapat kita gunakan jika kita mau memposting yang berbentuk tabel sehingga tampilan yang diperoleh seperti berikut :

No	Nama	Keterangan
01	Kholil Al Qusyairi	Ganteng
02	Agus KBM	Caem

hemmmm keren kan??

Untuk gaya tampilannya shobat bisa otak-atik sendiri, sebagai keterangan dari script diatas sebagai berikut

KETERANGAN

<table border="5" width="450"> angka yang ada pada script itu bisa diganti sesuka hati shobat. angka 5 adalah bordernya sedangkan angka 450 adalah lebar dari tabel tersebut

 <tr bgcolor="#ffff00"> code #ffff00 adalah kode warna yang ada dibagiatas tabel contohnya warna kuning ditas.

Tulisan TEKS adalah tempat tulisan yang ingin masukkan dalam tabel

Postingan Simpel tapi jelas........

semoga membantu aga-agan amin