Langsung ke konten utama

super-bluzink Responsive Template


Super Bluzink Responsive Template - Template premium dengan konsep simple clean dan modern design yang cocok untuk template personal atau magazine . Super Bluzink menghadirkan beberapa fitur menarik seperti responsive layout , responsive navigation dan pada halaman depan saya sematkan Jquery Isotope filter yang akan memudahkan visitor untuk memisahkan posts berdasarkan label .


Fitur Lengkap :
  • Responsive Design 
  • Simple Clean and Modern Design 
  • Jquery Isotope Filter
  • SEO Ready 
  • Thereaded Comments
  • Responsive Related Posts 
  • Responsive Calendar Archive 
  • Responsive Search Box
  • Responsive Contact Form 
  • Simple and Responsive Error Page
  • Social Share 
  • More ...
Bagaimana ? apakah sobat tertarik untuk memilikinya ? Kalau tertarik silahkan sobat hubungi saya melalui email duniaradioku@gmail.com atau via sms di 0877 2120 3720 bisa juga disini. sengaja saya tidak cantumkan harga pasti dari template ini karena berlaku beberapa ketentuan versi. 

Komentar

  1. Jarang nongol gak tau nya gi sibuk buat template ya kang, mantep eii :)
    Nge khas banget desain kang Rul :)

    BalasHapus
    Balasan
    1. Iya nih mas .. Lumayan lah buat koleksi
      He hehe tau aja mas nih

      Hapus
  2. wow keren - keren templatenya, kayaknya bisa nih belajar desain template blog dimari, xixixixiixixi

    BalasHapus
  3. Ho ho ho keren bingit atuh kang :-bd

    BalasHapus
  4. mohammadalhor1994@gmail.com
    send me

    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: