Langsung ke konten utama

Blogazine Responsive Layout

RESPONSIVE LAYOUT

Komentar

  1. aahhh aya -aya wae ieu,,,,"blogazine" BTW tutor slide show yang dulu saya pernah pasang tapi setelah ganti template jadi hilang,,,,tahh aya keneh kang tutorna,dimananya,,,,

    BalasHapus
    Balasan
    1. Tah didieu we kang da sami
      http://mkr-site.blogspot.com/2013/03/featured-post-menarik-css-jquery.html

      Hapus
    2. sudah ketemu Kang tapi masih di utak atik masih error nih,,,

      Hapus
    3. hehe .. js'y kang kayaknya yg bikin eror

      Hapus
  2. template anda keren kang :) hehee

    BalasHapus
  3. Wah..kang Ruli...emang ndak abis2 idenya nih... :)

    BalasHapus
  4. keren kang,,, bisaan gening...
    Jaba harurung deuih.. hente jahat batre kitu Kang :)

    BalasHapus
    Balasan
    1. tenang kang, apan tiasa di cas deui hehe...

      Hapus
    2. Wuiiih...bisa hebring kitu nya...bisa caraang kitu eta...
      teu ngarti sama sakali uing ko bisa nya hehehe

      Hapus
    3. tong waka akng saya ge teu ngarti wkwk

      Hapus
    4. Yang haus.. yang haus.. tisu,roko,kopi..kopi..
      Kang bade ngopi ? :)

      Hapus
    5. Muhun kang .. cobi kopi hiji nu hideung nya tong pake gelas
      rokona setengah batang wkwkwkwk

      Hapus
  5. Nh sy buka pake hp. Sdkt brantakan. Memang di hp bgitu

    BalasHapus
    Balasan
    1. iya memang sih .. dukun BG z dilihat d hp agak berantakan sob

      Hapus
    2. sy juga coba persempit width bworsernya ... blum responsive amat mas

      Hapus
    3. Saya nyatakan responsive sesuai dengan responsinator sob ... yg saya maksud hanya layout'y z

      Hapus
  6. templatenya keren kang, baru nemu nih template kaya gini, sip kang lanjutkan :)

    BalasHapus
    Balasan
    1. hanya postingan saja mas , template masih sama !! he

      Hapus
  7. widih jd one page nih ceritanya. fixed menunya transparan lg, siipp..... widget yang disembunyikan apa gak ngaruh mas ke seo?

    BalasHapus
    Balasan
    1. biasa mencoba blogazine ... gak terlalu bahkan gak sama sekali .. kali itu jg

      Hapus
  8. Lain dari pada yang lain ini mah kang, kayaknya baru nemu disini doang deh :)

    BalasHapus
  9. mantep mas, BG na juga keren nih Grafity

    BalasHapus
  10. Kesasar disini, bagian kanan jadi agak sepi sob hehehe :)

    BalasHapus
    Balasan
    1. maksudnya bagian sidebarnya gk ada jadi keliatan sepi sob, sekalian aja postingannya di lebarkan kekanan semua jadi cuma one page sob :D

      Hapus
    2. ya kan ini sengaja dibikin one page ...

      Hapus
  11. keren kang ;) template yg kmu pake keren juga ;) buatan siapa nih? urangkurai yaa?

    BalasHapus
    Balasan
    1. Bukan .. kode dasarnya buatan pakistan ... cuma saya modif hampir 1000% jauh dari aslinya !!!

      Hapus
  12. heheh kalau blog saya terapkan dan ada penampakan kuntilanak gimana ya? ntar kaaburrr semu loh hihihih... :)

    BalasHapus
  13. saya suka sama font menu floating blog nya agan, bagus dan menarik sekali... :)
    happy blogging gan, ditunggu silaturrahmi nya di blog saya... :D

    BalasHapus
  14. salut saya kang liat tampilan blogazine, bener kalo di bilang merangsang otak.. setiap posting perlu bermain css dulu untuk membuat tampilan.
    tapi sipp ini justru membuat lebih kreatipp

    BalasHapus
    Balasan
    1. Untuk mempertahankan kualitas otak .. ya biarpun cuma segini-gini'y mas otak'y hehe yg penting asyk hehe

      Hapus
  15. sekarang ini memang lagi ngetrend template yang responsive ya mas. Jadi pengen deh ganti template responsive :)

    BalasHapus
  16. Blogzine, tampilanna gentos deui :-d

    BalasHapus
  17. maaf kang baru bsa berkunjung.. matap ni tampilan postingannya,,
    oya kang,, coba main nin ni script .mobile biar tampilan versi mobilenya bsa disesuaikan dgn keadaan hape.. maksdnya biar gk berntakan gitu kang.. hehehe :D

    BalasHapus
    Balasan
    1. memang sih karena dalam tahap pembenahan sob ...

      Hapus
  18. saya paling suka tampilan blog magazine, karena menarik seperti situs berita beneran

    BalasHapus
  19. sinyal internetku lemah sehingga tidak bisa melihat BG dengan sempurna.

    BalasHapus
  20. textnya menyala :D btw pake cssgenerator atu gimana ??

    BalasHapus
  21. Keterbacaan teksnya kurang karena terlalu banyak menggunakan text-shadow. :)

    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: