Yours Theme

My Version The Blogazine Concept This breathtaking volcanic lake is at Wai-O-Tapu Thermal Wonderland This lovely waterfall was at Rotorua in Rainbow Springs Ferntastic At Kaikoura we went whale watching! Found this little cutie on a walk in New Zealand! An amazing bubbling volcanic spring, a bit muddy Simon in a giant Kiwi, pretending to be a Kiwi (the bird) Albatross in Dunedin White water rafting in Queenstown White Island Sulphurous Sea lions! Horse riding Stewart Island Us in a blue cave on the Franz Josef glacier Register Here! Ilustrasi Gallery From babyipsum.com Blogazine atau Blog dan Magazine merupakan konsep uniq pada sebuah area postingan yang selalu tampil beda , karena memadukan konsep blog dan style majalah untuk area postingan .Blog dengan konsep ini layaknya sebuah majalah . Dalam membuat/membentuk area postingan dengan konsep blogazine sangat berbeda dengan area postingan biasa karena membutuhkan perm

Speech bubble with " Semuanya Tentangku Kawan " Full Width Areas With About Me Kesempatan kali ini saya akan sedikit membuka diri.Nama saya RULY JENAR NAKULA , tapi semua selalu panggil saya dengan sebutan UUNG Entah apa mereka begitu enaknya dengan panggilan itu , tapi aku juga menyukainya ketika mereka menyahutku dengan panggilan itu Hobi ku nyanyi dan menari wkwkwkwk .. gak sih , tapi memang dulu sempet bermimpi menjadi anak band, karena terinspirasi Kurt Cobain yang aku fikir sangat keren dalam aksi panggung'y, sayang dia mati muda. Belakangan aku mulai tertarik pada dunia blogging , tepatnya pada 12-12-2012 .Konsis pada blogging 03-03-2013 Ya biarpun cuma asal-asalan "bisa dilihat pada artikel-artikel blog ini".Tapi selalu tetap mencoba untuk memahaminya Makanya jangan pernah berharap akan menemukan sesuatu yang lebih di blog ini ,karena semua hanya hobi semata Seperti halnya lelaki normal lainnya aku pun membentuk sebuah keluarga ke

