Ola Nirvana

Showing posts with label Blog. Show all posts

Cara Instal Framework (Xposed Installer) di Lollipop & Marshmallow

Instal Xposed installer di android lollipop

Xposed Framework

Xposed Installer, tools ini mungkin sudah tidak asing lagi di telinga para oprekers android karena fungsinya yang menarik dan sangat memudahkan kita dalam aktifitas modifikasi ROM tanpa harus meng-instal Custom ROM atau bongkar pasang Recompile Decompile yang membuat kepala pusing tujuh keliling. Inilah yang membuat tools ini menjadi salah satu yang wajib di instal di smartphone maupun tablet Android yang sudah mendapatkan akses Root.

Agar tools ini dapat bekerja pada sebuah smartphone android maka kita perlu memasang atau mengperbaharui framework. Jika anda baru saja beralih ke android terbaru seperti Lollipop mungkin akan bertanya-tanya "Lho kok gak bisa di instal?" padahal biasanya hanya tinggal instal apk-nya update reboot selesai, Saya sendiri awalnya juga sempat kebingungan sebab sekarang cara ini sudah tidak berlaku lagi bagi Android lollipop dan marsmallow. Terus gimana dong? Tenang temanku, Revo89 developers xposed sendiri terus bekerja keras agar tools ini dapat digunakan pada android versi terbaru, meski masih tahap alpha tools ini tetap bekerja dengan baik, dan sekarang revo sudah meluncurkan update resminya, tapi untuk proses instalasi sendiri berbeda dari sebelumnya yang menurut saya lumayan ribet karena harus melalui custom recovery. Jadi, agar dapat menginstalnya android anda harus sudah terinstal CWM/TWRP.

Mungkin akan ada beberapa bugs. Saya tidak bertanggung jawab apabila terjadi kerusakan pada perangkat anda

Download XposedInstaller_3.0_alpha4.apk DISINI sebagai pengelola module yang anda instal nantinya
Download Framework-nya DISINI (unduh sesuai CPU masing-masing)

KET: SDK21 adalah Android 5.0 Lollipop, SDK22 adalah versi 5.1 dan SDK23 adalah Android 6.0 Marshmallow.

Pastikan anda mengunduhnya sesuai device yang anda gunakan, apabila salah kemungkinan besar perangkat akan mengalami bootloop, tapi jangan khawatir hal tersebut dapat di atasi dengan melakukan uninstal, untuk mendownload bahannya DISINI

Baik, mari kita mulai.
1. Instal apk-nya seperti biasa, seletah selesai coba buka aplikasinya maka akan seperti gambar dibawah ini

Perlu update framework

Yang perlu kita lakukan adalah meng-update framework melalui custom recovery.

2. Masuk ke mode recovery baik itu CWM atau TWRP yang anda gunakan, cara ini relatif berbeda-beda, kalau saya lebih suka menggunakan tools terminal emulator dengan mengetik perintah "su" lalu enter dan dilanjut dengan mengetik "reboot recovery" (enter)

3. Setelah masuk ke mode recovery install Xposed Framework yang sudah anda download diatas.

Untuk pengguna CWM - Instal zip from sdcard > choose zip from sdcard > pilih framwork-nya dan instal > reboot selesai.
Untuk pengguna TWRP - Instal > cari filenya > kemudian swipe atau geser ke kanan untuk meng-instal > reboot selesai..

4. Jika berhasil biasanya android akan melakukan pembaruan system yang akan memakan waktu lumayan lama tergantung banyak atau sedikitnya aplikasi yang anda pasang. Tunggu sampai selesai.

5. Jika device sudah menyala kembali buka Xposed installer dan akan berubah seperti gambar dibawah ini, itu menandakan bahwa framework sudah aktif dan sudah bisa digunakan.

Framework Aktif

Lagi-lagi akan saya ingatkan. Pastikan anda mengunduh framework yang tepat untuk device yang anda gunakan, sebab apabila tidak sesuai kemungkinan besar akan terjadi bootloop. Untuk mengatasi hal tersebut lakukan uninstal melalui mode recovery, link sudah saya berikan diatas, pilih sesuai CPU anda lalu lakukan instal seperti cara diatas.

Demikian tutorialnya semoga artikel ini dapat bermanfaat bagi anda.

Read User's Comments(0)

Cara Membuat Breadcrumbs Dengan Rich Snippets

1:43 PM | Labels: Blog, Edit, Tutorial

Sobat blogger, Breadcrumbs ini adalah sebuah navigasi yang sederhana yang mungkin biasa anda lihat diatas judul artikel blog. Hal ini berguna untuk menavigasi label terkait diblog anda dan ini membantu pengguna untuk memahami hieraraki dan struktur web / blog anda dan yang paling penting hal ini berguna bagi pengunjung untuk memahami kategori sebuah konten yang sedang mereka baca.

Cara Membuat Breadcrumbs Dengan Rich Snippets

Tidak hanya membantu dalam menavigasi; hal ini juga membantu untuk memperkaya website SERP Anda di (Search Engine Result Page). Menggunakan RDFa markup, Anda dapat menempatkan link breadcrumbs ini juga pada hasil pencarian dari web / blog dan anda juga akan melihat label breadcrumbs tersebut di search engine atau terindex di search engine Google, seperti contoh gambar dihasil pencarian dibawah ini.

Bagi anda yang ingin menambahkan breadcrumbs yang saya pikir ini sangat berpengaruh pada SEO blog anda untuk bisa lebih meningkatkan peringkat dihasil pencarian karena hal ini berkaitan bahwa situs anda bisa dianggap situs yang relevan.

Cara Membuat Breadcrumbs Dengan Rich Snippets & SEO Friendly

1. Buka akun blogger anda.

2. Pilih menu template dan klik edit HTML.

3. Selanjutnya letakan kode dibawah ini tepat diatas kode ]]></b:skin> atau </style>

/* Css Breadcrumbs */
.breadcrumbs {font-size:100%;overflow:hidden;padding:5px 0;margin:0 15px;position:relative;border-bottom:1px solid #ebeeef;border-top:1px solid #ebeeef;color:#ccc;margin:0 15px 15px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;display:block}.breadcrumbs a {color:#ddd;font-size:13px;font-weight:normal;}.breadcrumbs span a {color:#768187;padding:0;}.breadcrumbs > span:last-child {width:0;color:#ccc;font-size:13px;font-weight:300}.breadcrumbs span a:hover {color:#333;}.breadcrumbs a:hover {color:#333;}

4. Selanjutnya anda cari kode seperti dibawah ini.

<b:includable id='main' var='top'>

5. Jika sudah ditemukan, Silahkan ganti kode tersebut dengan kode dibawah ini.

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> » <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?&max-results=8"' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> » </b:if> </b:loop> » <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Uncategories</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>Archive for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span>All post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> » <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

6. Sekarang save template dan lihat perubahannya.

Saya rasa sudah cukup untuk tips dan cara memasang atau menambahkan breadcrumbs SEO Friendly Dengan Rich Snippets"

Read User's Comments(0)

7 Ciri Template Blog User Friendly

1:33 PM | Labels: Blog

TEMPLATE blog tidak saja harus SEO Friendly (bersahabat dengan mesin pencari) agar mudah diidensk Google, tapi juga harus User Friendly (bersahabat dengan pengunjung).

Blog yang User Friendly akan disukai pembaca dan otomatis akan disukai juga oleh Google --karena mesin pencari terpopuler di dunia ini selalu berpihak kepada pengguna.

Dalam memilih blog, jangan fokus ke keren, bagus, atau indahnya, meski itu juga penting, namun yang terpenting adalah Fast Loading --cepat loadingnya! Ringan. Itu salah satu ciri template blog User Friendly.

Ciri-Ciri Template Blog User Friendly

1. Fast Loading
Disebut juga Loading Time. Tampilannya cepat! Anda bisa menguji atau mengetahui kecepatan loading blog di GT Metrix. Rekomendasi perbaikannya juga nanti muncul di sana.

Menurut Google, idealnya kecepatan loading blog itu di bawah 4 detik! Menurut sebuah penelitian, sebanyak 75 % pengunjung tidak akan kembali lagi ke blog yang loadingnyalebih dari empat detik.

The speed at which your blog loads is critical to attracting more readers to your blog. If your blog takes a long time to load, many readers may leave your blog before they have the chance to read it.(Make Your Blog Load Faster!).

2. Memiliki Menu Navigasi & Link yang Baik
Blog harus memiliki navigasi menu atau internal link yang memudahkan pengunjung untuk mengeksplorasi isi blog.

Navigasi Menu diletakkan di posisi yang mudah dilihat user, misalnya di atas atau di bawah Header.

Internal link juga harus ada di sidebar blog, seperti Posting Terbau, Posting Terpopuler, dan Random Posts (Optional).

Di bawah tiap postingan "wajib" ada Related Posts untuk memandu pengunjung ke posting sejenis atau setema.

3. Social Share
Tombol Share ke Facebook, Twitter, Google Plus, dll wajib ada di bawah postingan untuk memudahkan user membagikan posting berkualitas di blog Anda ke media sosial. Minimal buat kepentingan admin blog sendiri untuk share ke sosmednya.

4. Scannable!
Pembaca blog itu hakikatnya memindai (scanning), bukan membaca (reading). Makanya, di dunia online ada istilah scannable text, yakni teks yang mudah dipindai alias mudah dibaca dan dipahami.

Ciri-ciri blog yang user friendly a.l. menyajikan tulisan yang scannable, yakni:

Ukuran huruf tidak terlalu kecil, juga tidak terlalu besar, antara 13px s.d. 16px, tergantung jenis huruf yang digunakan.
Jenis huruf yang baik yaitu kelompok Sans-Serif, seperti Arial, Verdana, Tahoma, Helvetica. Hindari jenis huruf yang "indah" namun sulit dibaca di layar monitor.
Menggunakan alinea/paragraf pendek. Idealnya maksimal 5 baris per alinea.
Ada jarak antar-alinea. Istilahnya: White Space! Jangan bertumpuk tanpa jarak!
Align left. Rata kiri, bukan justify. Rata kiri lebih mudah dibaca, terkesan rileks, dan menyisakan banyak ruang untuk istirahat mata. Align Text "Justify" alias rata kiri-kanan kesannya "formal", "kaku", mirip surat resmi, dan gaya media cetak.

5. Dominasi Biru atau Hitam

Termasuk Ciri-Ciri Template Blog User Friendly adalah dominasi warna hitam atau biru yang sudah familiar dengan user (UX). Warna gelap seperti hitam/biru tidak menyilaukan mata, berbeda dengan merah, orange, dsb yang bikin mata "sakit".

Warna link, terutama dalam posting, hendaknya biru, sebagaimana link di Google dan Yahoo. Warna biru link sudah familiar dengan pengunjung alias user friendly.

6. Tidak Kumuh

Banyak blogger yang terlalu banyak "memainkan" warna di blognya. Akibatnya, blognya terkesan "kumuh". Gunakan template blog yang simple, minimalis, bersih, sehingga bikin nyaman user juga menjadikan blog Fast Loading.

7. Responsive!

Kini era mobile device. Banyak pengguna internet menggunakan HP atau SmartPhone. Maka, gunakan template responsive (mobile friendly) agar tampilan blog mampu "menyesuikan diri" (adaptif) dengan perangkat yang digunakan user.

Demikian 7 Ciri Template Blog User Friendly. Ada tambahan? Tampilan blog yang bagaimana yang Anda sukai?

Read User's Comments(0)

Cara membuat robot.txt yang SEO friendly untuk Blogger

1:19 PM | Labels: Blog, Edit, Tutorial

Robot.txt default punya Blogger sebenarnya tidak SEO friendly, karena ia mengijinkan search engine untuk mengindeks seluruh page blog kita, termasuk search page, juga mengijinkan mengindeks label artikel dan arsip bulanan. Ini tentu saja kurang bagus dari sisi SEO dan bisa menurunkan rangking blog kita di mata search engine. Untuk mengatasi masalah itu kali ini saya sharing cara membuat robot.txt yang SEO friendly untuk Blogger.

Perlu dipahami pula bahwa search pages punya Blogger di dasarkan pada indexing label posting dan navigasi URL. Ini sebenarnya juga kurang bagus karena berpotensi menyebabkan duplicate content error dan duplicate title error. Selain itu search pages Blogger juga berupa dynamic URL yang sebenarnya tidak didukung oleh sebagian besar search engine. Jadi bila search engine mengindeks blog label Anda, maka ia juga akan mengindeks seluruh isi posting, padahal sebenarnya sudah ada dalam indeks. Alhasil muncullah duplicate content.

Robot.txt yang SEO friendly untuk Blogger

Untuk mengatasi masalah ini Anda bisa menggunakan robot.txt untuk Blogger yang SEO friendly, sehingga bisa memberitahu seluruh bot agar tidak mengindeks arsip blog, label, dan halaman navigasi. Robot.txt berikut ini lebih SEO friendly karena bisa menghilangkan error yang sering dilaporkan di dalam Webmaster Tools. Kelebihannya diantaranya:

menghilangkan duplicate meta description error
menghilangkan duplicate title error
mencegah semua bot agar tidak mengindeks hasil pencarian dan label posting

Cara membuat robot.txt yang SEO friendly untuk Blogger

Cara memasang robot.txt yang SEO friendly untuk Blogger caranya begini:

Masuk ke Dasboard Blogger Anda >Setting, lalu klik Search Preferences
Di bagian Crawler and Indexing, klikEdit di depan Custom robots.txt
Klik Yes lalu kopikan kode robot.txt berikut ini, lalu klik Save Changes

User-agent: *
Disallow: /search
Disallow: /*_archive.html
Disallow: /cgi-bin/
Allow: /
Sitemap: http://alamatblogAnda/atom.xml?redirect=false&start-index=1&max-results=500

Jangan lupa mengganti ‘alamatblogAnda’ dengan alamat blog Anda yang benar, misalnyainilahcaranya.com (tanpa tanda petik)

Nah, sekarang kita sudah menggunakan robot.txt yang SEO friendly untuk Blogger.

Selamat mencoba.

Read User's Comments(0)

Cara Mengatasi Error Website Links di CHKME

1:13 PM | Labels: Blog, Edit, Tutorial

Untuk mendapatkan sebuah hasil dari pekerjaan SEO blog yang kita lakukan adalah bukan hasil yang bisa kita hitung hanya dalam kurun waktu hanya dalam beberapa jam saja, butuh waktu yang lama untuk bisa mendapatkan hasil yang kita inginkan dan termasuk kita juga harus memaksimalkan pelaksanaan SEO itu sendiri.

Untuk mendapat hasil yang maksimal di balik itu kita juga perlu melakukan seo yang maksimal. Bagi anda yang sering mengecek nilai seo di situs CHKME dan ingin memaksimalkan nilai SEO blog anda. Untuk itu saya disini ingin sedikit berbagi beberapa trik sederhana untuk mengatasi peringatan error yang sering terjadi pada bagian "Website Links" di chkme untuk memaksimalkan nilai SEO On Page blog kita.

Untuk memulai.. Hal pertama yang mesti anda lakukan adalah backup terlebih dahulu template anda untuk menjaga jika ada kesalahan penempatan.

Cara Mengatasi Error Website Links di CHKME

1. Mengatasi error Pada commnet-form.

Error semacam ini muncul karena tidak adanya title pada bagian comment, untuk mengatasinya sudah tentu menambahkan title.

-Langkah pertama,silahkan cari kode seperti dibawah ini

addCommentOnclick'

-Jika sudah ditemukan silahkan tambahkan kode title='Comments' setelah kode tadi, hingga akhir penampakannya seperti dibawah ini.

addCommentOnclick' title='Comments'

keterangan : kode ini biasanya lebih dari satu dan silahkan tembahkan semua kode tersebut, pastikan ada jarak sepasi di antara kode supaya tidak error.

2. Mengatasi error pada img tang dan obeng

Error semacam ini akan muncul jika kita menambahkan sebuah widget baru pada blog kita dan untuk mengatasi error yang muncul...

-Silahkan cari kode seperti di bawah ini.

<b:include name='quickedit'/>

- Hapus semua kode tersebut yang ada pada template anda.

3. Mengatasi Error Pada Link dan Gambar

Error seperti ini muncul karena pada bagian link dan gambar anda sebagian besar tidak memiliki title, untuk mengatasinya tentu dengan menambahkan title.

-Cari dan temukan tiga kode di bawah ini

expr:href='data:post.url'

expr:href='data:post.link'

expr:href='data:post.href'

-Selanjutnya tambahkan kode expr:title='data:post.title' pada tiga kode tersebut silahkan tambahkan satu persatu karena kode tersebut pasti banyak dan akhir penampakannya akan seperti dibawah ini.

expr:href='data:post.url'expr:title='data:post.title'

expr:href='data:post.link'expr:title='data:post.title'

expr:href='data:post.href'expr:title='data:post.title'

Pastikan ada jarak sepasi pada penambahan kode. Jika sudah selesai, save dahulu template anda.

4. Mengatasi Error Pada Widget Label.

Jika anda menambahkan widget label, maka error pun akan muncul di bagian website link, untuk mengatasinya ..

-Silahkan cari kode seperti dibawah ini

expr:href='data:label.url'

-Jika sudah ditemukan silahkan tambahkan kode expr:title='data:label.name' sesudah kode tersebut

-sehingga penampakannya seperti di bawah ini

expr:href='data:label.url'expr:title='data:label.name'

Tidak lupa,pastikan ada jarak sepasi diantara kode.

5. Mengatasi Error pada Url

Jika pada template anda ada url yang biasa di gunakan di menubar atau yang lain, jika tidak di tambahkan tiele, maka masalah error pun akan muncul di website links.

-Biasanya sebuah URL akan tampak seperti dibawah ini

<a href='http://www.oktavialie.web.id/'>Daftar Isi</a>

-Silahkan tambahkan title yang sesuia dengan nama url tersebut,seperti di bawah ini.

<a href='http://www.oktavialie.web.id/'title='Daftar Isi'>Daftar Isi</a>

Silahkan save template anda.

6. Mengatasi Error pada gambar di posting

Untuk mengatasi error dalam hal ini, anda dapat melakukannya pada artikel saya yang ini Optimasi SEO Menambahkan Alt Tag teks Pada Gambar

Jika sudah selesai semua, silahkan cek kembali error yang terdapat di website link, insyallah sudah pasti hilang. oke semoga bermanfaat sobat blogger.

Read User's Comments(0)

Ola Nirvana

"Tutorial, Tips N Entertainment"

Komentar

Artikel Terbaru

About me

About me

Cover Band

Labels

Recent Comments

Popular Posts

Laman

Popular Posts

About

Blogger templates

Blogger news

Blogroll

Categories

Archives

Cara Instal Framework (Xposed Installer) di Lollipop & Marshmallow

Cara Membuat Breadcrumbs Dengan Rich Snippets

Cara Membuat Breadcrumbs Dengan Rich Snippets & SEO Friendly

7 Ciri Template Blog User Friendly

Cara membuat robot.txt yang SEO friendly untuk Blogger

Robot.txt yang SEO friendly untuk Blogger

Cara membuat robot.txt yang SEO friendly untuk Blogger

Cara Mengatasi Error Website Links di CHKME

Cara Mengatasi Error Website Links di CHKME

1. Mengatasi error Pada commnet-form.

2. Mengatasi error pada img tang dan obeng

3. Mengatasi Error Pada Link dan Gambar

4. Mengatasi Error Pada Widget Label.

5. Mengatasi Error pada Url

6. Mengatasi Error pada gambar di posting