Langsung ke konten utama

Konsep Sederhana Dalam Area Blogazine

Komentar

  1. templatenya baru yah sob?

    BalasHapus
    Balasan
    1. Gak ko .. ini cuma postingan'y saja konsep blogazine !!!

      Hapus
  2. Keren pisan kang Rul..konsep blogazine nya :)

    BalasHapus
  3. makin lama makin joss kang tampilanya.. sipp ueyy

    BalasHapus
  4. keren nih buat percobaan :)

    BalasHapus
  5. Sangat sangak keren kang....

    BalasHapus
    Balasan
    1. gak juga tinggal perlu sedikit berimajinasi kang .... dan bermain-main dengan CSS

      Hapus
  6. beuuuuh.. mantep lah blogazine na... diajar abdi ka kang uung ah

    BalasHapus
    Balasan
    1. alah eta mah ngaledek kang haha .. sabalikna meren kang

      Hapus
  7. Beuuhh eduun, mantap teuin iye artikel :P

    BalasHapus
  8. flickr jdx gitu.., bagaimana carax ya..?? *smile

    BalasHapus
  9. uwaoww sipp atuh kang konsepna mayan ah dikala nyobi udah tau dasarnya dulu hehe..

    BalasHapus
    Balasan
    1. silahkan tinggal berkreasi aja sob .. ini hanya contoh saja

      Hapus
  10. ngobrol nya ngalor ngidul... ikutan aah www.nagichat.com

    BalasHapus
  11. Sae Kang Ruly tampilan halaman postingana
    Seperti blogazine nya Kang, script diatas
    Ramuan untuk halaman postingana nya Kang?

    BalasHapus
    Balasan
    1. benar mas .. saya menggunakan tehnik seperti diatas !!

      Hapus
  12. konsep blog yang baik, pengambilan warna yang cocok.... jd pengen belajar blogazine :D mantap

    BalasHapus
  13. butuh pemahaman yg ekstra untuk bisa menerapkan blogazine ya mas. Gantian nih nyimaknya, coz awam banget untuk masalah coding

    BalasHapus
    Balasan
    1. memang sih sob kalau hanya dilihat .. kalau di praktekan gak juga sih !!!

      Hapus
  14. Aqua lebih unyu seperti nya kang , rada seger2 kumahaaa gituh .. hmm, ti'iseun deh pokonya mah :D kwkwkwkwk

    BalasHapus
    Balasan
    1. Yups bener kang .. rada adem hehe

      Hapus
    2. eh iya kang, responsive design dalam dunia blogazine juga dibutuhkan yah? :D

      Hapus
  15. saya msh bingung kang, sebenernya dampak (-) apa yg sangat terlihat ketika kita menambahkan css dibawah postingan, dari beberapa artikel yg saya baca kebanyakan hanya mengatakan menambahkan kode css dibawah postingan adalah cara penulisan kode html yg gak benar.

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Membuat Menu Dengan CSS Border Animation

Setelah beberapa waktu lalu selalu membuat postingan dengan konsep blogazine sebagai ajang pelepas suntuk dan sebagai trick menghindari kejenuhan dalam blogging saat ini saya akan coba share kebiasaan lama yaitu tutorial dalam membuat menu navigasi. Kali menu yang ditawarkan sangat-sangatlah simple , hanya memanfaatkan border dan sedikit animasi hover . SEE DEMO CSS .items{ margin-top:50px; } .items li{ float:left; padding:20px 35px 20px 35px; list-style:none; border:5px solid rgba(255,255,255,0.2); margin-left:10px; -webkit-box-reflect: below 0.5px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(75%,transparent),to(rgba(255,255,255,0.4))); } .items li:hover{ border:5px solid rgba(255,255,255,1); -webkit-transition:all ease-in 0.3s;/*Chrome*/ -moz-transition:all ease-in 0.3s;/*Firefox*/ -o-transition:all ease-in 0.3s;/*Opera*/ -ms-transition:all ease-in 0.3s;/*Microsoft*/ } .items li a{ color:#FFF; text-decoration:none

Membuat Slideout Navigation

Masih Seputar tutorial dalam membuat menu untuk bagian sidebar , namun ini agak sedikit berbeda dari menu tutorial kemaren yang menggunakan system hover , karena kali ini saya menggunakan Push Menu dengan system onclick ( menu akan muncul setelah kita klik tombol / button  tertanda ) dan sekaligus ini jawaban dan request para sahabat.  Baca: Memasang Simple Flat Sidebar  Demosion   Langkah Kustomisasi  Masukan kode CSS dibawah ini sebelum kode </style> .pushmenu { /*this is the nav*/ background: #3c3933; font-family: Arial, Helvetics, sans-serif; width: 240px; height: 100%; top: 0; z-index: 1000; position:fixed; } .pushmenu h3 { color: #cbbfad; font-size: 14px; font-weight: bold; padding: 15px 20px; margin: 0; background: #282522; height: 16px; } .pushmenu a { display: block; /* drops the nav vertically*/ color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; border-top: 1px solid #56544e; b

Menu CSS3 Dengan Efect Hover

Menu CSS3 Dengan Efect Hover    - Sudah beberapa hari ini diliputi dilema pada background .. susah nentuin yang pas , biarpun pada akhirnya sedikit merasa lega juga dengan yang sekarang ,memang belum puas tapi ya sudahlah . O..ya pada sedikit kesempatan ini saya akan coba share sebuah menu simple CSS3 dengan hover efect yang lumayan bisa diandalkan untuk merubah penampilan template . Untuk lengkapnya silahkan cek demonya . See Demo Komposisi   CSS3  /.....---CSS3 BREWOK---.....\ nav {   font:700 16px/60px 'Lato', sans-serif;   width:90%;   margin:30px auto 0 auto;   background: #374D61 ;   overflow:hidden;   -webkit-border-radius:8px;   -moz-border-radius:8px;   -o-border-radius:8px;   border-radius:8px; } nav ul {   height:60px;   overflow:hidden; } nav ul li {   width:25%;   float:left;   text-align:center; } .item-container {   position:relative;   height:120px;   cursor:pointer;   -webkit-transition: all 0.3s ease; -moz-transition: