Terbaru: Optimasi URL Blog | 10 Tips Mempercepat Blog Load | 30 Strategi SEO | 15 Rahasia Menulis Konten
Showing posts with label Blogging Tips. Show all posts

Thursday, May 30, 2024

Unlocking Website Traffic: Effective SEO Strategies for 2024

 



In the digital realm, where every click counts, driving traffic to your website is paramount for success. Search Engine Optimization (SEO) remains the bedrock of online visibility, offering businesses a roadmap to enhance their digital presence and attract a steady stream of visitors. As we navigate through 2024, the landscape of SEO continues to evolve, presenting new challenges and opportunities for website owners. In this comprehensive guide, we'll explore actionable strategies to increase website traffic using SEO techniques tailored for the current digital landscape.


Understanding the Importance of SEO in 2024

In a world where Google processes over 3.5 billion searches per day, ranking prominently in search engine results has become the holy grail of online visibility. Here's why SEO matters more than ever in 2024:

  1. Changing Search Algorithms: Search engines constantly refine their algorithms to deliver more relevant and accurate results to users. Keeping pace with these changes and adapting SEO strategies accordingly is essential for maintaining visibility and relevance.
  2. Mobile-First Indexing: With the majority of internet traffic originating from mobile devices, search engines prioritize mobile-friendly websites in their rankings. Optimizing for mobile-first indexing ensures that your site remains competitive and accessible to a broader audience.
  3. Voice Search Optimization: The proliferation of voice-activated devices has transformed search behavior, with more users relying on voice search to find information. Tailoring SEO strategies to accommodate voice search queries can help capture this growing segment of the market.
  4. Content Quality and Relevance: Search engines prioritize high-quality, relevant content that addresses the needs and interests of users. Investing in content creation and optimization is paramount for maintaining visibility and attracting organic traffic.

Actionable SEO Strategies to Increase Website Traffic

Now, let's delve into actionable strategies to boost website traffic using SEO techniques tailored for 2024:

  1. Comprehensive Keyword Research:
    • Conduct thorough keyword research to identify relevant terms and phrases with high search volume and low competition.
    • Utilize keyword research tools such as SEMrush, Ahrefs, or Google Keyword Planner to identify target keywords and phrases.
    • Focus on long-tail keywords and semantic variations to capture niche audiences and improve relevance.
  2. Optimized Content Creation:
    • Create high-quality, informative content that addresses the needs and interests of your target audience.
    • Incorporate target keywords naturally within the content, headings, and meta tags while ensuring readability and relevance.
    • Leverage multimedia elements such as images, videos, and infographics to enhance engagement and provide value to users.
  3. Mobile Optimization:
    • Prioritize mobile optimization to ensure that your website loads quickly and displays properly on various devices.
    • Use responsive design principles to create a seamless browsing experience across desktop, mobile, and tablet devices.
    • Optimize site speed by compressing images, minimizing server response times, and leveraging browser caching techniques.
  4. Technical SEO Audit:
    • Conduct a comprehensive technical SEO audit to identify and address any issues that may impact your site's performance in search results.
    • Optimize meta tags, headings, and image alt attributes to improve search engine visibility and relevance.
    • Ensure proper indexing and crawlability by submitting an XML sitemap to search engines and resolving any crawl errors identified in Google Search Console.
  5. Link Building and Off-Page SEO:
    • Build high-quality backlinks from authoritative websites in your industry to boost your site's credibility and authority.
    • Focus on earning natural, relevant links through guest blogging, influencer partnerships, and content promotion.
    • Monitor and disavow toxic backlinks that may harm your site's reputation or lead to penalties from search engines.
  6. Social Media Integration:
    • Leverage social media platforms to promote your content and engage with your audience.
    • Share blog posts, infographics, and other valuable content across social channels to drive traffic back to your website.
    • Encourage social sharing and engagement by including social sharing buttons on your website and optimizing your content for social media.
  7. Local SEO Optimization:
    • If you operate a local business, optimize your website for local search to attract customers in your geographic area.
    • Claim and optimize your Google My Business listing with accurate business information, photos, and customer reviews.
    • Ensure consistency of NAP (Name, Address, Phone Number) information across your website, local directories, and citations to improve local search visibility.

Read More >

The Growing Influence of Everyday Voices: Micro-Influencers in Digital Marketing

 


In the vast world of digital marketing, there's a rising trend that's catching everyone's attention: micro-influencers. These aren't your typical celebrities or social media giants with millions of followers. Instead, micro-influencers are everyday people who have smaller but highly engaged audiences. They might be passionate about cooking, fashion, fitness, or any other niche interest. And in 2024, they're changing the game of digital marketing in a big way.


Who Are Micro-Influencers?

Micro-influencers are individuals who have a modest but dedicated following on social media platforms like Instagram, TikTok, YouTube, and blogs. Unlike macro-influencers or celebrities, micro-influencers typically have between 1,000 to 100,000 followers. While their reach may be smaller compared to mega influencers, their impact is significant because of the genuine connections they have with their audience.


Why Micro-Influencers Matter in Digital Marketing

So, why are brands turning to micro-influencers? The answer lies in authenticity and engagement. Micro-influencers often have a more intimate relationship with their followers. Their content feels relatable, authentic, and trustworthy. When a micro-influencer recommends a product or service, their audience is more likely to listen and take action.


Benefits of Working with Micro-Influencers

1.      Authenticity: Micro-influencers are seen as everyday people, making their endorsements feel genuine and trustworthy.

2.      Niche Audiences: Micro-influencers often cater to specific niches or communities, allowing brands to target precise demographics effectively.

3.      High Engagement: Micro-influencers tend to have higher engagement rates compared to macro-influencers or celebrities. Their followers are genuinely interested in their content and are more likely to interact with sponsored posts.

4.      Cost-Effective: Collaborating with micro-influencers is often more affordable than partnering with larger influencers. Brands can stretch their marketing budget further while still reaching engaged audiences.


How Brands Collaborate with Micro-Influencers

Brands collaborate with micro-influencers in various ways, including:

1.      Product Reviews and Recommendations: Micro-influencers share their genuine opinions about products or services with their audience through reviews, tutorials, or recommendations.

2.      Sponsored Content: Brands pay micro-influencers to create sponsored posts featuring their products or services. These posts may include photos, videos, or stories showcasing the brand in an authentic way.

3.      Giveaways and Contests: Brands partner with micro-influencers to host giveaways or contests, increasing brand visibility and engagement.

4.      Affiliate Marketing: Micro-influencers earn a commission for promoting a brand's products or services and driving sales through unique affiliate links.


The Future of Micro-Influencers in Digital Marketing

As we look ahead to the future of digital marketing in 2024 and beyond, micro-influencers are expected to continue playing a significant role. Brands will increasingly recognize the value of authentic connections and niche audiences. With the right strategy, micro-influencer partnerships can drive brand awareness, engagement, and ultimately, conversions.

In conclusion, the rise of micro-influencers represents a shift towards more authentic and relatable marketing in the digital landscape. By leveraging the influence of everyday voices, brands can forge genuine connections with their target audience and stay ahead in an ever-evolving digital world.
Read More >

Sunday, January 17, 2016

Cara Membuat Tombol Badge untuk BlogSpot dan Wordpress

dgenera-widgets
Anda telah melihat banyak blog dan direktori menggunakan tombol kecil untuk mempromosikan situsnya. Tombol mikro ini hadir dalam ukuran 80x15 pixel. Kita semua bisa membuatnya dengan mudah menggunakan Photoshop atau apapun, namun sekarang ada cara yang jauh lebih mudah untuk membuat sebuah tombol tersebut secara online. Tool ini memberikan Anda beberapa pilihan untuk membuat tombol yang baik dan sesuai keinginan Anda untuk Blogger atau Wordpress. Anda dapat memilih warna background, garis tepi, jenis font dan teks. Tool ini sangat mudah digunakan dan tidak ada keterampilan khusus yang diperlukan untuk merancang sebuah tombol. Namun saya akan berbagi beberapa tips yang mungkin bisa membantu Anda.

Bagaimana Cara Mendesain Tombol yang Cantik?
Tool ini memungkinkan Anda untuk membuat tombol mikro yang indah. Ikutilah tips di bawah ini, sangat mudah.
  • Klik link Buat Tombol Sekarang.
  • Centang "Base Color is Transparent".
  • Hilangkan Centang "Border Color is Transparent".
  • Pada "Button Size" pilih "80 x 15 pixels".
  • Pada "Border Color" ganti dengan #dddddd. Untuk mengganti warna klik kotaknya (tempat kode dituliskan) dan kemudian arahkan mouse Anda ke "Color Picker" untuk memilih warna kesukaan Anda.
  • Klik tombol "Update" di bagian paling bawah untuk melihat preview-nya.
  • Sekarang di bagian "Left Side Text" masukkan singkatan untuk blog Anda. Misalkan miliki saya adalah "DGR".
  • Pada "Right Side Text" masukkan saja keyword Anda atau apa saja misalnya: button atau widgets.
  • Jika Left Side Text tidak cukup untuk singkatan Anda maka itu bisa dilebarkan dengan merubah nilai di bagian "Vertical bar Position".
  • Jika Anda sudah yakin, klik tombol Update dan klik kanan pada gambar untuk disimpan.
  • Yang terakhir adalah Upload gambar Anda di blogger.

Bagaimana Cara Menggunakannya untuk Promosi Blog Anda?
Sekarang hubungkan gambar tombol tadi dengan URL blog Anda dengan menggunakan kode HTML di bawah ini:

<a href="BLOG LINK" ><img  border="0" src='BUTTON LINK' rel="BLOG KEYWORD"/></a>

Ganti BLOG LINK dengan URL blog Anda.

Ganti BUTTON LINK dengan URL gambar yang sudah Anda upload di blogger tadi.

Ganti BLOG KEYWORD dengan keyword yang mendeskripsikan konten blog Anda. Contoh milik saya adalah "Blogger Widgets".

Gunakan kode HTML ini dan bagikan kepada relasi Anda untuk dipasangkan di blog lain jika mereka bersedia memasang link Anda di sana. Dengan begitu Anda telah melakukan mempromosikan blog Anda. Saya harap tool ini bermanfaat untuk Anda dan bisa Anda gunakan untuk meningkatkan traffic blog Anda. Terimakasih sudah berkunjung.

Read More >

Friday, January 1, 2016

Bagaimana Cara Membandingkan Lalu-lintas Website?

online-marketing-graph
Ketika saya melakukan browsing, saya menemukan sebuah tool yang dibuat oleh Compete.com yang dapat digunakan untuk membandingkan traffic website. Anda dapat menggunakannya untuk membandingkan traffic website Anda dengan pesaing Anda. Anda dapat menggunakannya untuk melihat siapa yang memiliki lebih banyak lalu lintas: Google atau Yahoo? Facebook atau Twitter? Blogger atau Wordpress? dan sebagainya. Selanjutnya tool ini akan memberikan kita wawasan mengenai detail statistik lalu lintas situs dengan membandingkan jumlah pengunjung tahunan atau bulanan. Beberapa fitur dari tool ini bersifat berbayar, namun Anda masih bisa menggunakan fitur yang free seperti saya biar irit. Saya harap Anda menyukainya dan tidak ada ruginya juga kan untuk mencobanya.

Blogger atau Wordpress yang Memiliki Traffic Lebih Tinggi?
Saya mencoba untuk membandingkan Blogger.com dan Wordpress.com dan sayangnya hasilnya akan membuat beberapa dari Anda tidak puas. Baiklah mari kita lihat screen shot di bawah ini!

statistik-blogger
Statistic Blogger.com Traffic

statistik-wordpress
Statistic Wordpress.com Traffic
Nah, sangat terlihat perbedaannya kan? Bahwa Wordpress.com memiliki traffic lebih tinggi daripada Blogger.com. Tapi saya masih mencintai Blogger karena kostumisasinya relatif lebih mudah dan user friendly. Silahkan Anda pilih platform mana yang Anda sukai.

Read More >

Friday, December 25, 2015

Skill yang Dibutuhkan Untuk Menjadi Seorang Blogger Profesional?

Menjadi-Blogger-Profesional
Kata "Blogger" hanya mendefinisikan seseorang yang menghasilkan konten yang konten yang berkualitas dan menerbitkannya secara online. Jadi siapa saja yang menerbitkan sesuatu yang baru dan unik untuk media online disebut "Blogger". Tapi, bagaimana Anda akan mendefinisikan seorang "Blogger Profesional"? Dalam tutorial kali ini, saya akan mendeskripsikan setiap detail yang mungkin terkait dengan Blogger-blogger Profesional. Semua orang suka menghasilkan uang secara online, tapi tidak semua orang menerapkan formula yang benar dan itulah mengapa orang sering meninggalkan aktivitas blogging mereka. semua rincian di bawah ini didasarkan pada apa yang saya amati pada pemilik blog-blog profesional. Sehingga mungkin ini dapat memandu Anda untuk bertahan dalam kompetisi dunia online yang sangat berkembang seperti sekarang ini.

Seorang Blogger Profesional seharusnya tidak hanya menjadi penulis yang fasih tapi dia juga harus membangun keterampilan tambahan yang dapat membantunya untuk mengatur blog dan memahami tuntutan pasar. Media online haus akan orang-orang terampil dan blogger yang sukses seharusnya seperti itu. Jadi, mari kita simak beberapa poin di bawah ini.

Catatan:
Tips di bawah ini hanyalah sebagai gambaran untuk Anda agar dapat memberikan motivasi pada diri Anda untuk menjadi sebuah pabrik keterampilan. Karena mereka yang memiliki keterampilan tahu bagaimana cara merubah blog kecil ke tingkat berikutnya tanpa tergantung pada orang lain.

Mempelajari Web Designing (Harus)
Jika Anda bertanya kepada orang yang sudah menyelesaikan pendidikan di bidang ilmu komputer atau rekayasa perangkat lunak, maka ia akan bersikeras mengatakan bahwa mempelajari hal ini sangat penting. Mengikuti kursus atau pendidikan di sebuah lembaga akan meningkatkan kemampuan Anda dalam hal web desain. Mempelajari ini akan sedikit memakan waktu, namun Anda akan dapat mengembangkan keterampilan Anda dibanding harus belajar sendiri. Hanya membutuhkan waktu sekitar 4 bulan untuk menjadi seperti mereka bahkan mungkin lebih baik.

Apa itu Web Designing?
Web desain adalah seni membangun halaman web dari awal dengan menggunakan alat-alat dan bahasa web terbaru. Berikut ini adalah program yang harus Anda pelajari untuk mencapai tujuan Anda.

1. Adobe PhotoShop 
Photoshop adalah perangkat lunak editing gambar 2D yang banyak digunakan dalam industri sebagai alat yang paling efektif dalam menciptakan gambar grafis dalam format seperti png, jpeg, dan gif. Semua logo, banner, gambar web yang Anda lihat di situs web rata-rata dibuat menggunakan alat ini. Saran saya, Anda berlatih menggunakan versi terbaru dari aplikasi ini untuk dapat memahami bagaimana menerapkan semua efek yang hebat. Bekerja keraslah tentang cara menggunakan Gradients, Styles, Brushes, dan Font.

Photoshop termasuk sub bagian yang disebut Adobe ImageReady. Ini digunakan untuk membuat gambar animasi menggunakan format gif. Jadi, selama belajar Photoshop Anda harus berusaha mempelajari ImageReady juga. Banyak video tutorial mengenai ini di Youtube dan Google juga bisa dijadikan teman baik selama belajar.

2. CSS dan HTML
HTML adalah singkatan dari "Hyper Text Markup Language" dan CSS singkatan dari "Cascading Style Sheets". Ini adalah bahasa untuk mendeskripsikan halaman web. Ini bukan sebuah bahasa pemrograman, ini menggunakan tag markup. Anda menggunakan HTML untuk membangun infrastruktur kerangka padat dari sebuah halaman web. Dan Anda menggunakan CSS untuk membuat tata letak dan gaya dengan warna, font, background, efek, posisi, alignment, dll.

HTML ini ibaratkan kerangka halaman web dan CSS adalah daging dan kulit. Tanpa CSS, halaman web akan tampak kusam dan abu-abu. Perlu dicatat bahwa Anda sebaiknya mempelajari HTML terlebih dahulu kemudian belajar CSS.

3. Adobe Dream Weaver
Setelah memahami HTML dan CSS, akan lebih lengkap jika Anda belajar Dream Weaver juga. Dream Weaver adalah sebuah jantung dari desai web. Ini adalah aplikasi pengembangan web yang digunakan untuk membangun website kreatif secara offline. Ini adalah perangkat lunak cukup canggih yang bahkan termasuk dukungan untuk bahasa scripting server-side dan kerangka kerja seperti PHP, ASP dan ColdFusion, dan Scriptlet. Tapi Anda hanya perlu belajar bagaimana menggunakan alat ini untuk secara efektif menerapkan keterampilan HTML dan CSS.

Baiklah selamat berusaha dan belajar bagaimana cara membangun sebuah website yang Anda sukai sesuai dengan keinginan Anda. Terimakasih! 
Read More >

Friday, September 18, 2015

5 Tips Menulis Konten Blog yang Menarik Banyak Pengunjung

konten-yang-menarik
Apa yang membuat Anda kesulitan untuk membuat tulisan? Apakah menurut Anda tulisan yang Anda buat sudah bisa menarik pengunjung sebanyak-banyaknya? Nah, Konten adalah salah satu yang utama untuk keberhasilan blog. Disaat Anda memutuskan untuk memulai aktivitas blogging maka Anda sudah harus siap dan mampu untuk menghasilkan tulisan-tulisan yang berkualitas untuk pembaca Anda. Google memiliki algoritma untuk menilai sebuah konten blog itu menarik atau tidak, maka jika Anda ingin eksis di Google sudah seharusnya Anda menuruti permintaannya. Dengan membuat tulisan yang unik dan berkualitas, pengunjung dan pembaca akan ketagihan dengan hidangan yang Anda sajikan. Pada tulisan kali ini saya akan berbagi sedikit tips untuk Anda bagaimana cara menulis konten yang efisien.

1. Jadilah Diri Anda Sendiri
Salah satu rintangan terbesar untuk sukses dalam blogging adalah Anda mencoba untuk menjadi orang lain. Ingat! Anda bukan mereka. Anda tidak akan pernah menjadi orang lain. Anda adalah Anda. Anda itu unik dan hanya satu di dunia. Anda memiliki sesuatu yang menakjubkan dan bakat yang tidak banyak orang memilikinya. Anda memiliki perspektif tentang kehidupan yang tidak ada pada orang lain di seluruh dunia karena tidak ada orang lain seperti Anda. Belajarlah dari blogger lain hanya untuk mencari tahu siapa Anda sebenarnya dan jadilah diri Anda sendiri bukan menjadi mereka.

2. Percaya Diri
Sangat mudah memang untuk putus asa dan merasa benar-benar tidak berguna ketika melihat blogger lain yang tampaknya memiliki lebih banyak kreativitas, blog cantik, blog yang lebih ter-update, memiliki traffic tinggi, banyak feedback, memiliki banyak follower, dan seterusnya. Dengan begitu Anda telah menghabiskan banyak waktu Anda untuk mengkhawatirkan sesuatu yang tidak berguna.

Apapun yang terjadi Anda harus percaya diri bahwa yang telah Anda lakukan adalah yang terbaik dan itulah hasil karya Anda. Yang unik, beda, dan luar biasa. Menghabiskan banyak waktu untuk mengkhawatirkan apa yang orang lain pikirkan itu hanya akan membuang waktu Anda.

3. Libatkan Diri Anda
Berinteraksi dengan pembaca dan menanggapi komentar dan email sebanyak yang Anda bisa. Meminta saran kepada pembaca Anda dan dengarkanlah apa yang mereka berikan kepada Anda. Pembaca Anda ingin tahu bahwa Anda menghargai mereka. Itu harus Anda lakukan, karena tanpa mereka Anda tidak akan memiliki siapapun di blog Anda. Jangan takut untuk mencoba hal-hal baru. Jangan selalu memposting hal yang sama dengan cara yang sama. Masukkan di dalam postingan Anda beberapa masalah di luar topik. Kejutan sesekali dan postingan yang tak terduga akan memberikan pengalaman menarik pada Anda.

4. Sesuai Kenyataan
Pembaca tidak mencari kesempurnaan, mereka mencari realitas. Jangan sekali-sekali Anda berpura-pura bahwa Anda memiliki semuanya. Jujur, terbuka, dan harus sesuai. Orang akan suka dengan hal yang asli, dan mereka akan lari dari kemunafikan.

5. Berusaha Menjadi Sempurna
Ini mungkin agak sulit dilakukan, tapi saya tidak berbicara tentang menjadi sempurna sebagai pribadi Anda. Tetapi menjadi seorang blogger yang rinci dan teliti. Kesalahan ketik dan kesalahan bahasa sering sangat menjengkelkan bagi pembaca.

Selalu mengoreksi tulisan Anda setidaknya dua kali sebelum mempublikasikannya. Terus berusaha untuk meningkat sebagai penulis. Tolong jangan gunakan paragraf yang besar tanpa jeda. Ini dimaksudkan untuk memberi pembaca kesempatan untuk beristirahat sejenak. Paragraf blog sebaiknya tidak lebih dari beberapa baris yang panjang sehingga orang dapat membacanya dengan mudah di layar komputer.

Sebaiknya jangan menggunkan tanda seru yang berlebihan, jangan menggunakan beberapa font yang berbeda. Sertakan grafis/ foto atau video pada postingan Anda. Dan yang paling penting adalah mengoreksi tulisan Anda sebelum mempublikasikannya.

Read More >

Thursday, September 17, 2015

5 Cara Ampuh Merencanakan Pembuatan Blog yang Baik

5-cara-merencanakan-pembuatan-blog
Beberapa permasalahan yang mungkin dianggap sepele oleh sebagian orang adalah sebuah perancanaan yang matang sebelum mereka membuat blog, khususnya bagi seorang pemula. Ada hal-hal penting yang harus dipikirkan secara matang sebelum Anda membuat sebuah web blog. Tentunya semua orang yang akan memulai aktivitas blogging-nya ingin memiliki blog dengan traffic tinggi. Maka dari itu Anda perlu menghabiskan beberapa minggu untuk memikirkan bumbu-bumbu sebelum Anda mengolahnya menjadi sebuah blog. Pada artikel ini saya akan memberikan tips penting untuk merencanakan pembuatan blog yang baik.

1. Pilihlah Nama yang Ideal untuk Blog Anda
Nama blog harus mencakup misi blog Anda dan harus jelas mengartikulasikan tujuan blog Anda. Jangan terburu-buru pada langkah ini. Ambil satu atau dua minggu untuk mempertimbangkan nama-nama blog yang potensial. Mintalah beberapa teman yang mengerti hal ini untuk memberikan masukan kepada Anda. Setelah Anda menemukannya, Anda perlu melihat apakah nama itu tersedia atau tidak. Jadi, Anda harus memastikan tidak ada yang menggunakan nama Anda atau variasi yang serupa.

2. Membeli Nama Domain dan Variasinya
Segera setelah Anda mendapatkan nama blog yang Anda sukai dan telah memeriksa bahwa tidak ada yang menggunakannya, belilah domain dengan segera. Biayanya mungkin sekitar $10 sampai $20 per tahun. Namun jika Anda berencana membuat blog Anda melalui Blogger maka itu jauh lebih mudah karena gratis. Namun saya menyarankan, jika Anda ingin mengubah blog Anda menjadi sebuah bisnis yang sukses maka Anda wajib membeli nama domain dan variasinya. Dengan begitu Anda tidak perlu khawatir dengan orang lain yang mendirikan situs dengan nama domain yang mirip dengan Anda.

