Showing posts with label Blogging Tips. Show all posts
Showing posts with label Blogging Tips. Show all posts

Sunday, 17 January 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.

Friday, 1 January 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.

Friday, 25 December 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! 

Friday, 18 September 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.

Thursday, 17 September 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!

Wednesday, 16 September 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!

Thursday, 30 July 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.

Monday, 23 February 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.

Sunday, 28 December 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.

Tuesday, 4 March 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.

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

Wednesday, 19 February 2014

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.

Wednesday, 25 September 2013

Cara Nge-Share Postingan Blog Anda Ke Google+ Secara Otomatis

berbagi-posting-di-google-plus-otomatis
Berbagi konten yang Anda buat secara online di blog mengenai sesuatu hal merupakan cara yang bagus untuk mengembangkan bakat menulis Anda. Selain itu kata-kata pemasaran yang berasal dari ucapan sering dianggap sebagai taktik pemasaran yang terbaik. Konten Anda mendapatkan banyak kesempatan untuk dibaca ketika Anda membagikannya di media sosial. Ini juga penting sekali untuk menumbuhkan blog Anda. Namun seringkali, orang tidak memiliki banyak waktu untuk secara manual membuka halaman media sosial dan berbagi postingan. Nah, saat ini Google telah menambahkan fitur baru untuk blogger yang memungkinkan mereka secara otomatis postingan yang mereka tulis dibagikan di Google Plus.

Bagaimana Cara Menghubungkan ke Google Plus?
Cara integrasinya sangat mudah. Di dashboard Blogger, Anda dapat melihat ikon gear di bagian kanan atas dashboar Anda. Klik itu, dan kemudian klik Connect to Google+ (pilihan itu tersedia hanya jika Anda belum terhubung ke profil Google+).

Atau Anda dapat mengunjungi link ini untuk memulai proses Switching. Semua sangat sederhana.

Setelah Anda menghubungkan akun Anda, blog Anda akan dikaitkan dengan profil Google Plus Anda. Tidak akan ada "kehilangan" data. Hanya, yang sebelumnya adalah profil Blogger Anda sekarang akan menjadi bagian dari profil Google Plus Anda, dan semua data yang relevan akan disinkronkan. Profil Blogger Anda akan menjadi tidak aktif dan pengguna akan diarahkan ke profil Google Plus Anda.

Setelah Anda beralih ke profil Google Plus, Anda memiliki pilihan untuk mengembalikan kembali ke profil Blogger lama dalam waktu 30 hari, setelah itu profil blogger Anda akan dihapus. Dan seperti akun Blogger tunggal dikaitkan dengan semua blog Anda, sehingga profil Google Plus Anda akan dihubungkan dengan semua blog Anda. Jadi Anda tidak dapat memiliki profil Google Plus yang berbeda kecuali jika Anda memiliki akun Google yang berbeda.

Integrasi Blogger dan Google Plus
Jika Anda telah menerapkan Google Plus Commenting System di Blogger (saya sangat menyarankan Anda melakukan itu), komentar Anda akan disinkronkan. Jadi ketika posting secara otomatis dibagikan ke profil Google Plus Anda, dan ketika seseorang mengomentari nya melalui Google Plus, Anda akan dapat melihat komentar di posting blog Anda juga. Ini merupakan fitur yang sangat keren kan??

Jadi, apakah Anda akan mencobanya kawan? Apakah Anda merasa fitur ini akan bekerja secara harmonis untuk membuat Anda jauh lebih mudah? Tinggalkan pengalaman Anda di kotak komentar di bawah ini. :)

Monday, 29 July 2013

Mengapa Meta Description Muncul di Semua Hasil Pencarian?

memasang-meta-description-seo
Salah satu langkah menuju yang lebih baik dalam mengoptimalkan blog Blogger Anda adalah untuk memahami beberapa pekerjaan yang tidak lengkap dan meninggalkan kode-kode yang tidak berguna. Jadi berkat beberapa programer dan SEO sebagian besar bug Blogger telah diselesaikan hingga saat ini. Satu masalah dalam standar Blogger template adalah bahwa Meta description Anda muncul di semua judul postingan Anda dalam hasil pencarian bukannya Post description. Ini efek yang buruk bagi peringkat pencarian Anda secara keseluruhan bahwa deskripsi yang sama yang telah Anda tetapkan untuk situs Anda muncul di bawah semua postingan Anda.

Cara Membuat meta Description Hanya Muncul di Homepage
  • Login dulu ke akun Blogger Anda dan masuk ke Template
  • Backup dulu template Anda bila perlu
  • Kemudian klik Edit HTML
  • Cari meta description yang terletak di bagian atas editor HTML Anda, terlihat seperti ini:
kode-meta-description

  • Sekarang letakkan meta description di antara kode ini.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Meta Description Goes here
</b:if>

  • Simpan template Anda dan selesai!

Cara Lain!
Anda juga dapat mengganti Meta description ini melalui tab Settings di Dashboard Blogger Anda. Caranya adalah dengan mengklik tab Settings kemudian pilih menu Search preferences. Di bagian Meta tags, klik Edit pada opsi Description. Isilah meta tag Anda sesuai dengan bahasan blog Anda kemudian klik Save changes.

seting-meta-description

Saya harap perubahan ini akan sangat menguntungkan Blog Anda dengan hasil pencarian yang lebih baik dan mendapatkan lalu lintas yang lebih bertarget. 

Friday, 26 July 2013

30 Teknik Penting SEO Yang Harus Diterapkan Setiap Blogger - SEO Settings

30-teknik-super-SEO
Belajar SEO sangatlah penting untuk webmaster dan blogger. Kenapa? Karena tidak peduli seberapa besar konten di situs Anda, Anda tidak akan menemukan semuanya dalam hasil pencarian jika Anda tidak menerapkan teknik SEO. SEO membuat konten Anda terlihat di dunia luar. Oleh karena itu, agar konten Anda membawa lalu lintas yang besar, Anda perlu SEO. Kami sebelumnya telah membahas berbagai postingan untuk optimasi mesin pencari, tapi hari ini, kami ingin berbagi beberapa pengaturan SEO yang harus setiap blogger terapkan di blog mereka. Ini khusus untuk Blogger, tapi bukan berarti Anda tidak dapat menerapkan ini di platform lainnya. Baiklah mari kita pelajari!

1.  Memilih Topik dengan Cerdas
Memilih topik posting adalah bagian paling penting untuk menciptakan konten. Topik yang Anda pilih harus sesuai dengan apa yang pengunjung Anda inginkan. Ini harus unik dan asli, serta harus menawarkan sesuatu yang bernilai bagi pengguna. Kemudian, saat Anda membuat postingan, Anda harus bertanya pada diri Anda sendiri beberapa pertanyaan tentang topik dan konten (lihat nomor 20 di bawah ini).

2.  Memeriksa Kompetisi yang Ada
Periksalah ini selalu untuk melihat apa yang pesaing Anda lakukan, topik apa yang mereka posting, strategi apa yang mereka gunakan, dan yang paling pentig apa yang sedang tren di situs web mereka. Saya tidak mengatakan bahwa Anda harus meng-copy-nya. Tetapi mencari petunjuk sebelum menulis dengan ide-ide di konten Anda sendiri.

3.  Memeriksa Konten Terbaru
Pastikan Anda mengikuti tren dan berita terbaru di berbagai jejaring sosial. Menulis tentang apa sang sedang panas dibicarakan. Menulis tentang tren terbaru tidak hanya akan membawa banyak pembaca, tapi juga memberitahu search engine bahwa website Anda itu dinamis dan menyediakan konten yang segar dan terbaru untuk para pengguna internet.

4. Memerikasa Keyword Sebelum Posting
Jadi, Anda telah memutuskan untuk menulis tentang sesuatu. Tapi Anda sedang mencari kata-kata untuk menjelaskan? Anda harus belajar bagaimana untuk melakukan penelitian kata kunci. Anda akan membutuhkan kata kuncu untuk berbagai hal yang berbeda seperti judul, meta description, tag, dan sebagainya. Periksalah artikel-artikel ini dan orang lain untuk mengetahui lebih lanjut tentang hal itu.

5.  Perbedaan antara Penulis dan Blogger
Seorang blogger yang baik mungkin menjadi penulis yang baik, tetapi untuk sebaliknya tidak selalu benar. Seorang penulis yang baik mungkin tahu bagaimana menulis untuk pembaca, tapi blogger juga tahu bagaimana menulis untuk mesin pencari. Untuk menjadi blogger yang baik Anda perlu untuk mengadopsi gaya teknis penulisan, melakukan pendekatan yang konsisten, dan banyak lagi. Silahkan Anda lakukan itu. Silahkan periksa postingan ini.

6.  Batas Kata Penulisan
Tidak adak hal seperti itu untuk postingan blog. Ini murni tergantung pada jumlah posting yang Anda publikasikan dan topik posting. Namun para ahli SEO setuju pada minimal 300 kata pada setiap postingan untuk menghindari hukuman. Kami akan merekomendasikan Anda kisaran rata-rata 500-700 kata, karena itu tampaknya menjadi angka ajaib untuk pembaca. Tidak terlalu pendek sehingga Anda tidak kehilangan hal-hal penting untuk dituliskan.

7.  Judul Adalah Raja!
Judul adalah bagian paling penting dari sebuah posting blog karena itu adalah salah satu yang merangsang pembaca untuk mengklik tulisan Anda. Mengoptimalkan judul postingan perupakan bagian penting dari menjadi seorang blogger yang baik. Periksalah blog ini untuk mempelajari itu semua agar Anda memiliki judul yang disukai mesin pencari.

8.  Optimalkan Permalink
Gunakanlah permalink yang pendek saja. Gunakanlah custom permalink sekitar 5-6 kata maksimalnya dan memisahkan setiap kata dengan tanda hubung "-". Pastikan Anda menggunakan kata kunci yang paling penting dalam permalink (kata kunci fokus Anda).

9.  Kata Kunci Pada Paragraf Awal
Setelah Anda menemukan kata kunci yang cocok, gunakanlah mereka semua dalam paragraf pengantar Anda. Tidak peduli berapa banyak kata kunci yang Anda ingin gunakan tapi setidaknya Anda menampilkan sekali dalam paragraf pembuka Anda. Maka dari itu kata kunci yang baik sangatlah penting bagi search angine.

10. Heading dan Subheading
Selalu gunakan kombinasi dari heading yang berbeda. Biasanya judul blog itu adalah H1, jangan pernah gunakan itu. dan judul blog adalah H2. beberapa sumber menyarankan jangan menggunakan itu. Untuk sebagian besar menggunakan kombinasi H3 dan H4 dalam postingan Anda untuk menentukan hirarki yang jelas dalam konten Anda.

11. Typography
Tipografi mengacu pada styling konten Anda. Hal ini hampir sama pentingnya dengan konten itu sendiri. Cobalah untuk menggunakan warna heading yang berbeda, menggunakan teks miring dan tebal untuk menekankan kata kunci Anda. Setelah Anda selesai menulis konten semuanya, blok semua teks dengan menekan Ctrl + A kemudian buatlah rata kanan kiri agar teks terlihat rapi. Jadi intinya adalah mengatur teks pada konten Anda agar terlihat indah dan enak dipandang mata, itu!

12. Meta Description
Meta description adalah bagian kedua yang paling penting dari postingan Anda (setelah judul postingan), karena pengguna akan melihat apa yang muncul di mesin pencari (bersama dengan judul Anda). Tulislah deskripsi yang sangat singkat paling tidak 170-180 karakter dan pastikan untuk memasukkan semua kata kunci penting di dalamnya.

13. Inter Link
Setiap posting di blog Anda harus memiliki internal link ke posting lain yang relevan. Ini adalah salah satu dari banyak cara untuk meningkatkan peringkat blog. Cobalah untuk membuat setidaknya dua link internal dalam paragraf pembuka dan setidaknya satu atau dua lagi di bagian lain dari paragraf lain. Untuk lebih detailnya silahkan baca postingan berikut.