COOL MENU EUY ACTION BLOG Setelah beberapa hari of karena lumayan sibuk dengan beragam kegiatan ditambah jaringan yang diganggu orang iseng , malam ini ada sedikit luang waktu dan saya akan mencoba untuk share sebuah menu yang cukup keren untuk ditempatkan pada sebuah template.Kesan pertama mungkin akan biasa tapi setelah brada meletakan kursor pada tombolnya , disitulah sensasi dimulai " wkwkwkwk".Untuk detail nya lihat demonya dibawah ini See Demo Komposisi : CSS / HTML / JAVASCRIPT CSS nav { left: 0; margin: -33px 0 0 0; position: absolute; text-align: center; top: 50%; width: 100%; } nav a { background: #2c2c2c; border: 4px solid transparent; box-shadow: 0 0 0 1px #3c3c3c, 0 0 0 2px #000; display: inline-block; font-size: 18px; font-weight: bold; height: 50px; line-height: 50px; margin: 0 3px; padding: 0 40px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px #111; transition: all

Membuat Menu Responsive Plus Logo - Melengkapi tutorial sebelumnya yang membahas Menu  CSS3 Dengan Efect Hover , untuk hari ini juga saya mencoba share kembali tentang membuat sebuah menu. Menu kali ini kelebihan nya ada pada sistem responsive dan terdapat logo serta social icon didalamnya. Mungkin banyak yang bertanya kenapa pada artikel blog ini yang terus menyuguhkan tutorial menu ?? . Saya sengaja terus memuat artikel tentang menu karena berdasarkan pada pengalaman awal bloging yang begitu susahnya mencari sebuah menu disaat saya akan modifikasi template . Mudah-mudahan dengan terus memberikan tutorial menu bisa memudahkan brada ketika kebingungan mencari menu navigasi yang pas dengan templatenya. Sebelum tau cara memasangnya kita akan cek bentuk menu pada tombol demo dibawah ini  See Demo Kerangka CSS  /* MENU{ */ ul.menu {  font-size:0.9em;  background:#50A3AA;  padding-bottom:0.01px; } ul.menu:after {  content:"";  display:block;  clear

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:  

Alasan Kenapa Modifikasi Blog - Mungkin diantara sahabat yang rutin berkunjung akan sedikit kebingungan dengan penampilan blog ini karena tampilannya selalu tampil aneh , bahkan ada diantara sahabat baik saya yang bilang kalau saya orangnya gak betahan . Maksudnya gak betahan disini dengan tampilan blog yang baru di edit beberapa waktu lalu , gak lama kemudian kedapatan di edit lagi . Tapi tentunya bukan tanpa alasan kenapa saya terus melakukan modifikasi .  Ini percakapan saya dengan batin saya ....  Batin : Kenapa anda terus menerus ngedit tampilan blog ?? padahal semua itu akan memakan waktu dan menguras otak ??  Jawaban : Yupz... Tapi betul kata teman , saya orangnya gak betahan , gak betahan ketika lihat tampilan blog orang yang saya fikir bagus , saya kepengen menirunya " atau sedikit mirip " hehe .. Memang semua itu akan menguras waktu tapi anda harus tahu , ketika kita melakukan perubahan pada sesuatu tentu akan dapat sesuatu didalamnya ..  Batin

Silver Transparent Horizontal Navigation   - Rasa dahaga saya untuk terus berbagi cara dalam membuat menu navigasi semakin kuat . Bukan tanpa alasan tentunya , karena pada awal saya belajar ngeblog , kesulitan dalam mencari menu saya rasakan begitu memprihatinkan . Melihat pada pengalaman itu untuk beberapa waktu kedepan saya akan terus berbagi tutorial tentang menu navigasi bagi blogger pemula.  Menu kali ini mengusung tema silver ( itu efect dari background body  saja ) karena pada dasarnya menu ini adalah white transparent ( sedikit bisa menyesuaikan warna dengan background body template brada ) .Bahan dasar menu kali ini kita hanya memanfaatkan CSS dan linear-gradient  sebagai warna pendukung serta konsep  rgba pada border-bottom hover .  See Demo   CSS  /*          - NAVIGATION - */ #nav {   position:absolute;   top:0;left:0;right:0;bottom:0;   width:100%;height:2.3em;   padding:0;margin:auto;   outline:.5em solid rgba(255,255,255,.2);   -moz-box-sh

Horizontal Glosy Menu With Sliding Top Efect - Kembali menghadirkan sebuah tutorial pilihan dalam membuat sebuah menu . Kali ini kita akan memanfaatkan linear-gradient sebagai background . linear-gradient kurang lebih dalam maksudnya adalah dua atau lebih macam warna gradasi , efect dari linear-gradient terkesan datar namun lembut dalam penampakannya. Struktur CSS sebagai dasar dalam pembuatan menu kali ini yang ditambah efect top ketika kursor menyentuhnya semakin membuat menu terlihat OK " sorry lebay he " . Silahkan nikmati penampakannya dengan mengklik demo dibawah ini  See Demo   KUSTOMISASI  Untuk pemasangan menu kali ini seperti biasa masuk pada Edit HTML  Cari kode   ]]></b:skin> atau </style>  Masukan kode CSS dibawah ini dantempatkan diatas kode  ]]></b:skin> atau </style>  /===CSS===\ nav {   margin : 50px auto;   width  : 100% ; } menu {   border-radius : 3px; } menu:after , menu:before {   display : b

Menu Full Color Vertical Dengan Efect Bounce  - Melanjutkan hobi dalam membuat sebuah menu untuk blog sangatlah menyenangkan . Kenapa menu ?? karena bagi saya keradaan menu pada sebuah blog sangatlah penting . Seberapa pentingkah ?? Sangat penting sekali mengingat menu merupakan alat penjelajah untuk keseluruhan isi blog itu sendiri . Kebiasaan saya dalam share sebuah menu selalu dengan posisi horizontal , tapi kali ini saya mencoba share dengan posisi vertical . Menu kali ini cukup unik karena hadirnya beberapa warna dan tersisipnya efect bounce didalamnya . Untuk jelasnya silahkan cek demonya. See Demo Kustomisasi  Pada Edit HTML temukan kode ]]></b:skin> atau </style>  Tempatkan kode CSS dibawah ini , tepat diatas kode tersebut  ul.nice-menu {   list-style: none;   margin-top: 30px;   width: 300px; } @-moz-keyframes expand {   0% {     width: 5px;     padding-left: 0px;}   100% {     width: 200px;     padding-left: 20px;} } @-moz-keyfram

Rotating Words CSS Animations - Pada kesempatan saat ini saya hanya sekedar berbagi tentang sebuah efect yang mungkin brada bisa kembangkan menjadi lebih variatif lagi . Rotating Words CSS Animation saya dapatkan mentahnya dari Tympanus  dan tidak melakukan perubahan sedikit pun, kenapa saya share karena efect ini bisa mendukung untuk sebuah desain template terutama yang mengusung template blogazine. Untuk lebih jelasnya silahkan lihat demonya dibawah ini  See Demo   Kerangka Dasar  body{ background: #fff url(https://lh4.googleusercontent.com/-_WXQug5OLUI/UlEpid7X6sI/AAAAAAAAEFg/vFUC6RJwQoE/w702-h468-no/bg1.jpg) no-repeat top right; background-attachment: fixed; background-size: cover; } .rw-wrapper{ width: 80%; position: relative; margin: 0px auto 0 auto; padding: 10px; } .rw-sentence{ margin: 0; } .rw-sentence span{ text-align: center; color: rgba(255,255,255,1); font-family: 'Trocchi'; white-space: nowrap; text-shadow: 2px 5px 10px rgba