3. Pilihlah Platform yang Anda Sukai
Ada dua platform yang kami tawarkan yaitu Blogger dan Wordpress. Anda silahkan pilih salah satu atau terserah Anda mungkin ingin menggunakan keduanya. Namun, memang ada kelebihan dan kekurangan dari tiap-tiap platform tersebut. Anda cukup mempelajarinya entah dari orang lain, membaca, dan mencoba. Saya sendiri lebih menyukai Blogger karena langsung terintegrasi dengan Google Account, jika Anda memiliki account Gmail atau Google reader otomatis Anda sudah memiliki account Blogger. Wordpress juga memiliki kelebihan salah satunya juga terintegrasi dengan produk Automattic seperti Akismet dan Gravatar. Keduanya memiliki proses sign-up yang mudah.

4. Menyewa Desainer
Katakanlah Anda sudah melakukan update konten secara teratur dan memiliki banyak pengunjung dpada blog Anda. Saya ingin mengatakan bahwa kualitas konten dan konsistensi untuk memperbaharui adalah yang terpenting, namun memiliki desain bagus dan kemudahan pengguna/ pengunjung juga sangat penting. Jika pembaca melihat desain blog Anda kusam atau tata letak tidak teratur, saya bisa pastikan mereka akan segera pergi untuk mencari blog lain.

Tidak usah muluk-muluk untuk memiliki desain yang cetar membahana. Cukup dengan sebuah desain yang bersih dan navigasi yang mudah maka itu cukup untuk merubah dunia Anda. Nah, jika Anda tidak bisa mendesain sendiri, perlulah Anda menyewa seorang desainer untuk melakukannya. Namun saya rasa lebih baik lagi jika Anda mau mempelajari beberapa teknik HTML dasar sehingga Anda dapat men-tweak sidebar sendiri.

5. Rencanakan Tulisan Anda secara Sistematis
Sering saya menemukan konten blog yang alakadarnya, dan itu cukup membuat saya untuk langsung meninggalkan tanpa saya baca terlebih dahulu. Nah, jika Anda ingin pengunjung tetap berada di sekitar Anda, Anda harus memiliki kedalaman konten, seri, dan tulisan yang bervariasi. Sebelum Anda muncul di muka publik, buatlah dulu sekitar 10 sampai 15 posting, dan siapkan juga 15 posting lainnya untuk update berikutnya. 

Rencanakan posting secara teratur, ingat bahwa memposting 3 kali seminggu jauh lebih baik daripada 30 kali seminggu namun dalam jeda beberapa bulan. Yang paling penting dalam hal ini adalah konsistensi.

Mudah-mudahan bermanfaat, silahkan berkomentar dan jangan lupa bagikan artikel ini ke lainnya juga. Terimakasih!
Read More >

Wednesday, September 16, 2015

5 Sifat yang Wajib Diperlukan Seorang Blogger Sukses

menjadi-blogger-sukses
Salah satu pertayaan yang paling sering dipertanyakan seorang blogger adalah "Bagaimana untuk menghasilkan uang?". Jawaban singkatnya adalah mungki lebih mudah atau lebih sulit dari apa yang Anda pikirkan. Sangat mudah karena hanya memerlukan sedikit keterampilan dan kemampuan, Anda tidak butuh gelar ataupun sertifikat apapun untuk melakukannya. Di sisi lain, mendirikan sebuah blog yang sukses sangat memerlukan sejumlah usaha besar, tekad, konsistensi, dan ketekunan. Jika Anda ingin menjadi blogger sukses, berikut adalah lima kualitas yang harus Anda miliki.

1. Blogger Sukses adalah Seorang Maraton, bukan Sprinter
Siapapun bisa menjadi blogger yang sukses, kecuali Anda adalah seorang selebriti yang mungkin hanya membutuhkan waktu semalam untuk berhasil. Dibutuhkan kerja keras, keringat, dan keuletan. Mungkin beberapa bulan sebelum Anda berpenghasilan melalui blog, Anda akan menghabiskan jam-jam Anda untuk aktivitas blogging. Tidak ada yang instan.

2. Blogger Sukses Memiliki Gairah Luar Biasa
Jika Anda tidak berpikir Anda bisa menulis tiga posting per minggu untuk dua tahun ke depan dari topik blog yang Anda pilih, Anda membutuhkan pilihan topik berbeda atau ide yang berbeda yang disukai. Menjadi seorang blogger harus memiliki sesuatu yang konsisten dalam konten blognya dan itu harus dilakukan secara teratur.

3. Blogger Sukses Dimulai dari Diri Sendiri
Sebetulnya bagus bila Anda dapat belajar dari orang lain tentang dunia blogging, namun jika Anda selalu disuapi terus menerus, Anda tidak akan berhasil. Singsingkan lengan baju Anda dan mulailah menggali dan meneliti. Membaca buku-buku blogging, mencontoh blogger yang sudah berhasil, dan melakukan eksperimen.

4. Blogger Sukses Adalah yang Kreatif
Di pasar yang sudah jenuh, ide dan pendekatan yang segar dan unik sangat penting untuk dapat menyingkirkan pesaing-pesaing Anda. Jadilah seseorang yang berbeda dari semua blogger lain dalam niche Anda? Secara sederhada adalah Anda harus memiliki sesuatu yang berbeda dalam kategori yang sama dengan orang lain.

5. Blogger Sukses Harus Konsisten
Pembaca akan datang kembali ketika mereka dapat mengandalkan Anda setelah secara teratur memperbarui konten blog Anda. Dengan memposting konten tiga kali per minggu akan lebih baik daripada memposting tiga puluh kali satu minggu setiap beberapa bulan. Yang diperlukan disini adalah konsistensi Anda dimana Anda dituntut untuk meng-update konten secara berkala dan teratur.