14. Hati-hati dengan Anchor Teks
Anchor teks adalah teks yang diberi link yang Anda gunakan untuk menghubungkan ke halaman lain, dan itu yang akan di klik oleh pengunjung dan mengarah ke halaman postingan lain. Memilih anchor teks adalah bagian yang sangat penting dari teknik linking. Jangan gunakan satu kata anchor teks. Gunakanlah frase! Biasanya sebuah frase tiga kata adalah pilihan yang terbaik. Usahakan menggunakan frase kata kunci sebagai anchor teks.

Perlu diingat untuk tidak pernah menggunakan anchor teks yang sama dua kali untuk link yang sama. Hal ini bisa dianggap sebagai keyword stuffing dan atau spamming.

15. Nofollow VS Dofollow Link
Sebuah atribut nofollow pada sebuah link akan memberi tahu search crawler untuk tidak "mengikuti" link tersebut. Pertama-tama, jika Anda me-link ke halaman eksternal, selalu hubungkan ke halaman yang memiliki peringkat lebih baik dari Anda. Tapi jika Anda harus me-link ke halaman berkualitas rendah, selalu beri atribut rel="nofollow". Tapi jangan pernah melakukan hal ini untuk situs-situs terkemuka seperti Google, Wikipedia, dan lainnya terutama ke halaman Anda sendiri.

16. Gunakan Konten Visual
Gambar, video, infografik, animasi, adalah hal-hal yang berperan sebagai bumbu konten Anda. Jika Anda memiliki video yang berhubungan dengan konten Anda, itu bagus. Jika tidak, cobalah untuk menyertakan setidaknya satu gambar dalam postingan blog Anda. Tergantung pada topik, Anda dapat menambahkannya lebih banyak. Tapi pastikan Anda tidak menambahkan terlalu banyak, jika terlalu banyak maka konten tekstual akan terkesan mati.

17. Memberi Nama pada File dan Gambar
Sebelum meng-upload video, audio, atau file gambar, pastikan selalu untuk mengubah nama file-file itu. Gunakan kata kunci yang bermakna dan memisahkannya dengan tanda hubung. Dengan cara ini, pengunjung dan mesin pencari dapar memberitahu apa file tersebut hanya dengan path file-nya.

18. Optimalkan Gambar Sebelum Upload
Misalkan Anda ingin menampilkan gambar dengan lebar 500 px dan tinggi 300 px. Tidak ada gunanya mengunggah gambar berukuran 1200x720. Ini akan memakan ruang pada server Anda dan waktu rendering akan semakin lama. Lakukan peng-editan sebelum Anda meng-upload gambar.

19. Image Text dan Alt Text
Selalu menandai foto dengan Judul dan Alt teks. Dan selalu menggunakan kata kunci yang relevan. Kami telah menyusun postingan untuk Anda mengenai optimasi gambar. Silahkan Anda pelajari terlebih dahulu.

20. Bertanyalah Pada Diri Anda Tentang Konten Anda
Jika Anda telah membuat konten yang benar-benar mengagumkan, Anda perlu bertanya pada diri Anda sendiri beberapa pertanyaan di bawah ini. Jika jawabannya untuk semua pertanyaan di bawah ini adalah TIDAK, maka ada sesuatu yang salah dengan konten Anda.
  • Apakah konten sudah masuk akal?
  • Apakah sudah menggunakan tata bahasa dan ejaan yang baik?
  • Apakah konten yang Anda buat bermanfaat?
  • Apakah ini asli/ orisinil buatan Anda sendiri?
  • Apakah sudah layak untuk dipublikasikan?
  • Apakah bahasan sudah mendetail?
  • Apakah ada konten visual seperti gambar atau video?
  • Apakah ada contoh, referensi, ide-ide yang unik?
  • Apakah cukup interaktif untuk pembaca?
  • Apakah sudah dapat menjawab pertanyaan pengunjung mengenai pengalaman mereka?

