Bagi sobat blogger yang membutuhkan tools dan aplikasi buat memperindah blognya BEN TOOLS
Buat kawan yang mau pasang iklan Silahkan hubungi pada halaman kontak yah...xixixi.
Blog yang tercipta khusus untuk melihat konten isi berplat-form blogspot di seluruh dunia dan kumpulan tools pendukung operasional blog.
Your ads here!!!
Assalamu'alaikum Wr Wb - Selamat datang di Blog berat dan aneh ♥ Semoga tidak mengurangi sobat untuk menjamahnya. Sssttt...MOZILLA pakainya yah...! Eit!!! Mampir lagi ya huehuehue. This is blog looks better in FIREFOX. Get MOZILLA™ Happy blogging \m/ Wassalamu'alaikum Wr Wb ☺

RESOURCE

08 April 2011

GRAPHICS STATUS

27 Juli 2011
 Size Fonts: + | - | ± Color: ■ ■ ■ ■

Trick Link Image Blogger

26.5.12 Beben Koben 2 Komentar X

Sekedar intermezo seputaran trick image blogger. Berawal dari memperhatikan satu fitur Activate Image Result for Custom Search Google Engine, Koben lihat ada penampakan image thumbnail kecil (kalau memang upload image ketika kita membuat satu postingan)
Efek terlihat apabila blog sobat memakai kotak pencarian google custom search Secara default image dipanggil memakai proses base64 sehingga sulit kita mengikuti link yang tercantum. Namun berbeda ketika memfokuskan pada pencarian opsi WEB, link gambar masih bisa terlihat tetapi ada sedikit penambahan syntax link disana. Biar sedikit jelas, perhatikan screenshot berikut:Perhatikan tulisan Tujuan trick image kita...xixixi Sekarang mari kita masuk ke sesi uniknya sob ;))Klik kanan pada mouse di image cewek itu! Fokus pada opsi View Image and Save Image As... Apa yg terjadi:

  • View Image
    • Link tertuju langsung pada syntax image.
  • Save Image As...
    • Ekstension belakang akan menjadi title penyimpanan img.
Bandingkan dengan penampilan mode berikut:Lakukan perintah seperti sebelumnya (klik kanan pd img) ;)) Apakah yg terjadi sekarang? Perintah View Image berubah menjadi perintah Opening Open with...
Sedangkan order Save Image As... berubah jadi File gambar dengan nama yg sama, yakni p.txt.jpg. Apabila sobat mau sedikit meluangkan waktu mempelajari kejadian tersebut, maka akan diperoleh beberapa trick full stylish disana :))

View Image secara default akan tersimpan dengan p.txt Rubahlah ekstension .txt menjadi .png, .jpg, atau .gif. Bila tetap melakukan penyimpanan gambar dengan ekstension .txt, itulah cara tercepat mengconvert image menjadi .txt :d
Save Image As... akan tersimpan dengan title p.txt.jpg Kebayang kalau image lebih ada 10 biji! Orang tersebut minimal harus mengeluarkan tenaga ekstra guna memberi title :-" (lumayan ngerjain orang) Segitu saja intermezo ringannya :d Ini ramuannya<img src='http://images1-prose-opensocial.googleusercontent.com/gadgets/proxy?url=http://LINK-IMAGE.PNG&container=prose&resize_w=100&resize_h=80' alt='' />Silahkan deh kreasikan, tambahin apa kek gito biar lebih memusingkan si pencuri gambar :))
Happy coding \m/

, , , ✐

Make Caption Image Ala CSSDeck

26.5.12 Beben Koben 2 Komentar X

Curi-curi kesempatan update postingan walau waktu belum sepenuhnya mengijinkan Koben kembali melakukan aktifitas blogging in the pret! Oleh sebab artikel yang akan disampaikan ringan-ringan dulu :d Basicly mari bermain sambil belajar sobat sudah barang tentu kenal dengan satu web yakni CSSDeck dan merupakan salah satu Referensi CSS3 Ala si Bloglang ;)
Koben akan berbagi trick membuat caption image seperti yang ada di Css-Deck. Trick hover sederhana namun dengan keberadaan caption pada gambar memberikan kesan tersendiri (keterangan alakadar)

Markup HTML

<div class="item">

<a href="http://LINK-TUJUAN" class="item_img" title="YOUR TITLE">
<img alt="" src="http://LINK-GAMBAR" />
<p class="judul">KETERANGAN ALAKADAR (ISI CAPTION)</p>
</a>

</div>

Kode CSS

.item_img {
display: inline-block;
text-decoration: none;
}
p.judul {
padding: 0 10px;
margin: 0;
font-weight: bold;
color: #eee;
position: absolute;
padding: 5px 10px;
bottom: 0; left: 0; right: 0;
display: block;
line-height: 23px;
background: rgba(0, 0, 0, 0.5);
font-size: 15px;
/* CSS3 */
-webkit-transition: all 0.5s ease-in-out 1s;
-moz-transition: all 0.5s ease-in-out 1s;
-o-transition: all 0.5s ease-in-out 1s;
-ms-transition: all 0.5s ease-in-out 1s;
transition: all 0.5s ease-in-out 1s;
}
a:hover p.judul {
display: none;
/* CSS3 */
-webkit-transform: scale(2);
-moz-transform: scale(2);
-o-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
.item {
float: left;
position: relative;
margin: 10px;
overflow: hidden;
padding: 10px;
background: #555;
}
Live Demo
simple css3 3d cube

Simple CSS3 3D Cube

FlipCard with CSS3

Sliding Clipboard Whiteboard only CSS

Collection of menu effects

Page Curl Box Shadow


, , , ✐

WYSIHTML5 is a Build Your HTML5 Skill

25.5.12 Beben Koben 4 Komentar X

Di sela-sela menahan rasa kantuk yang teramat sangat, Koben sempatkan membuat artikel ringan berikut. Flashback mengenai HTML EDITOR info teranyar datang menyatroni dengan title WYSIHTML5.
wysihtml5 merupakan open source rich text editor berbasis teknologi HTML5 dan pendekatan progresif-perangkat tambahan. Menggunakan konsep keamanan canggih dan bertujuan untuk menghasilkan markup HTML5 berlaku sepenuhnya dengan mencegah sup tag unmaintainable dan gaya inline.
Dari pada dijelaskan masih banyak bertanya ini itu juga nantinya, lebih baik Koben sodorkan langsung pada pokok pembahasan topik :p

Thread Entry to WYSIHTML5

1. Compliance Test for contentEditable elements and javascript api.
http://tifftiff.de/contenteditable/compliance_test.html

Example wysihtml5 Simple Editor

http://xing.github.com/wysihtml5/examples/simple.html

Advanced Editor Example wysihtml5

http://xing.github.com/wysihtml5/examples/advanced.html

Other's Form Example wysihtml5

http://tifftiff.de/contenteditable/editor.html

Link Download wysihtml5

https://github.com/xing/wysihtml5

Others Link Usefully wysihtml5

https://github.com/tiff/wysihtml5-tests

Live Online wysihtml5

http://xing.github.com/wysihtml5/

Silahkan oleh sobat sekalian dibaca, dipahami. Pasti sangat membantu kita dalam mempelajari bahasa baru HTML5 :)

BONUS...
http://mac.github.com/
http://www.gumbyframework.com/
http://trik-tips.blogspot.com/2012/05/mengganti-older-posts-dengan-angka.html
http://hacks.mozilla.org/2012/05/testing-the-firefox-browser-on-mobile-websites-are-you-game/

, , , ✐

Koben Di Uji Euy!!! S'moga Naik Tingkatan

23.5.12 Beben Koben 6 Komentar X

Satu minggu ke depan mungkin Beben Koben si bloglang anu ganteng kalem tea akan sedikit menterbengkalaikan (heuheu :p) blog. Koben lagi tertimpa ujian sobat blogger.
Bapak saya terserang sakit usus, dan diharuskan menjalankan operasi. Alhamdulillaah operasi pemotongan usus dan pembersihan dada dari infeksi sudah berjalan. Tinggal masa pemulihan agar dapat pulang ke rumah secepatnya. Off Name di hospital mengharuskan Koben meronda bergantian menjaga Bapak :)
Do'a dari sobat blogger sekalian, Koben harap terpanjatkan untuk Bapak saya :) Jangan segan dan ragu dalam memanjatkan do'a pada sang Kholiq yaaa sobat-sobat blogger :)
Nanti kalau waktu sudah mengijinkan kembali seperti semula, kita mulai lagi blogging in the pretnya.
Terima kasih Koben haturkan sebelum & sesudahnya :x :)


Maaf kalau belum bisa membalas kunjungan dan komentar teman-teman sekalian :)

, ✐

Komentator : , My Posted :


Search by titles  Search by content

ARSIP

RECENTLY

be a fan

FACEBOOK PAGE