ritongablog: Blog

Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Kembalikan domain blog kamu menjadi .com, bukan .co.id!

Unknown Jumat, Desember 30, 2016

Yaps, bener kali ini mau ngebuat alamat blog beralih otomatis dari blogspot.co.id menjadi ke blogspot.com seperti gambar di atas. Menurut informasi dari website yang saya kunjungi, lebih baik menggunakan domain .com karena alasan global, ~~katanya~~. Dan ada beberapa alasan lain yang saya kutip yaitu ;

The social stats – like your Facebook Likes, Google +1s and Tweet counts – for your blog posts may be reduced as the URLs for the same blog post will be different for different visitors.

Disqus & Facebook Comments -- You will have a similar problem if you are using an external commenting platform like Disqus or Facebook Comments because the blog URLs will be different even when the underlying page is the same.

External Link -- Also, if canonicalization isn’t implemented properly, it may cost you some Google juice as external websites may link to your country-specific pages.

Google AdSense -- Some users have reported a dip in Google AdSense earnings when pages are served through country-specific domains.

Nah website yang juga menegaskan hal seperti di atas juga didapat dari labnol. So buat blog kamu yang masih berdomain .co.id, disarankan ubah ke .com.

Nih ada kode yang otomais mengubah alamat blog kamu menjadi .com. Bisa dicoba, kebetulan artikel ini adalah sebagai catatan tersendiri, dan credit source akan dibuat di akhir artikel ini.

Masuk ke Dashboard-Template-Edit Template
Backup (Optional)
Cari kode <head> dan pastekan tepat dibawahnya, atau erserah kamu yang penting masih lingkup kode tersebut, and save.

<script type="text/javascript">

var blog = document.location.href.toLowerCase();

if (!blog.match(/\.blogspot\.com/)) {

blog = blog.replace(/\.blogspot\..*?\//, ".blogspot.com/ncr/");

window.location.replace(blog);

}

</script>

Nah sekarang silahkan kamu refresh blog kamu dan lihat hasilnya. Saya pribadi menilai sebenarnya sih bagus, akan tetapi apakah berdampak baik atau buruk kepada SEO saya juga tidak tahu. Alasan pasti yang saya temukan adalah;

Link label pada menu utama blog kamu tidak akan terdeteksi, kamu wajib mengubah domain label kamu menjadi .com (ini ribet buat saya, artinya harus mengubah satu persatu). Justru sebailknya, pada menu Recent post, Random post, Popular post, dan sejenisnya sudah otomatis terdeteksi, hanya menu utama blog kamu saja yang harus diubah linknya.
Tidak tahu apakah blog yang sudah kamu daftarkan pada webmaster berpengaruh terhadap indeks blog kamu atau tidak, ini masih menjadi pertanyaan buat saya.

Nah sekarang keputusan kamu, semua itu dirasa baik jika kamu memahami betul gunanya untuk apa. dan bagi kamu yang tidak mau ribet, biarkanlah domain blog kamu apa adanya.

Oh ia, jika ada yang berbaik hati mau menjelaskan lebih detail lagi mengenai artikel ini, silahkan komentar di bawah ya. Akan sangat berharga bila komentar kamu bermanfaat. Ciaao!
sumur: www.contohblogdotcom

simple whatsapp sharepage versi desktop dan mobile blog

Unknown Selasa, Desember 13, 2016

Hei sobat blog, ketemu lagi. Semoga tidak bosan main main kesini yah, soalnya disini dijamin bebas pungli hehehe, ~~kayak jalanan aja.~~. Oh ia saya mau menyambung masalah share page kemarin di simple share page versi mobile ala ritongablog UPDATED [BLOG].Sedikit masalah muncul saat saya mencoba membuka halaman blog ini di tablet device. Masalahnya adalah halaman tersebut dibuka dalam versi desktop, bukan mobile. Soo yah tampilan sharepage whatsappnya ga muncul dong.

Sempat termenung sebentar sampai mendapat ide, oh ia kenapa tidak dibuat 2 versi berbeda? akhirnya dengan modal nekat dan memakai asumsi seadanya, akhirnya saya oprek lagi nih template. Daan hasilnya, syukurlah work, tampilan sharepage antara versi desktop dan mobile akhrinya berbeda, begitu pula dengan tampilan icon whatsappnya.

Bagi kamu yang ingin menjadikan ini sebagai referensi, yah sok atuh silahkan, dan jika ga work, itu mungkin pengaruh template yang digunakan, silahkan mencari referensi lengkap dari luar blog ini.

Ok dilanjut saja seperti biasa, Dashboard - Template - Backup [Optional] - Edit template. Perlu diingat kode warna hijau adalah versi desktop, sedangkan versi biru adalah versi mobile.

CTRL + F dan cari kode <b:skin>, lalu pastekan kode berikut tepat dibawahnya :

a.bitz2{color:#37BC4A; border-bottom:3px solid #37BC4A;}
a.bitz{color:#37BC4A; border-bottom:3px solid #37BC4[A];}

So kita lanjut ke tahap selanjutnya. cari //<![CDATA[ dan pastikan kode berikut dibawahnya, yang penting masih dalam lingkup </script> dengan kata lain jangan diletakkan diluarnya. Biasanya posisi tersebut terletak di atas kode </head>.

$(document).ready(function() {$(document).on("click", '.bitz', function() {if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {var text = $(this).attr("data-text");var url = $(this).attr("data-href");var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);var whatsapp_url = "whatsapp://send?text=" + message;window.location.href = whatsapp_url;} else {alert("This function works on Mobile Device only");}});});
$(function() {$.fn.scrollToTop = function() {$(this).hide().removeAttr("href"); if ($(window).scrollTop() != "0") { $(this).fadeIn("slow")} var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() == "0") { $(scrollDiv).fadeOut("slow") } else { $(scrollDiv).fadeIn("slow") } }); $(this).click(function() { $("html, body").animate({ scrollTop: 0 }, "slow") }) } }); $(function() {$("#MD-StoTop").scrollToTop();});

$(document).ready(function() {$(document).on("click", '.bitz2', function() {if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {var text = $(this).attr("data-text");var url = $(this).attr("data-href");var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);var whatsapp_url = "whatsapp://send?text=" + message;window.location.href = whatsapp_url;} else {alert("This function works on Mobile Device only");}});});
$(function() {$.fn.scrollToTop = function() {$(this).hide().removeAttr("href"); if ($(window).scrollTop() != "0") { $(this).fadeIn("slow")} var scrollDiv = $(this); $(window).scroll(function() { if ($(window).scrollTop() == "0") { $(scrollDiv).fadeOut("slow") } else { $(scrollDiv).fadeIn("slow") } }); $(this).click(function() { $("html, body").animate({ scrollTop: 0 }, "slow") }) } }); $(function() {$("#MD-StoTop").scrollToTop();});

Nah sekarang cari <div class='post-footer-line post-footer-line-2'> yang berada di posisi pertama , lalu pastekan kode versi desktop berikut tepat di bawahnya.

<a class='bitz2' expr:data-href='data:post.url' expr:data-text='data:post.title' href='#' title='Share on whatsapp'><i class='fa fa-whatsapp'/> </a>

atau kamu bisa sejajarkan dengan icon sharepage lainnya yang masih di dalam tag <div> .. </div>

Kemudian cari <div class='post-footer-line post-footer-line-2'> yang berada di posisi kedua, lalu pastekan kode versi mobile berikut tepat dibawahnya.

<b:if cond='data:top.showMobileShare'>
               <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/> </a>
                </div>
                <b:if cond='data:top.showDummy'/><a class='bitz' expr:data-href='data:post.url' expr:data-text='data:post.title' href='#' title='Share on whatsapp'><i class='fa fa-whatsapp'/> </a>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>

Jika kode <b:if> sudah ada, kamu cukup menempatkan kode whatsapp tersebut di antaranya, sesuai dengan kode di atas. Atau kamu bisa paste secara keseluruhan jika kode tersebut belum ada.

Done! Sesuaikan tata letaknya sesuai dengan keinginan kamu. Kembali mengingatkan, jika tidak work di tempat kamu, alasannya sudah saya bahas di atas. Cara cepatnya silahkan cari referensi yang lengkap dari luar blog ini. Semoga berhasil, keep working, and Ciaoo!

Ganti Jenis Font pada halaman blog

Unknown Selasa, Desember 13, 2016

Kali ini agak sedikit berbeda, mau ganti total jenis font pada blog saya ini. Oprek lagi dengan mencari seluruh perintah yang berbau jenis font dan menambahkan jenis font tertentu di dalamnya yah kan sesuai judulnya ~~mau ganti total,~~

kamu bisa mengunjungi Google Font, cari dan pilih jenis font yang disukai dan copy kode cssnya.

Sekarang saatnya masuk ke blog,. Buka Dashboard - Template - Edit Template. Cari kode <head> dan pastekan kode css font yang sudah kamu dapat dari Google font tadi, contoh:

<head>

<style>
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
</style>

Atau dengan menekan CTRL + F dan mencari jenis font yang biasa ditemukan seperti san serif, lalu tambahkan jenis font yang kamu suka pada kumpulan font tersebut. Biasanya kode tersebut tepat di bawah <b:skin>.

Atau bisa juga dengan menambahkan perintah berikut tepat daibawah kode <head> juga

<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'/>

<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400' rel='stylesheet' type='text/css'/>

Done! Sorry jika ada yang kurang berkenan, sebab blog ini memakai cara di atas, kamu bisa mencari referensi cara lain yang lebih lengkap dari luar blog ini. Keep working n Ciaoo!

Buat Meta Tag SEO friendly blog

Unknown Selasa, Desember 13, 2016

Hei there! Kali ini mau buat <meta tag> diblog sendiri nih, setelah membaca mengenai Pengertian meta tag sederhana pada blog, akhirnya berniat mempraktekkan diblog sendiri. Bingung mau judulnya apa, yang pasti berhubungan dengan SEO gitulah.

Thanks to codemaker yang sharing ilmunya, ~~ga tahu siapa,~~ yang pasti sumbernya ntar saya posting dibawah.

Baiklah langsung saja yah, lagian bingung mau nulis kalimat basa basi apalagi nih, hehe. Ini hanya catatan bagi saya dan jika ada kekurangan, silahkan cari referensi diluar blog ini, n keep surfing!

Dashboard - Template - Backup [optional] - or langsung edit template
Cari kode <b:include data='blog' name='all-head-content'/> atau jika template blog kamu tidak terdapat kata tersebut, cukup cari <head> dan letakkan kode berikut tepat dibawahnya atau terserah bagi kamu yang sudah paham.

<meta content='P1-6SfnYegjfmkUtRPD4QF62k-YEvuaT3T-0KR1ckH4' name='google-site-verification'/>
<meta content='/qFUkQ0EONIdzHX2OHyyLLc5LTfJ5MD26/rfLx+FKh0=' name='verify-v1'/>
<meta content='AE5FF6568E9160547E058237A11F9DE9' name='msvalidate.01'/>
<meta content='9BC10362146' name='blogcatalog'/>
<meta content='rZJkOI4geGmt1zP4-BEwXnrLxBs' name='alexaVerifyID'/>
<meta content='-5;120' name='geo.position'/>
<meta content='id' name='geo.country'/>
<meta content='id-us-en' name='language'/>
<meta content='INDEX, FOLLOW, all' name='ROBOTS'/>
<meta content='no-cache' http-equiv='Pragma'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='Blogger' name='generator'/>
<meta content='-1' http-equiv='Expires'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='no-cache' http-equiv='Cache-Control'/>
<meta content='general' name='rating'/>
<link href='https://plus.google.com/+vzninety' rel='author'/>
<b:if cond='data:blog.pageType != "item"'>
<meta content=' Uraian atau Deskripsi tentang blog anda ' name='description'/>
<meta content=' keyword1 | keyword2 | keyword3 | keyword4 | keyword5 | keyword6 ' name='keywords'/>
</b:i
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='https://www.ritongablog.blgospot.co.id/atom.xml' rel='alternate' title='ritongablog - Atom' type='application/atom+xml'/>
<link href='https://www.ritongablog.blogspot.co.id/rss.xml' rel='alternate' title='ritongablog - RSS' type='application/rss+xml'/>

Done!, Eitts apakah sudah selesai? belum tentu. Justru setelah ini adalah momen ribetnya dimulai, silahkan sabar ~~kalau bisa sediakan cemilan dan kopi~~ , dan ikuti petunjuk dengan baik. Saya akan sedikit bantu menunjukkan kode mana yang harus kamu ganti agar sesuai dengan informasi blog kamu.

Note : Sesuaikan masing masing perintah dengan keterangannya berdasarkan warna yang tertera di atas, dan perhatikan tanda kutipnya!.

Merah : Adalah Google verifikasi. Ganti kodenya dengan milik kamu. Jika belum punya, kunjungi Google Webmaster, Referensi lengkap cari google.

Orange : Adalah Google analytic. Jika belum punya kunjungi Google Analytic.

Ungu : Adalah Bing Webmaster. Jika belum punya kunjungi Bing Webmaster

Hijau : Adalah blogcatalog. Info : Blogcatalog

Pink : Adalah Alexa. Info : Alexa (sekarang kabarnya berbayar)

Hitam 1 : Adalah Google Plus. Ganti dengan milik kamu

Ungu 2 : Adalah deskripsi blog. Ganti!

Merah2: Adalah Keyword blog. Ganti!

Hitam 3 dan 4 : Url dan nama blog kamu. Silahkan diganti.

Widih panjangnya, bagaimana tertarik mengikuti?. Semoga perintah diatas sudah SEO friendly seperti yang dikatakan sumbernya. Bagi kamu yang mengikuti ini, Semoga berhasil, keep working n Ciaoo!
sumur : carazone*_com