Oke mudah-mudahan dapat membantu dan memotivasi Anda untuk lebih konsisten lagi menjadi seorang Blogger profesional. Jangan lupa berkomentar dan bagikan tulisan ini kepada teman Anda agar semuanya tidak ketinggalan berita. terimakasih!
Read More >

Thursday, July 30, 2015

Cara Memperbaiki Website Anda Saat Dihack

amankan-situs-anda
Hal seperti ini bisa terjadi pada semua situs bahkan yang sudah memiliki banyak perlindungan sekalipun. Keamanan merupakan masalah utama saat ini. Dan jika situs Anda dihack, itu bisa rusak dalam beberapa cara. Anda bisa kehilangan semua data Anda atau kehilangan peringkat karena aktivitas berbahaya. Jadi, sebaiknya Anda melakukan backup secara periodik, Anda tidak dapat mencegah seseorang dari aktivitas hacking ke situs Anda. Yang terbaik dan praktis untuk dilakukan adalah memulihkan situs Anda secepat mungkin sehingga efek dari serangan dapat dinetralisasi/ diminimalkan.
Berikut adalah beberapa tips yang dimiliki oleh Google untuk mendapatkan website Anda kembali ke jalur yang benar setelah dihack.

Membersihkan Script Berbahaya
Hacker dapat menargetkan situs Anda dengan sejumlah motif. Dari mencatat website Anda dan menghapus konten untuk hanya menambahkan backlink secara diam-diam, ada banyak yang bisa dilakukan. Jika Anda melihat konten yang mencurigakanyang muncul di website Anda, hapuslah halaman tersebut dengan segera. Namun, jangan berhenti di situ.

Hacker akan sering memasukkan script berbahaya ke dalam HTML dan file PHP. Ini bisa terjadi secara otomatis membuat link balik nakal atau bahkan halaman baru. Pastikan Anda memeriksa source code web Anda dan melihat setiap PHP berbahaya atau kode JavaScript yang bisa membuat konten tersebut.

Menjaga CMS Anda
Website sering mendapatkan hack karena kerentanan dalam CMS yang bisa ditambal dengan update. Jika Anda menjalankan versi lama, situs Anda lebih rentan terhadap serangan. Pastikan Anda melakukan update pada CMS Anda, dan menggunakan sandi yang kuat untuk login. Jika memungkinkan, mengaktifkan verifikasi dua langkah untuk mengamankan proseslogin.

www vs non-www
www dan non-www URL adalah berbeda. http://www.example.com tidak sama dengan http://example.com - sebelumnya mengacu pada sub-domain 'www', sedangkan yang terakhir adalah akar dari situs Anda. Ketika memeriksa konten berbahaya, memverifikasi versi non-www dari situs Anda sebagai hacker sering mencoba untuk menyembunyikan konten dalam folder yang mungkin diabaikan oleh webmaster.

Tips Keamanan Lain yang Berguna
  • Hindari menggunakan FTP ketika mentransfer file ke server Anda. FTP tidak mengenkripsi lalu lintas, termasuk password. Sebaliknya, gunakan SFTP yang akan mengenkripsi semuanya termasuk password Anda sebagai perlindungan terhadap pihak memeriksa lalu lintas jaringan.
  • Memeriksa hak akses pada file sensitif seperti .htaccess. Penyedia hosting Anda mungkin dapat membantu Anda jika Anda memerlukan bantuan. File .htaccess dapat digunakan untuk meningkatkan dan melindungi situs Anda, tetapi juga dapat dihack jika mereka dapat memperoleh akses ke sana.
  • Waspada dan mencari pengguna baru dan asing di panel administrasi dan tempat lain dimana mungkin ada pengguna yang dapat memodifikasi situs Anda.
Jangan ragu meninggalkan thread baru di forum diskusi kami. Silahkan bagikan konten ini agar semuanya bisa wasada dan tahu.
Read More >

Monday, February 23, 2015

5 Trik Keren CSS Untuk Membumbui Website Anda

kode css
CSS adalah bagian dasar dari halaman Web manapun dan yang memberikan tampilan khas di dalamnya. CSS kadang sederhana dan kadang juga terasa rumit jika kita pelajari dari aturan tipografi sederhana untuk menghasilkan animasi yang kompleks. Kode ini dapat digunakan untuk membuat hal-hal yang menakjubkan. Kali ini kami akan berbagi beberapa gaya CSS yang mungkin berguna untuk Anda dan dapat digunakan pada website Anda sebagai bumbu-bumbu penyedap tampilan.

1. Blurry Text
Teks yang blur memiliki daya tarik tertentu dan sering digunakan untuk mengarahkan perhatian terhadap bagian tertentu dari teks. Belum lagi itu juga terlihat keren :) Berikut ini kode CSS untuk membuat efek blur pada teks. Caranya adalah dengan membuat teks transparan kemudian tambahkan drop shadow seperti berikut.

.blurry-text {
   color: transparent;
   text-shadow: 0 0 4px rgba(0,0,0,0.5);
}

Ini adalah contoh teks yang tampak blur.

2. Animated Gradient
Kedengarannya keren kan? Sebenarnya Anda tidak dapat menghidupkan warna gradien seperti beberapa properti CSS lainnya. Anda bisa memindahkan latar belakang sekitar untuk membuatnya terlihat seperti animasi.

