Tips Menghilangkan Border Image

Bagi sobat yang gemar memasang gambar ataupun emoticons pada postingan, sering kali menghadapi sedikit ganjalan yaitu gambar yang di pasang mempunyai border/bingkai gambar berbentuk kotak. nah bagi sobat yang ingin menghilangkan border ini, saya ada sedikit tips untuk menghilangkannya.

Contoh gambar yang mempunyai border :





Atau seperti ini :





Bandingkan dengan yang ini :





Atau seperti ini :





Lebih asyik bukan jika gambar yang kita posting tidak mempunyai border/bingkai. Cara untuk menghilangkan border adalah sobat harus membiasakan diri menambahkan kode border="0" pada setiap gambar yang di pasang. Sebagai contoh saya mempunyai alamat gambar seperti ini :

http://amen24.googlepages.com/face5.gif

Untuk membuat gambar, bisakan menyisipkan kode border="0", contohnya :



Bagaimana jika sobat sudah menambahkan kode border="0", akan tetapi gambar masih tetap mempunyai border/kotak. Nah untuk kejadian yang satu ini, maka style sheet css sobat ada yang harus di modifikasi. Silahkan ikuti langkah-langkah berikut ini!

Untuk yang memakai template klasik :

1. Sign in di blogger


2. Klik menu Template


3. Klik menu Edit HTML


4. Copy seluruh kode HTML template sobat, lalu paste pada notepad, kemudian save untuk backup apabila ada kesalahan editting


5. Cari kode berikut pada css sobat (ini contoh saja):



.post img { <-- perhatikan kode ini
padding:4px;
border:1px solid $bordercolor; <-- yang di rubah kode yg ini
}


tentunya setiap template berbeda-beda, akan tetapi biasanya selalu ada kode .post img

6. Rubah angka 1 (satu) menjadi angka 0 (nol), sehingga kodenya menjadi seperti ini :


.post img {
padding:4px;
border:0px solid $bordercolor;
}


7. klik tombol Simpan Perubahan Template

8. Selesai.




Untuk yang memakai template baru :

1. Sign in


2. Klik menu Layout


3. Klik menu Edit HTML


4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data


5. Klik kotak kecil di samping tulisan Expand Template Widget


6. Tunggu beberapa saat sampai proses selesai



7. Cari kode berikut pada css sobat (ini contoh saja):



.post img { <-- perhatikan kode ini
padding:4px;
border:1px solid $bordercolor; <-- yang di rubah kode yg ini
}


tentunya setiap template berbeda-beda, akan tetapi biasanya selalu ada kode .post img

8. Rubah angka 1 (satu) menjadi angka 0 (nol), sehingga kodenya menjadi seperti ini :


.post img {
padding:4px;
border:0px solid $bordercolor;
}

9. Klik tombol SIMPAN TEMPLATE


10. Selesai.

Hilangkan Tulisan subcribe

Menyikapi pertanyaan dari beberapa sobat baik itu melalui email ataupun shoutbox mengenai bagaimana cara menghilangkan tulisan Subcribe to : Post (atom) atau Berlangganan : post (atom) yang berada di bagian bawah setiap postingan artikel yang di rasa sedikit menggangu dan mengurangi kerapihan dari sebuah artikel. Apakah itu bisa di lakukan? jawabnya bisa saja atau mau dipindah ke sidebar pun bisa kalau kita mau.

Untuk menghapus tulisan Subcribe to : post (atom) silahkan ikuti langkah-langkah berikut ini :

1. Sign in di blogger



2. Klik menu Layout



3. Klik menu Edit HTML



4. Klik tulisan Download Full Template, trus save dulu untuk backup data



5. Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template, jangan lupa yang ini.



6. Cari kode seperti di bawah ini, kemudian hapus/delete kode tersebut




<div class="'feed-links'"> <data:feedlinksmsg/> <b:loop values="'data:links'" var="'f'"> <a class="'feed-link'" href="'data:f.url'" type="'data:f.mimeType'" target="'_blank'"><data:f.name/> (<data:f.feedtype/>)</a> </b:loop> </div>




7. Klik tombol SIMPAN TEMPLATE



8. Selesai, silahkan lihat hasilnya

Mengenal perintah IFRAME

Untuk tutorial kali ini saya ingin sedikit mengulas tentang salah satu fungsi kode HTML yakni perintah

Beberapa atribut yang sering di pasang dalam iframe adalah :

ALIGN="left/right" --> Untuk mengatur posisi iframe

WIDTH="lebar" -->: Mengatur lebar IFRAME dalam pixel atau persen

HEIGHT="tinggi" --> Untuk mengatur tinggi dari iframe dalam pixel atau persen

FRAMEBORDER="garis pembatas" --> Untuk memberi garis pembatas

SCROLLING="auto/yes/no" --> Untuk memberi atau tidak memberi scrolling pada iframe

SRC="url yg ingin di tampilkan" --> alamat sumber yang ingin di tampilkan pada iframe

Agar lebih mudah untuk di fahami, maka saya akan memberikan dua contoh dari fungsi perintah iframe. Misalkan alamat sumber yang ingin saya tampilkan adalah isi dari blog saya yang lain yang beralamat di http://unique-r1-8.blogspot.com/, lebar yang ingin saya gunakan adalah sebesar 500 pixel, dan tinggi sebesar 300 pixel.

IFRAME yang tidak mempunyai garis pembatas dan tidak mempunyai fasilitas scrolling

contoh kode yang di pasang seperti ini :

hasilnya seperti ini :

IFRAME yang mempunyai garis pembatas dan mempunyai fasilitas scrolling

contoh kode yang di pasang seperti ini :

hasilnya seperti ini :























Bagaimana sobat, tentunya dengan iframe kita dapat mengintip isi dari blog milik orang lain pada blog milik kita. Akan tetapi jangan lupa untuk meminta ijin terlebih dahulu kepada pemiliknya apabila tidak ingin kena damprat sang pemilik blog.

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

Menanggapi pertanyaan dari beberapa blogger… hehehe… kang Rohman serasa jadi konsultan blogger saja ya kalau posting biasanya pake kata-kata tersebut soalnya “ Your Questions is my inspiration” pertanyaan anda adalah inspirasiku. Jadi rahasia kenapa blog ini masih bisa bertahan sampai sekarang adalah karena masih ada yang bertanya ke kang Rohman. So, tentu saja ide untuk posting selalu ada. Eh..eh.. ko…gitu sich.. la ko jadi ngelantur nih, kembali ke judul posting ini ah.

Apa sih maksud dari judul posting ini, sepertinya agak aneh? begini nih teman-teman, jika kita sedang mengedit template dan melihat hasilnya maka pada sudut-sudut element akan terlihat icon bergambar obeng dan tang. berikut contoh screenshotnya :

Icon tersebut di sebut juga dengan icon Quick Edit atau dengan kata lain untuk mengedit secara cepat. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.

Namun ternyata ada beberapa blogger yang tidak suka dengan kehadiran icon tersebut dan ingin menghapusnya. Apakah kita bisa menghapus icon tersebut? Jawabannya tentu saja bisa, dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS template kita. Ingin tahu kodenya seperti apa, nih ini dia kodenya, coba pasang saja di Style Sheet CSS anda :

.quickedit{
display:none;
}

Mudah sekali bukan? atau masih bingung. Ok deh, ini dia cara lengkapnya :

1. Login ke blogger dengan ID anda tentunya.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini :

   ]]>

5. Copy paste kode berikut persis di atas kode yang tadi :

   .quickedit{
   display:none;
   }

6. Klik tombol Simpan template.

7. Selesai.

Tips Menghilangkan Pesan Pencarian Blogger

Jika anda melakukan pencarian di blog, baik itu melalui mesin pencari yang di pasang pada blog tersebut atau melalui label ataupun arsip blog, maka biasanya di atas halaman pencarian akan muncul pesan seperti ini :

pesan-pencarian

Rupanya ada blogger yang tidak suka dengan kehadiran pesan ini dan menanyakan ke kang Rohman, apakah pesan ini bisa di hilangkan atau tidak? jawabannya tentu saja bisa, dan sangat mudah sekali. anda cukup menambahkan sedikit kode pada style sheet CSS anda. Kodenya seperti ini :

.status-msg-wrap{
display:none;
}

Kalau anda sudah memasang kode tersebut, niscaya pesan pencarian yang biasanya muncul akan malu-malu untuk menampakkan diri lagi. Aihhh.. kang Rohman suka bingungin dech, kasih tau donk cara lengkapnya bagaimana, masa gitu doank? hihihi.. bingung yach, ya sudah, saya kasih cara lengkapnya. Berikut langkah-langkah untuk menghilangkan pesan pencarian di blogger :

1. Sign in ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Klik tulisan Download Template Lengkap. silahkan di backup dulu biar aman.
5. Cari kode seperti ini ]]>
6. simpan kode berikut di atas kode yang tadi :


.status-msg-wrap{
display:none;
}


7. Klik tombol Simpan Template.
8.

Selesai.

Menyimpan Widget Persis Dibawah header

Beberapa hari yang lalu ada bertanya “bagaimana cara menyimpan widget persis di bawah header?”. Memang pada umumnya pada template blogger tidak bisa untuk menyimpan widget atau elemen langsung di bawah header, biasanya hanya bisa menyimpan di atas elemen post namun tentu saja lebar dari elemen tersebut hanya selebar elemen post. Apakah ada cara agar kita bisa menyimpan widget atau elemen persis di bawah header? tentu saja bisa dan bahkan banyak cara untuk melakukan ini. Namun karena keterbatasan waktu dan tempat maka tidak akan kang rohman tulis semua di sini, kang rohman akan mencoba menerangkan dengan satu cara (soalnya sudah siang nih, mau kerja). Ingin tahu seperti apa caranya, yuk kita lanjut saja.

Silahkan ikuti langkah-langkah berikut :

1. Login ke blogger dengan id anda.
2. Klik Tata Letak.

3. Klik tab Elemen Halaman, lihat pada struktur layout template anda. Biasanya bagian header akan seperti ini :

   

4. Sekarang kita akan memodifikasinya, let’s go to party.

5. Klik Tab Edit HTML.

6. Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).

7. Cari Kode yang mirip seperti ini :

8. Hapus kode di atas dan ganti dengan kode di bawah ini :

9. Klik tombol Simpan template. Tunggu beberapa saat sampai template anda tersimpan.

10. Klik tab Elemen halaman. Dan sekarang layout template anda akan menjadi seperti ini :

    

11. Sekarang anda bisa menambahkan berbagai elemen langsung di bawah header.
12. Untuk menambah elemen halaman tinggal klik Tambah Elemen Halaman. Silahkan tambahkan apa yang anda mau, apabila sudah di tambahkan tinggal geser elemen yang baru di buat tadi ke bawah elemen header.
13. Klik Tombol SIMPAN yang ada di bagian atas.
14. Selesai, sekarang tinggal lihat hasilnya.

Free Logo Maker

Sebuah informasi ringan namun mudah-mudahan bermanfaat. Bagi anda yang ingin membuat sebuah logo yang unik untuk blognya, namun sedikit gaptek terhadap software-software grafik design, anda tidak usah berbingung ria dan larut dalam kesedihan yang amat sangat mendalam karena di alam cyber sana banyak sekali situs alias website yang menyediakan tool pembuat logo atau istilah kerennya yaitu Logo Maker Tool (hihihi.. ko segala istilah yang berbau bahasa bule di bilang keren ya. Padahal belum tentu lho!) yang di persembahkan untuk anda secara gratiss..tiss..tiss alias tidak bayar dhenk. Satu diantara ribuan website penyedia layanan ini yang perbah kang rohman jajal kemampuanya yaitu situs yang beralamat di http://www.logoease.com. Logo sederhana yang pernah saya coba adalah seperti gambar berikut ini :





Buat anda yang ingin mencoba, silahkan daftar dulu sebelum membuat sebuah logo, karena itu salah satu syarat yang dia minta. Proses cepat dan tidak rumit. Jika penasaran, coba saja kunjungi http://www.logoease.com.