Pengertian meta tag sederhana pada blog

Unknown Senin, Desember 12, 2016

Hei there, kali ini ane mau buat catatan sederhana mengenai masalah <meta tag>. Ane bukan master apa lagi jago dibidang beginian, ini hanya sekedar catatan buat referensi ane, so kalau kamu masih penasaran, surfing aja di halaman mbah google.

Main main ke salah satu blog yang ramah, ane tertarik membaca salah satu kontennya yang mudah dipahami, so mau nyatat dulu.

[MAKSUD] : <meta tag> adalah deskripsi atau gambaran umum dari suatu halaman blog/website yang didasari dari isi ataupun contentnya. Umumnya penempatan kodenya adalah setelah baris <head>.

<meta name="description" content=" scroll,read and stay update.";>
Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web/blog. Panjang karakter yang disarankan tidak lebih dari 200 karakter.

<meta name="robots" content="index | noindex | follow | nofollow">
Tujuan utama penggunaan meta tag robots di atas adalah untuk menentukan halaman tertentu pada web/blog agar dapat diberi izin untuk di-index oleh spider ataupun yang tidak diizinkan. Tag ini sangat berguna sekali jika kita tidak ingin menampilkan menu-menu tertentu untuk dibaca oleh search engine.

<meta name="robots" content="index follow">
Tujuan dari kode di atas adalah jika Anda ingin agar spider membaca main page, dan menelusuri semua link yang ada pada halaman blog/web. Dengan perintah ini spider akan meng-index halaman utama dan menjadwalkan untuk mengindex halaman-halaman lain yang bisa dicari melalui hyperlink (<a href="">).

<meta name="robots" content="noindex nofollow">
Perintah di atas agar menginstruksikan spider agar tidak meng-index maupun menelusuri link yang ada pada suatu halaman web/blog.

Kira kira seperti itulah, hanya saja jika kurang berkenan ataupun belum paham ~~wong saya aja masih awam kok,~~ mari kita sama sama mencari penjelasan yang lebih akurat dari engkong google. Ciaoo!
sumur : carazone*_com

simple whatsapp share page blog on mobile [PRIVATE]

Unknown Senin, Desember 12, 2016

Lagi? hah lanjut dong, itulah dalam pikiran saya setelah selesai dengan kasus yang satu ini simple share page versi mobile ala ritongablog UPDATED [BLOG] . Kurang puas dan selalu kurang puas, akhirnya saya ganti lagi tampilan share page saya dengan yang original, cuma dipermanis sedikit dengan adanya tampilan icon Whatsapp share.

Sorry jika dipost sebelumnya kamu tidak dapat melihat demonya, hehe, yaps mau gimana lagi tampilan blog ini akan selalu berubah dalam waktu dekat ataupun lama,

Judul ini sesuai dengan kontennya karena work di blog saya, seperti biasa jika di tempat kamu tidak work, mungkin posisi penempatan kode, bentrok,tidak support,dll. Tapi yang pasti solusi hanya 1, yaps ask the mbah google.

[WARNING] ini hanya work untuk saya, karena bawaan template blog yang saya gunakan, ini hanya sekedar catatan agar tidak repot bagi saya kedepannya.

Note : Kalau kamu pengen tombol whatsapp sharepage di blog kamu,ikuti saja petunjuk di Addthis*com, Daftar dan pilih menu yang kamu suka dan pasang di blog kamu. Gratis dan Semoga berhasil!

Dashboard - Template - Edit - Backup [Optional]Cari kode line-2 dan pastekan tepat di bawahnya :

<b:if cond='data:top.showMobileShare'>
               <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                  <a href='javascript:void(0);'><data:shareMsg/> </a>
                </div>


              <b:if cond='data:top.showDummy'></b:if><a class='bitz' expr:data-href='data:post.url' expr:data-text='data:post.title' href='#' title='Share on whatsapp'><i class='fa fa-whatsapp'/> </a>
                <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>

Done n work. Jadi si hijau ini tidak akan muncul dihalaman versi desktop, otomatis muncul jika dibuka dari smartphone. Ciaooo!

ritongablog

INDONESIA

Northern Part of Sumatera Island

All you need is here. Scroll, Read and Stay update . . .

Kembalikan domain blog kamu menjadi .com, bukan .co.id!

simple whatsapp sharepage versi desktop dan mobile blog

Ganti Jenis Font pada halaman blog

Buat Meta Tag SEO friendly blog

Pengertian meta tag sederhana pada blog

simple whatsapp share page blog on mobile [PRIVATE]

Top Recent Posts

Find On Facebook

Top Popular Posts

Join Our Newsletter

Category

Top Random posts

Message Box