Langsung ke konten utama

Ontohod V1 Responsive Template


Lagi , lagi dan lagi hahaha seperti sebuah candu saja .. ya itulah yang saat ini saya rasakan ketika membuat sebuah template . Setelah kemarin mengeluarkan sebuah template Ontohod V1 Responsive Template dengan status gratis hehe, akhirnya muncul juga Ontohod  V2 Responsive Template dengan status yang belum jelas ( Gratis Kagak Gratis ) untuk Ontohod Versi duanya saya lebih mengedepankan Fast Loading And Responsive Fitur sedangkan untuk desain lagi - lagi simple mas brow.. maklum gak punya waktu banyak jadi ya alakadarnya saja . Saya gak bisa bedain dengan yang versi satunya tapi saya fikir ini berbeda jauh konsepnya dan lebih untuk Personal Blogazine konsep , walah ngarang saja nih ... silahkan kalian bedakan sendiri dah ... 

  1. Tampilan penuh Demo 
  2. Tampilan Halaman Blogazine Demo 
Sebenarnya template ini belum 100% jadi mungkin baru 60% karena saya bingung mau diapakan lagi. Terlebih ketika melihat kopi dalam gelas tinggal beberapa teguk dan rokok sudah habis mas brow hehehe
Label:

Komentar

  1. UnknownSelasa, September 23, 2014

    Selamat malam Kang Ruly, kumaha kabarnya? semoga baik2 aja ya Kang
    Keren templatenya Kang, jadi hayang euy,, boleh gak minta ya hhh =D
    Salam sukses Kang... tos gaduh putra saurna leres teu Kang?

    BalasHapus
    Balasan
    1. dedetea66Selasa, September 23, 2014

      Alhamdulillah Kang Kang Karryst sae pisan mangga Kang silahkan duduk,mau kopi apa peuyeum atau Tauco geetoo.....

      Hapus
    2. Sopala MultapaSelasa, September 23, 2014

      Kang Saud : alhamdullilah sae pisan kang .. belum sempurna kang mau di desain lagi
      te acan borojol kang masih ngantosan kang ...

      Kang Dede : hehehe sok atuh di laleeut ah

      Hapus
  2. dedetea66Selasa, September 23, 2014

    Hadeuhhh Kang Ontohod Bin Borokokok memang keren banget dahhhh,,,,,,,ngopi heula atuh heuheu

    BalasHapus
    Balasan
    1. Sopala MultapaSelasa, September 23, 2014

      Lumayan kang lah ..
      sok atuh sok gera suruput kopina ahh

      Hapus
  3. Adhy SuryadiRabu, September 24, 2014

    Kang saya pakai chrome. menu responsive di pojok kanan atas itu tidak jalan atau hanya sebagai tombol kembali ke display awal?

    BalasHapus
    Balasan
    1. UnknownRabu, September 24, 2014

      Iya tadinya saya pikir menu slide sidebar ato pake modal, tapi keren kang sukses terus buat templatenya

      Hapus
    2. UnknownKamis, September 25, 2014

      Sebenarnya itu jalan kang ady .. cuma saya bingung mau dikasih apa dalamnya tadinya menu tapi gak srek ... ( ada perubahan warna pada tombol'y )
      kang viryl : haha iya tadi'y itu menu kang ..

      Hapus
  4. UnknownRabu, September 24, 2014

    wah templatenya keren mas :D, cocok untuk yang doyan blogazine, kalau saya gak bisa blogazine, bingung ngatur" cssnya :D

    BalasHapus
    Balasan
    1. UnknownKamis, September 25, 2014

      Iya memang untuk yg doyan blogazine ntu mah ..
      kalau bingung sama dong hehe

      Hapus
  5. Rz BotSabtu, September 27, 2014

    waduh langsung versi 2 , keren kang :D

    BalasHapus
  6. AnonimKamis, Oktober 02, 2014

    Wah keren untuk versi keduanya sob,

    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
58 komentar
Baca selengkapnya

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
62 komentar
Baca selengkapnya

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:  
45 komentar
Baca selengkapnya