IYAGUS UGY BLOG

Jus Alpukat ( Original )

Pagi ini iyagus ingin berbagi sedikit pengalaman tentang rahasia seorang blogger. Munkin sobat bertanya apa sih rahasia atau sebab-sebab menjadi seorang blogger? jawabannya setelah anda jadi blogger hehe... soalnya saya juga kurang tau pasti rahasia mereka apa sih sebenarnya, bayangkan ya saya menemukan beberapa teman boleh dikatakan gila-gila blog, saking gilanya dia relah kelaparan 1 hari gak makan bahkan sampai mengeluh kelaparan pokoknya kalau uda menulis di blognya semua sudah lupa aktivitas yang lain di abaikan sampai-sampai dia relah menunda masuk kuliya hanya karna menulis doang haha... dan tau gak sobat apa yang sering di tulis blognya? kegiatan sehari-harinya adalah menulis artikel di blog dengan menceritakan kisah-kisah menarik, seperti menceritakan aktivitas kucingnya mulai dari pagi ampe sore semua aktvitas masalah kucing haha...dan anehnya dari warna kuku kucingnya sampai ukuran panjang ekor kucingnya semua diceritakan benner-benner luar biasa.Tapi saya sangat salut...

Semalam Iyagus berbagi bagaimana membuat border pada judul postingan blog Pada kesempatan kali ini Iyagus ingin menjelaskan bagaimana membuat border sekaligus background  pada ruangan postong blog. Jadi membuat border dan background pada ruangan posting ( tempat menulis artikel ) dapat memperindah tampilan ruangan posting blog bagi yang suka, namun sebagian juga diantara teman kita yang merasa tidak penting hehe.... Bagi sobat yang minat silahkan di cobah! Caranya: 1. Silahkan menuju ke pengeditan HTML ( Edit HTML ) Template blog 2. Cari kode berikut : .post-body { Setelah ketemu 3. Kopi kode berikut 4. Paste atau letakkan kode berikut tepat diatas kode warna hijau .post-outer { -moz-border-radius: 25px; border-radius: 25px; border: 3px dotted  #00CACA ; background:  #FFD0FF ; padding: 15px 20px; margin: 0-20px 20px; } Hasilnya seperti ini: .post-outer { -moz-border-radius: 25px; border-radius: 25px; border: 3px dotted #00CACA; backg...

Halo bos, semoga sehat ya? Oiya kali ini kita akan belajar bagaimana membuat kotak atau biasa disebut border ataupun garis pinggir pada judul posting. Membuat border pada judul posting tujuannya adalah agar menambah tampilan blog jadi indah. Jika minat silahkan dicobah!. Caranya: Masuk ke Edit HTML Kemudian cari kode berikut ( cara mencari kodenya masukkan kursor kedalam kotak ruang Edit HTML kemudian klik 1x dengan cari telunjuk anda sampai benar- benar tanda  I berada dalam kotak Edit HTML ,lalu tekan Ctrl + F bersamaan sampai kotak pencari muncul, lalu masukkan kode berikut lalu tekan Enter h3.post-title {  Kalau tidak dapat kode diatas cari kode yang ini comments h4 { Jadi bentuknya kurang lebih seperti ini  h3.post-title, .comments h4 {  Jika Anda menemukan kode setelah kode diatas bentuknya kurang lebih sperti berikut: font: $(post.title.font); margin: .75em 0 0; Silahkan hapus terlebih dahulu kode diatas ( warna hijau ) kemudian...

Sebelum sobat mencobah membuat border ini silahkan baca terlebih dahulu Membuat border/ kotak keliling blog dari tab menu kebawah. Selanjutnya Iyagus akan menjelaskan bagaimana membuat border keliling/ keseluruhan blog, kalau penjelasan sebelumnya membuat border/ kotak dari tab menu kebawah maka saat ini membuat border keseluruhan blog tanpa terkecuali. Oke gak pake lama Caranya: Masuk ke Edit HTML Silahkan cari kode berikut .content-inner { Jika sudah ketemu kopi kode berikut kemudian paste atau lletakkan setelah kode diatas border: 2px solid #FFFFFF; Hasilnya seperti ini .content-inner { border: 2px solid #FFFFFF; Untuk melihat hasilnya klik Preview jika oke langsung Save Jika ingin merubah/ mengedit kode diatas silahkan: Keterangan:  Angka 2 ( tebal border ) Solid ( jenis border ) Kode #FFFFFF ( warna border ) Oke, semoga bermamfaat

Semalam Iyagus menjelaskan bagaimana membuat border/ kotak otomatis untuk kode HTML/ CSS dan kali ini Iyagus jelaskan bagaimana membuat border/ kotak keliling blog dari tab menu kebawah. Jadi maksudnya tab menu kebawah yaitu Menu bawaan blogger atau biasa disebut Menu HOME/ BERANDA dll. Jika ingin memasang border ini silahkan dicobah oke. Border ini tanpa efek hanya border biasa, jika berminat jum kita mulai. Caranya: Silahkan masuk ke Edit HTML kemudian cari kode berikut! .main-outer { Jika sudah ketemu silahkan kopi kode berikut kemudian paste atau letakkan setelah kode diatas border: 2px solid #FFFFFF; Jadi hasilnya seperti ini: .main-outer { border: 2px solid #FFFFFF; Untuk melihat hasilnya klik Preview jika oke langsung save Jika sobat ingin mengedit kode tersebut silahkan kembali ke kode semulah tapi pastikan tamplate sudah disave Keterangan: Angka 2 tebal border Tulisan solid adalah jenis border jika anda ingin menggantinya silahkan ( contoh: dashed...

Apa kabar? mudah-mudahan sehat ya? Oiya sobat kesempatan kali ini saya ingin berbagi tutorial sebagaimana judul artikel diatas. Sebenarnya artikel ini sudah saya jelaskan sebelumnya tapi mungkin masih kurang puas. Nah kali ini gak perlu repot-repot untuk membuatnya tinggal pilih mana suka. Kotak ini sengaja saya siapkan bagi teman-teman blogger yang malas membuat atau mengedit kotak seperti ini hehe... Istilah kotak, border atau biasa disebut teks area ini ,sering digunakan untuk paste code HTML/ CSS ataupun Teks dll Kotak ini secara atomatis akan menyesuaikan panjang ruangan postingan blog an kalau tidak puas warna yang telah saya tentukan silahkan di ganti sendiri : Cara Pemasangan : untuk hasil maksimal 1. Kopi code berikut dan paste kedalam HTML Postingan   ingat bukan Compose     edit code jika ingin mengganti warna bacground, teks dan border serta tebal tipis border 2. Untuk melihat hasilnya klik Compose 3. Jika sudah oke, silahkan kopi ...