button {
    background-image: linear-gradient(#518712, #124555);
    background-size: auto 200%;
    background-position: 0 100%;
    transition: background-position 0.5s;
}
button:hover {
    background-position: 0 0;
}

3. Image Grayscale
Grayscale atau efek hitam putih akan membuat sebuah gambar tampak berkelas dan keren. Anda dapat menerapkan filter SVG ke gambar untuk mengubahnya menjadi grayscale.

<svg xmlns="http://www.w3.org/2000/svg">
    <filter id="grayscale">
        <feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/>
    </filter>
</svg>

img {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */

4. Kostumisasi Tipe Link
Anda dapat menggunakan CSS untuk menyesuaikan bagaimana berbagai jenis link muncul berdasarkan format file mereka. Anda dapat mengatur http://links untuk muncul dengan cara tertentu. Brikut kode CSSnya:

a[href^="http://"]{
    padding-right: 20px;
    background: url(external.gif) no-repeat center right;
}
/* emails */
a[href^="mailto:"]{
    padding-right: 20px;
    background: url(email.png) no-repeat center right;
}
/* PDFs */
a[href$=".pdf"]{
    padding-right: 20px;
    background: url(pdf.png) no-repeat center right;
}

5. Vertical Alignment
Kode ini dapat Anda gunakan juga untuk memberikan sedikit sentuhan pada web Anda. Tidak ada properti sederhana yang dapat Anda terapkan untuk semuanya. Di sini ada gaya transformasi CSS3 yang dapat Anda gunakan untuk penyelarasan secara vertical.

.verticalcenter {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

Dapatkan lebih banyak lagi trik CSS dan bagikan bersama kami. Beritahu kami dengan cara menuliskan di kolom komentar di bawah postingan ini. Terimakasih.
Read More >

Sunday, December 28, 2014

10 Tips Penting Untuk Mempercepat Waktu Loading Blog Anda

waktu-loading-blog
Hampir setiap blogger pemula gagal ketika berusaha untuk mengurangi waktu loading blognya. Sebagian besar tutorial yang tersedia untuk mengurangi waktu yang dibutuhkan untuk memuat semua halaman blog sering tidak jelas dan kurang lengkap. Kami memutuskan untuk berbagi cara untuk memecahkan masalah ini. Di bawah ini adalah 10 tips yang benar-benar menarik dan penting untuk mempercepat waktu loading blog Anda hingga 90%.

1. Link Semua Gambar dalam Template Anda Langsung dari Blogger
Saya akan berbagi tips penting besok tentang menciptakan Backup Gambar di Blogger dan kemudian menghubungkan semua gambar dari sana. Sebagian besar dari Anda menggunakan template yang tidak resmi disediakan oleh blogger. Template ini sering mengandung gambar yang disimpan pada layanan seperti TinyPic atau Photobucket. Ketika blog Anda memuat, browser harus terhubung ke semua server yang menghubungkan ke gambar Anda, akibatnya akan menyebabkan keterlambatan besar dalam waktu loading blog Anda. Apa yang harus Anda lakukan adalah mengganti semua gambar tersebut dengan gambar yang telah disimpan di dalam blogger. Keuntungan dari hal tersebut akan menjadikan browser hanya menghubungkan ke Blogger saja saat memuat gambar Anda, sehingga akan menghemat waktu.

2. Simpan Semua Gambar dengan Format GIF atau PNG
GIF adalah singkatan dari "Graphics Interchange Format" dan PNG singkatan dari "PortableNetwork Graphics". Kedua format ini juga dikompresi lebih kecil dalam ukuran dan luas didukung oleh semua browser. Tapi ukuran kompresi PNG lebih baik daripada GIF. Dalam kasus sekitar 5-25%. Menggunakan format gambar ini sangat mengurangi waktu loading blog Anda sebesar 60% yaitu 70-90 kb. Namun ukurannya juga tergantung jumlah gambar yang Anda gunakan.

3. Berikan Dimensi yang tepat Untuk Gambar
Mengatur lebar dan tinggi pada setiap gambar tertentu akan memudahkan browser untuk memuat gambar dengan cepat.Kurangilah ukuran gambar jika ukuran aslinya lebih besar. General kode HTML untuk gambar akan terlihat seperti ini:

<img width=”” height=”” src=”URL Of Image” />

Lebar dan tinggi akan memerlukan nilai dalam pixel. Satu pixel sama dengan titik di layar. Sebuah ukuran gambar penuh di blog saya akan memiliki lebar sekitar "550px" dan tingginya dapat saya buat sesuai keinginan. 550px hampir sama dengan lebar posting saya. Browser merasa lebih mudah untuk memuat gambar yang dimensinya ditentukan. Pastikan Anda membuat kebiasaan untuk menentukan ukuran yang tepat untuk gambar Anda.

4. Jangan Gunakan Sebuah Gambar Sebagai Background
Jika Anda menggunakan gambar sebagai background maka saya sarankan untuk menghapusnya. Sebuah gambar latar belakang berulang secara horizontal dan vertikal dan menghabiskan 50% waktu loading blog Anda menjadi semakin lambat. Dengan menghapusnya silahkan lihat perbedaannya. Untuk menghapus gambar latar belakang hanya dengan menemukan kode CSS di dalam template Anda. (Ini terletak di bagian atas blog Anda. Cukup mencari body)


body { background: #7AA1C3 url(http://xyz.com/blabla.jpg);
width: 980px;
color: #333;
font-size: 14px;
font-family: Georgia;
margin: 0 auto 0;
padding: 0; }

Kode ini akan terlihat berbeda dalam template Anda, tetapi Anda hanya harus melihat teks yang bercetak tebal saja. Cukup hapus URL (http://xyz.com/blabla.jpg) dan menyimpan template Anda. berikan warna sederhana untuk latar belakang blog Anda. #7AA1C3 mengacu pada Background Color. Anda dapat mengubahnya dengan menggunakan Hexadecimal Color Chart milik saya

5. Simpan Semua JavaScript Dalam Blogger
Mengapa Anda harus menghubungkan ke situs eksternal untuk menyimpan JavaScript Anda sementara Anda dapat dengan mudah menyimpannya di Blogger! Simpan semua kode JavaScript Anda di dalam template Anda tepat di atas kode </head>, lihat contoh di bawah ini:

<script type='text/javascript'>
//<![CDATA[
Paste Your JavaScript Code Here
//]]>
</script>

Untuk menemukan URL JavaScript yang terhubung ke situs eksternal, carilah <script type = 'text / javascript'> dalam template Anda (Periksa 'expand widget templates' kotak di pojok kanan atas). setelah Anda menemukan link seperti itu, buka link tersebut di browser. Anda akan melihat potongan besar teks yang kompleks di jendela dan itu adalah kode JavaScript Anda. Cukup copy paste kode di atas bersama. Ganti semua kode JavaScript dalam template Anda dengan kode di atas dan pastikan bahwa Anda telah mengekstrak kode dari link dan disisipkan dalam kode above.above </ head> menggunakan kode di atas.

6. Jagalah Kualitas Script Template Blogger Anda tetap Baik
Kesalahan utama yang sering dilakukan adalah mengupload template yang menarik bagi mereka. Kebanyakan template blogger yang tidak resmi yang tersedia di blogosphere sering dibuat oleh orang-orang yang tidak menyadari penggunaan HTML dan JavaScript yang tepat. Script template yang tidak tepat, tag yang kosong dan tidak diperlukan, serta JavaScript yang rusak sering membuat spider kesulitan menjelajah isi weblog Anda. Browser juga akan memakan waktu yang lama untuk membaca script yang rusak. Jadi, gunakanlah template yang memiliki script yang baik.

7. Batasi Penggunaan Iklan
Jika Anda melakukan blogging hanya untuk mendapatkan keuntungan dengan memasang potongan iklan yang besar dan banyak maka keputusan Anda kurang tepat. Jangan membuat blog sebagai pasar ikan. Tampilkan saja beberapa iklan penting dan tempatkanlah di posisi yang tepat dalam blog Anda. Melakukan ini akan menjaga interface blog Anda tetap bersih dan mudah untuk dijelajahi oleh browser. batasilah iklan Anda maksimal 3 sudah cukup karena penggunaan javaScript yang berlebihan dapat memperlambat loading blog Anda.

8. Jangan Gunakan Widget dari Blog Directories yang Menggunakan Gambar
Saya melihat baru-baru ini yang banyak dikunjungi adalah widget yang disediakan oleh blogcatalog dan mybloglog. Widget ini menggunakan JavaScript yang menghubungkan ke situs lain dan menggunakan gambar sehingga akan menambah waktu buka blog Anda. Saya menggunakan meta tag yang diberikan oleh mereka bukan menggunakan widget mereka. Hal ini membantu dalam mengurangi waktu yang dibutuhkan untuk memuat seluruh halaman saya. Jika Anda benar-benar ingin menggunakan widget ini silahkan tampilkan beberapa gambar saja.

9. Tampilkan Hanya Empat atau Lima Postingan di Halaman
jangan tampilkan lebih dari 4-5 postingan di Homepage. Melakukan hal ini akan membuat pembaca Anda sibuk membaca postingan yang berbeda dan mereka juga akan menemukan hal menarik untuk melihat seberapa cepat beban Homepage.

10. Menghilangkan Link Eksternal
Jangan gunakan widget yang berasal dari situs eksternal selain blogger. Singkirkan counter stats dan gunakan Google Analytics. Jangan menyimpan gambar pada layanan lain tetapi gunakanlah blogger. Simpan semua JavaScript dalam blogger seperti dibahas di atas. Jangan menambahkan link dari direktori blog, mereka tidak membawa lalu lintas dengan pengecualian blogcatalog dan mybloglog.
Read More >

Tuesday, March 4, 2014

Bagaimana Cara Menjadwal Posting Blog di Google Plus?

schedule google plus posts
Penjadwalan postingan adalah salah satu fitur yang paling penting dalam pemasaran di jaringan sosial. Penjadwalan membantu dengan konsistensi, dan konsistensi dapat membuat perbedaan antara keberhasilan dan kegagalan. Banyak situs sosial memiliki fitur ini termasuk platform blogging, Facebook, Pinterest, dll. Kecuali untuk Google Plus, memang aneh karena Google Plus dibangun untuk pemasaran. Tapi itu tidak berarti Anda tidak bisa melakukan penjadwalan. Berikut adalah beberapa cara untuk menjadwalkan update di Google Plus.

Catatan : Sejak Google Plus tidak menunjukkan minat yang melekat dalam memberikan fitur ini untuk para penggunanya, Anda harus memikirkan solusi pihak ketiga untuk melakukan penjadwalan.

Do Share for Chrome
Jika Anda sedang mencari cara cepat untuk melakukan jadwal update Google Plus Anda, silahkan download ekstensi Do Search for Chrome. Cukup tambahkan ekstensi ini dan klik ikon ekstensi pada toolbar untuk memulainya.

Do Share

Jika Anda sudah masuk ke Google, Anda akan melihat antarmuka yang bagus dan mudah untuk membuat dan mengelola postingan Anda. Anda dapat membuat draft, select circles, menjadwal posting Anda, dan banyak lagi.

schedule

Apa yang saya suka tentang aplikasi kecil ini itu memungkinkan Anda memperbaharui halaman Anda serta profil Anda. Klik pada tanda panah di sebelah gambar tampilan Anda akan menampilkan draft semua halaman yang dikelola. Anda dapat menambahkan update ke salah satu halaman tersebut.

Tentu saja ini adalah ekstensi browser, sehingga hanya bergantung pada browser yang terbuka pada waktu yang Anda tetapkan untuk penjadwalan postingan Anda. Jadi ini tidak akan berguna jika Anda ingin menjadwalkan posting untuk hari sebelumnya. Tapi Anda tidak akan sibuk untuk bolak balik ke Google Plus, maka ini adalah alat yang berguna.

Buffer
Buffer adalah banyak digunakan layanan auto-scheduling seperti HootSuite untuk sebagian besar jaringan sosial termasuk Facebook, Twitter, LinkedIn, dan banyak lagi. Baru-baru ini menambahkan dukungan untuk Google+ Pages. Dukungan ini menggunakan API resmi Google sehingga Buffer harus bekerja sangat baik bagi orang-orang yang membutuhkan untuk menjadwalkan update ke Google+ Pages.

buffer

Dengan Buffer Anda dapat menjadwalkan postingan dari situs Buffer, ekstensi browser, atau di mana pun Anda. Dukungan Google+ tersedia untuk semua orang karena disediakan secara gratis.

Buffer memiliki Do Share juga. Anda tidak perlu browser untuk menjalankan saat publishing, Buffer akan mengurusnya secara otomatis.

Read More >

Friday, February 21, 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.

Read More >