Jon Quickly

Font Awesome 4.1.0

noreply@blogger.com (Jon Rushdie) — Mon, 28 Jul 2014 11:00:00 +0700

List Icon Font Awesome Versi 4.1.0 Atau disebut Font Awesome yaitu Font yang dapat menampilkan gambar icon melalui kode-kode sehingga dapat tidak perlu lagi menambah url alamat gambar.

sedangkan Font Awesome versi 4.1.0 merupakan update dari versi 4.0.3 sebelumnya, dan terdapat 70 icon baru pada Font Awesome V4.1.0 dan juga pembaharuan nama icon.

Font Awesome juga merupakan font web yang mengagumkan dan mengandung semua ikon dari kerangka Twitter Bootstrap, dan sekarang lebih banyak lagi icon-icon lain hanya dengan menambah satu styleshet pada template maka anda bisa menggunakan 439 icon.

Pada artikel ini bagi yang suka bermain main dengan desain blog maka pilihan tepat untuk menambah pernak-pernik pada elemen-elemen tertentu hingga sampai yang mendetail dengan menggunakan Font Awesome untuk melengkapi maupun mempercantik blog.

Agar bisa menggunakan Font Awesome, maka anda perlu menambahkan styleshet dibawah ini kemudian menyimpannya di atas kode

<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css" rel="stylesheet"/>

Cara penggunaanya didalam HTML anda hanya perlu menambahkan tag <i> kemudian class dari nama icon yang dipilih. Misal untuk cara penulisannya seperti dibawah ini:

fa-html5

<i class="fa fa-html5"></i> fa-html5

Untuk memperbesar ukuran, maka anda hanya perlu menambahkan class fa-lg, fa-1x, fa-2x, fa-3x, fa-4x, fa-5x

dan berikut contohnya:

fa-thumbs-o-up

fa-thumbs-o-up fa-lg

fa-thumbs-o-up fa-2x

fa-thumbs-o-up fa-3x

fa-thumbs-o-up fa-4x

fa-thumbs-o-up fa-5x

<p><i class="fa fa-thumbs-o-up fa-lg"></i> fa-thumbs-o-up fa-lg</p>
<p><i class="fa fa-thumbs-o-up fa-2x"></i> fa-thumbs-o-up fa-2x</p>
<p><i class="fa fa-thumbs-o-up fa-3x"></i> fa-thumbs-o-up fa-3x</p>
<p><i class="fa fa-thumbs-o-up fa-4x"></i> fa-thumbs-o-up fa-4x</p>
<p><i class="fa fa-thumbs-o-up fa-5x"></i> fa-thumbs-o-up fa-5x</p>

Gunakan class fa-ul dan fa-li untuk mempermudah dalam membuat daftar list dan menentukan nama icon.

fa-check-square
fa-check-square
fa-spinner fa-spin
fa-square

<ul class="fa-ul">
  <li><i class="fa-li fa fa-check-square"></i>fa-check-square</li>
  <li><i class="fa-li fa fa-check-square"></i>fa-check-square</li>
  <li><i class="fa-li fa fa-spinner fa-spin"></i>fa-spinner fa-spin</li>
  <li><i class="fa-li fa fa-square"></i>fa-square</li>
</ul>

Gunakan class pull-right atau pull-left untuk membuat icon berada di sebelah kanan atau sebelah kiri, sedangkan fa-border adalah untuk membuat border pada icon tersebut.

Ini adalah contoh agar icon berada disebelah kiri, agar berada disebelah kanan maka ganti pull-left dengan pull-right.

<i class="fa fa-info-circle fa-2x pull-left fa-border"></i>
Ini adalah contoh agar icon berada disebelah kiri, agar berada disebelah kanan maka ganti pull-left dengan pull-right.

Gunakan class fa-spin untuk membuat icon agar bisa berputar. Ini biasa di kombinasikan pada icon fa-spinner, fa-refresh, dan fa-gigi agar bisa berputar dengan baik. Namun sayangnya animasi CSS3 ini tidak support di IE8 - IE9.

<i class="fa fa-spinner fa-spin"></i>
<i class="fa fa-refresh fa-spin"></i>
<i class="fa fa-cog fa-spin"></i>

Untuk memutar atau membalik icon, gunakan class fa-rotate-* dan fa-flip-*. Ganti tanda bintang (*) dengan nilai berapa derajat icon tersebut akan di rotate.

normal

fa-rotate-90

fa-rotate-180

fa-rotate-270

fa-flip-horizontal

icon-flip-vertical

<i class="fa fa-shield"></i>&nbsp; normal<br>
<i class="fa fa-shield fa-rotate-90"></i>&nbsp; fa-rotate-90<br>
<i class="fa fa-shield fa-rotate-180"></i>&nbsp; fa-rotate-180<br>
<i class="fa fa-shield fa-rotate-270"></i>&nbsp; fa-rotate-270<br>
<i class="fa fa-shield fa-flip-horizontal"></i>&nbsp; fa-flip-horizontal<br>
<i class="fa fa-shield fa-flip-vertical"></i>&nbsp; icon-flip-vertical

Diatas adalah cara dimana untuk menuliskan Font Awesome didalam sebuah markup HTML, masih banyak lagi tips trik lainnya yang bisa digunakan didalam Font Awesome. Untuk lebih jelasnya bisa mencoba dan berkreasi sendiri agar bisa lebih memahami bermain-main dengan berbagai komponen Bootstrap. Bahkan dengan cara lain anda juga bisa untuk menambahkan icon Font Awesome didalam CSS pada pseudo elemen :before dengan menuliskan value content dari icon tersebut. Berikut skema penggunaan Font Awesome pada pseudo elemen CSS:

.element { position: relative;}

/* ganti  content \f000 */ 

.element:before {

    content: "\f000"; 

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

/* custom pada CSS */

    color: #000;

    font-size: 18px;

    padding-right: 0.5em;

    position: absolute;

    top: 10px;

    left: 0; }

Setelah mengetahui cara penggunaan dari Font Awesome baik itu pada CSS maupun HTML maka berikut adalah list dari icon Font Awesome versi 4.1.0 beserta CSS value content.

List Icon Font Awesome dan CSS Value Content V4.1.0

fa-glass
"f000"
fa-music
"\f001"
fa-search
"\f002"
fa-envelope-o
"\f003"
fa-heart
"\f004"
fa-star
"\f005"
fa-star-o
"\f006"
fa-user
"\f007"
fa-film
"\f008"
fa-th-large
"\f009"
fa-th
"\f00a"
fa-th-list
"\f00b"
fa-check
"\f00c"
fa-times
"\f00d"
fa-search-plus
"\f00e"
fa-search-minus
"\f010"
fa-power-off
"\f011"
fa-signal
"\f012"
fa-cog
"\f013"
fa-trash-o
"\f014"
fa-home
"\f015"
fa-file-o
"\f016"
fa-clock-o
"\f017"
fa-road
"\f018"
fa-download
"\f019"
fa-arrow-circle-o-down
"\f01a"
fa-arrow-circle-o-up
"\f01b"
fa-inbox
"\f01c"
fa-play-circle-o
"\f01d"
fa-repeat
"\f01e"
fa-refresh
"\f021"
fa-list-alt
"\f022"
fa-lock
"\f023"
fa-flag
"\f024"
fa-headphones
"\f025"
fa-volume-off
"\f026"
fa-volume-down
"\f027"
fa-volume-up
"\f028"
fa-qrcode
"\f029"
fa-barcode
"\f02a"
fa-tag
"\f02b"
fa-tags
"\f02c"
fa-book
"\f02d"
fa-bookmark
"\f02e"
fa-print
"\f02f"
fa-camera
"\f030"
fa-font
"\f031"
fa-bold
"\f032"
fa-italic
"\f033"
fa-text-height
"\f034"
fa-text-width
"\f035"
fa-align-left
"\f036"
fa-align-center
"\f037"
fa-align-right
"\f038"
fa-align-justify
"\f039"
fa-list
"\f03a"
fa-outdent
"\f03b"
fa-indent
"\f03c"
fa-video-camera
"\f03d"
fa-picture-o
"\f03e"
fa-pencil
"\f040"
fa-map-marker
"\f041"
fa-adjust
"\f042"
fa-tint
"\f043"
fa-pencil-square-o
"\f044"
fa-share-square-o
"\f045"
fa-check-square-o
"\f046"
fa-arrows
"\f047"
fa-step-backward
"\f048"
fa-fast-backward
"\f049"
fa-backward
"\f04a"
fa-play
"\f04b"
fa-pause
"\f04c"
fa-stop
"\f04d"
fa-forward
"\f04e"
fa-fast-forward
"\f050"
fa-step-forward
"\f051"
fa-eject
"\f052"
fa-chevron-left
"\f053"
fa-chevron-right
"\f054"
fa-plus-circle
"\f055"
fa-minus-circle
"\f056"
fa-times-circle
"\f057"
fa-check-circle
"\f058"
fa-question-circle
"\f059"
fa-info-circle
"\f05a"
fa-crosshairs
"\f05b"
fa-times-circle-o
"\f05c"
fa-check-circle-o
"\f05d"
fa-ban
"\f05e"
fa-arrow-left
"\f060"
fa-arrow-right
"\f061"
fa-arrow-up
"\f062"
fa-arrow-down
"\f063"
fa-share
"\f064"
fa-expand
"\f065"
fa-compress
"\f066"
fa-plus
"\f067"
fa-minus
"\f068"
fa-asterisk
"\f069"
fa-exclamation-circle
"\f06a"
fa-gift
"\f06b"
fa-leaf
"\f06c"
fa-fire
"\f06d"
fa-eye
"\f06e"
fa-eye-slash
"\f070"
fa-exclamation-triangle
"\f071"
fa-plane
"\f072"
fa-calendar
"\f073"
fa-random
"\f074"
fa-comment
"\f075"
fa-magnet
"\f076"
fa-chevron-up
"\f077"
fa-chevron-down
"\f078"
fa-retweet
"\f079"
fa-shopping-cart
"\f07a"
fa-folder
"\f07b"
fa-folder-open
"\f07c"
fa-arrows-v
"\f07d"
fa-arrows-h
"\f07e"
fa-bar-chart-o
"\f080"
fa-twitter-square
"\f081"
fa-facebook-square
"\f082"
fa-camera-retro
"\f083"
fa-key
"\f084"
fa-cogs
"\f085"
fa-comments
"\f086"
fa-thumbs-o-up
"\f087"
fa-thumbs-o-down
"\f088"
fa-star-half
"\f089"
fa-heart-o
"\f08a"
fa-sign-out
"\f08b"
fa-linkedin-square
"\f08c"
fa-thumb-tack
"\f08d"
fa-external-link
"\f08e"
fa-sign-in
"\f090"
fa-trophy
"\f091"
fa-github-square
"\f092"
fa-upload
"\f093"
fa-lemon-o
"\f094"
fa-phone
"\f095"
fa-square-o
"\f096"
fa-bookmark-o
"\f097"
fa-phone-square
"\f098"
fa-twitter
"\f099"
fa-facebook
"\f09a"
fa-github
"\f09b"
fa-unlock
"\f09c"
fa-credit-card
"\f09d"
fa-rss
"\f09e"
fa-hdd-o
"\f0a0"
fa-bullhorn
"\f0a1"
fa-bell
"\f0f3"
fa-certificate
"\f0a3"
fa-hand-o-right
"\f0a4"
fa-hand-o-left
"\f0a5"
fa-hand-o-up
"\f0a6"
fa-hand-o-down
"\f0a7"
fa-arrow-circle-left
"\f0a8"
fa-arrow-circle-right
"\f0a9"
fa-arrow-circle-up
"\f0aa"
fa-arrow-circle-down
"\f0ab"
fa-globe
"\f0ac"
fa-wrench
"\f0ad"
fa-tasks
"\f0ae"
fa-filter
"\f0b0"
fa-briefcase
"\f0b1"
fa-arrows-alt
"\f0b2"
fa-users
"\f0c0"
fa-link
"\f0c1"
fa-cloud
"\f0c2"
fa-flask
"\f0c3"
fa-scissors
"\f0c4"
fa-files-o
"\f0c5"
fa-paperclip
"\f0c6"
fa-floppy-o
"\f0c7"
fa-square
"\f0c8"
fa-bars
"\f0c9"
fa-list-ul
"\f0ca"
fa-list-ol
"\f0cb"
fa-strikethrough
"\f0cc"
fa-underline
"\f0cd"
fa-table
"\f0ce"
fa-magic
"\f0d0"
fa-truck
"\f0d1"
fa-pinterest
"\f0d2"
fa-pinterest-square
"\f0d3"
fa-google-plus-square
"\f0d4"
fa-google-plus
"\f0d5"
fa-money
"\f0d6"
fa-caret-down
"\f0d7"
fa-caret-up
"\f0d8"
fa-caret-left
"\f0d9"
fa-caret-right
"\f0da"
fa-columns
"\f0db"
fa-sort
"\f0dc"
fa-sort-asc
"\f0dd"
fa-sort-desc
"\f0de"
fa-envelope
"\f0e0"
fa-linkedin
"\f0e1"
fa-undo
"\f0e2"
fa-gavel
"\f0e3"
fa-tachometer
"\f0e4"
fa-comment-o
"\f0e5"
fa-comments-o
"\f0e6"
fa-bolt
"\f0e7"
fa-sitemap
"\f0e8"
fa-umbrella
"\f0e9"
fa-clipboard
"\f0ea"
fa-lightbulb-o
"\f0eb"
fa-exchange
"\f0ec"
fa-cloud-download
"\f0ed"
fa-cloud-upload
"\f0ee"
fa-user-md
"\f0f0"
fa-stethoscope
"\f0f1"
fa-suitcase
"\f0f2"
fa-bell-o
"\f0a2"
fa-coffee
"\f0f4"
fa-cutlery
"\f0f5"
fa-file-text-o
"\f0f6"
fa-building-o
"\f0f7"
fa-hospital-o
"\f0f8"
fa-ambulance
"\f0f9"
fa-medkit
"\f0fa"
fa-fighter-jet
"\f0fb"
fa-beer
"\f0fc"
fa-h-square
"\f0fd"
fa-plus-square
"\f0fe"
fa-angle-double-left
"\f100"
fa-angle-double-right
"\f101"
fa-angle-double-up
"\f102"
fa-angle-double-down
"\f103"
fa-angle-left
"\f104"
fa-angle-right
"\f105"
fa-angle-up
"\f106"
fa-angle-down
"\f107"
fa-desktop
"\f108"
fa-laptop
"\f109"
fa-tablet
"\f10a"
fa-mobile
"\f10b"
fa-circle-o
"\f10c"
fa-quote-left
"\f10d"
fa-quote-right
"\f10e"
fa-spinner
"\f110"
fa-circle
"\f111"
fa-reply
"\f112"
fa-github-alt
"\f113"
fa-folder-o
"\f114"
fa-folder-open-o
"\f115"
fa-smile-o
"\f118"
fa-frown-o
"\f119"
fa-meh-o
"\f11a"
fa-gamepad
"\f11b"
fa-keyboard-o
"\f11c"
fa-flag-o
"\f11d"
fa-flag-checkered
"\f11e"
fa-terminal
"\f120"
fa-code
"\f121"
fa-reply-all
"\f122"
fa-mail-reply-all
"\f122"
fa-star-half-o
"\f123"
fa-location-arrow
"\f124"
fa-crop
"\f125"
fa-code-fork
"\f126"
fa-chain-broken
"\f127"
fa-question
"\f128"
fa-info
"\f129"
fa-exclamation
"\f12a"
fa-superscript
"\f12b"
fa-subscript
"\f12c"
fa-eraser
"\f12d"
fa-puzzle-piece
"\f12e"
fa-microphone
"\f130"
fa-microphone-slash
"\f131"
fa-shield
"\f132"
fa-calendar-o
"\f133"
fa-fire-extinguisher
"\f134"
fa-rocket
"\f135"
fa-maxcdn
"\f136"
fa-chevron-circle-left
"\f137"
fa-chevron-circle-right
"\f138"
fa-chevron-circle-up
"\f139"
fa-chevron-circle-down
"\f13a"
fa-html5
"\f13b"
fa-css3
"\f13c"
fa-anchor
"\f13d"
fa-unlock-alt
"\f13e"
fa-bullseye
"\f140"
fa-ellipsis-h
"\f141"
fa-ellipsis-v
"\f142"
fa-rss-square
"\f143"
fa-play-circle
"\f144"
fa-ticket
"\f145"
fa-minus-square
"\f146"
fa-minus-square-o
"\f147"
fa-level-up
"\f148"
fa-level-down
"\f149"
fa-check-square
"\f14a"
fa-pencil-square
"\f14b"
fa-external-link-square
"\f14c"
fa-share-square
"\f14d"
fa-compass
"\f14e"
fa-caret-square-o-down
"\f150"
fa-caret-square-o-up
"\f151"
fa-caret-square-o-right
"\f152"
fa-eur
"\f153"
fa-gbp
"\f154"
fa-usd
"\f155"
fa-inr
"\f156"
fa-jpy
"\f157"
fa-rub
"\f158"
fa-krw
"\f159"
fa-btc
"\f15a"
fa-file
"\f15b"
fa-file-text
"\f15c"
fa-sort-alpha-asc
"\f15d"
fa-sort-alpha-desc
"\f15e"
fa-sort-amount-asc
"\f160"
fa-sort-amount-desc
"\f161"
fa-sort-numeric-asc
"\f162"
fa-sort-numeric-desc
"\f163"
fa-thumbs-up
"\f164"
fa-thumbs-down
"\f165"
fa-youtube-square
"\f166"
fa-youtube
"\f167"
fa-xing
"\f168"
fa-xing-square
"\f169"
fa-youtube-play
"\f16a"
fa-dropbox
"\f16b"
fa-stack-overflow
"\f16c"
fa-instagram
"\f16d"
fa-flickr
"\f16e"
fa-adn
"\f170"
fa-bitbucket
"\f171"
fa-bitbucket-square
"\f172"
fa-tumblr
"\f173"
fa-tumblr-square
"\f174"
fa-long-arrow-down
"\f175"
fa-long-arrow-up
"\f176"
fa-long-arrow-left
"\f177"
fa-long-arrow-right
"\f178"
fa-apple
"\f179"
fa-windows
"\f17a"
fa-android
"\f17b"
fa-linux
"\f17c"
fa-dribbble
"\f17d"
fa-skype
"\f17e"
fa-foursquare
"\f180"
fa-trello
"\f181"
fa-female
"\f182"
fa-male
"\f183"
fa-gittip
"\f184"
fa-sun-o
"\f185"
fa-moon-o
"\f186"
fa-archive
"\f187"
fa-bug
"\f188"
fa-vk
"\f189"
fa-weibo
"\f18a"
fa-renren
"\f18b"
fa-pagelines
"\f18c"
fa-stack-exchange
"\f18d"
fa-arrow-circle-o-right
"\f18e"
fa-arrow-circle-o-left
"\f190"
fa-caret-square-o-left
"\f191"
fa-dot-circle-o
"\f192"
fa-wheelchair
"\f193"
fa-vimeo-square
"\f194"
fa-try
"\f195"
fa-plus-square-o
"\f196"
fa-car
"f1b9"
fa-bomb
"f1e2"
fa-deviantart
"f1bd"
fa-envelope-square
"f199"
fa-file-code-o
"f1c9"
fa-file-pdf-o
"f1c1"
fa-file-audio-o
"f1c7"
fa-ge
"f1d1"
fa-graduation-cap
"f19d"
fa-institution
"f19c"
fa-life-bouy
"f1cd"
fa-openid
"f19b"
fa-paw
"f1b0"
fa-qq
"f1d6"
fa-reddit
"f1a1"
fa-share-alt
"f1e0"
fa-soundcloud
"f1be"
fa-steam
"f1b6"
fa-support
"f1cd"
fa-university
"f19c"
fa-wordpress
"f19a"
fa-bank
"f19c"
fa-building
"f1ad"
fa-circle-o-notch
"f1ce"
fa-cubes
"f1b3"
fa-digg
"f1a6"
fa-fax
"f1ac"
fa-file-excel-o
"f1c3"
fa-file-photo-o
"f1c5"
fa-file-video-o
"f1c8"
fa-git
"f1d3"
fa-hacker-news
"f1d4"
fa-joomla
"f1aa"
fa-life-ring
"f1cd"
fa-paper-plane
"f1d8"
fa-pied-piper
"f1a7"
fa-ra
"f1d0"
fa-reddit-square
"f1a2"
fa-share-alt-square
"f1e1"
fa-space-shuttle
"f197"
fa-steam-square
"f1b7"
fa-taxi
"f1ba"
fa-vine
"f1ca"
fa-yahoo
"f19e"
fa-behance
"f1b4"
fa-cab
"f1ba"
fa-circle-thin
"f1db"
fa-database
"f1c0"
fa-drupal
"f1a9"
fa-file-archive-o
"f1c6"
fa-file-image-o
"f1c5"
fa-file-picture-o
"f1c5"
fa-file-word-o
"f1c2"
fa-git-square
"f1d2"
fa-header
"f1dc"
fa-jsfiddle
"f1cc"
fa-life-saver
"f1cd"
fa-paper-plane-o
"f1d9"
fa-slack
"f198"
fa-spoon
"f1b1"
fa-stumbleupon
"f1a4"
fa-tencent-weibo
"f1d5"
fa-wechat
"f1d7"
fa-behance-square
"f1b5"
fa-car
"f1b9"
fa-delicious
"f1a5"
fa-empire
"f1d1"
fa-file-audio-o
"f1c7"
fa-file-movie-o
"f1c8"
fa-file-powerpoint-o
"f1c4"
fa-file-zip-o
"f1c6"
fa-google
"f1a0"
fa-history
"f1da"
fa-language
"f1ab"
fa-mortar-board
"f19d"
fa-paragraph
"f1dd"
fa-pied-piper-alt
"f1a7"
fa-recycle
"f1b8"
fa-send-o
"f1d9"
fa-sliders
"f1de"
fa-spotify
"f1bc"
fa-stumbleupon-circle
"f1a3"
fa-tree
"f1bb"
fa-weixin
"f1d7"

