Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Aug 1, 2017

Cara Membuat Sitemap (Daftar Isi) SEO Friendly Pada Blog

Cara Membuat Sitemap Seo Friendly Pada Blog
Cara Membuat Sitemap SEO Friendly Pada Blog - Sitemap merupakan alat bantu yang biasanya disediakan oleh pemilik blog untuk membantu pengunjung blog atau pun robot google untuk mengenal lebih jauh blog mereka. namanya juga Peta Situs , pasti tujuannya untuk memberikan gambaran atau bahkan memandu pengunjung atau pun robot google. ibaratnya blog kita adalag dunia antah brantah yang akan dikunjungi oleh mereka (pengunjung dan robot google), yang tentunya mereka membutuhkan sebuah peta untuk menjelajah dunia tersebut, bisa dibayangkan bukan betapa bingungnya mereka di dunia antah brantah tanpa ada peta, efeknya mereka akan kapok mengunjungi dunia antah berantah tersebut. Namun biasanya webmaster membuat sitemap lebih ditujukan untuk memudahkan robot google menjelajah blog mereka, agar blog mereka bisa masuk atau terindeks oleh Google Search. Karena bagi webmaster, blog akan benar - benar menjadi blog jika telah terindeks oleh Google Search. bagi pengunjung biasa? ya biasanya mereka malas membuka sitemapnya, meski pun ada juga yang sering kali melihat sitemap blog yang dikunjungi. nah setelah membaca hal - hal diatas, mari kita buat blog yang mudah dikenali dengan membuat Sitemap. Berikut step by step caranya. disini saya menngunakan blogger untuk step - stepnya.

Baca Juga :


1. Buka Blog anda dan buatlah Laman Baru. lihat pada gambar berikut
 2. Isi Judul Laman, kemudian pilih mode HTML
Masukkan kode berikut seperti pada gambar

 
<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script src="http://yourjavascript.com/592610191290/sitemap.js" type="text/javascript"></script>
<script src="http://omahblog.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script> 

Ganti tulisan yang berwarna merah dengan alamat blog anda. setelah selesai anda bisa publikasikan. untuk anda yang membuat menu navigasi langsung menggunakan laman, laman tersebut otomatis akan muncul sebagai menu baru. namun bagi anda yang membuat menu dengan HTML atau script lainnya, anda bisa menggunakan alamat laman yang telah anda buat tadi sebagai link menu anda. sekian posting saya tentang Cara Membuat Sitemap (Daftar Isi) SEO Friendly Pada Blog, semoga artikel ini dapat bermanfaat.

Jul 6, 2017

Membuat Formulir Contact Us Dengan Google Drive

Membuat Formulir Contact Us Dengan Google Drive - Menu contact us atau hubungi kami menjadi menu wajib yang ada ketika membangun sebuah blog atau pun website. Menu contact us ini berfungsi untuk menjembatani antara pengunjung yang ingin mengirim pesan kepada Pemilik blog atau website baik itu berupa pertanyaan, kritik atau pun saran. Untuk sekedar berkomunikasi sebenarnya bisa memanfaatkan komentar pada salah satu posting tapi jika hal yang ditanya tidak relevan dengan posting atau bersifat pribadi akan tidak mengenakkan rasanya jika harus lewat komentar. Cara lain adalah dengan memajang email anda misalkan dengan tulisan "Hubungi kami lewat emailadmin@blablabla.com", hal ini bisa saja dilakukan, namun sungguh tidak terlihat prefessional dan email yang anda pajang disana rawan menjadi sasaran Spam orang tidak bertanggung jawab. Solusi terbaik untuk hal ini adalah dengan membuat halaman khusus yang menyediakan formulir untuk mengirim email pada anda. Perbedaan antara cara ini dengan cara memajang email adalah tidak ditampilkannya email anda sehingga mengurangi resiko Spam. Pada artikel kali ini saya coba akan membuat tutorial tentang bagaimana cara membuat formulir contact us dengan memanfaatkan Google Drive.

Baca Juga : 

Bagaimana cara membuat formulir contact us dengan google drive?


1. Masuk pada akun Google Drive anda

Pada saat anda membuat email pada google otomatis anda juga bisa menggunakan akun anda untuk Google Drive. Silahkan anda Sign In pada akun google anda dan bukalah Google Drive anda.

2. Buat Formulir anda pada Google Drive

Google drive pada dasarnya adalah fasilitas yang disediakan Google untuk menyimpan data anda secara online, namun pada google drive juga disediakan sebuah fasilitas untuk membuat Formulir. Formulir ini lah yang akan kita manfaatkan. Jika anda sudah masuk google drive anda, anda bisa pilih Drive Saya > Google Formulir. Langkah ini dapat anda lihat pada gambar berikut.

Membuat Formulir Contact Us Dengan Google Drive

3. Setting Formulir anda

Setelah anda pilih Google Formulir makan akan muncul tampilan untuk mengatur kolom - kolom apa saja yang anda inginkan untuk ada dalah formulir. Berikut adalah gambar setting formulir pada google formulir.

Membuat Formulir Contact Us Dengan Google Drive

Perhatikan pada gambar diatas yang saya beri garis merah dan nomor warna biru.

  • Nomor 1 : Judul Formulir yang anda inginkan
  • Nomor 2 : Deskripsi formulir yang anda inginkan
  • Nomor 3 : Kolom pertama formulir dan dalam hal ini saya beri nama kolom tersebut Nama
  • Nomor 4 : Tipe kolom jawaban. ada beberapa pilihan seperti Jawaban Singkat dan Paragraf  kolom pertama ini saya pilih jawaban singkat
  • Nomor 5 : Tipe isian kolom apakah Wajib atau Tidak Wajib untuk mengisi kolom tersebut
  • Nomor 6 : Untuk menambahkan Kolom Baru (contoh diatas adalah Email dan Pesan)
  • Nomor 7 : Kolom kedua yang saya beri nama Email. Kolom ini sama settingnya dengan kolom pertama (Nama)
  • Nomor 8 : Kolom ketiga yang ditambahkan saya beri nama Pesan. Untuk setting Tipe kolom jawaban saya pilih Paragraf untuk kolom ketiga ini


Buatlah Formulir seperti yang anda inginkan. Formulir diatas hanyalah contoh umum dari kebanyakan Formulir yang orang buat. Anda bisa berkreasi sendiri disini.  Setelah selesai anda bisa klik Kirim yang ada pada pojok kanan atas

4. Dapatkan kode formulir

Setelah langkah ketiga anda lakukan maka akan muncul tampilan seperti berikut :

Membuat Formulir Contact Us Dengan Google Drive

Pilihlah seperti yang saya beri garis warna merah. Disini anda bisa mengatur Lebar dan Tinggi formulir Contact Us anda. setelah selesai anda pilih Salin.

5. Letakkan Kode Pada Laman Blog

Agar dapat menampilkan formulir contact us diatas anda bisa masuk ke blog anda dan buatlah Laman baru, Kemudian letakkan kode yang telah anda salin tadi pada halaman posting laman dan Simpan Bila langkah yang anda lakukan benar maka tampilan laman untuk formulir Contact Us ini adalah sebagai berikut.

Membuat Formulir Contact Us Dengan Google Drive

Ketika ada yang Kirim pesan kepada anda otomatis akan masuk pada email dari akun yang anda gunakan untuk membuat Formulir Contact Us ini. Mungkin sekian tutorial cara Membuat Formulir Contact Us Dengan Google Drive, semoga artikel ini bermanfaat.


Jun 20, 2017

Cara Menghilangkan Tulisan Subscribe To : Post (Atom) Pada Blog

