Archive for Februari 2014

Bagaimana Cara Kostumisasi Ikon Font Awesome di Blogger?

kostumisasi-font-awesome-di-blogger
Font Awesome adalah font berbasis icon yang sangat menakjubkan yang berisi kualitas scalable vector graphics dan dapat digunakan untuk mengoptimalkan ikon di situs Anda. Kami telah membahas bagaimana cara menerapkan Font Awesome ini ke dalam template Blogger Anda (atau halaman Web HTML), dan kami melihat bahwa salah satu fitur terbaik tentang font yang ikonik ini adalah bahwa bisa dikostumisasi dengan CSS, yang berarti Anda dapat menggunakan beberapa kelas pre-built atau menulis dengan gaya kostumisasi Anda sendiri untuk disesuaikan dengan situs Web Anda. Dalam postingan ini kami akan berbicara tentang cara kostumisasi ikon ini untuk Anda.

Silahkan baca artikel kami sebelumnya mengenai cara memasang Font Awesome di Template Blogger!


untuk menggunakan ikon, gunakan tag <i> seperti di bawah ini.

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

Anda dapat mengubah bagian yang di highlight dengan nama dari setiap kelas ikon lain yang Anda suka. Daftar dari semua ikon yang tersedia bisa Anda lihat di sini!

Costumisasi CSS
Anda dapat membuat CSS rule yang baru untuk salah satu kelas yang ditentukan. Sebagai contoh:

.fa-home {
 font-size: 32px;
 color: #033;
 padding: 8px;
 border: 1px solid #000;
 float:left;
}

ini adalah ikon sebelum styling
ini adalah ikon yang sama setelah styling
Kadang-kadang, menggunakan CSS mungkin bukan cara terbaik untuk melakukan sesuatu. Font Awesome menyediakan beberapa fitur tambahan!

Mengatur Ukuran Ikon
Untuk mengatur ukuran ikon dengan faktor konstan, katakanlah dua kali atau empat kali, cukup tambahkan aturan seperti di bawah ini:
   <i class="fa fa-home fa-1g"></i>
   <i class="fa fa-home fa-2x"></i>
   <i class="fa fa-home fa-3x"></i>
   <i class="fa fa-home fa-4x"></i>
   <i class="fa fa-home fa-5x"></i>

Harap dicatat bahwa tidak semua ikon dapat diubah ukurannya dengan cara ini.

Spinning Ikon
Sama seperti ketika mengubah ukuran ikon, Anda dapat menggunakan kelas yang disebut fa-spin untuk memberikan efek memutar pada ikon. Sekali lagi, ini hanya bekerja dengan baik pada beberapa ikon seperti fa-cog dan fa-refresh.

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

Akan terlihat seperti berikut.
   

Merubah Orientasi
Anda dapat dengan mudah membalik atau memutar ikon dengan cara yang sama. Berikut ini adalah kelas yang digunakan.

<i class="fa fa-shield"></i>&nbsp; normal<br>
<i class="fa fa-shield fa-flip-horizontal"></i> <!--Flip Horizontally-->
<i class="fa fa-shield fa-flip-vertical"></i> <!--Flip Vertically-->
<i class="fa fa-shield fa-rotate-90"></i> <!--Rotate 90 Degrees Clockwise-->
<i class="fa fa-shield fa-rotate-180"></i> <!--Rotate 180 Degrees-->
<i class="fa fa-shield fa-rotate-270"></i> <!--Rotate 90 Degrees Anti-clockwise-->

Daftar
Jika Anda ingin menggunakan bullets and numberings yang lain, Anda dapat dengan mudah menggantinya dengan ikon! Berikut ini contohnya:
  • Home Icon
  • Square Icon
  • Checked Square Icon

Berikut adalah cara untuk menggunakan ikon dalam daftar:

<ul class="fa-ul">
 <li><i class="fa-li fa fa-home"></i>Home Icon</li>
 <li><i class="fa-li fa fa-square"></i>Square Icon</li>
 <li><i class="fa-li fa fa-check-square"></i>Checked Square Icon</li>
</ul>

Menumpuk Ikon
Kadang-kadang hal ini sangat berguna untuk menggabungkan dua ikon bersama-sama untuk menciptakan keseluruhan ikon baru. Sebagai contoh, sebuah ikon bendera bisa diletakkan di atas ikon lingkaran untuk menandakan sesuatu. Anda dapat menggabungkan banyak pasang ikon untuk membentuk suatu simbol baru. Berikut adalah beberapa contohnya.

<span class="fa-stack fa-lg">
<i class="fa fa-square-o fa-stack-2x"></i><i class="fa fa-check fa-stack-1x"></i>
</span>
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i><i class="fa fa-flag fa-stack-1x fa-inverse"></i>
</span>
<span class="fa-stack fa-lg">
<i class="fa fa-camera fa-stack-1x"></i><i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>

Mereka akan terlihat seperti ini:





Jika Anda telah melakukan percobaan dan menemukan sesuatu yang baru, silahkan masukkan komentar Anda di sini. Maka, berbagi itu sangatlah indah. Terimakasih semoga bermanfaat dan Anda menyukainya.

Gila! Facebook Membeli WhatsApp Seharga Rp 209 Triliun

facebook-membeli-whatsapp
Setelah sebelumnya mengakuisisi Instagram, kini sang rasa jejaring sosial itu membeli WhatsApp dengan harga USD 19 miliar atau setara dengan Rp 209 triliun. Tindakan Facebook ini sangat mengejutkan berbagai kalangan termasuk pengguna WhatsApp yang mengaku akan meninggalkannya karena dibeli Facebook. Tindakan Facebook mengakuisisi WhatsApp bukan tanpa alasan, banyak dugaan mengatakan bahwa Facebook ingin mengeksplorasi pengguna WhatsApp yang memang sedang populer di kalangan remaja. Hal yang berbanding terbalik dengan Facebook, karena secara demografi jumlah pengguna Facebook mulai berkurang dalam beberapa bulan terakhir.

Angka USD 19 miliar itu tentu saja tidak semuanya dalam bentuk cash. Melainkan terdiri dari USD 12 milyar dalam bentuk saham Facebook, USD 4 miliar cash, serta tambahan USD 3 miliar berupa saham terbatas yang diberikan untuk pendiri WhatsApp dan sejumlah karyawannya. Jika dihitung per harinya, ada lebih dari 1 juta pengguna baru yang mendaftarkan di layanan pengirim pesan lintas platform ini. Saat ini melayani 450 juta pengguna setiap bulannya. Dimana sekitar 70% di antaranya termasuk dalam pengguna aktif.

Pembelian WhatsApp ini cukup mengejutkan setelah sebelumnya raksasa jejaring sosial ini gagal membeli aplikasi sejenis asal Israel bernama Snapchat. Dahulu, situs yang disopiri oleh Mark Zuckerberg itu telah mengakuisisi Instagram dengan harga USD 1 milyar pada tahun 2012.

Beberapa pihak memang khawatir Facebook akan merombak WhatsApp atau memasukkan iklan dalam layanannya. Padahal user sudah terlanjur nyaman dengan layanan WhatsApp seperti saat ini yang sederhana, tanpa iklan dan mudah digunakan. Kabar baiknya, CEO WhatsApp Jan Koum sudah meyakinkan bahwa WhatsApp tidak akan berubah meski dicaplok Facebook. WhatsApp saat ini belum pernah mencoba memasarkan apapun pada penggunanya. Pemilik WhatsApp memang sangat ketat soal ini, yaitu tidak ada iklan. Hal yang sama juga dikatakan Mark Zuckerberg. Facebook berjanji, WhatsApp bakal tetap beroperasi secara independen dan menggunakan brand yang sudah dirintisnya.

Yah, semoga saja WhatsApp tetap berjalan pada jalurnya karena saya juga pengguna aktif WhatsApp. Menurut saya layanan pengirim pesan "WhatsApp" ini memang sangat mudah digunakan dan ringan.

Cara Memasang Font Ikon yang Menakjubkan di Template Blogger Anda

menggunakan-font-awesome-di-blogger
Apakah Anda ingin bermain-main dengan template Blogger Anda dan menyesuaikan desain? Atau apakah Anda merancang template yang profesional untuk meraup penghasilan? Bagaimana Anda berurusan dengan ikon template, seperti tombol, kontrol form, sinyal navigasi, dll? Kebanyakan orang menggunakan gambar untuk untuk ikon tersebut yang cenderung memburuk bila ukurannya diperbesar. Beberapa pengembangan akan menurunkan kualitas gambar untuk menghindari masalah ini, tapi tanpa disadari telah diperkenalkan yang baru dan ini dapat mempercepat waktu buka halaman karena ukuran filenya meningkat. Solusinya terletak pada font berbasis ikon seperti Font Awesome yang dapat membantu desainer mengoptimalkan ikon pada situs Anda.

Apa itu Font Awesome?
Font Awesome adalah font ikon yang awalnya dirancang untuk Bootstrap. Ini adalah kumpulan dari beberapa SVG (Scalable Vector Graphic) ikon yang dapat disesuaikan dan digunakan pada halaman Web manapun. Ini adalah ikon dengan compact-size yang ukurannya tidak berat yang berarti mereka mempertahankan integritas ketika ukurannya diperbesar.

Sebagai seorang desainer, ini adalah kit yang berguna untuk dimiliki kerena akan membiarkan Anda membuat desain profesional dan dioptimalkan untuk halaman web Anda.

Font Awesome menawarkan beberapa fitur yang sangat luar biasa yang membuatnya sempurna, yuk kita simak!
  • Font Awesome berisi keloksi 369 ikon SVG dari beragam kategori termasuk kontrol navigasi, ikon mata uang, aplikasi web, ikon merek, dan sebagainya.
  • Font Awesome sangat ringan dan membuat loading blog terasa cepat dibandingkan dengan gambar CSS. Mereka juga terukur dan dapat diubah menjadi berbagai ukuran tanpa mempengaruhi kualitas.
  • Bagian terbaik adalah font ini mudah disesuaikan! Anda dapat menerapkan gaya CSS untuk memodifikasinya sesuai kebutuhan Anda. Anda dapat mengubah ukuran, warna, bayangan, dan segala sesuatu yang biasanya dapat dilakukan dengan CSS.
  • Yang terakhir adalah ikon font ini GRATISSS..!!!

Menambahkan ikon Font Awesome di Blogger
Ikuti langkah-langkah berikut ini untuk menambahkan ikon Font Awesome di mana saja di blogger Anda (atau halaman web HTML).

Hubungi External Stylesheet
Buka kode sumber halaman web Anda dan cari bagian <head>. Jika Anda ingin menambahkan ikon ini ke dalam template Anda maka perlu membuka Dashboard Blogger Anda kemudian masuk ke Edit HTML. Setelah Anda menemukan bagian header, copy paste baris berikut ini di bawah kode <head>.

link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>

Pastikan Anda menyalin link itu (termasuk bagian http://). Di sinilah file Font Awesome CSS disimpan. Anda dapat mendownload ke server Anda sendiri jika Anda memiliki kecepatan yang besar.

Menambahkan Ikon
Anda dapat melihat daftar ikon yang tersedia di situs Font Awesome ini. Pilih ikon Anda sukai dan catat nama CSS Class-nya (misal: fa-home atau fa-arrow-down). Sekarang untuk menggunakan ikon ini, gunakanlah tag <i> seperti ditunjukkan di bawah ini.

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

Anda dapat mengganti teks yang disorot dengan nama kelas dari setiap ikon yang Anda suka. Misalnya, <i class="fa fa-arrow-down"></ i>. Karena ini adalah tag inline, Anda dapat menggunakannya di dalam tag paragraf, daftar tag, bahkan anchor (<a>) tag, dan sebagainya.

Mengedit Ikon
Anda dapat menerapkan beberapa CSS style untuk sebuah ikon. Hanya mengambil kelasnya dan menulis CSS style yang baru seperti yang ditunjukkan di bawah ini.

.fa-home {
 font-size: 32px;
 color: #033;
 padding: 8px;
 border: 1px solid #000;
 float:left;
}

Sangat sederhana kan?? :)

Nah, sekarang Anda dapat menciptakan template Anda sendiri dengan ikon-ikon yang menakjupkan. Bahkan Anda akan mendecak kagum dengan karya Anda sendiri. Silahkan Anda praktikkan di depan Dashboard Blogger Anda masing-masing. Pada postingan selanjutnya kami akan membahas cara melakukan kostumisasi pada Font Awesome ini.

Benarkah Facebook Akan Berakhir di Tahun 2014 Ini?

facebook-berakhir
Ohh, mungkin ini salah! Facebook tidak mungkin berakhir di waktu dekat ini karena esensinya yang kuat dalam dunia media sosial. Namun, memang terlihat adanya penurunan tetapi dengan jumlah pengguna sejak awal tahun 2013 dan dari penurunan tersebut tidak bisa dipastikan Facebook akan berakhir. Ada beberapa prediksi yang kuat yang diberikan oleh analisis media sosial yang memperkirakan masa depan Facebook yang sebenarnya tidak bisa ditebak.

Coba kita simak beberapa sumber yang diberitakan mengenai Facebook yang katanya sudah mencapai akhir. Berikut adalah beberapa pengamatan mengenai prediksi berakhirnya Facebook. Yuk kita lihat!

Perubahan Pada Pengaturan Privasi
Sepertinya Facebook telah menerapkan strategi "kambing hitam" untuk membentuk kembali kebijakan privasi yang ada. "Apakah Anda pengguna Facebook? Privasi Anda berisiko lho", ini adalah beberapa frasa yang sangat umum yang sering kita dengar dari lingkungan kita. Facebook, dengan slogan membawa dunia untuk satu platform yang sangat melanggar privasi pribadi dari para penggunanya di mana satu-satunya orang yang menderita adalah pengguna sendiri.

Orang dengan tingkat pertumbuhan kesadaran sekarang meninggalkan Facebook yang mayoritas karena alasan privasi. Telah terjadi penurunan sekitar 13% dari pengguna remaja yang menghapus akun Facebook mereka.

Siapa yang Bertanya? Siapa yang Menjawab?
Apakah Anda pernah mencoba menghubungi tim Facebook untuk menyampaikan sesuatu yang Anda pikirkan/ sebuah masalah? Seharusnya ada paling tidak sebuah layanan berupa email "feedback@facebook.com" dimana seseorang dapat melaporkan kisahnya dan dapat meminta bantuan. Namun yang bisa dilakukan hanyalah "report" yaitu sesuatu yang hanya dilakukan dengan beberapa klik. Tidak peduli masalah Anda yang sebenarnya seperti apa dan sebesar apa.

Hal ini sederhana, orang senang untuk menjadi bagian dari perusahaan/ organisasi atau layanan yang menyediakan sebuah platform online di mana kepentingan pribadi mereka dihormati dan mereka memiliki hak untuk mengeluarkan uneg-unegnya. Dengan facebook, itu tidak bisa dilakukan.

Alternatif
Twitter tidak pernah sepopuler sekarang dan begitu pula halnya dengan LinkedIn. Hal ini jelas bahwa bila pengguna memiliki hak untuk mengurus privasi sendiri dan mempublikasikan yang diinginkan saja melalui tweet.

Strategi Penghasil Uang Facebook
Apakah itu disebut faktor keserakahan atau tujuan bisnis yang berkembang? Facebook’s money making policy adalah salah satu yang khusus di mana kepuasan konsumen tampaknya diabaikan. Sementara Facebook sedang sibuk berinvestasi dalam jumlah besar untuk membeli aplikasi. Dan penggunalah yang menderita.

Nah, itu semua adalah beberapa analisis yang dilakukan beberapa kalangan. Silahkan berbagi menurut pandangan Anda melalui kotak komentar di bawah ini. Terimakasih sudah membaca artikel kami..

5 SEO Skill Yang Harus Anda Pelajari di 2014

5-skill-SEO-2014
Dasar-dasar dan teknik SEO berubah ubah secara berkala selama bertahun-tahun. Ini keadaan yang selalu berubah menyebabkan sebagian besar dari kita belajar beberapa hal baru setiap tahun dan membiarkan beberapa hal-hal yang lama. Coba Anda lihat, ada keterampilan SEO baru yang dibutuhkan setiap tahun (kadang juga sering) untuk bersaing dengan perubahan dan untuk terus bertahan termasuk di 2014 ini. Banyak yang telah berubah sejak tahun lalu, dan ada banyak hal baru yang harus dipelajari. Namun pada dasarnya hampir sama.

1. Public Relations
Era sekarang adalah semua tentang public relations! Mereka selalu menjadi bagian integral dari setiap kampanye pemasaran yang sukses, tapi sekarang lebih penting daripada sebelumya.

Public relations dapat digunakan untuk membangun link yang kuat, link yang tidak memicu hukuman seperti Penguin. Memahami bagaimana untuk membangun link yang sempurna untuk situs Anda akan menjadi salah satu taktik link yang paling kuat sekarang dan di masa depan.

2. Research
Selalu melakukan riset-riset kecil untuk menemukan kata kunci yang tepat menjadi langkah yang semakin penting dalam SEO. Google Hummingbird update sekarang telah memaksa webmaster untuk mengembangkan pemahaman tentang maksud pengguna, yaitu bagaimana pengguna mencari di Google. Hal ini berlangsung jauh lebih dalam dari riset kata kunci biasa. SEO sekarang perlu tahu apa jenis pertanyaan pengguna, bukan hanya kata-kata yang relevan di halaman, karena Hummingbird sekarang lebih mengacu pada "percakapan" permintaan pencarian dibandingkan dengan kata kunci yang sederhana.

3. Taxonomy Design
Taksonomi adalah praktik mengelompokkan hal-hal pada tingkat konseptual. Kira-kira sederhana, ini dapat mencakup label blog (untuk Blogger) dan kategori Tag (untuk Wordpress). Itu mungkin terdengar sederhana tapi itu semua sangat dibutuhkan. Misalnya Anda memiliki sebuah toko online yang menjual aksesoris komputer. Anda mungkin mulai mengatur persediaan Anda mulai jenis produk. Tapi mungkin target pencarian demografis untuk produk dengan jenis penggunaan atau pabrik. Misalkan seorang gamer maka mereka akan mencoba mencari khusus untuk produk gaming. Jadi mungkin ada kebutuhan untuk klasifikasi lebih lanjut. Ada banyak cara Anda yang dapat digunakan untuk mengklasifikasikan informasi dan melakukannya dengan benar.

Mengapa desain taksonomi sangat penting untuk SEO? Dengan Hummingbird, pencarian mobile, dan tren pencarian masa depan lainnya mendefinisikan konsep yang lebih penting dari pada lainnya. Sebuah desain taksonomi yang kuat dapat menjadi dasar untuk elemen penting lainnya seperti pengembangan konten, arsitektur informasi, dan riset-riset kata kunci.

4. Community Management
Pengelolaan masyarakat online telah menjadi tugas penting dengan membangun merek dan manajemen media sosial. Memiliki komunitas yang kuat berarti lebih banyak eksposur untuk merek Anda dan koneksi yang lebih dekat dengan konsumen. Dengan semakin meningkatnya ketergantungan Google di Google+ sebagai platform, pengelolaan masyarakat menjadi bagian penting dari SEO. Situs dengan profil Google+ yang kuat akan mendapatkan lebih banyak eksposure dan cenderung peringkatnya lebih tinggi.

5. HTML dan Data Terstruktur
Tentu saja, tak usah dikatakan bahwa pemahaman dasar HTML adalah aset berharga bagi SEO. Meta, judul, dan anchor tag adalah elemen HTML tradisional on-page SEO. Namun sekarang Google menekankan pada data terstruktur dan penulis. Keduanya membutuhkan tag HTML yang unik untuk dilaksanakan.

Semoga artikel ini sedikit bermanfaat bagi Anda, jangan lupa follow fan page kami dan bagikan artikel ini ke teman-teman Anda. Terimakasih... ^^

Bagaimana Link Dari Sosial Network Berefek Pada Peringkat Website

sosial backlink
Kita tahu bahwa kehadiran website kita di situs media sosial dan membangun backlink berkualitas baik dari jejaring sosial seperti Facebook atau Twitter sangatlah penting. Tapi sebagaimana pentingkah sebenarnya link ini? Apakah ada sinyal khusus yang dihasilkan oleh situs tersebut, dan apakah ukuran followership juga penting? Mari kita lihat bagaimana sosial link penting untuk situs web Anda dan bagaimana Google menggunakan mereka dalam algoritma untuk meranking halaman web pada hasil pencarian.

Facebook dan Twitter hanyalah website di internet, sama halnya juga website lainnya. Google menangani mereka dengan cara yang sama dan tidak yang lain. Jadi, setiap kali sesuatu terjadi pada Facebook atau Twitter, jika Google tidak bisa menelusurinya, itu akan diindeks dan terdaftar sebagai backlink.


Bagaimana dengan Fan-base dan Followership?
Masalah dengan penggalian informasi followership itu membutuhkan banyak pekerjaan rekayasa untuk mencoba mengambil data ini dari halaman Web. Dalam prosesnya, GoogleBot menjalankan risiko untuk memblokir dan menelusuri situs web. Jadi Google sekarang mencoba untuk menghindari melakukan apapun yang bisa diblokir dari hasil menelusuri situs-situs sosial.

Google menjelajah web dan mensampel itu pada interval waktu yang terbatas, bukan secara real time. Situs sosial bagaimanapun adalah tidak seperti kebanyakan situs-situs lain yang mereka sangat dinamis. Konten mereka sering berubah dan perubahan ini penting. Tidak peduli banyak jika saya menambahkan paragraf ekstra untuk posting blog setelah Google menjelajahinya karena itu tidak terlalu penting. Saya hanya bisa menunggu update berikutnya.

Tapi situs sosial seperti Facebook dan Twitter adalah hal-hal yang jauh lebih rumit. Seseorang bisa mengubah status hubungan mereka atau memblokir pengguna tertentu. Jadi akan disayangkan jika Google menelusuri halaman dan kemudian menemukan bahwa pengguna kasar tertentu telah diblokir - itu akan bertentangan privasi profil atau pemilik halaman.

Ini semua bukan untuk mencegah penggunaan Facebook dan Twitter. Anda bisa mendapatkan satu ton nilai dari jejaring sosial ini, karena mereka adalah sumber besar untuk menghasilkan lalu lintas, dan menjaga fans Anda up to date. Tapi jangan hal yang dapat mengindex segalanya di Facebook atau Twitter yang dapat membentuk sinyal. Halaman mungkin terhalang dengan noindex atau link yang mungkin memiliki nofollow.

Jadi cara untuk mendapatkan peringkat yang baik di Google adalah dengan membuat konten berkualitas dan membangun identitas Anda. Berikut adalah beberapa cara untuk meningkatkan peringkat website Anda.

Langganan: Postingan (Atom)