Bagi anda yang menyukai Valid HTML 5 Dan CSS 3 bisa anda ganti code link awesome

<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css" rel="stylesheet"/>

dengan link awesome modifan saya sendiri akan tetapi ada pengurangan atau pergantian code didalamnya karena code tersebut selain belum suppport IE8 - IE9 saya anggap penyumbang error, berikut linknya:

<link href='https://googledrive.com/host/0B-q5NeCSzUPTYm9PcFBUeklJZlk' rel='stylesheet'/>

Terakhir untuk mengatur jarak mepet atau margin font awesome diatas tambahkan code berikut:

[class^="fa-"],[class*=" fa-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;margin-right:.3em;}

Demikian mengenai List Icon Font Awesome Versi 4.1.0

Silakan sobat bereksperimen seperti yang sedang ngetrend saat ini. Semoga artikel ini berguna untuk sobat semua.

Source: http://ngaran-ku.blogspot.com/2014/07/list-icon-code-font-awesome-410.html

Pemain Ganteng-Ganteng Srigala

noreply@blogger.com (Jon Rushdie) — Thu, 26 Jun 2014 11:20:00 +0700

Sebenarnya Aku tidak begitu suka Posting beginian, namun karena wanita yang berada disampingku sangat menyukai film Ganteng-Ganteng Srigala ini, hitung-hitung daripada gak ada isian postingan maka aku posting aza ditemplate Jon-Quickly ini.

Memang Sinetron Ganteng Ganteng Serigala (GGS) saat ini tengah begitu populer terutama di kalangan remaja,

Nah inilah Kumpulan Daftar Pemain Ganteng-Ganteng Srigala

1. Aliando Syarief sebagai Digo

2.Dahlia Poland. Dahlia Poland sebagai Tea

3. Dicky Smash sebagai Yasha

3. Jessica Mila sebagai Nayla

4. Kevin Julio sebagai Tristan

5. Michelle Joan sebagai Liora

6. Parves Ghoman sebagai Tino

7. Prilly Latuconsina sebagai Sissy

8. Reyna Mariyana sebagai Ibunya Galang

9. Ricky Harun sebagai Galang

10. Ricky Cuaca sebagai Toby

Dua Presenter Seksi di Piala Dunia 2014

noreply@blogger.com (Jon Rushdie) — Thu, 26 Jun 2014 07:22:00 +0700

Bukan hanya dihiasi gol-gol cantik dan pemain bola berbakat, Piala Dunia 2014 di Brasil juga makin semarak dengan para presenter sepak bola cantik dan Seksi.

Paras cantik para reporter dari berbagai belahan dunia turut menambah ingar bingar pesta rakyat dalam dunia sepakbola kali ini

Pertama: Vanessa Huppenkothen

Kedua: Erin Andrews Presenter Seksi di Piala Dunia 2014

Lainnya Presenter Seksi di Piala Dunia 2014:

Transformers Age Of Extinction

noreply@blogger.com (Jon Rushdie) — Thu, 26 Jun 2014 05:46:00 +0700

Empat tahun setelah invasi Chicago dalam film 'Transformers: Dark of the Moon', para Autobot bersembunyi dari umat manusia. Mereka tak lagi dianggap bersahabat sehingga manusia pun mencoba untuk memusnahkan mereka.

Para Autobot diburu dan dibasmi. Banyak dari mereka menyamar menjadi bentuk-bentuk yang tidak mencurigakan. Termasuk Optimus Prime yang mengalami kerusakan serius sehingga harus menyamar jadi sebuah truk usang yang bersembunyi di dalam sebuah ruangan bioskop yang sudah tak beroperasi lagi.

Cade Yeager (Mark Wahlberg), seorang penemu yang juga ahli mekanik membeli truk rongsokan tersebut dan membawanya pulang. Rasa penasarannya membuat Cade tak berhenti mengulik truk itu sampai akhirnya Optimus Prime pun membuka penyamarannya dan mau menyerahkan kesembuhan dirinya pada Cade.

Kembalinya Optimus Prime pun tercium oleh pihak keamanan negara yang telah mencari jejak demi jejak Optimus Prime. Kediaman Cade dikepung oleh pasukan bersenjata. Anak perempuan Cade, Tessa (Nicola Peltz) dijadikan umpan agar sang ayah membocorkan keberadaan sang autobot.

Optimus Prime pun menunjukkan sosok aslinya dan melawan para pasukan bersenjata. Dengan bantuan Shane Dyson (Jack Reynor), kekasih Tessa dan sahabat baik Cade, Lucas (T.J Miller) mereka kabur bersama Optimus Prime dan mencari para autobot yang tersisa. Petualangan ketiga pemeran utama manusia baru dalam film ini pun dimulai.

Di sisi lain, seorang ilmuwan bernama Joshua Joyce (Stanley Tucci) berusaha menciptakan teknologi robot yang lebih canggih menggunakan sebuah bahan metal yang dapat dengan mudah bertransformasi. Versi lain dari robot-robot Transformers pun dibuat termasuk proyek rahasia robot Galvatron.

Bersama Bumblebee, Drift, Crosshairs dan autobot lain serta dibantu Cade, Tessa dan Shane, Optimus Prime berusaha melawan musuh baru mereka, Galvatron dan Lockdown. Keduanya merupakan Decepticons ganas yang bertindak diluar batas dan menjadi biang kehancuran di film ini, bersama robot-robot Transformers baru yang berhasil diciptakan para ilmuwan.

Kemunculan para Dinobots yang dipimpin oleh Grimlock (Dinobots yang bertransformasi menjadi T-Rex besi mekanik) semakin membuat pertarungan antara autobots dan Decepticons menjadi semakin seru. Jelang akhir film yang berdurasi 165 menit itu, pertempuran epik dengan setting Hong Kong akan membuat Anda tak bisa berkedip terlebih jika menontonnya di layar IMAX 3D.

'Transformers: Age of Extinction' merupakan film pertama dari trilogi baru Transformers. Demikian seperti dijelaskan oleh sang sutradara, Michael Bay. Film ini mulai tayang di bioskop-bioskop di Indonesia mulai hari ini, Rabu (25/6/2014).

Menonton versi IMAX 3D dari 'Transformers: Age of Extinction' memberikan pengalaman menonton yang lebih hidup dengan efek ledakan yang lebih nyata. Audio versi IMAX pun lebih spektakuler dan hidup sehingga setiap adegan dalam film akan lebih terasa epik.

Sumber: http://hot.detik.com/movie/read/2014/06/25/143539/2618981/229/transformers-age-of-extinction-babak-baru-babak-baru-pertempuran-autobots-vs-decepticons?h990101mainnews

Sejarah Adanya Sepak Bola

noreply@blogger.com (Jon Rushdie) — Thu, 26 Jun 2014 05:23:00 +0700

Sejarah adanya olahraga sepak bola dimulai sejak abad ke-2 dan -3 sebelum Masehi di Cina.

Di masa Dinasti Han tersebut, masyarakat menggiring bola kulit dengan menendangnya ke jaring kecil. Permainan serupa juga dimainkan di Jepang dengan sebutan Kemari.

Di Italia, permainan menendang dan membawa bola juga digemari terutama mulai abad ke-16.

Sepak bola modern mulai berkembang di Inggris dan menjadi sangat digemari. Di beberapa kompetisi, permainan ini menimbulkan banyak kekerasan selama pertandingan sehingga akhirnya Raja Edward III melarang olahraga ini dimainkan pada tahun 1365.

Raja James I dari Skotlandia juga mendukung larangan untuk memainkan sepak bola. Pada tahun 1815, sebuah perkembangan besar menyebabkan sepak bola menjadi terkenal di lingkungan universitas dan sekolah.

Kelahiran sepak bola modern terjadi di Freemasons Tavern pada tahun 1863 ketika 11 sekolah dan klub berkumpul dan merumuskan aturan baku untuk permainan tersebut. Bersamaan dengan itu, terjadi pemisahan yang jelas antara olahraga rugby dengan sepak bola (soccer).

Pada tahun 1869, membawa bola dengan tangan mulai dilarang dalam sepak bola. Selama tahun 1800-an, olahraga tersebut dibawa oleh pelaut, pedagang, dan tentara Inggris ke berbagai belahan dunia.

Pada tahun 1904, asosiasi tertinggi sepak bola dunia (FIFA) dibentuk dan pada awal tahun 1900-an, berbagai kompetisi dimainkan diberbagai negara.

Sumber: http://id.wikipedia.org/wiki/Sepak_bola#Sejarah

Central Data Rahasia Amerika

noreply@blogger.com (Jon Rushdie) — Thu, 26 Jun 2014 03:33:00 +0700

Central Data Rahasia Amerika

Amerika membangun pusat penyimpanan data di tempat terpencil, The Utah Data Center, milik National Security Agency. Saat dibuka Oktober nanti, pusat data ini akan menjadi yang terbesar di Amerika.

Bangunan yang dibangun dengan dana milyaran dollar ini dipenuhi komputer-komputer super yang dirancang untuk menyimpan informasi dalam jumlah sangat besar. Bayangkan saja, listrik yang dibutuhkan untuk menyalakan seluruh sistem ini adalah 65 megawatt, jumlah yang cukup untuk memberi listrik pada 33 ribu rumah.

Bangunan ini dijaga ketat dengan tulisan "Kawasan Militer, Dilarang Melintas". Tidak ada papan nama resmi yang menjelaskan apa sejatinya bangunan ini. Pemerintah setempat, apalagi warga, mengaku tidak tahu apa sebenarnya fungsi bangunan ini.

"Kami tahu itu adalah pusat mata-mata. Tapi siapa yang mereka mata-matai?" tanya Connie Robbins, warga yang tinggal di kota terdekat, Bluffdale. Misteriusnya bangunan ini menimbulkan kontroversi bagi para pengamat intelejen maupun para penyuka teori konspirasi. Mereka menjulukinya Bumblehive.

Beberapa waktu orang dalam NSA membocorkan bahwa NSA ternyata merekam komunikasi pribadi warga Amerika. Informasi itu diambil secara diam-diam dari telepon dan email, dan aneka kegiatan yang dilakukan di internet.

Sumber: https://id.berita.yahoo.com/foto/pusat-data-rahasia-amerika-slideshow/nsa-open-large-data-storage-20130610-192810-832.html

Penghargaan Hijab Alyssa Soebandono

noreply@blogger.com (Jon Rushdie) — Thu, 26 Jun 2014 02:40:00 +0700

Senyum merekah tampak terlihat dari wajah Alyssa Soebandono. Keputusannya memakai hijab usai menikah dengan Dude Harlino pada 22 Maret 2014 lampau, membuatnya terpilih menjadi Iconic selebritis muslimah.

Penghargaan tersebut diserahkan langsung oleh Menteri Pariwisata dan Ekonomi Kreatif Indonesia, Mari Elka Pangestu di acara Indonesia as Moslem Fashion Capital, Balai Kartini, Jakarta Selatan, Rabu (25/6).

"Alhamdulillah aku terpilih menjadi salah satunya. Nggak tahu dari berapa orang, karena memang langsung dikasih email. Awardnya langsung dikasih ibu Mari Elka Pangestu," ucapnya.

Alyssa mendapat penghargaan karena hijab yang dikenakannya.

Ini menjadi penanda penghargaan pertama bagi Alyssa Soebandono semenjak memutuskan sepenuhnya memakai hijab. Rasa syukur terpanjat dari bintang muda tersebut.

"Kalau untuk hijab ini penghargaan pertama, aku kan pakai hijab baru tiga bulan. Dalam waktu sebentar dimasukan dalam katagori, ikon, sangat bersyukur," kata perempuan kelahiran 25 Desember 1991itu melanjutkan.

Setelah mengenakan jilbab, anak kedua dari 3 bersaudara itu merasa nyaman luar dalam. Makanya, ia tak menyesali apa yang sudah diputuskannya.

"Saat pertama memakai, karena sudah niat kemanapun pergi sangat nyaman dan hati tenang saja. Hatipun nyaman," pungkasnya.

Sumber: http://www.merdeka.com/artis/alyssa-soebandono-dapat-penghargaan-karena-kenakan-hijab.html

Cerita Blogger Yang Diculik Prabowo

noreply@blogger.com (Jon Rushdie) — Thu, 26 Jun 2014 02:28:00 +0700

Prabowo selama ini disebut-sebut sebagai dalang kasus penculikan beberapa aktivis dan mahasiswa. Salah satu orang yang pernah mengalami nasib adalah Hazmi Fitriyasa alias Hazmi Srondol.

Gara-gara twit-nya yang sering mendiskreditkan Prabowo, dia pun harus berurusan dengan mantan Pangkostrad itu. Hal itulah yang kemudian dia tulis menjadi sebuah buku berjudul 'Diculik Prabowo'.

"Buku 'Diculik Prabowo' adalah kisah saya tentang Prabowo Subianto yang merupakan mantan Jenderal Satuan Militer Kopassus selama puluhan tahun. Saat ini dia juga Ketua Umum Parpol Gerindra sekaligus Capres sehingga buku ini mengangkat dalam sisi sebenarnya," ujar Hazmi Srondol saat peluncuran bukunya di Toko Buku Leksika, Kalibata City Square, Kalibata, Jaksel, Sabtu (10/5).

Isi dari buku 'Diculik Prabowo' ini terdiri dari 30 bab yang mengungkap pertemuan awal Hazmi dengan Prabowo. Pengalaman Hazmi sebagai blogger sekaligus cyber army di twitter yang sering melakukan twit nyeleneh kepada Prabowo.

"Awalnya saya bertemu dengan Prabowo ya karena saya ngetwit pertanyaan pada Prabowo masalah jika pencak silat diambil negara tetangga," ujar Hazmi.

Akibat dari twit dari Hazmi, dia menerima email langsung dari Prabowo untuk datang sendiri ke kediamannya. Dia langsung ketakutan akan persepsi negatif yang ada di Prabowo.

"Saya dapet email dari Prabowo untuk ke Bukit Hambalang yang merupakan barak militer milik Prabowo, penjagaan ketat dan sebagainya, saya mikir masa gara-gara saya iseng di twitter malah mau diilangin kali sama Prabowo" kata Hazmi.

Setelah mendapat email tersebut Hazmi langsung datang ke tempat sesuai perjanjian untuk bisa ke rumah Prabowo.

"Saya dapat email dari Pak Prabowo langsung saya latihan bela diri seminggu dan berangkat, setelah saya datang ke meeting point saya dibawa ke tempat yang jauh dari peradaban dan baru tiba ke rumah Pak Prabowo," kata Hazmi.

Sesampai Hazmi di sana, dia langsung bertemu dengan Prabowo dan persepsinya langsung berubah, tadinya memiliki persepsi negatif, dia langsung mendukung Prabowo dalam pencapresannya.

"Setiba saya di sana dia orang yang sangat ramah dan terbuka, ketika saya tentang 3 hal sensitif tentang Prabowo yaitu kudeta, penculikan dan istri, dia ternyata menjawab dengan terbuka," ujar Hazmi.

Buku yang di tulis Hazmi ini membahas tentang Prabowo dalam sisi positif dan merupakan pandangan dan bantahan dari seorang pasukan cyber army.

http://www.merdeka.com/peristiwa/ini-cerita-blogger-yang-diculik-prabowo-gara-gara-nge-twit.html

Menjamurnya Video Dhani Berkostum Nazi

noreply@blogger.com (Jon Rushdie) — Thu, 26 Jun 2014 02:15:00 +0700

Tim Pemenangan Prabowo-Hatta meminta Ahmad Dhani untuk menghapus video klip kampanye 'Prabowo Hatta-We Will Rock You' yang berkostum ala Nazi. Namun jika dipantau di YouTube, video kontroversial itu malah kian menjamur.

Di situs berbagi video, klip Ahmad Dhani yang berbaju Nazi dapat dengan mudah ditemukan. Bahkan jumlah tak cuma satu, ada beberapa.

Pengguna YouTube mempostingnya dari potongan berita stasiun TV atau ada yang membandingkan langsung penampilan Dhani dengan seragam yang dipakai Komandan Satuan Elit Nazi Schutzstaffel SS, Heinrich Himmler itu.

Sebelumnya, Dradjad Wibowo selaku Direktur Policy dan Program Tim Pemenangan Prabowo-Hatta, Dradjad Wibowo, meminta Ahmad Dhani meminta maaf.

"Saya belum tahu, tidak nonton videonya, tapi kalau betul pakai Nazi, kita minta itu dihapuskan," kata Dradjad usai menjadi pembicara pada rilis survei Forima 'Performa Capres dan Cawapres' di Hotel Gran Alia Prapatan, Kwitang, Jakarta Pusat, Rabu (25/6/2014).

Menurut Dradjad, penggunaan lambang Nazi di klip video kampanye itu merupakan suatu hal yang kurang bagus. Dia meminta Dhani mengganti kostumnya atau meminta maaf.

"Itu kurang bagus dan tidak menunjukkan sikap baik terhadap apa yang terjadi. Kita minta Mas Dhani mengganti baju itu atau minta maaf," ujarnya.

Seperti diberitakan sebelumnya, Musisi Ahmad Dhani kembali menjadi sorotan setelah memakai kostum yang mirip milik tentara Nazi di video klip kampanye 'Prabowo Hatta-We Will Rock You'. Kostum Dhani itu pun menjadi pemberitaan di media terkemuka Jerman, Der Spiegel.

Baju yang dikenakan Dhani disebut mirip dengan seragam yang dipakai Komandan Satuan Elit Nazi Schutzstaffel SS, Heinrich Himmler.

Sumber: http://inet.detik.com/read/2014/06/25/163157/2619163/398/diminta-dicabut-video-dhani-berkostum-nazi-malah-menjamur

Baidu mulai Saingi Google

noreply@blogger.com (Jon Rushdie) — Thu, 26 Jun 2014 02:04:00 +0700

Pada bulan September 2001, Baidu mulai meluncurkan websitenya sendiri yang dinamakan Baidu.com. Tampilannya mirip dengan Google, putih bersih tanpa banyak hiasan macam-macam.

Sebagai salah satu metode monetisasi, para pengiklan akan membayar Baidu jika ada pengunjung yang mengklik promosi mereka. Pada tahun 2004, Baidu sudah bisa meraih keuntungan dan terus berkembang. Robin Li pun berniat menjual saham Baidu di Amerika Serikat, sebagai upaya agar Baidu bisa mengglobal.

Baidu akhirnya menawarkan saham perdana atau Initial Public Offering (IPO) pada Agustus 2005. Ketika perdagangan berakhir hari itu, harga saham Baidu tembus USD 122. Mendadak Baidu bernilai USD 4 milliar dan Li jadi miliuner dengan kekayaan sekitar USD 900 juta.

Memang harga saham kemudian menurun, tapi Baidu tetap bisa dibilang sukses dalam IPO. Baidu juga terus naik pangsa pasarnya di China, bahkan jauh meninggalkan Google. Agustus 2013, pangsa pasar Baidu di China mencapai 63,3%, diikuti Qihoo dengan 18,23%.

Selain mesin cari, Baidu juga meluncurkan banyak layanan online lainnya. Ada Baidu Map, Baidu Cloud, bahkan sistem operasi berbasis Android yang dinamakan Baidu Yi.

Kekalahan Google di China memang bukan semata karena kehebatan Baidu atau mesin cari lokal yang lain. Tapi karena pemerintah China sangat sering memblokir Google terkait berbagai alasan. Misalnya karena pencarian Google sering menampilkan informasi yang sensitif.

Pada tahun 2010 menurut riset dari Analysys International, market share Google di China masih 29%. Tapi pada Oktober 2012, pangsa pasarnya turun drastis sampai 5%. Dan pada 2013 tinggal 1,7%.

sumber: http://inet.detik.com/read/2014/06/20/143604/2614356/398/baidu-berhasil-benamkan-google