Postingan

Menampilkan postingan dengan label Blogger

Tutorial Memasang Video Youtube di Blogger - Responsive

Gambar
  Halo sobat bogger semuanya semoga dalam keadaan sehat selalu. kali ini ChugyGogog ingin membahas cara membuat halaman Page / posting untuk memasang video youtube di blogger.  Untuk caranya sebenarnya tidak terlau sulit karena di blogger sebenarnya sudah ada fitur untuk membuat posting video, cuma tampilan video youtubenya sepertinya kurang memuaskan secara visual / tampilan yang menurut saya kurang enak dipandang... hehehe.  Nah ali ini saya akan membuat video youtube untuk ditampilkan di blogger dengan tampilan video menjadi kiri dan kanan / left right. Tampian dari Video Youtube inipun sudah Responsive jadi jangan khawatir untuk di akses di smartphone. Untuk contohnya bisa lihat disini .  Langsung saja ke tutorial pembuatan / pemasangan video youtube di blogger. disini saya memasang externa CSS ya jadi kita memasukan CSS nya langsung di postingan. 1. Langkah pertama masuk ke blogger 2. Masuk ke menu Posting / Halaman yang ingin dipasang video youtube 3. Buat postingan baru 4. Rubah

In Memoriam 2009 On Blogger "CHUGYGOGOG"

Gambar
2009 Waktu yg cukup panjang untuk memulai sebuah "TULISAN SANTAI" dicampur dengan hobi yang mencoba diekpresikan dan dipublikasikan dalam sebuah wadah GRATISAN dari BLOGGER jadilah sebuah BLOG CHUGYGOGOG. Sebuah BLOG personal yang berisikan tulisan-tulisan alakadarnya dari nemu sana sini diposting diblogger, materi kuliah diposting, sampai kegiatan yang ga jelas juga diposting, Mulai dari gaya bahasa/tulisan yang GAPTEK sampai Gaya-gayaan Profesional biar disebut orang pinter oleh yg membaca blog ini, semua dituliskan disini. Banyak kenangan indah dari blog ini mulai dari KECANDUAN NULIS begadang semalaman biar update diblogger sampai KEMALESAN NULIS yang ga tanggung-tanggung berbulan-bulan sampai beberapa tahun ga update-update. :) :v , yah itulah lika-liku seorang blogger. Mungkin memang semua manusia secara kodratullah tidak selalu konsisten dalam satu bidang, banyak faktor-faktor yang membuat orang berubah-ubah dalam jangka panjang atau pendek termasuk yg punya blog

Wajah Baru Semangat Baru Buat Ngeblog

Gambar
Akhirnya bisa kembali curat coret di blog ini setelah hampir dua tahun postingan terakhir yang dipublis hadooooooh. Untung masih banyak yang ngedatengin blog ini walaupun jarang di update juga. Mudahan mudahan dengan redesign template bisa kembali bersemangat buat blogging lagi. Sebelumnya ana mau nyapa dulu ni buat kawan-kawan blogger yang satu angkatan yang masih update terus kayanya blognya ahahahaha , ada DJ Ferdinan “Aktif”, Om Rawin “Aktif”, Om Adit Belantara Indonesia “Setengah Aktif”, Om Rame “Setengah Aktif”, Bang Hendro Prayitno “Blog’a Ngilang” ahahaha siapa lagi ya kayanya masih banyak tapi dah pada lupa euy. Pokoknya buat kawan-kawan blogger semuanya happy Blogging. Sedikit cerita ni soal pergantian templet berhubung ternyata banyak kawan-kawan blogger yang pake template responsive jadi kepengen modif template jadul ini menjadi responsive, walaupun ga tau ni hasilnya responsive apa ngga ni template. Kakau juga ternyata maen dengan coding2 CSS sm HTML yan

Membuat Speak Buble dengan CSS3

Selamat siang brader blogger semua kembali posting ni setelah sebelumnya memposting firefox versi 4 yang ternyata memiliki tampilan yang sedikit berbeda dari versi seblumnya. untuk kali ini ini saya akan memposting bukan seputar internet komputer melainkan seputar css dan blogger. Seperti judul posting ini yaitu membuat Speak Buble dengan Css3 . Speek buble ini merupakan tehnik permainan border dengan css. Dengan menggunakan Css Speak Buble dapat dibuat tanpa menggunakan image jadi ini akan lebih ringan dibuka di browser. Langsung saja pada penerapan dan koding css-y. Sebagai contoh saya membuat speak buble untuk teks area. contohnya bisa dilihat dibawah ini. Pertama kita buat kode CSS Speak Buble-y seperti ini. .speakbuble { position:relative; padding:30px; margin:3px 0; margin-top:1%; color:#000; text-align:center; background:#CCC; font-weight:bold; text-shadow:1px 1px 1px #eee; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} .speakbuble:after { content:&qu

Background Stripers And pattern Dengan CSS3 No Image

Gambar
Selamat sore Brader Blogger semua akhirnya kembali membuat postingan walaupun sekarang jarang update tapi alhamdulilah disisa waktu luang ini akhirnya bs kembali update. Untuk sekarang saya akan share seputar tutorial CSS3 yang lama juga tidak ada info yang baru. Apalagi bang Hendro sesepuh CSS3 juga udah jarang ngebahas CSS3 hehehe.... gimana ni bang Hendro kabarnya kayanya lg asyik dengan koding-koding di weblognya. Langsung saja pada pokok pembahasan. tutorial CSS3 kali ini akan membahas pembuatan background dengan texture/ pattern full CSS3 seperti gambar diatas, dimana semua itu dilakukan menggunakan koding CSS3 tanpa image. Untuk Demo livenya bisa lihat pada link di bawah. Demo Live Dan untuk codingnya dibawah. Angled Pattern .angled { background-color: #ac0; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), c