Cara Menghilangkan Tulisan Subscribe To : Post (Atom) Pada Blog - Dalam membuat blog selain kita harus memperhatikan konten kita, kita juga harus memperhatikan penampilan blog. Blog yang memiliki tampilan ringan, enak dilihat dan mudah dipahami akan membuat pengunjung berlama - lama "bermain" di blog kita, tentu semakin betah pengunjung semakin baik untuk penilaiian blog kita. Pada kesempatan kali ini saya coba akan membahas tentang bagaimana cara untuk menghilangkan tulisan atau fitur Subscribe To : Post (Atom) pada blog, dimana fitur ini oleh banyak blogger hanya dianggap "pengganggu" untuk tampilan yang lebih professional.

Baca Juga :

Apa fungsi Subscribe To : Post (Atom)?


Secara default jika anda memakai Template bawaan blogger anda mungkin akan menemui tulisan Subscribe To : Post (Atom) ini. Biasanya tulisan Subscribe To : Post (Atom) ini berada di bawah posting. Lalu apakah fungsi dari Subscribe To : Post (Atom) ini? Fungsinya secara seerhana adalah untuk memudahkan pengunjung blog anda untuk berlangganan Artikel atau Konten blog anda, namun dalam prakteknya jarang sekali (hampir tidak ada) pengunjung yang memanfaatkan Subscribe To : Post (Atom) ini untuk berlangganan, ini dikarenakan tampilannya hanya berupa tulisan dan kurang menarik perhatian pembaca. Biasanya banyak blogger menghilangkan fitur Subscribe To : Post (Atom) ini dan menggantinya dengan kotak formulir Email Subscribe yang tampilannya lebih bisa disesuaikan dan menarik.

Cara Menghilangkan Subscribe To : Post (Atom)


Sebenarnya untuk menghilangkan fitur Subscribe To : Post (Atom) tidak terlalu sulit, hanya perlu menghapus beberapa kode pada Template. Berikut adalah langkah untuk menghilangkan Subscribe To : Post (Atom) :

1. Masuk pada menu Template

Pertama masuklah pada akun blog anda dan masuklah pada menu Template > Edit HTML. maka anda akan menemui script untuk template anda.

2. Cari kode <div class='feed-links'> pada template

Langkah kedua carilah kode <div class='feed-links'> pada template yang anda pakai. Untuk memudahkan pencarian anda bisa menggunakan CTRL + F dan anda masukkan<div class='feed-links'> pada kolom pencarian.

3. Hapus kode <div class='feed-links'>…</div>

Langkah ketiga adalah hapus kode berikut

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
Ada kalanya kode diatas hanya berupa <div class='feed-links'>…</div> , kode ini dan diatas sama saja hanya saja kode ini belum di Expand. Hapus kode tersebut mulai dari <div class='feed-links'> sampai dengan kode </div> , setelah selesai Simpan template anda.

Jun 1, 2017

Mengatur Robot.txt dan Tag Tajuk Robot Khusus SEO Friendly

Mengatur Robot.txt dan Tag Tajuk Robot Khusus SEO Friendly - Kali ini saya akan kembali membahas seputar SEO. Topik yang akan kita bahas kali ini adalah mengatur Robot.txt dan Tag Tajuk Robot Khusus agar mejadi lebih SEO Friendly. Bagi anda yang menggunakan platform blogger mungkin pernah menemui Robot.txt dan Tag Tajuk Robot Khusus ini di setelah Prefenrensi Penelusuran. Namun bagi blogger baru seperti saya ini, pasti akan bertanya - tanya untuk apa sih pengaturan Robot.txt dan Tag Tajuk Robot Khusus ini. Setelah membaca referensi di beberapa blog akhirnya saya cukup paham untuk apa fungsi mereka berdua. Selama ini saya tidak cukup berani otak atik Robot.txt dan Tag Tajuk Robot Khusus ini, karena sering saya membaca warning jika tidak terlalu paham tentang Robot.txt dan Tajuk Tag Robot Khusus ini akan berakibat fatal pada Search Engine terutama Google.

Baca Juga :


Apa Fungsi Robot.txt?

Fungsi Robot.txt adalah sebagai rambu - rambu bagi Crawl Robot Search Engine dalam mengindex blog kita, dalam Robot.txt kita bisa memberikan rambu mana halaman yang boleh untuk di index dan mana halaman yang dicegah atau tidak perlu untuk di index. Pengaturan Robot.txt dalam SEO adalah salah satu yang krusial, penting bagi anda untuk mengatur Robot.txt ini agar apa yang muncul pada search engine tentang situs anda dapat terkontrol. Dalam SEO sebaiknya tidak semua halaman pada blog kita harus masuk index google misalkan halaman pencarian berdasarkan label atau mungkin daftar isi juga lebih baik dicegah untuk tidak di index search engine. Di beberapa tutorial ada yang menggunakan Robot.txt ini untuk memblokir double index (biasanya versi Web dan Mobile), biasanya yang diblok adalah yang versi mobile. Namun disini saya ingin mengataka Jangan Blokir Versi Mobile, alasannya adalah saat ini SEO yang paling menjanjikan adalah SEO yang multi platform, baik versi Web atau Mobile. Jika anda memblokir atau mencegah versi Web di Robot.txt ini akan merugikan anda sendiri. Jika yang jadi masalah adalah tampilan versi mobilenya anda bisa membaca artikel Cara Menonaktifkan Mobile Version Pada Blogger, Namun untuk crawl robot search engin jangan pernah diblokir dalam Robot.txt.

Cara Mengatur Robot.txt

Untuk mengatur Robot.txt silahkan anda login dulu pada akun blogger anda kemudian masuk pada menu Setelan > Preferansi Penelusuran dan klik Edit pada Robot.txt Khusus, untuk jelasnya lihat pada gambar berikut.


Secara Default Robot.txt yang ada pada blog ketika diaktifkan adalah sebagai berikut.
User-agent: Mediapartners-Google
Disallow: 
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://omahblog.com/feeds/posts/default?orderby=UPDATED
Dari Robot.txt diatas perhatikan tulisan yang saya blok warna kuning dan tulisan warna merah. Disallow digunakan untuk memblokir atau mencegah Robot Search Engine merayapi atau crawl suatu halaman. Secara default robot.txt memblokir semua Sub Direktori /Search jadi setiap Url halaman anda dimulai dengan Http://urlanda.com/search/....... akan dicegah untuk dirayapi oleh robot search engine. Biasanya yang banyak digunakan untuk sub direktori /Search ini adalah Label. untuk Allow adalah halaman yang boleh untuk dirayapi. untuk tulisan yang berwarna merah adalah sesuai dengan alamat blog anda. Agar hasil pencarian di Search Engin anda menjadi SEO, anda bisa memasukkan Robot.txt berikut pada kolom Robot.txt.
User-agent: Mediapartners-Google
Disallow:
User-agent: Googlebot
Disallow: /search?updated-min=
Disallow: /search?updated-max=
Disallow: /search/label/*?updated-min=
Disallow: /search/label/*?updated-max=
Allow: /
Sitemap: http://omahblog.com/feeds/posts/default?orderby=UPDATE
Robot.txt diatas mengizinkan semua untuk dicrawl kecuali direktori search update dan search label. Dengan Robot.txt diatas maka hasil dalam SERP (Search Engine Result Page) tidak akan menampilkan halaman Label anda dan Update anda. Untuk pemasangan anda tinggal masukkan Robot.txt diatas pada Setting di blog anda, ubah tulisan berwarna merah sesuai dengan alamat blog anda lalu  Simpan. Anda bisa melihat pada gambar berikut untuk contoh pemasangan.


Bila anda ingin memblokir halaman tertentu anda bisa memasukkannya pada baris Disallow. sebagai contoh saya memiliki halaman www.omahblog.com/p/tidak penting.html. maka ketika saya aplikasikan kedalam robot.txt akan menjadi seperti ini.
User-agent: Mediapartners-Google
Disallow:
User-agent: Googlebot
Disallow: /search?updated-min=
Disallow: /search?updated-max=
Disallow: /search/label/*?updated-min=
Disallow: /search/label/*?updated-max=
Disallow: /p/tidak penting.html
Allow: /
Sitemap: http://omahblog.com/feeds/posts/default?orderby=UPDATE
Halaman yang saya ingin cegah saya letakkan persis seperti yang saya blok warna kuning pada robot.txt diatas.

Cara Mengatur Tag Tajuk Robot Khusus

Selain mengatur Robot.tx mengatur Tag Tajuk Robot Khusus juga penting untuk SEO. sebenarnya Tag Tajuk Robot Khusus ini sama fungsinya dengan Robot.txt yakni untuk mencegah apa yang boleh dirayapi dan apa yang tidak boleh. untuk mengaturnya menjadi lebih SEO Friendly anda masuk pada menu Setelan > Preferansi Penelusuran dan klik Edit pada Tag Tajuk Robot Khusus. Sesuaikan setting anda dengan gambar berikut.


Setelah anda sesuaikan setting seperti pada gambar diatas anda bisa Simpan. Itulah bagaimana cara mengatur Robot.txt dan Tag Tajuk Robot Khusus agar menjadi lebih SEO Friendly. Sekian artikel saya kali ini semoga bermanfaat.

May 30, 2017

Cara Menonaktifkan Mobile Version Pada Blogger

Cara Menonaktifkan Mobile Version Pada Blogger - Pada dasarnya Blogger menyediakan mobile version atau versi seluler untuk memudahkan pembaca mengakses blog lewat perangkat Mobile karena seperti yang kita tau hampir setiap lapisan masyarakat saat ini memiliki apa itu namanya ponsel, Mulai dari ponsel pintar Android, Iphone atau masih versi Java dan Symbian. Template yang ada pada Mobile Version secara default adalah bawaan dari blogger. Adanya Mobile Version ini memangkas pemakaian data saat mengakses blog lewat perangkat Mobile oleh pengguna. Meski demikian tampilannya yang sangat "biasa" membuat pemilik blog menonaktifkan fitur ini, terutama bagi pemilik blog dengan template yang responsive. Ada beberapa keuntungan yang didapat dengan menonaktifkan fitur Mobile Version ini antara lain.

Baca Juga:


1. Tampilan Lebih Menarik

Tidak dapat dipungkiri bahwa pemakaian Mobile Version yang sangat biasa tampilannya kurang menarik bagi pemilik blog atau pun pembaca meski dengan pemakaian data yang ringan. Pemilik blog lebih memilih memakai Template Responsive yang tampilannya tidak berbeda jauh dengan versi web dan pemakaian datanya juga tidak terlalu besar.

2. Dapat Menampilkan Iklan

Hal yang hilang ketika memakai Mobile Version adalah tidak munculnya iklan. Iklan yang biasanya memakai java script tidak terbaca oleh Mobile Version. Hal ini cukup mengganggu para blogger yang memasang iklan pada blognya, karena hal ini menyebabkan turunnya penghasilan mereka.

Sebenarnya masih banyak keuntungan yang didapat ketika menonaktifkan Mobile Version ini, namun saya rasa dua hal diatas adalah yang paling utama. Pertanyaannya adalah apakah dengan menonaktifkan Mobile Version ini pengunjung akan berkurang? Bila anda memakai template responsive seharusnya tidak, karena template responsive pun sangat nyaman diakses lewat mobile. Namun untuk yang belum responsive, bisa saja pengunjung anda kabur karena tampilan yang kurang friendly. Maka dari itu sebelum menonaktifkan Mobile Version pada blogger, ada baiknya ganti terlebih dahulu template anda dengan template yang responsive.

Bagaimana cara menonaktifkan mobile version pada blogger?


Pertama masuklah pada akun blogger anda dan pilih menu Template. Disana akan muncul 2 tampilan template yakni Langsung di blog dan Mobile atau Seluler. Pilih icon Setting yang ada pada bawah tampilan seluler. Lebih jelasnya perhatikan yang saya beri tanda warna merah pada gambar berikut.


Setelah anda klik icon Setting seperti pada gambar diatas, akan muncul tampilan baru seperti gambar dibawah ini.
Perhatikan yang saya beri garis warna merah pada gambar diatas. Untuk menonaktifkan mobile version anda pilih Option Kedua yakni Tidak Tampilkan template seluler di perangkat seluler. Setelah anda pilih kemudian anda Simpan. 

Setelah langkah diatas, maka ketika anda mengakses blog anda lewat perangkat mobile yang akan muncul adalah tampilan layaknya versi web. Ini menandakan bahwa proses penonaktifan Mobile Version telah berhasil. Sekian artikel saya tentang Cara Menonaktifkan Mobile Version Pada Blogger semoga artikel ini bermanfaat.

May 26, 2017

Membuat Akun OpenId Untuk Blogger

Membuat Akun OpenId Untuk Blogger - Bagi anda yang sering blogwalking tentu tidak asing dengan yang namanya OpenId. Biasanya OpenId disediakan secara default pada setiap platform blog terutama blogger pada kolom akun komentar. OpenId menjadi salah satu alternatif pilihan akun untuk komentar di blog selain menggunakan akun Google, LiveJournal, WordPress, TypePad dan AIM. Namun tidak jarak masih banyak yang bingung bagaimana cara menggunakan akun OpenId ini untuk berkomentar. Pada kesempatan kali ini saya akan coba membahas tentang bagaimana cara membuat akun OpenId untuk blogger dan cara penggunaannya untuk komentar. Namun sebelum itu, ada baiknya anda mengetahui dahulu apa keuntungan komentar dengan akun OpenId.

Baca Juga :


Apa Keuntungan Komentar Dengan Akun OpenId?


Bicara soal keuntungan atau manfaat yang didapat tentu cukup beragam pendapat setiap orang. Namun saya akan coba jelaskan keuntungan yang didapat berdasarkan pengalaman saya sendiri.

1. Mendapatkan Backlink saat komentar

Ini adalah salah satu alasan kuat kenapa saya lebih memilih menggunakan akun OpenId. Dengan berkomentar menggunakan akun OpenId secara otomatis link dari nama komentar akan mengarah pada blog kita yang artinya ini merupakan backlink untuk blog kita. Sebenarnya untuk mendapat backlink saat komentar jauh lebih efektif menggunakan Name/Url, namun tidak semua blog membuka fasilitas ini di komentarnya, alternatifnya ya memakai OpenId

2. Lebih aman dalam menggunakan akun

Ini yang banyak orang tidak sadari, menggunakan akun OpenId saat berkomentar lebih aman dibandingkan menggunakan akun utama seperti akun Google. Menggunakan akun OpenId mengurangi resiko akun utama anda terjadi "kecelakaan". :)

3. Lebih mudah dalam penggunaannya

Bagi sebagian orang mungkin lebih ribet memakai OpenId, namun ada juga yang berpendapat (termasuk saya) menggunakan OpenId lebih mudah. Saya memandang lebih mudah karena keuntungan di poin pertama dan kedua.

Mungkin tiga poin diatas adalah keuntungan yang minimal pernah saya rasakan saat menggunakan OpenId. Sekarang, Bagaimana cara membuat akun OpenId agar dapat digunakan dalam komentar? Seperti yang saya katakan diawal, sebenarnya tiap blog secara default sudah memiliki OpenId namun sayangnya masih sering terjadi error dari OpenId bawaan blog mulai dari kata - kata "Ups" sampai "Kredensial OpenId Anda tidak Dapat Diverifikasi". Untuk mengatasi hal tersebut anda harus membuat akun OpenId di Stack Exchange OpenId.

Bagaimana Cara Membuat Akun OpenId?


1. Buka situs Stack Exchange


Membuat Akun OpenId Untuk Blogger

Tampilan situs Stack Exchange kira - kira seperti pada gambar diatas. untuk mendaftar akun baru anda pilih Register seperti yang saya beri kotak warna merah. Kemudian akan muncul formulir yang harus anda isi sesuai data anda. Tampilan formulirnya adalah sebagai berikut

Membuat Akun OpenId Untuk Blogger
Untuk kolom pertama anda masukkan alamat Email (pastikan alamat email anda valid untuk verifikasi akun). Kolom kedua adalah optional bisa anda isi atau kosongkan, namun sebaiknya anda isi dengan nama yang anda inginkan untuk ditampilkan saat komentar menggunakan OpenId. kolom ketiga dan ke empat adalah Password , password untuk OpenId biasanya berupa kombinasi karakter khusus, angka, Upper Case dan Huruf. kemudian anda isi Chapta sesuai gambar dan setelah anda isi semua anda klik Send Confimation Email. Bukalah email anda, anda akan mendapat email dari Stack Exchange untuk verifikasi.

2. Pemasangan HTML pada blog

Setelah anda verifikasi, silahkan login pada akun anda dan anda akan menemui tampilan seperti berikut.

Membuat Akun OpenId Untuk Blogger

Pada gambar diatas, perhatikan yang saya beri garis warna merah, anda klik tulisan tersebut untuk memunculkan kode HTML untuk dipasang pada blog anda. kode yang muncul adalah seperti berikut

Membuat Akun OpenId Untuk Blogger
Pada gambar diatas terdapat 2 kode HTML (perhatikan yang saya beri garis kotak warna biru). Copylah kode tersebut dan Edit, berilah tanda / (Garis Miring) di akhir setiap kode sebelum tanda >. Sehingga kode tersebut menjadi seperti ini

<link href='https://openid.stackexchange.com/openid/provider' rel='openid2.provider'/>

<link href='https://openid.stackexchange.com/user/f79094bf-1cc6-47ac-818e-93f0f5181b63' rel='openid2.local_id'/>

Kode yang berwarna merah adalah kode unik, sesuaikan dengan milik anda di akun Stack Exchange. Setelah anda ubah sekarang anda letakkan kedua kode tersebut pada Template Blog anda, dan letakkan tepat dibawah kode <head>. Setelah selesai kemudian carilah kedua kode berikut.

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> 
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

Jika kedua kode diatas telah ada pada blog anda (biasanya letaknnya dibawah <head>), anda bisa langsung simpan Template anda dan akun OpenId anda bisa anda gunakan, namun bila tidak ada, anda tambahkan kedua kode tersebut tepat dibawah kode <head> dan simpan Template anda.

3. Cara menggunakan OpenId untuk komentar

Sebelum anda menggunakan akun OpenId anda, yang perlu anda pahami adalah setiap ingin menggunakannya anda harus dalam keadaan Log In terlebih dahulu pada akun OpenId anda. kemudian saat komentar pilih menggunakan akun OpenId seperti gambar berikut.

Membuat Akun OpenId Untuk Blogger

Kemudian masukkan Url OpenId anda. Biasanya Url OpenId ini adalah alamat blog anda. Namun bila anda tidak terlalu yakin, anda bisa mengeceknya pada menu Setelan > Lainnya, lebih jelasnya perhatikan gambar berikut.

Membuat Akun OpenId Untuk Blogger

Sekian artikel saya tentang Membuat Akun OpenId Untuk Blogger , semoga artikel ini bermanfaat untuk anda.


Apr 24, 2017

Mendaftarkan Blog Pada Yandex Webmaster

Pada artikel kali ini saya akan membahas kembali tentang Yandex. Jika sebelumnya saya telah membuat artikel tentang Cara Membuat Akun Email Baru Pada Yandex. Kali ini topiknya kembali ke SEO, yakni Mendaftarkan Blog Pada Yandex Webmaster. Seperti yang kita tahu bahwa untuk dapat terindex dalam suatu Seacrh Engine kita perlu terlebih dahulu mendaftar pada Webmaster perusahaan tersebut. Misalkan Google dengan Google Webmasternya atau Yahoo dan Bing dengan Bing Webmasternya. Yandex pun demikian, untuk dapat terindex dalam Yandex Search Engin anda harus daftar terlebih dahulu pada Yandex Webmaster. Selain mendaftar Yandex Webmaster, sebelumnya saya juga pernah membahas tentang Cara Mendaftarkan Blog Pada Google Webmaster dan juga Cara Mendaftarkan Blog Pada Bing Dan Yahoo Webmaster. Bila anda belum mendaftarkan blog anda pada Google Webmaster atau Yahoo dan Bing Webmaster, anda bisa membaca artikel tersebut.

Kembali pada pembahasan tentang Yadex, perlu anda ketahui bahwa saat ini Yandex menjadi Search Engine terbesar ke 4 di dunia. Yandex memberikan alternatif pilihan bagi pengguna internet untuk menggunakan Search Engine selain Google, Yahoo dan Bing Search Engine. Pangsa pasar Yandex sendiri kebanyakan masih berbasis di eropa seperti Rusia, Belarusia dan juga Kazakhstan. Hal ini mungkin dikarenakan basis Yandex sendiri yang berada di Rusia dan lebih familiar dengan bahasa yang digunakan disana. Namun akhir - akhir ini Yandex mulai mencoba menyaingi Search Engine lain untuk menggaet pasar dunia. Mereka banyak melakukan perbaikan mulai dari hasil dari Search Engine mereka, Translate yang mereka miliki serta fasilitas di dalam Yandex Webmaster mereka. Mungkin dalam 3 hingga 5 tahun mendatang Yandex akan menjadi sepopuler Google, Yahoo dan Bing.

Bagaimana Cara Mendaftar Yandex Webmaster?


1. Anda harus memiliki akun Yandex

Untuk dapat mendaftar pada setiap layanan Yandex termasuk Yandex Webmaster, tentu anda harus membuat akun Yandex. Bagi anda yang terlah memiliki akun Yandex anda bisa lanjut pada langkah kedua. Namun bagi anda yang belum memiliki akun Yandex, anda harus mendaftar terlebih dahulu pada Yandex, anda dapat membaca cara mendaftar di Yandex pada Cara Membuat Akun Email Baru Pada Yandex. Setelah mendaftar anda bisa lanjut pada langkah kedua.

2. Buka alamat Yandex Webmaster

Setelah anda punya akun Yandex, masuklah pada alamat Yandex Webmaster. Halaman utama Yandex Webmaster adalah seperti gambar berikut.

Mendaftarkan Blog Pada Yandex Webmaster

Log in menggunakan akun Yandex anda dengan mengklik link yang saya beri warna merah pada gambar. Sedikit info bahwa Yandex sudah memlakukan banyak riset dan pengembangan untuk Webmaster mereka. Webmaster mereka juga cukup mudah digunakan. Setelah anda Log in akan muncul halaman awal Yandex Webmaster di akun anda. 

3. Tambahkan blog anda pada Yandex Webmaster

Pada langkah ketiga yang anda harus lakukan adalah menambahkan blog anda pada Yandex Webmaster. Anda yang baru daftar pada Yandex Webmaster biasanya langsung diarahkan untuk menambahkan blog anda ke Yandex Webmaster.

Mendaftarkan Blog Pada Yandex Webmaster

Perhatikan yang saya beri garis warna merah, untuk menambahkan blog anda, anda bisa kli tanda + yang saya beri tanda kotak warna merah. Akan muncul halaman baru seperti berikut.

Mendaftarkan Blog Pada Yandex Webmaster

Pada kolom yang saya beri warna merah masukkan alamat blog anda, misalkan www.omahblog.com kemudian klik Add.

4. Lakukan Verifikasi blog anda

Langkah keempat adalah melakukan verifikasi sama halnya dengan verifikasi Google Webmaster. Verifikasi ini diperlukan untuk menunjukkan bahwa anda benar - benar pemilik blog yang anda daftarkan. untuk melakukan verifikasi akan diberikan kode HTML Meta Tag yang harus anda letakkan pada template blog anda tepat dibawah kode <head>, sebenarnya ada 3 metode lain untuk verifikasi blog anda yakni dengan HTML File, DNS Record dan Whois, pada tutorial kali ini saya akan menggunakan cara kode HTML Meta Tag. Berikut contoh kode HTML Meta Tag yang diberikan.

Mendaftarkan Blog Pada Yandex Webmaster

5. Submit Sitemap anda.

Sebenarnya blog anda sudah terdaftar pada Yandex Webmaster, namun belum secara penuh masuk dalam Seacrh Engine mereka. Agar setiap artikel anda dapat terindex dengan baik anda perlu memasukkan yang namanya Sitemap. Masuklah pada menu Indexing Setting dan pilih Sitemap Files. Masukkan sitemap anda dengan format Http://alamatbloganda.com/sitemap.xml. Anda tinggal mengubah tulisan yang berwarna merah dengan alamat blog anda dan klik Add. untuk lebih jelasnya anda bisa melihat pada gambar berikut.

Mendaftarkan Blog Pada Yandex Webmaster

Setelah anda klik Add maka proses agar blog anda dapat terindex oleh Yandex Search Engine sudah selesai, anda hanya perlu menunggu proses index yang dilakukan oleh robot Yandex berjalan. Sekian artikel saya tentang Mendaftarkan Blog Pada Yandex Webmaster, semoga artikel ini dapat bermanfaat.


Apr 1, 2017

Cara Mengatur Alamat Blog Menjadi Blogspot.com

Cara Mengatur Alamat Blog Menjadi Blogspot.com
Jika anda menggunakan platform Blogger, anda tentu tahu bahwa saat ini domain bawaan blogspot.com akan otomatis redirect ke domain regional, jadi jika anda mengakses dari indonesia domain tersebut otomatis menjadi blogspot.co.id. Ada beberapa blogger yang tidak masalah dengan sistem baru ini, namun ada juga yang mempermasalahkannya dengan berbagai macam alasan. Sebenarnya redirect otomatis ini bisa diatur sendiri oleh kita. Sebelum anda mengaturnya, ada beberapa hal yang harus anda pahami dan cermati terlebih dahulu. Pertama adalah, sistem ini adalah kebijakan google, mencegah riderect bisa saja dianggap menyalahi aturan oleh google. Kedua, Jangan lakukan hal ini bila blog anda mengikuti program Google Adsense, mengapa demikian? Sebabnya adalah sama, karena ini adalah kebijakan dan aturan yang ditetapkan oleh google, jika anda menyalahi aturan ini, resikonya adalah Banned oleh Google Adsense. Mengapa saya memberitahukan hal ini di awal? agar anda memahami dulu resiko yang anda ambil dengan mencegah redirect otomatis. Saya tidak mau menjadi kambing hitam karena membuat tutorial ini tanpa memberitahukan resikonya :) . Bila anda yakin mau mencegah redirect ini, berikut langkah untuk mengaturnya.

1. Buka setting Template > Edit HTML

Bukalah Edit HTML pada blog anda. Backup terlebih dahulu script template yang ada. agar bila terjadi kesalahan anda tidak pusing - pusing perbaiki.

2. Kemudian cari kode <Head>

Carilah kode <Head> pada template anda dengan menekan CTRL + F dan masukkan <Head>. Bila sudah ditemukan. Copy kode berikut dan letakkan tepat dibawah kode <Head> tadi.
 
<script type='text/javascript'>
var str=window.location.href.toString();if("-1"==str.indexOf(".com/")){var str1=str.substring(str.lastIndexOf(".blogspot."));if("-1"==str1.indexOf("/"))var str2=str1;else var str2=str1.substring(0,str1.indexOf("/")+1);window.location.href=window.location.href.toString().replace(str2,".blogspot.com/ncr/")}
</script>

Atau anda bisa menggunakan kode berikut


<script type="text/javascript">
var blog = document.location.hostname;var slug = document.location.pathname;var ctld = blog.substr(blog.lastIndexOf("."));if (ctld != ".com") {var ncr = "http://" + blog.substr(0, blog.indexOf("."));ncr += ".blogspot.com/ncr" + slug;window.location.replace(ncr);}
</script>

Setelah selesai bisa anda Simpan, dan coba untuk membuka alamat blog anda. bila domain tidak redirect ke blogspot.co.id , berarti yang anda lakukan sudah benar. Sekian artikel saya tentang Cara Mengatur Alamat Blog Menjadi Blogspot.com semoga artikel ini bermanfaat.

Mar 3, 2017

Cara Mendaftarkan Blog Ke DMCA

Sudah dua minggu lebih saya tidak posting di blog ini, terakhir saya posting tentang Cara Membuat Tulisan Tebal, Miring dan Coret di Whatsapp. Harusnya sih saya sebagai pemilik blog atau sebagai penulis blog update blog ini minimal 2 kali seminggu, tapi namanya juga ada kesibukan lain. Pada kesempatan kali ini saya ingin membahas lagi tentang optimasi blog dan SEO, tepatnya tentang DMCA atau Digital Millennium Copyright Act.

Apa Itu DMCA?

Anda mungkin sering mendengar dan membaca kata - kata DMCA di berbagai artikel, namun saya yakin tidak semua dari anda paham betul apa itu DMCA. DMCA adalah singkatan dari Digital Millennium Copyright Act yakni produk hukum yang melindungi hak cipta suatu karya terutama dibidang teknologi dan inovasi dalam dunia digital. Perlu diketahui bahwa DMCA ini adalah hukum yang ada di Amerika Serikat, namun meski demian, sebagai penulis blog kita juga wajib mematuhi DMCA ini meski pun kita bukan warga negara Amerika Serikat, mengapa demikian?kebanyakan tujuan dari membuat blog adalah memberikan informasi yang perantaranya antara blog kita sebagai penyedia informasi dan pencari informasi adalah Search Engine seperti Google, Yahoo, Ask, dan lainnya yang kebanyakan perusahaan - perusahaan itu berbasis di Amerika Serikat, jadi kalo mau aman berada di Google dan search engine lain ya harus patuh juga otomatis kita. Lagi pula DMCA ini tujuannya melindungi artikel - artikel kita yang original tentunya dari pembajakan - pembajakan atau istilah bekennya adalah copy paste oleh orang - orang yang tidak bertanggung jawab. Jika kita terdaftar di DMCA kita bisa lapor manakala artikel kita ada yang membajak.

Bagaimana Cara Mendaftarkan Blog Ke DMCA?

Untuk dapat dilindungi oleh DMCA tentunya kita harus melakukan registrasi terlebih dahulu, DMCA sendiri memberikan 2 Opsi pilihan jenis user, yakni reguler (free) dan premium (berbayar). Jangan terlalu khawatir akan perbedaan reguler dan premium karena anda mendaftar sebagai regular user pun sudah lebih dari cukup, tentu bila anda ingin fitur perlindungan yang lebih anda bisa mencoba yang premium. Namun kali ini saya hanya akansebatas membahas sampi blog kita terdaftar saja, tidak sampai upgrade ke premium user. Berikut langkah - langkah untuk mendaftar DMCA :

1. Buka situ resmi DMCA

Cara Mendaftarkan Blog Ke DMCA

Akan muncul tampilan seperti gambar diatas, anda isi form Register yang saya beri garis warna merah, isi dengan lengkap dan benar sesuai data anda, setelah itu klik Submit (untuk premium bisa klik Go Pro!).

2. Buka email anda dan Verifikasi akun DMCA anda

DMCA selanjutnya akan mengirimkan sebuah email verifikasi pada anda lengkap dengan username dan password. contohnya seperti email berikut.

Cara Mendaftarkan Blog Ke DMCA

Perhatikan garis yang saya beri garis merah, garis kotak pertama adalah alamat untuk halaman login DMCA, anda buka alamat tersebut di tab baru. garis kedua adalah informasi Username dan Password, pada gambar diatas username dan password sengaja saya hilangkan karena privasi akun DMCA saya. silahkan masukkan Username dan Password tadi pada tab baru yang anda buka seperti gambar beerikut.

Cara Mendaftarkan Blog Ke DMCA
3. Buat lencana proteksi DMCA anda

Cara Mendaftarkan Blog Ke DMCA


Setelah anda login, masuk pada menu My Protection Badges dan pilih Add Badges To Your Site seperti pada gambar diatas. Setelah itu akan muncul pilihan desain - desain lencana atau badges dari DMCA, anda bisa pilih salah satu lalu Copy dan letakkan Embed Code tersebut pada blog anda. bila anda memakai Blogger, anda bisa pilih Add To Blogger. Lebih jelasnya anda bisa lihat pada gambar berikut.

Cara Mendaftarkan Blog Ke DMCA


Demikian artikel saya tentang Cara Mendaftarkan Blog Ke DMCA. Semoga artikel ini bermanfaat.

Mar 2, 2017

Membuat Kotak Script Pada Blog Dengan Prism Syntax Highlighter

Membuat Kotak Script Pada Blog Dengan Prism Syntax Highlighter
Membuat Kotak Script Pada Blog Dengan Prism Syntax Highlighter - Biasanya dalam posting kita memerlukan sebuah kotak atau box untuk menempatkan script agar bisa mudah dicopy oleh pembaca. Saya pernah membahas sebelumnya tentang cara membuat kotak script ini pada artikel Membuat Kotak Script Sederhana Pada Posting Blogger. Pada artikel kali ini saya akan membahas kembali tentang cara pembuatan kotak script. Jika dalam artikel tentang kotak script saya sebelumnya membuat kotak script yang sederhana, artikel ini akan mencoba memberikan tutorial tentang membuat kotak script dengan tampilan yang cukup menarik. Saya pribadi telah menerapkan otak script ini pada beberapa artikel terakhir saya setelah membaca tutorial dari Arlina Design. Setelah coba tutorial tersebut dan berhasil saya ingin coba share dengan membuat artikelnya. Perlu diketahui juga bahwa blog ini juga menggunakan template versi gratisan dari Arlina Design, jadi bagi anda yang tertarik dengan model template yang saya pakai bisa coba kunjungi webnya mbak Arlina (linknya ada di Footer hi hi hi).

Ok lanjut tentang cara membuat kotak script yang menarik tadi. Sebenarnya kotak script yang menarik ini ada namanya yakni Prism Syntax Highlighter. Selain tampilannya yang bagus, menggunakan kotak script dengan Prism Syntax Highlighter ini juga memudahkan untuk mengcopy kode atau tulisan didalamnya hanya dengan double clik. Berikut langkah untuk membuat kotak script dengan prism syntax highlighter.

1. Login pada akun anda dan plih menu Template > Edit HTML

Pada tutorial ini saya akan membahas pemasangan kotak script pada blogger, untuk yang menggunakan CMS lain atau untuk website buatan sendiri bisa menyesuaikan. pada blogger anda silahkan Login dan masuk pada menu Template > Edit HTML.

2. Salin kode CSS berikut dan letakkan tempat sebelum kode </style>

 

/* CSS Prism Syntax Highlighter */
pre {
    padding: 50px 10px 10px 10px;
    margin: .5em 0;
    white-space: pre;
    word-wrap: break-word;
    overflow: auto;
    background-color: #2c323c;
    position: relative;
    border-radius: 4px;
    max-height: 500px;
}

pre::before {
    font-size: 16px;
    content: attr(title);
    position: absolute;
    top: 0;
    background-color: #eee;
    padding: 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 0 0 15px 0;
    font-weight: bold;
}

pre::after {
    content: 'Double click to selection';
    padding: 2px 10px;
    width: auto;
    height: auto;
    position: absolute;
    right: 8px;
    top: 8px;
    color: #fff;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
}

pre:hover::after {
    opacity: 0;
    top: -8px;
    visibility: visible;
}

code {
    font-family: Consolas,Monaco,'
    Andale Mono','Courier New',Courier,Monospace;
    line-height: 16px;
    color: #88a9ad;
    background-color: transparent;
    padding: 1px 2px;
    font-size: 12px;
}

pre code {
    display: block;
    background: none;
    border: none;
    color: #e9e9e9;
    direction: ltr;
    text-align: left;
    word-spacing: normal;
    padding: 0 0;
    font-weight: bold;
}

code .token.punctuation {
    color: #ccc;
}

pre code .token.punctuation {
    color: #fafafa;
}

code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {
    color: #777;
}

code .namespace {
    opacity: .8;
}

code .token.property,code .token.tag,code .token.boolean,code .token.number {
    color: #e5dc56;
}

code .token.selector,code .token.attr-name,code .token.string {
    color: #88a9ad;
}

pre code .token.selector,pre code .token.attr-name {
    color: #fafafa;
}

pre code .token.string {
    color: #40ee46;
}

code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {
    color: #ccc;
}

code .token.operator {
    color: #1887dd;
}

code .token.atrule,code .token.attr-value {
    color: #009999;
}

pre code .token.atrule,pre code .token.attr-value {
    color: #1baeb0;
}

code .token.keyword {
    color: #e13200;
    font-style: italic;
}

code .token.comment {
    font-style: italic;
}

code .token.regex {
    color: #ccc;
}

code .token.important {
    font-weight: bold;
}

code .token.entity {
    cursor: help;
}

pre mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

pre code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

.comments pre {
    padding: 10px 10px 15px 10px;
    background: #2c323c;
}

.comments pre::before {
    content: 'Code';
    font-size: 13px;
    position: relative;
    top: 0;
    background-color: #f56954;
    padding: 3px 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 10px 0;
    font-weight: bold;
    border-radius: 4px;
    border: none;
}

.comments pre::after {
    font-size: 11px;
}

.comments pre code {
    color: #eee;
}

.comments pre.line-numbers {
    padding-left: 10px;
}

pre.line-numbers {
    position: relative;
    padding-left: 3.0em;
    counter-reset: linenumber;
}

pre.line-numbers > code {
    position: relative;
}

.line-numbers .line-numbers-rows {
    height: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.5em;
    width: 3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0;
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
    transition: 350ms;
}

pre[data-codetype='CSSku']:before {
    background-color: #00a1d6;
}

pre[data-codetype='HTMLku']:before {
    background-color: #3cc888;
}

pre[data-codetype='JavaScriptku']:before {
    background-color: #75d6d0;
}

pre[data-codetype='JQueryku']:before {
    background-color: #e5b460;
}


Kemudian simpan kode 3 kode dibawah ini tepat sebelum kode </body>

 

<script src='https://arlina-design.googlecode.com/svn/prism.js' type='text/javascript'/>


 
<script>
$('pre').attr('class', 'line-numbers');
Prism.hooks.add("after-highlight",function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf("line-numbers")===-1){return}var n=1+e.code.split("\n").length;var r;lines=new Array(n);lines=lines.join("<span></span>");r=document.createElement("span");r.className="line-numbers-rows";r.innerHTML=lines;if(t.hasAttribute("data-start")){t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)}e.element.appendChild(r)})
</script>

 
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>

Kemudian Simpan Template anda

3. Cara menggunakan pada saat membuat posting

Anda dapat menggunakan kode HTML dibawah ini pada saat anda membuat artikel. Ada 4 jenis kode yakni kotak script untuk HTML, CSSJavaScript dan JQuery. Sesuaikan dengan kebutuhan mana yang ingin anda gunakan.

 
<pre title="HTML" data-codetype ="HTMLku"><code class="language-markup"> ... kode HTML (yang sudah di`escape`) di sini ... </code></pre>
<pre title="CSS" data-codetype ="CSSku"><code class="language-css"> ... kode CSS di sini ... </code></pre>
<pre title="Javascript" data-codetype ="JavaScriptku"><code class="language-javascript"> ... kode JavaScript di sini ... </code></pre>
<pre title="jQuery" data-codetype ="JQueryku"><code class="language-javascript"> ... kode jQuery di sini ... </code></pre>

Perlu diketahui juga sebelum memasukkan kode yang akan ditampilkan pada didalam kotak, anda perlu melakukan yang namanya Escape, anda dapat mengkonversinya di Ads Converter milik Arlina Design atau converter escape lainnya.

Feb 15, 2017

Membuat Kotak Script Sederhana Pada Posting Blogger

Dalam membuat sebuah posting untuk suatu artikel ada kalanya kita perlu membuat sebuah kotak untuk menempatkan suatu tulisan atau sebuah Script baik itu HTML, CSS, JavaScript atau yang lainnya. Selain agar terlihat lebih rapi dalam posting, kotak (yang saya sebut kotak script) ini juga berfungsi agar memudahkan pengunjung untuk mengcopy script atau tulisan yang kita letakkan di dalam kotak script tersebut. biasanya kotak script ini banyak ditemukan pada posting - posting tentang tutorial desain website atau blog, meski pun tak jarang ditemukan pada posting dengan tema lainnya. Bagi anda yang masih bingung cara membuatnya, berikut adalah cara sederhana membuat kotak script pada posting blog.

1. Login lah pada akun blog anda.

2. Buatlah sebuah artikel baru yang anda inginkan

3. Masuklah pada pemformatan HTML

Membuat Kotak Script Sederhana Pada Posting Blogger

Masuklah pada pengeditan posting di kolom HTML, Pilihlah sesuai dengan yang saya beri garis warna merah pada gambar diatas.

4. Masukkan kode berikut pada kolom tempat menulis artikel.

<div style="border: 3px #000000 Doublepadding: 10px;background-color:#ffffff;
text-align: left;">.Letakkan Tulisan Anda Disini.</div>

Letakkan kode diatas terserah dimana pun anda mau yang penting berada di kolom posting, seperti contoh berikut.

Membuat Kotak Script Sederhana Pada Posting Blogger

Jika anda kurang merasa cocok dengan style diatas, anda bisa merubahnya sesuai dengan keinginan anda.

border: 3px : Untuk mengubah ukuran ketebalah garis kotak, anda bisa sesuaikan dengan mengubah angkanya

#000000 : Untuk mengubah warna garis pada kotak, anda bisa mengubahnya dengan warna lain, asalkan berbeda dengan warna background blog anda agar kotak script tetap terlihat

Double : Untuk mengganti style garis kotak. ada beberapa style garis yang dapat anda gunakan.
Style Dashed

Style Dotted

Style Groove

Style Dotted

Style Inset

Style Outset

Style Ridge

Style Solid

padding: 10px : Mengubah lebar kotak, untuk panjang akan otomatis menyesuaikan dengan kolom artikel. 

background-color:#ffffff; : Untuk mengubah warna background kotak script 

text-align: left; : Untuk mengubah posisi tulisan, ganti tulisan Left dengan Right untuk posisi tulisan rata kanan dan Center untuk posisi rata tengah. 

5. Letakkan kode script anda dalam kotak

Langkah terakhir adalah letakkan kode script atau tulisan anda pada kotak dengan mengganti tulisan "Letakkan Tulisan Anda Disini", namun perlu diketahui bahwa kolom pengeditan HTML dan Compose itu berbeda, bila anda ingin meletakkan sebuah script maka gantilah dulu ke kolom Compose agar script anda terbaca sebagai tulisan biasa, karena jika anda melakukannya di kolom HTML, maka jangan heran bila tulisan anda tidak muncul nantinya. Untuk lebih jelasnya lihatlah gambar berikut.

Membuat Kotak Script Sederhana Pada Posting Blogger

Sekian artikel tentang Membuat Kotak Script Sederhana Pada Blogger, Semoga artikel yang saya posting kali ini bermanfaat.

Jan 31, 2017

Cara Cek Dan Mengatasi Blog Yang Masuk Google Sandbox

Cara Cek Dan Mengatasi Blog Yang Masuk Google Sandbox - Akhir - akhir ini saya sering membahas tentang SEO dan Blog, memang blog ini saya buat khusus untuk membahas tentang SEO, Blog, Internet, Komputer, Software dan Hal - hal yang berkaitan dengan IT termasuk bisnis didalamnya (Bisnis Online contohnya). Pada artikel saya sebelumnya, saya membahas tentang Membuat Attribute Alt Tag dan Title Tag Pada Gambar. Untuk posting saya kali ini saya akan membahas tentang SEO lagi, namun bukan tentang optimasi tapi membahas tentang Cara Cek Dan Mengatasi Blog Yang Masuk Google Sandbox, saya bilang bukan optimasi karena hal ini lebih ke masalah yang kebanyakan tidak disengaja oleh pemilik blog.

1. Apa Itu Google Sandbox

Sebelum kita membahas tentang cara cek dan mengatasi blog yang masuk google sandboox ada baiknya anda mengetahui, apa itu Google Sandbox. Google Sandbox adalah pinalti yang dibuat oleh google untuk menghukum blog - blog yang "nakal", jadi Google Sandbox ini layaknya penjara bagi para kriminal di dalam sistem google secara keseluruhan, hukuman yang diberikan mulai dari penurunan peringkat pada SERP hingga DEINDEXED (Dihapus dari index google). Apa pun hukuman yang diberikan tentu akan berdampak besar bagi kelangsungan hidup blog anda terutama dari sisi trafik atau kunjungan ke blog anda, yang selanjutnya dampaknya jika anda memonetize blog anda penghasilan anda akan menurun drastis bahkan Banned jika itu Google Adsense.

2. Penyebab Blog Masuk Google Sandbox

Jika anda sudah mengetahui betapa mengerikannya Google Sandbox, anda juga harus tahu penyebab blog anda dimasukkan pada Google Sandbox.

  • Broken Link atau Invalid Link
Penyebab yang pertama adalah broken link atau invalid link. Indikasi awalnya anda bisa lihat pada Google Webmaster Tool, bila pada saat anda membuka Console Google Webmaster Tool dan  pada Crawl Error terdapat Url Error, anda patut was - was dengan hal ini, karena ini indikasi awal blog masuk google sandbox. contoh gambarnya seperti berikut
Cara Cek Dan Mengatasi Blog Yang Masuk Google Sandbox

  • Spam Backlink