21. Label Blog
Aturlah struktur blog Anda menjadi serangkaian Label (atau tag dan kategori jika Anda menggunakan WordPress). Gunakan setidaknya satu dan maksimal tiga label untuk satu postingan blog Anda. Pertahankan jumlah label keseluruhan antara 15-20 saja.

22. Sinkronisasi Posting dengan Traffic
Jangan mempublikasikan posting jika Anda belum menyelesaikannya. Selalu jadwalkan posting untuk tepat pada waktunya. Misalnya, memantau statistik lalu lintas dan melihat kapan waktu yang tepat untuk mendapatkan jumlah lalu lintas yang banyak. Setelah itu Anda pikirkan untuk memposting di sekitar waktu itu. Tapi cobalah untuk konsisten tentang waktu Anda. Pilihlah waktu dimana sedang banyak-banyaknya lalu lintas misalkan di siang hari disaat jam istirahat orang-orang atau sore hari di saat jam santai orang-orang. Karena pada waktu itu banyak pengguna internet yang sedang aktif.

23. Frekuensi Posting
Tidak ada batasan ketika membicarakan masalah frekuensi. Tapi semakin banyak, semakin baik. Cobalah untuk bersaing dengan minimal satu postingan per hari, jika bisa. Anda juga dapat menulis sebanyak yang Anda bisa per hari. Tidak ada batas. Anda bahkan dapat menulis seratus kali jika Anda mampu. :) hehehe...

24. Membuat Sitemap
Sitemap adalah daftar dari semua halaman di situs Anda. Sering kali crawler pencarian mungkin kehilangan halaman karena Anda mungkin tidak terkait dengan itu di halaman lain. Jadi untuk memberitahu mesin pencari untuk mengindeks halaman yang terisolasi, Anda harus mengirimkan sitemap ke mesin pencari.

25. Waktu Loading Blog
Waktu loading blog juga penting dan terasa user-friendly. Semakin lambat sebuah loading blog, semakin banyak pengunjung cenderung untuk meninggalkan blog Anda sebelum halaman Anda ditampilkan semuanya. Jadi berusahalah untuk menjaga waktu loading blog Anda secepat mungkin tapi tetap mempertahankan keindahan template Anda. Berikut adalah postingan yang mungkin ingin Anda baca.

26. Sitelink
Sitelink muncul pada blog yang memiliki PR 2 atau di atasnya dan mereka adalah kumpulan link di blog Anda yang muncul dalam hasil pencarian Google. Itu membuat blog Anda terlihat lebih profesional. Singkat saja penjelasan ini karena jari saya sudah lelah mengetik.

27. Widget Social Bookmark
Tambahkan widget social bookmark di blog Anda untuk meningkatkan peringkat blog Anda. Seacrh Engine suka kalau dia menemukan link ke profil jejaring sosial Anda. Selain itu, widget tersebut memudahkan pengunjung untuk berbagi konten Anda kepada orang lain.

28. Directory Submission
Mengirimkan blog Anda ke direktori seperti DMOZ akan meningkatkan jumlah backlink yang Anda miliki, dan pada gilirannya akan meningkatkan peringkat blog Anda.

29. Perhatikan PageRank Anda
PageRank adalah cara Google memberikan peringkat pada situs web. Semakin tinggi PR Anda, semakin baik Anda memiliki kesempatan masuk ke hasil pencarian dan semakin cepat tingkat indeks blog Anda.

30. Menghindari Hukuman SEO
Pada akhirnya Anda harus menghindari taktik kotor SEO untuk meningkatkan peringkat situs. Selalu gunakan teknik yang SEO friendly untuk menghindari hukuman algoritma Google. Periksalah postingan berikut ini untuk info lebih lanjut.

Nah, itu saja postingan saya seputar teknik SEO yang harus diterapkan oleh setiap blogger untuk memajukan blog Anda. Karena jari-jari saya sudah mulai keriting maka saya sudahi postingan ini dengan ucapan Hamdalah dan terimakasih. Semoga bermanfaat dan jangan lupa di share sobat. :)