INDONESIAN INFORMATION
Hidup butuh proses Proses butuh hidup
BERANDA
PERJALANAN
Beranda » Computer » Health and News » Tips And Tricks
Membuat Efek Loading Blog dengan @KeyFrames
Indonesian Information - Hari ini saatnya admin akan membuat tutorial cara memasang efek loading blog keren dengan CSS @keyframes, yang sebelumnya saya sudah pernah membahas cara membuat CSS Animation @Keyframes. namun kali ini kita akan menerapkannya pada saat halaman blog di muat, dan akan menimbulkan efek animation dengan smooth(halus) tanpa bantuan jQuery. jika kalian ingin memasangnya pada blog terutama pengguna blogger silahkan di simak tutorialnya.
Pertamax, masuk ke Edit HTML
Keduax, cari dengan ctrl+f tulis ]]>
Masukkan kode berikut di atas kode ]]>
@keyframes myfirst { from{opacity:0;} to{opacity:10;} } @-moz-keyframes myfirst { from{opacity:0;} to{opacity:10;} } @-webkit-keyframes myfirst { from{opacity:0;} to{opacity:10;} } @keyframes { from{transform:translate(0px, 9000px)} to{transform:translate(0px, 0px)} } @-moz-keyframes { from{-moz-transform:translate(0px, 9000px)} to{-moz-transform:translate(0px, 0px)} } @-webkit-keyframes { from{-webkit-transform:translate(0px, 9000px)} to{-webkit-transform:translate(0px, 0px)} } #header-wrapper {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;} #content-wrapper {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;} #main-wrapper {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;} #sidebar-wrapper {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;} #nav {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;} h1,h2,h3,h4,h5,h6,a {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;} h1,h2,h3,h4,h5,h6,.post img {animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 8s;}
SIMPAN TEMPLATE dan LIHAT HASILNYA!
Penjelasan
id-widget Animation Time Load
#header-wrapper myfirst 5s
#content-wrapper myfirst 5s
#main-wrapper myfirst 5s
#sidebar-wrapper myfirst 5s
ID-widget di atas hanya sebagian kalian bisa menambahkan dengan widget lain . Time load adalah lama loading saat animasi bekerja dengan waktu yang di tentukan . kalian bisa menggantinya sesuai keinginan.
cara menambahkan cukup simpan properti css berikut dan ganti #id-widget dengan id template anda.
Browser
Browser Animation
Firefox -moz-animation: myfirst 5s
Chrome -webkit-animation: myfirst 5s
Pada tabel browser pendung yang saya buat untuk browser Firefox dengan atribut -moz- dan
Chrome/safari dengan atribute -webkit- ,untuk browser Opera tinggal tambahkan awalan -o- jika animasi ini mendukung.
Postingan terkait:
Membuat Efek Loading Blog dengan @KeyFrames
Main Quiz Parampaa 1 Beserta Trik nya
TrollFace Games
Pahlawan Kehidupanku
8 Ball Poll Hack Instant Win
13 Jenis Hukuman Populer Dari Guru Sekolah [TOP]
Komentar Para Pemain Belanda Terhadap TIMNAS
10 Hal Tak Terduga Yang Dapat Dicium Anjing
Cara Melihat Isi / Foto Dari TWITTER Yang Di Hapus! + Yang Protected Juga!!
Cara memasang game sendiri kedalam Blog
— 13 Comments — Computer, Health and News, Tips And Tricks
13 Tanggapan untuk "Membuat Efek Loading Blog dengan @KeyFrames"
N-stars1 September 2012 08.46
Yordan Ghaliszth Dewangga Bagi" BASE Cheat LostSaga, AYODANCE , Software , Tips Tricks Blogger , Dll.
Silahkan Check Di Sini ..
http://ghalis-zone.blogspot.com/
^_^ Jangan Lupa Ya .. Comment + Follownya .. hehehe .. ^_^
Balas
Balasan
Ian WyvernNonymous1 September 2012 08.52
okeh mas bro :)
thx visitnya ^_^
Balas
Ap Det Enyusz1 September 2012 19.03
bang ian...tutornya krg jelas...membingungkan
Balas
Balasan
Ian WyvernNonymous1 September 2012 19.16
intinya, kamu tinggal masukkan aja code yg sudah saya berikan di atas tulisan ]]>
lalu save!
Ian WyvernNonymous1 September 2012 19.18
*ralat*
di atas tulisan ]]>
Balas
Ian WyvernNonymous2 September 2012 05.40
:b:
Balas
Bayu Handono4 September 2012 22.23
mantap :)
Balas
Balasan
Ian WyvernNonymous6 September 2012 04.45
hehehe... B-)
Balas
Ho Ax29 September 2012 04.26
Bisa tolong dijelaskan apa itu @KeyFrames
Balas
Bintang Gegas Giani30 September 2012 00.00
Thx MasBro...!
Balas
Trisno Wibowo11 Oktober 2012 06.06
Makasih Gan
http://tristmation.blogspot.com/
Balas
rahmat kriz18 November 2012 21.33
wah keren nih.
coba dulu ah..
Balas
Nurshoim Ramadhan2 Maret 2013 12.27
ijin nyoba gann.. :D
noikun.blogspot.com
Balas
> Jika Artikel ini Membantu , Silahkan tinggalkan Komentar Anda
> Jika ingin menuliskan Kode-kode blog , jangan sekali-kali menulisnya dengan lengkap , Karena kodenya tidak akan muncul.
> U Comment I Follow !!!
> (Comment Use Emoticons, Copy Paste this code example: 13 or the other to the column comments)
> "No Spam"
> Do not Forget Leave Your Comment Here ...
> I Highly Appreciate your comment. This blog has been Dofollow.
> Komentar yang masuk SPAM tidak saya hapus dan saya akan Follow (jika link ada)
Follow Blog ini jika ingin mendapatkan informasi paling update
← Posting Lebih Baru Posting Lama → Beranda
Copyright © 2015 Tutorial Blogku Design by Mas Sugeng - Powered by Blogger
Selasa, 17 Mei 2016
Rabu, 23 Desember 2015
Asus ZenFone 2 Deluxe Special Edition
Harga Asus ZenFone 2 Deluxe Special Edition di Indonesia
Harga Asus ZenFone 2 Deluxe Special Edition – Tercatat ada 7 perangkat terbaru dari Asus yang dirilis di Indonesia, dan salah satu yang paling menarik adalah ZenFone 2 Deluxe Special Edition. Ponsel ini membawa daya tarik pada bagian memori, dimana didalamya tersimpan memori sebesar 256GB yang mengabukan memori internal 128GB dan memori ekternal 128GB, sehingga total keseluruhan memorinya mencapai 256GB. Selain itu ponsel ini juga dibekali Ram 4GB yang memungkinan performanya menjadi sangat cepat dan lebih responsif.
Selain membawa dapur pacu berspesifikasi sangat tinggi, ponsel ini juga dibekali desain premium yang menggabungkan keindahan dan kemewahan. Pasalnya Asus mendesain cover belakang Zenfone 2 Deluxe Special Edition dengan material terbaik yang memiliki texture carbon dan texture yang terlihat seperti potongan-potongan crystal, sehingga membuatnya tampak lebih premium. Menariknya lagi, ponsel ini didesain dengan bentuk body ergonomic yang memiliki sisi samping lebih tipis dan penempatan tombol volume dibagian belakang.
Kinerja luar biasa yang berasal dari dapur pacu terbaik dan desain premium dengan material terbaik, menjadi kelebihan smartphone ini. Sayangnya harga Asus Zenfone 2 Deluxe Special Edition dipasarkan dengan harga sangat mahal. Dibutuhkan uang diatas 5 Juta Rupiah untuk membelinya, sehingga menempatkan Zenfone 2 Deluxe Special Edition sebagai smartphone Asus termahal saat ini. Pasalnya untuk Zenfone 2 reguler dengan memori internal 32GB hanya dibandrol sekitar 3 Jutaan.
Performa ponsel ini mampu disetarakan dengan sebuah PC Komputer, karena didalamnya memakai processor dan chipset buatan Intel yang dipadukan Ram berteknologi Dual Chanel dengan ukuran mencapai 4GB. Apalagi Zenfone 2 Deluxe Special Edition juga memiliki memori internal sangat besar, sehingga memiliki kinerja komputasi dan multitasking lebih cepat. Masih banyak kelebihan yang dimiliki ponsel ini, dan untuk melihatnya silahkan simak informasi Spesifikasi dan Harga Asus Zenfone 2 Deluxe Special Edition berikut ini.
Spesifikasi dan Harga Asus ZenFone 2 Deluxe Special Edition
Spesifikasi dan Harga Asus ZenFone 2 Deluxe Special Edition
1. Spesifikasi Asus ZenFone 2 Deluxe Special Edition |
Kartu Sim | Dual SIM (Micro-SIM, dual stand-by, dual call) |
Ukuran / Berat | 152.5 x 77.2 x 10.9 mm / 170 g |
Tipe Layar | IPS LCD, 5.5 inches , 1080 x 1920 pixels (~401 ppi pixel density) + Corning Gorilla Glass 3 |
Memori Internal | 128 GB eMMC Flash+ 128 GB SD Card hard bundle |
Ram | microSD up to 128 GB (uses SIM 2 slot) |
Processor | Intel Atom Z3580, Quad-core 2.3 GHz |
OS | Android OS, v5.0 (Lollipop), planned upgrade to v6.0 (Marshmallow) |
GPU | PowerVR G6430 |
Kecepatan Internet | HSPA 42.2/5.76 Mbps, LTE Cat4+ 250/50 Mbps |
Konektivitas | Wi-Fi 802.11 a/b/g/n/ac, Wi-Fi Direct, hotspot, Bluetooth v4.0, GPS with A-GPS, GLONASS, BDS, microUSB v2.0, USB Host |
Kamera Belakang | 13 MP, 4128 x 3096 pixels, autofocus, dual-LED (dual tone) flash, Video 1080p@30fps |
Kamera Depan | 5 MP |
Baterai | Non-removable Li-Po 3000 mAh |
Fitur Unggulan | – Asus ZenUI – Fast battery charging: 60% in 40 min |
By : Herman
Selasa, 30 Desember 2014
Software Gratis untuk Mempercantik Tampilan Windows 7
CRONOSAL -Sistem operasi Windows 7 adalah versi pembaharuan dari Microsoft pada OS Windows. Sebelumnya Windows XP yang merajai OS terpopuler kini harus digantikan oleh Windows 7 dikarenakan Microsoft sudah tidak melayani dukungan Windows XP, dan memakai Windows 7 sebagai standar minimal sistem operasi yang dilayani.
Windows 7 identik dengan tampilan berlatar biru dengan paduan warna putih, sehingga terlihat begitu menyejukan. Sayangnya, Windows 7 minim pengeditan tampilan. Hanya bisa mengganti warna latar dan background Desktop saja, tidak bisa mengedit tampilan hingga keseluruhan.
Sebagai alternatif, kita bisa menggunakan software pihak ketiga untuk mempercantik tampilan Windows 7. Tentu saja saya akan memberikan beberapa software gratis dan resmi.
Software Gratis untuk Mempercantik Tampilan Windows 7
1. Windows 7 Logon Background Changer
Sesuai namanya, software gratis ini ditujukan untuk mengganti tampilan Windows 7 ketika akan Log in. Kita bisa menggunakan background yang berbeda sesuai keinginan.
Klik Untuk Download Background
2. Windows 7 Dreamscene Activator
Dengan software ini, kita bisa menjadikan sebuah video menjadi Wallpaper Desktop Windows 7 tanpa memberatkan beban CPU. Software ini hanya bisa digunakan untuk Windows 7 Ultimate.
Klik Di Sini untuk Download DreamScene
3. Windows 7 Start Button Changer
Bosan dengan tombol Start yang selalu begitu saja? Software ini bisa digunakan untuk mengganti tombol Start Windows 7. Sistemnya sederhana, hanya terdapat 3 gambar dengan efek berbeda yang akan dijadikan tombol Start.
Klik Untuk Download Start Button
4. Windows 7 Boot Updater
Software ini berfungsi untuk mengubah boot animation Windows 7. Penggunaannya cukup sederhana, hanya perlu merubah, mengganti, dan mengedit.
Klik Untuk Download Boot Updater
5. Free Launch Bar
Software ini mengkhususkan diri pada Taskbar Windows 7. Kita bisa mengubah tampilan hingga fungsi agar mudah digunakan. Free Launch Bar juga tersedia untuk Windows XP dan Vista.
Klik Untuk Download Free Launcher Bar
7. Icon Tweaker
Icon Tweaker bisa digunakan untuk mengubah seluruh icon pada Windows 7. Tenang saja, kita tidak perlu repot membuat iconnya, cukup download icon pack yang sudah disediakan.
Klik untuk Download Icon Tweaker
Sekian Artikel Tentang Mempercantik Windows 7...
Semoga Bermanfaat.
Klik Untuk Download Background
2. Windows 7 Dreamscene Activator
Dengan software ini, kita bisa menjadikan sebuah video menjadi Wallpaper Desktop Windows 7 tanpa memberatkan beban CPU. Software ini hanya bisa digunakan untuk Windows 7 Ultimate.
Klik Di Sini untuk Download DreamScene
3. Windows 7 Start Button Changer
Bosan dengan tombol Start yang selalu begitu saja? Software ini bisa digunakan untuk mengganti tombol Start Windows 7. Sistemnya sederhana, hanya terdapat 3 gambar dengan efek berbeda yang akan dijadikan tombol Start.
Klik Untuk Download Start Button
4. Windows 7 Boot Updater
Software ini berfungsi untuk mengubah boot animation Windows 7. Penggunaannya cukup sederhana, hanya perlu merubah, mengganti, dan mengedit.
Klik Untuk Download Boot Updater
5. Free Launch Bar
Software ini mengkhususkan diri pada Taskbar Windows 7. Kita bisa mengubah tampilan hingga fungsi agar mudah digunakan. Free Launch Bar juga tersedia untuk Windows XP dan Vista.
Klik Untuk Download Free Launcher Bar
7. Icon Tweaker
Icon Tweaker bisa digunakan untuk mengubah seluruh icon pada Windows 7. Tenang saja, kita tidak perlu repot membuat iconnya, cukup download icon pack yang sudah disediakan.
Klik untuk Download Icon Tweaker
Sekian Artikel Tentang Mempercantik Windows 7...
Semoga Bermanfaat.