Backlink ini layaknya lemak dalam tubuh, ada lemak baik dan jahat. Backlink yang baik berasal dari situs yang memiliki kualitas dan reputasi yang baik dilihat dari Alexa Rank dan nilai optimasi SEO nya dan juga dilihat Backlink yang diberikan itu Dofollow atau Nofollow. Algoritma google yang terdahulu lebih mudah indikatornya yakni Page Rank, tapi pada algoritma yang baru Google tidak lagi memperhitungkan faktor Page Rank. Backlink yang jahat atau tidak berkualitas adalah kebalikan dari backlink yang baik atau berkualitas, biasanya backlink jenis yang tidak berkualitas ini di dapat dari spam komentar (apalagi yang menyertakan link aktif), teknik - teknik backlink Blackhat seperti piramida backlink atau apalah, intinya backlink yang tidak natural. Blog anda dapat dijebloskan ke Google Sandbox apabila blog anda memiliki backlink yang tidak normal (di indikasikan spam), contohnya blog anda baru punya 1 atau 2 artikel tapi backlink anda sudah puluhan ribu, ini akan mencurigakan dan akan dianggap spam oleh google dan otomatis blog anda masuk penjara google sandbox tanpa ampun :D.

  • Optimasi SEO yang berlebihan

Sama seperti Backlink, pada dasarnya google sangat menganjurkan untuk optimasi SEO blog anda karena hal itu akan memudahkan google untuk menggali informasi tentang blog anda dan informasi di dalamnya. Namun optimasi yang berlebihan baik Onpage atau OffPage akan berdampak buruk pada blog anda karena bisa menjerumuskan blog anda sendiri ke google sandbox. Contoh sederhana optimasi yang berlebihan adalah ketika anda membuat artikel, artikel anda hanya berisikan 90% Keyword yang anda incar, ini akan dianggap sebagai spam keyword dan optimasi yang dilakukan berlebihan karena Keyword Density atau Kepadatan Keyword dalam satu artikel terlampau tinggi yakni 90%, padahal artikel yang wajar untuk optimasi memiliki Keyword Density hanya sekitar 2 - 4 %. 

  • Mencuri Artikel Orang Lain
Banyak yang mengatakan bahwa artikel yang baik itu harus asli original buatan anda sendiri, tanpa copy paste dan harus unik. saya tidak akan membahas hal itu disini, bila anda mau tahu jawaban saya tentang hal itu anda bisa baca artikel saya tentang Teknik SEO Yang Baik Dan Benar Serta Ampuh karena saya telah membahasnya secara singkat di artikel tersebut. Disini saya hanya akan membahas tentang pencurian artikel dimata Google. Pernah dengar DMCA?, DMCA atau Digital Millennium Copyright Act layaknya institusi yang melindungi Hak Cipta. Indikator, google sangat memperhatikan Hak Cipta artikel seseorang, bila anda mencuri artikel orang lain atau bahasa kerenya Copas, bila ini diketahui DMCA atau pemilik artikel melapor ke DMCA sanksi yang anda dapat dari google adalah blog anda akan dimasukkan sandbox, atau bisa artikel anda dihapus, atau lebih jauh Akun google anda akan di Banned beserta blog - blog didalamnya. Jadi hindarilah mencuri artikel orang lain, atau paling tidak sertakan sumber artikel jika memang anda ingin Copas artikel tersebut. 

3. Cara Cek Apakah Blog Anda Masuk Google Sandbox atau Tidak

Anda bisa cek blog anda masuk google sandbox atau tidak di PixelGrove, disana anda hanya perlu memasukkan alamat blog anda kemudian hasil pengecekan akan menunjukan apakah blog anda masuk google Sandbox atau tidak. bila blog anda tidak dalam google sanbox akan muncul pemberitahuan seperti berikut
Cara Cek Dan Mengatasi Blog Yang Masuk Google Sandbox
Bila status yang diberikan berwarna merah akan ada status google sandbox yang diberikan apakah Deindexed, Penalized atau Sandboxed. ketiga nya menunjukan blog anda sedang ada atau dalam pengawasan google sandbox, anda patut untuk mencermatinya dan memperbaikinya. blog saya ini 2 hari lalu masuk google sandbox yang saya analisa penyebabnya adalah banyaknya broken link (sekitar 6 broken link) kemudian saya mulai menmperbaiki dan akhirnya berstatus kembali menjadi OK!

4. Cara Mengatasi Blog Yang sudah Masuk Google Sandbox

Ada 2 langkah yang dapat anda ambil untuk memperbaiki kondisi tersebut seperti yang saya lakukan. 

1. Analisa Penyebabnya

Kenali dulu penyebabnya apa, dari 4 penyebab Google Sandbox yang saya jelaskan diatas anda harus tahu kira - kira mana yang menimpa blog anda. Anda bisa mulai dengan melakukan search di google dengan keyword "Site:NamaBlogAnda.com", ubahlah tulisan warna merah dengan alamat blog anda, contohnya pada gambar berikut

Cara Cek Dan Mengatasi Blog Yang Masuk Google Sandbox

Artikel yang telah masuk index google akan muncul, telitilah satu per satu mana saja artikel yang telah di index google dan mana yang belum, jika ada yang belum diindex pastikan lagi bila itu artikel yang sudah berumur lebih dari 1 minggu karena bisa saja artikel baru memang belum di crawl sehingga belum masuk. bila anda menemukan artikel yang sudah berumur lama tapi tidak ada dalam index, fokuskan perhatian anda pada artikel tersebut karena kemungkinan besar itu adalah artikel yang masuk google sandbox. Cermati artikel anda dari segi Keyword Density, Untuk cara cek Keyword Density anda bisa membaca artikel saya tentang Apa Itu Keyword Density. selain itu lihat juga apakah backlink anda berlebihan, untuk Backlink anda bisa cek backlink anda di SmallSeoTool

2. Lakukan Penindakan Pada google Webmaster

a. Bila penyebabnya adalah Broken Link yang bisa dilihat pada Console, lakukan penindakan berupa penghapusan dari index Google, caranya anda bisa membaca artikel saya tentang Memperbaiki Crawl Error 404 Google Webmaster Tools. Lakukan penghapusan setiap broken link baik itu versi Desktop atau Mobile.

b. Bila penyebabnya adalah artikel anda yang copy paste atau curian, hapus artikel tersebut dari blog anda, dan hapus juga dari index dengan cara yang sama seperti poin a.

3. Bila terdapat masalah dalam artikel anda mengenai Keyword Density, anda bisa mengedit blog anda dan normalkan Keyword Density artikel anda di kisaran 2 - 4%. Setelah itu anda bisa lakukan index ulang secara langsung dengan Fetch As Google, caranya bisa anda baca di Cepat Terindex Dengan Fetch As Google. lakukan hal ini pada setiap artikel yang memiliki masalah keyword density

4. Yang terakhir adalah masalah backlink. ini masalah yang paling rumit sebenarnya. anda tidak bisa melakukan banyak hal ketika masalah ini menimpa anda, biala anda pernah membuat artikel tentang piramida backlink atau semacamnya, sebaiknya hapus artikel tersebut. kemudian Optimasi Blog anda secara natural, ini akan memakan banyak waktu hingga umur blog, jumlah artikel, jumlah kunjungan sebanding dengan backlink yang anda punya. dengan cara demikian blog anda akan dikeluarkan otomatis oleh google dari sandbox. Cara ini memang cukup lama anda harus lakukan karena tidak ada cara lain menyelamatkan blog anda  bila poin no 4 ini terjadi pada blog anda.

Sebagai penutup saya hanya ingin mengatakan, dalam membuat sebuah blog atau anda berkecimpung di dunia maya baik itu sosmed, bisnis online atau apaun kegiatan anda di dunia maya tetap ada aturan yang harus anda patuhi sama seperti dunia nyata.