Langsung ke konten utama

Responsive Portfolio Ala Action Blog

ACTION BLOG

Sorry saaat ini blog dalam masa perbaikan jadi penampilan secara keseluruhan pada post unix sangatlah berantakan .. Sorry Guys

Iwan Fals Seorang legenda balada dengan khas vokal yang kuat ,lirik yang tajam namun tetap lembut di dengarkan menjadi sumber inpirasi tersendiri bagi kreatifitas hidup saya

View Complete

I’m a blogger hobies, pecandu kopi dan penikmat asap. Dalam meningkatkan hasrat dan kreatifitas saya mengelola dua buah blog yang sederhana tapi luarbiasa aneh wkwkwk...

Action Blog merupakan blog pertama saya , doi tampil dengan desain simple dan di dalamnya berisi seputar tutorial blogger yang dikemas secara sederhana namun tetap tampil elegant wkwkwk....

Visit Action Blog

Display None Blog kedua yang saya dedikasikan untuk hasrat saya yang belakangan menyukai konsep blogazine dengan mengangkat tema seputar kebudayaan tatar pasundan

Visit Display None

View More A Sitemap

Kenali saya lebih dekat dengan membaca biografi atau berinterkasi menggunakan tombol dibawah ini

View About Me View Galeria

My name Ruly Jenar Nakula I'm an Blogger hobies and Pecandu Kopi Ireng

Want to get in touch? Find all articles:

Tutorial Sharing Postunix Eror Page

Komentar

  1. blogazine mah kudu rajin kreatip...heioehiohoieh

    BalasHapus
  2. Selalu tampilan yang unik dan menarik Dari Kang Ruly ini
    Kasep deh Kang jadi kepengen deh hhhh :D

    BalasHapus
    Balasan
    1. boleh di intip kodenya dan kreasikan z lagi sesuai selera kang saud

      Hapus
  3. selalu ada yang anyak si akang yang astu ini euyyyy

    BalasHapus
  4. Dasyat atuh akang :)
    Sedia terima murid ndak nih...hehe

    BalasHapus
    Balasan
    1. duh gimana y mas bud .. saya gak terima kelas cowo hehe

      Hapus
  5. Haha...baru tau bocorannya..nih mas uda ngelepus juga ya ternyata :)

    BalasHapus
    Balasan
    1. Mas bud ngelepus juga gak hehe

      Hapus
    2. Sesama penikmat kopi dan perokok ikutan nimbrung ah....
      buat tuan rumah...kopi mana kopi...cing pang seduhkeun kopi hideung ieu abah....

      Hapus
    3. nih kang ada kopi'y baru nyeduh .. hidup kopi ireng wkwkwkwk

      Hapus
  6. byk button saya jd bingung mas..
    artikelnya yg mana y? hehehe...

    BalasHapus
    Balasan
    1. sengaja sis .. biar bisa menjelajah pada area-area kebanggaan wkwkwk

      Hapus
  7. templatenya bgs..
    mgkn br pertama berkunjung kesini jd bingung...

    BalasHapus
  8. ajarin donk . .
    req template yg support blogazine doonk . . .

    BalasHapus
    Balasan
    1. sebenanrnya tinggal kreatif saja ..
      kalau untuk template saya bikin hanya untuk pribadi saja ...
      kalau yg suport banyak tuh di urang-kurai ... !!

      Hapus
  9. Membuat aku terperangah
    Bingung tapi indah

    BalasHapus
  10. ane dari dulu ga ngerti buat blogazine nih gan

    BalasHapus
    Balasan
    1. saya pernah bikin blogazine , jadi agak ngerti sedikit :D

      Hapus
    2. belajar sama mas ega aja noh...

      Hapus
    3. boleh tuh ane diajarin buat blogazine hehe

      Hapus
    4. Aku malah baru bikin blog sebulan kang... Masih cupu banget blog ane... :/

      Hapus
    5. Lalu siapa yg jago'y nih ?? mas andri pandet tuh mastahnya blogazine

      Hapus
    6. yang jelas bukan ane gan hehe

      Hapus
    7. mungkin mas eful nih mastahnya

      Hapus
    8. Eheheheh kalau menurut saya, mas andre itu kreatif blogazinenya tetapi sayangnya kurang responsive. :) Jadi pengguna mobile kurang bisa menikmati hasil karya mas andre. Terus sekarang juga jarang update lagi mas Andre.

      Hapus
    9. dia hadir sebelum wabah responsive sob .. makanya hanya sempurna di PC

      Hapus
  11. Wah memperkenalkan blog2nya ni kang.. :D keren2,, bikin ngiler...!! :D

    BalasHapus
  12. kunjungan perdana :) ADMIN :) sudah saya follow blognya dan Google+ , jika berkenan follow balik blog dan G+ -ku yah . Terima Kasih

    BalasHapus
  13. mantap kang, postinganna gurih2 enyoy xixixi. Jadi blogaziner nih :-d

    BalasHapus
  14. keren uy....gimana sih cara bikin blogazine seperti ini? pngen nyoba

    BalasHapus
  15. Ajarkan bro...cara buat Action Blog seperti blog bro...tolong di pandu maklum blogger baru...

    BalasHapus
  16. asik nih, saya suka kalimat ini "I’m a blogger hobies, pecandu kopi dan penikmat asap"

    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: