Mei 2017 - Download Template

Archive for Mei 2017

Sabtu, 27 Mei 2017

Cara Memasang Link Media Sosial di Sidebar Blogger

Cara Memasang Link Media Sosial di Sidebar Blog Blogger.

MEDIA SOSIAL merupakan salah satu SEO tools sekaligus Backlink Maker. Dalam dunia SEO dikenal dengan sebutan Social Media Optimization (SMO) atau pengoptimalan media sosial.

Media Sosial juga termasuk salah satu Pilar SEO (SEO Pillars) selain LINK dan CONTENT.

Karenanya, wajib hukumnya kita membuat akun media sosial dan memasang linknya di blog kita. Selain untuk menambah teman dan follower, juga bermanfaat bagi SEO Blog.

Berikut ini salah satu style atau desain link media sosial yang dipasang di sidebar blogger, seperti dalam gambar ilustrasi posting di atas.

Cara #1 Memasang Link Media Sosial di Sidebar Blogger

1. Layout > Add a Gadget > pilih HTML/JavaScript
2. Copas kode berikut ini

<style>
/* Social Media */
#socialcounter{overflow:hidden;margin:0 0 20px 0}
#socialcounter ul{margin:0}
#socialcounter ul a{color:#fff}
#socialcounter ul li.social_item-wrapper{float:left;width:48%;text-align:center;margin:0 4% 10px 0;color:#fff}
#socialcounter ul li a.social_item{position:relative;display:block;opacity:.9;height:50px;line-height:50px;overflow:hidden}
#socialcounter ul li.social_item-wrapper:nth-child(2n+2){margin:0}
.social_icon{float:left;line-height:50px;width:41px;font-size:1.3rem}
#socialcounter ul li a.social_item.social_facebook{background:#3F5B9B}
.fa-facebook.social_icon{background:#2E4372}
#socialcounter ul li.social_item-wrapper:hover .fa-facebook.social_icon{background:#3F5B9B}
#socialcounter ul li.social_item-wrapper:hover .social_facebook{background:#2E4372}
#socialcounter ul li a.social_item.social_twitter{background:#1C97DE}
.fa-twitter.social_icon{background:#1571A5}
#socialcounter ul li.social_item-wrapper:hover .fa-twitter.social_icon{background:#1C97DE}
#socialcounter ul li.social_item-wrapper:hover .social_twitter{background:#1571A5}
#socialcounter ul li a.social_item.social_youtube{background:#E22020}
.fa-youtube.social_icon{background:#B31919}
#socialcounter ul li.social_item-wrapper:hover .fa-youtube.social_icon{background:#E22020}
#socialcounter ul li.social_item-wrapper:hover .social_youtube{background:#B31919}
#socialcounter ul li a.social_item.social_rss{background:#E86321}
.fa-rss.social_icon{background:#C2521B}
#socialcounter ul li.social_item-wrapper:hover .fa-rss.social_icon{background:#E86321}
#socialcounter ul li.social_item-wrapper:hover .social_rss{background:#C2521B}
#socialcounter ul li a.social_item.social_google-plus{background:#E82C2C}
.fa-google-plus.social_icon{background:#BF2424}
#socialcounter ul li.social_item-wrapper:hover .fa-google-plus.social_icon{background:#E82C2C}
#socialcounter ul li.social_item-wrapper:hover .social_google-plus{background:#BF2424}
#socialcounter ul li a.social_item.social_instagram{background:#8E714D}
.fa-instagram.social_icon{background:#6F583C}
#socialcounter ul li.social_item-wrapper:hover .fa-instagram.social_icon{background:#8E714D}
#socialcounter ul li.social_item-wrapper:hover .social_instagram{background:#6F583C}
#socialcounter ul li a.social_item.social_pinterest{background:#CA2027}
.fa-pinterest.social_icon{background:#AB1B21}
#socialcounter ul li.social_item-wrapper:hover .fa-pinterest.social_icon{background:#CA2027}
#socialcounter ul li.social_item-wrapper:hover social_pinterest{background:#AB1B21}
@media screen and (max-width:240px) {
#socialcounter ul li.social_item-wrapper{float:none;width:100%}
#socialcounter ul li.social_item-wrapper:nth-child(2n+2){margin:0 4% 10px 0}
}
</style>
<div id='socialcounter'>
<ul class='social-counter'>
<li class='social_item-wrapper'><a class='social_item social_facebook' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook social_icon'/><span class='social_num'>Facebook</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_twitter' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter social_icon'/><span class='social_num'>Twitter</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_youtube' href='#' rel='nofollow' target='_blank'><i class='fa fa-youtube social_icon'/><span class='social_num'>Youtube</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_rss' href='#' rel='nofollow' target='_blank'><i class='fa fa-rss social_icon'/><span class='social_num'>RSS</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_google-plus' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus social_icon'/><span class='social_num'>Google+</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_instagram' href='#' rel='nofollow' target='_blank'><i class='fa fa-instagram social_icon'/><span class='social_num'>Instagram</span></a>
</li>
</ul>
</div>

3. Ubah link media sosialnya (tanda pagar #)
4. Save!

Cara #2 Memasang Link Media Sosial di Sidebar Blogger

1. Template > Edit HTM:
2. Copas kode berikut ini di atas kode ]]></b:skin>

/* Social Media */
#socialcounter{overflow:hidden;margin:0 0 20px 0}
#socialcounter ul{margin:0}
#socialcounter ul a{color:#fff}
#socialcounter ul li.social_item-wrapper{float:left;width:48%;text-align:center;margin:0 4% 10px 0;color:#fff}
#socialcounter ul li a.social_item{position:relative;display:block;opacity:.9;height:50px;line-height:50px;overflow:hidden}
#socialcounter ul li.social_item-wrapper:nth-child(2n+2){margin:0}
.social_icon{float:left;line-height:50px;width:41px;font-size:1.3rem}
#socialcounter ul li a.social_item.social_facebook{background:#3F5B9B}
.fa-facebook.social_icon{background:#2E4372}
#socialcounter ul li.social_item-wrapper:hover .fa-facebook.social_icon{background:#3F5B9B}
#socialcounter ul li.social_item-wrapper:hover .social_facebook{background:#2E4372}
#socialcounter ul li a.social_item.social_twitter{background:#1C97DE}
.fa-twitter.social_icon{background:#1571A5}
#socialcounter ul li.social_item-wrapper:hover .fa-twitter.social_icon{background:#1C97DE}
#socialcounter ul li.social_item-wrapper:hover .social_twitter{background:#1571A5}
#socialcounter ul li a.social_item.social_youtube{background:#E22020}
.fa-youtube.social_icon{background:#B31919}
#socialcounter ul li.social_item-wrapper:hover .fa-youtube.social_icon{background:#E22020}
#socialcounter ul li.social_item-wrapper:hover .social_youtube{background:#B31919}
#socialcounter ul li a.social_item.social_rss{background:#E86321}
.fa-rss.social_icon{background:#C2521B}
#socialcounter ul li.social_item-wrapper:hover .fa-rss.social_icon{background:#E86321}
#socialcounter ul li.social_item-wrapper:hover .social_rss{background:#C2521B}
#socialcounter ul li a.social_item.social_google-plus{background:#E82C2C}
.fa-google-plus.social_icon{background:#BF2424}
#socialcounter ul li.social_item-wrapper:hover .fa-google-plus.social_icon{background:#E82C2C}
#socialcounter ul li.social_item-wrapper:hover .social_google-plus{background:#BF2424}
#socialcounter ul li a.social_item.social_instagram{background:#8E714D}
.fa-instagram.social_icon{background:#6F583C}
#socialcounter ul li.social_item-wrapper:hover .fa-instagram.social_icon{background:#8E714D}
#socialcounter ul li.social_item-wrapper:hover .social_instagram{background:#6F583C}
#socialcounter ul li a.social_item.social_pinterest{background:#CA2027}
.fa-pinterest.social_icon{background:#AB1B21}
#socialcounter ul li.social_item-wrapper:hover .fa-pinterest.social_icon{background:#CA2027}
#socialcounter ul li.social_item-wrapper:hover social_pinterest{background:#AB1B21}
@media screen and (max-width:240px) {
#socialcounter ul li.social_item-wrapper{float:none;width:100%}
#socialcounter ul li.social_item-wrapper:nth-child(2n+2){margin:0 4% 10px 0}
}

3. Save!
4. Layout > Add a Gadget > pilih HTML/JavaScript
5. Copas kode berikut ini

<div id='socialcounter'>
<ul class='social-counter'>
<li class='social_item-wrapper'><a class='social_item social_facebook' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook social_icon'/><span class='social_num'>Facebook</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_twitter' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter social_icon'/><span class='social_num'>Twitter</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_youtube' href='#' rel='nofollow' target='_blank'><i class='fa fa-youtube social_icon'/><span class='social_num'>Youtube</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_rss' href='#' rel='nofollow' target='_blank'><i class='fa fa-rss social_icon'/><span class='social_num'>RSS</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_google-plus' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus social_icon'/><span class='social_num'>Google+</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_instagram' href='#' rel='nofollow' target='_blank'><i class='fa fa-instagram social_icon'/><span class='social_num'>Instagram</span></a>
</li>
</ul>
</div>

Bisa juga kode HTML-nya dipasang langsung di Template, yaitu di bawah kode <div id='sidebar'> atau <div class='sidebar'> dan sejenisnya.

PASANG LINK KE AWESOME FONT

Karena kode Link Media Sosial di Sidebar Blogger di atas menggunakan font awesome untuk memunculkan icon media sosialnya, jangan lupa pastikan di template blog Anda sudah terpasang link ke font awesome seperti ini:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

Posisinya biasaya di atas kode </head>
Jika belum ada, pasang kode tersebit di atas kode </head>

Demikian Cara Memasang Link Media Sosial di Sidebar Blogger.*

Continue reading →

Kamis, 25 Mei 2017

Jadwal Imsakiyah Puasa Ramadhan 1438 H / 2017 M Kota Bandung

Info Bandung 07.31 No Comments

Jadwal Imsakiyah Puasa Ramadhan 1438 H / 2017 M Kota Bandung dan Kota Lainnya di Jawa Barat. Resmi dari Kantor Wilayah Kementerian Agama RI Jawa Barat.

Awal Puasa Ramadhan 1438 H Sabtu 27 Mei 2017

File Pdf dan Jpg. File Jadwal Imsakiyah Puasa Ramadhan 1438 H / 2017 M Kota Bandung dalam format Pdf tinggal didownload dan diimport ke CorelDraw untuk dimodifikasi kembali desain tampilannya.

DOWNLOAD FILE PDF

Jadwal Imsakiyah Puasa Ramadhan 1438 H / 2017 M Kota Bandung

Resmi dari Kanwil Kementerian Agama RI Jawa Barat.

Continue reading →

Selasa, 23 Mei 2017

Cara Melakukan Google Disavow Backlinks untuk Kesehatan Blog dan Indeks

Tips SEO 00.31 No Comments

Bagaimana Cara Melakukan Google Disavow Backlinks? Fred Update akan menghukum blog yang punya Tautan Balik (Backlink) rendah, meskipun banyak. Blog akan kehilangan traffict secara drastis.

Jika backlink blog kita ternyata rendah atau dari situs berkualitas rendah, maka lakukan Sangkalan Tautan Balik alias Disavow melalui fasilitas yang disediakan Google di Webmaster Tools.

Pengertian Google Disavow

Google Disavow backlink adalah tools SEO yang diberikan Google untuk menghilangkan backlink yang berkualitas rendah yang menuju ke website atau blog kita.

Google Disavow sendiri yaitu salah satu fitur yang di berikan oleh Webmaster Google untuk memantau dan memonitoring website kita mendapatkan backlink dari situs apa saja.

Untuk manfaatnya tentunya kesehatan website kita lebih baik dari pada sebelumnya karena website kita HANYA mendapatkan BACKLINK yang berkualitas saja.

Google menyebutnya dalam bahasa Indonesia dengan "Menyangkal tautan balik".

Bagaimana Cara Melakukan Google Disavow?

Langkah pertama adalah mengetahui backlink yang telah mengarah ke blog. Jadi, lakukan login ke Google Webmasters Tools.

2. Cari "Links to Your Site" di bagian "Search Traffic"

3. Klik "More" di bagian bawah ( lihat gambar di atas )

4. Klik "Download latest links"

5. Akan tampil pilihan format untuk daftar links, Silahkan Anda pilih salah satu saja kemudian klik "OK"

6. Buka file tersebut (bila pilih Google Docs, akan langsung terbuka), Lalu cari link yang akan dilakukan disavow.

7. Copy link tersebut, letakkan ke dalam Notepad kemudian dienkode dengan ASCII 7-bit atau UTF-8 dan save ke dalam file ber-format txt.

8. Buat file tersebut seperti contoh di bawah ini

# example.com removed most links, but missed these
http://spam.example.com/stuff/comments.html
http://spam.example.com/stuff/paid-links.html
# Contacted owner of shadyseo.com on 7/1/2012 to
# ask for link removal but got no response
domain:shadyseo.com

Catatan :
Tanda pagar berisi informasi tambahan yang akan diabaikan oleh pihak Google
Ganti http://spam.example.com/stuff/comments.html dengan link yang akan disangkal
Buat setiap tautan yang akan disangkal per baris
Bila ingin Google mengabaikan seluruh tautan yang berasal domain terkait maka bisa tambahkan domain : example.com di bawahnya

9. Selanjutnya klik link berikut ini Disavow Links

10. Pilih situs web / blog Anda, Klik "DISAVOW LINKS" atau "sangkal tautan"

11. Klik "Disavow Links" sekali lagi

12. Klik "Choose File" atau "Pilih file", Kemudian ambil file berisi disavow link tadi.

13. Klik "Submit". SELESAI

Setelah melakukan cara disavow, Pihak Google memerlukan waktu untuk memproses informasi yang sudah diunggah.

Meski waktu yang diperlukan bisa mencapai beberapa minggu, tetaplah bersabar menunggu meski tautan akan terus ditampilkan di bagian tautan masuk di Search Console.

Demikian Cara Melakukan Google Disavow Backlinks untuk menghapus backlink tidak berkualitas agar tidak terkena penalti Fred Update.*

Sumber

Continue reading →

Cara Submit Sitemap Blog ke Google Webmasters Tools

Blogging Tips SEO 00.17 No Comments

TIPS SEO berikut ini tentang Cara Submit Sitemap Blog ke Google Webmasters Tools.

Setelah mendaftarkan alamat atau url blog ke Google, maka langkah yang harus dilakukan selanjutnya adalah mengirimkan Sitemap atau Peta Situs ke Google Webmasters Tools.

Langkah Submit Sitemap Blog ke Google Webmasters Tools perlu dilakukan agar kita dapat memantau kesehatan blog. Dengan cara submit sitemap blog, kita dapat mengetahui berapa banyak backlink yang menuju situs / blog, berapa banyak error yang terjadi pada blog, queri apa saja yang menuju blog. berapa jumlah artikel yang sudah terindeks, duplikat deskripsi dan lain-lain.

Jika terjadi error pada blog haruslah segera ditangani karena hal ini akan mempengaruhi serp atau ranking pencarian. Namanya juga error pastilah akan berpengaruh buruk terhadap blog yang di dalamnya.

Submit Sitemap Blog ke Google Webmasters Tools juga merupakan langkah SEO yang direkomendasikan Google. Karena Google menyatakan, satu-satunya cara agar blog kita cepat terindeks Google adalah mendaftarkan url situs kita dan peta situsnya (sitemap).

Ok, silahkan disimak langkah-langkah untuk daftar sitemap ke Google Webmasters Tools berikut ini :

1. Daftarkan Alamat Blog Anda di Google Submit URL

2. Masukkan alamat blog Anda:

Setelah mendaftar url blog selesai , maka klik saja tulisan "Alat Webmasters" di kanan atas ( lihat gambar di bawah )

Atau Anda bisa melalui alamat ini langsung :http://www.google.com/webmasters/tools

2.Setelah masuk ke Alat Webmasters, cari "Tambahkan Situs" dan akan terbuka layar kecil baru yang meminta memasukan alamat url blog Anda, seperti tampak gambar di bawah

Verifikasi Kepemilikan Situs3. Klik saja "kirim", dan akan terbuka layar baru yang meminta untuk verifikasi kepemilikan situs terlebih dahulu yang dimaksudkan untuk memastikan bahwa blog tersebut adalah benar milik Anda.

Di sini saya menyarankan verifikasi menggunakan metode alternatif saja agar lebih mudah dan cepat.(lihat gambar di bawah) ,dan selanjutnya...

4. Klik Tag HTML, dan akan tampil kode panjang.

Klik saja kode tersebut kemudian copy dan pastekan pada bagian template blog Anda,

Jika bingung ikuti saja contoh yang ada di bagian bawah kode tersebut. Setelah selesai , klik saja "verifikasi" (lihat gambar di atas), jika berhasil maka akan tampak ucapan "selamat, Anda telah berhasil memverifikasi kepemilikan http://alamat.blogspot.com Anda".

5. Klik tautan "Lanjutkan". Setelah itu akan tampak alamat blog Anda di Webmasters Tools , seperti gambar di bawah ini :

Klik saja alamat tersebut, dan akan dibawa ke menu selanjutnya, cari "perayapan" dan klik "peta situs" atau "sitemap".

Cara Submit Sitemap BlogLihat sisi kanan atas, ada kotak merah bertuliskan "TAMBAHKAN/UJI PETA SITUS", klik saja kotak tersebut. dan akan terlihat seperti di bawah ini :

Isi Kolom kosong dengan kode berikut ini:

1. atom.xml?redirect=false&start-index=1&max-results=500

2. rss.xml

3. atom.xml?
4. atom.xml?redirect=false
5. sitemap.xml
6. feeds/posts/default?orderby=updated
7. atom.xml?redirect=false&start-index=1&max-results=500

Setelah selesai memasukkan satu kode, klik kotak biru "Mengirim Peta Situs", kemudian klik "Segarkan Laman". Ulang terus hingga semua kode di atas dimasukkan.

Selesai sudah cara submit sitemap blog ke Google Webmasters Tools, selanjutnya bersabarlah menunggu proses indeks dari Google dan tetaplah membuat postingan sesering dan sebagus mungkin.*

Continue reading →

Sabtu, 20 Mei 2017

Template Blog AMP Gratis Terbaik - Best Responsive Free AMP Blogger Templates

Template Blog Template SEO 20.04 No Comments

Template Blog AMP Gratis Terbaik - Best Responsive Free AMP Blogger Templates.

Template Blog AMP adalah tema, theme, atau template blogger yang menggunakan aplikasi percepatan laman seluler atau Accelerated Mobile Pages (AMP).

AMP adalah sebuah inisiatif dan inovasi dalam bentuk aplikasi open source yang muncul dari diskusi antara publisher dengan perusahaan teknologi mengenai pentingnya meningkatkan seluruh ekosistem konten ponsel untuk semua orang termasuk publisher, konsumen, pencipta, dan pengguna.

Cara posting teks di template AMP sama dengan template blogger biasa, namun ketika posting gambar, video, atau AdSense, maka caranya berbeda. Agak ribet. Makanya, karena keribetan posting non-teks itu tema blog AMP masih jarang digunakan oleh para blogger.

Template Blog AMP Gratis Terbaik - Best Responsive Free AMP Blogger Templates

Berikut ini koleksi beberapa Template Blog AMP Gratis Terbaik - Best Responsive Free AMP Blogger Templates. Gratis.

AMP News

LIVE DEMO - DOWNLOAD

Perbaikan pada template AMPNews: Terbatasnya jumlah post homepage sekarang sudah fix. Menampilkan post thumbnail pada halaman mobile. Menampilkan tag pada post pertama homepage. Perbaikan line hight pada pada snippet mobile. Perbaikan Ikon kuning pada tag AMP. Perbaikan pada postmeta. Perbaikan pada tombol social share

Kompi AMP Blogger Template

LIVE DEMO - DOWNLOAD

MD Camp AMP Blogger Theme

LIVE DEMO - DOWNLOAD

AMP HTML

LIVE DEMO - DOWNLOAD

Betapress AMP Btemplate

LIVE DEMO - DOWNLOAD

Resource:
- AMP Main Site: https://www.ampproject.org/
- AMP Validator: https://validator.ampproject.org/
- Google AMP Cache: https://developers.google.com/amp/cache/
- Why AMP: https://googleblog.blogspot.com/2015/10/introducing-accelerated-mobile-pages.html
- AMP Step by step tutorial: https://www.ampproject.org/docs/get_started/create

Continue reading →

Minggu, 14 Mei 2017

Cara Memasang Related Post Gambar Thumbnail di Bawah Postingan Blog

Desain Blog 23.05 No Comments

Cara Memasang Related Post Gambar Thumbnail di Bawah Postingan Blog

RELATED POSTS atau posting terkait sangat penting dipasang di bawah postingan blog. Fungsinya sebagai tautan internal (internal link) yang disarankan Google dan bisa menambah pageviews blog.

Berikut ini Cara Memasang Related Post Gambar Thumbnail di Bawah Postingan Blog, berupa gambar thumbnail dan judul tulisan. Kode dan tutorialnya disadur dari HelpLogger.

Berikut ini penampakannya:

Related Posts Widget Features:

9 attractive styles to match your needs

Show Title, excerpt & thumbnails

Display simple related posts with titles / summaries / post date

Choose whether to display the post thumbnails or not

Ability to control the thumbnail image size

Option to choose square or round thumbnails

Show post text excerpts

Control the length of the post excerpt / title

Determine the number of related posts to display

Cara Memasang Related Post Gambar Thumbnail

1. Template > Edit HTML

2. Copas kode berikut ini di atas kode </head>

<style type='text/css'>
.related-posts-container{margin:55px 0px;}.related-posts-container h4{font:20px 'Open Sans', sans-serif;margin-bottom:20px;}.related-posts-container ul,.related-posts-container ul li{list-style: none;margin: 0;padding: 0;}.related-posts-container ul li a{text-transform:capitalize !important;font:bold 13px 'Open Sans', sans-serif;outline: 0;}.related-snippets{margin-top:5px;font:italic 12px 'Open Sans', sans-serif;}.related-posts-1 li{list-style:inside none disc !important;}.related-posts-1 li,.related-posts-2 li{border-top:1px solid rgba(0,0,0,0.04);padding:0.8em 0 !important;}.related-posts-1 li:first-child,.related-posts-2 li:first-child{border-top:medium none;}li.related-post-item{margin:0 3% 3% 0 !important;width:22.7%;float:left;list-style:none;position:relative;}li.related-post-item:last-child{margin:0 0 2% !important;}.related-thumb-large{width:100%;height:auto;border:none;margin:0px auto 10px;padding:0 !important;}.related-posts-8 li .related-title,.related-posts-9 li .related-title,.related-posts-9 li .related-snippets{padding-left:74px;}.related-posts-8 li:nth-child(even),.related-posts-9 li:nth-child(even){margin:0 0 4% !important;}.related-posts-8 li,.related-posts-9 li{background-color:#ffffff;box-shadow:0 0 4px rgba(180, 180, 180, 0.55);width:42% !important;float:left;margin:0 4% 4% 0 !important;padding:3% !important;}.related-thumb{float:left;height:64px;margin-right:10px;object-fit:cover;width:64px;}.related-posts-6 li,.related-posts-6 a{line-height:0 !important;}.related-posts-6 .related-thumb-large{margin-bottom:0;}.related-posts-7 li.related-post-item{margin:0 !important;width:25% !important;}.related-wrapper{position:absolute;left:0px;right:0;top:0px;bottom:0;margin:0 auto;z-index:4;background:rgba(77,77,77,0.2);}.related-wrapper-inner{position:relative;height:100%;z-index:99;width:100%;display:table;vertical-align:middle;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.related-wrapper .related-title{vertical-align:middle;display:table-cell;color:#ffffff;font:bold 16px 'Open Sans', sans-serif;padding:0 20px;}.related-date{margin-top:5px;font:italic 11px 'Open Sans', sans-serif;color:#999999;}
</style>

3. Cari kode berikut ini:

<b:includable id='postQuickEdit' var='post'>

3. Scroll ke bawah hingga menemukan kode </b:includable>
4. Tepat di bawah kode tersebut ada kode "postQuickEdit" berikut ini: </b:includable>

Copas kode berikut ini di atas kode </b:includable>

<b:if cond='data:blog.pageType == "item"'>
<div class='related-posts-container' id='related-posts-widget'/>
<div style='clear: both;'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if>];
var relatedSettings = {
blogURL:"<data:blog.homepageUrl/>",
relatedHeading:"<h4><span>Related Posts</span></h4>",
relatedPosts:4,
relatedStyle:4,
thumbnailSize:"w300-h200-p-nu",
defaultThumb:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqMBMYZdXRRzO-bvv5mTG0bPDE0Yv5g8ondIZUZpgjFHJbBKyXe1fOkwCNT3WUjYQo9oFNA0-ooo1c6V28Wv62s03k1bR1qhEKDOi7xGpimFn133aFgjMzMNbyWzMh6Q0lm91GybVmb_13/w300-c-h200/no-thumb.png",
roundThumbs:false,
titleLength:"auto",
snippetLength:45,
centerText:false,
openNewTab:false
};</script>
<script type='text/javascript'>
//<![CDATA[
var randomRelatedIndex,startRelated;!function(a,b,c){var d={callBack:function(){}};for(var e in relatedSettings)d[e]="undefined"==relatedSettings[e]?d[e]:relatedSettings[e];var f=function(a){var d=b.createElement("script");d.type="text/javascript",d.src=a,c.appendChild(d)},g=function(a,b){return Math.floor(Math.random()*(b-a+1))+a},h=function(a){var c,d,b=a.length;if(0===b)return!1;for(;--b;)c=Math.floor(Math.random()*(b+1)),d=a[b],a[b]=a[c],a[c]=d;return a},i="object"==typeof labelArray&&labelArray.length>0?"/-/"+h(labelArray)[0]:"",j=function(a){var b=a.feed.openSearch$totalResults.$t-d.relatedPosts,c=g(1,b>0?b:1);f(d.blogURL.replace(//$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-script&orderby=updated&start-index="+c+"&max-results="+d.relatedPosts+"&callback=startRelated")},k=function(a){var l,m,n,o,p,q,b=document.getElementById("related-posts-widget"),c=h(a.feed.entry),e=d.relatedStyle,f=d.relatedHeading+'<ul class="related-posts-'+e+'">',g=d.openNewTab?' target="_blank"':"",i=d.centerText?"text-align:center;":"",j=d.roundThumbs?"-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;":"",k='<span style="display:block;clear:both;"></span>';if(b){for(var r=0;r<d.relatedPosts&&r!=c.length;r++){n=c[r].title.$t,o="auto"!==d.titleLength&&d.titleLength<n.length?n.substring(0,d.titleLength)+"…":n,p="media$thumbnail"in c[r]&&d.thumbnailSize!==!1?c[r].media$thumbnail.url.replace(//s[0-9]+(-c)?/,"/"+d.thumbnailSize):d.defaultThumb,l=h(c[r].published.$t);for(var s=[1,2,3,4,5,6,7,8,9,10,11,12],t=["January","February","March","April","May","June","July","August","September","October","November","December"],u=l.split("-")[2].substring(0,2),v=l.split("-")[1],w=l.split("-")[0],x=0;x<s.length;x++)if(parseInt(v)==s[x]){v=t[x];break}postdate=v+" "+u+" "+w,q="summary"in c[r]&&d.snippetLength>0?c[r].summary.$t.replace(/<br ?/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.snippetLength)+"…":"";for(var y=0,z=c[r].link.length;y<z;y++)m="alternate"==c[r].link[y].rel?c[r].link[y].href:"#";1==e?f+='<li><a href="'+m+'" '+g+">"+o+"</a></li>":2==e?f+='<li><a href="'+m+'" '+g+'><div class="related-title">'+o+'</div></a><div class="related-snippets">'+q+"</div></li>":3==e?f+='<li class="related-post-item" style="'+i+'"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"><div class="related-title">'+o+'</div></a><div class="related-snippets">'+q+"</div></li>":4==e?f+='<li class="related-post-item" style="'+i+'"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"><div class="related-title">'+o+'</div></a><div class="related-date">'+postdate+"</div></li>":5==e?f+='<li class="related-post-item" style="'+i+'"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"><div class="related-title">'+o+"</div></a></li>":6==e?f+='<li class="related-post-item"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"><div class="related-wrapper" style="'+j+'"><div class="related-wrapper-inner"><div class="related-title">'+o+"</div></div></div></a></li>":7==e?f+='<li class="related-post-item"><a href="'+m+'" '+g+'><img alt="" class="related-thumb-large" src="'+p+'" style="'+j+'"></a></li>':8==e?f+='<li class="related-post-item"><a class="related-post-item-wrapper" href="'+m+'" '+g+'><img alt="" class="related-thumb" src="'+p+'" style="'+j+'"><div class="related-title">'+o+'</div></a><div class="related-date">'+postdate+"</div></li>":9==e&&(f+='<li><a href="'+m+'" '+g+'><img alt="" class="related-thumb" src="'+p+'" style="'+j+'"><div class="related-title">'+o+'</div></a><div class="related-snippets">'+q+"</div></li>")}b.innerHTML=f+="</ul>"+k,d.callBack()}};randomRelatedIndex=j,startRelated=k,f(d.blogURL.replace(//$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")}(window,document,document.getElementsByTagName("head")[0]);
//]]>
</script>
</b:if>

Save!

Demikian Cara Memasang Related Post Gambar Thumbnail di Bawah Postingan Blog.*

Continue reading →

Sabtu, 13 Mei 2017

Top 10 Template Blogger SEO Responsive Paling Fast Loading 2017

Blogging Template SEO 08.40 No Comments

Top 10 Tema atau Template Blogger SEO Responsive Paling Fast Loading 2017.

TEMA atau template blogger yang dibuat terbaru semuanya responsive, seo friendly, dan fast loading.

Jika tidak demikian, maka tema blogger itu tidak akan digunakan para blogger, yang sudah diingatkan Google agar menggunakan template seo friendly, responsive mobile-friendly, dan ringan, cepat, atau fast loading.

Blog yang berat, tampil lambat, akan diabaikan mesin pencari dan pengunjung. Google dan search engine lainnya, serta pembaca, lebih suka blog yang ringan, bersih, tampil cepat, dan terutama berisi postingan yang berkualitas.

Berikut ini 10 Template Blogger SEO Paling Fast Loading 2017.

1. NJW Simple - Fastest Blogger Theme

DEMO | DOWNLOAD

2. Supreme

DEMO | DOWNLOAD

3. New Thesis SEO V3

DEMO | DOWNLOAD

4. Jurnalistik Template

DEMO | DOWNLOAD

5. Kompi Simple

DEMO | DOWNLOAD

6. Beta Press - AMP Blogger Template

DEMO | DOWNLOAD

7. SEO Fast Responsive

DEMO | DOWNLOAD

8. Blogku Blogger Template

DEMO | DOWNLOAD

9. Simplify - Responsive Blogger Template

DEMO | DOWNLOAD

10. The Smart

DEMO | DOWNLOAD

Features Top 10 Template Blogger SEO Responsive Paling Fast Loading 2017:

SEO Optimized
Responsive - Mobile Friendly
Adsense Ready
Simple, Clean, and Faster!
Auto resize thumbnail image
Threaded Comment
Related Posts
Meta Tags SEO Simple
More... and free!!!

Continue reading →

Jumat, 12 Mei 2017

Kode Anti-Copas Postingan Blog - Mematikan Fungsi Klik Kanan Mouse

Blogging Desain Blog 11.27 No Comments

Cara Memasang Kode Anti-Copas Postingan Blog - Mematikan Fungsi Klik Kanan Mouse

UNTUK mempersulit pengunjung yang akan copy paste (copas) atau menyalin konten postingan blog, maka kita bisa pasang Kode Anti-Copas Postingan Blog untuk Mematikan Fungsi Klik Kanan Mouse (Disable Right Click), mendisable Ctrl+C (Copy) dan Ctrl+U (View Page Source).

Kode Anti-Copas ini sifatnya tidak mutlak, artinya masih bisa dijebol atau ditembus oleh pengguna, misalnya dengan menonaktifkan JavaScript di browser atau menggunakan aplikasi Print Friendly.

Jadinya memang akan sia-sia, namun setidaknya akan mempersulit.

Banyak blogger luar negeri yang mengatakan, sebaiknya kita tidak usah pasang kode anti-copas atau kode mematikan fungsi klik kanan mouse ini. Penjelasannya ada di Site Point. Intinya, akan merugikan blogger sendiri --selain masih bisa ditembus, mengganggu, bikin kapok pengunjung (gak akan balik lagi), dan lainnya.

Kode Anti-Copas Postingan Blog - Mematikan Fungsi Klik Kanan Mouse

Berikut ini beberarapa Kode Anti-Copas Postingan Blog - Mematikan Fungsi Klik Kanan Mouse, dari berbagai sumber.

1. Disable Klik Kanan SEMUA POSTING

Ganti kode <body> dengan kode berikut ini:

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

Kode Anti Copas / Matikan Klik Kanan Kouse Lainnya:
Pasang di Layout > Add a Gadget > HTML/JavaScript

<script type="text/javascript">
var clickMessage = "Right Click is Disabled";
$("document").ready(function(){
$(".post").on('contextmenu', function() {
alert(clickMessage);
return false;
});
});
</script>

ATAU

<script language="JavaScript">

</script>

2. Disable Klik Kanan POSTINGN TERTENTU

Simpan di akhir tulisan > di mode HTML

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'/>

3. Disable Klik Kanan BAGIAN TERTENTU (BLOCKQUOTES)
Simpan di atas kode ]]></b:skin> atau </style>

.post-body {-webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; text-align: justify;} blockquote {-webkit-touch-callout: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}

ATAU

.post blockquote{background:#f7f7f7;color:#2b2b2b;font-family:sans-serif;font-size:13px;line-height:17px;margin:5px 0;padding:10px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
body{-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}

Bagian --teks, kode, atau kalimat-- yang bisa diklik hanya bagian yang diberi tanda kutipan (Quote) atau di-Block Quote.

Demikian Kode Anti-Copas Postingan Blog untuk Mematikan Fungsi Klik Kanan Mouse yang bisa Select-All and Copy.*

Continue reading →

Kamis, 11 Mei 2017

Cara Modifikasi Judul (H2) Widget pada Sidebar dan Footer Blog

Blogging Desain Blog 21.28 No Comments

Cara Modifikasi Judul (H2) Widget pada Sidebar dan Footer Blog agar Lebih Menarik dan Stylish.

Jika kita memperhatikan salah satu tips dari MyBlogsIdeas yang membahasa tentang Internet Marketer, di bagian sidebar terlihat judul setiap widget akan terlihat unik dan menarik.

Judul Widget di Sidebar ini terkesan sederhana namun keren, seperti desain tampilan widget Recent Post by Label di Evo Magz Blogger Template.

Widget merupakan salah satu bagian penting dalam sebuah situs, entah website personal maupun blog.

Tidak hanya sebagai sebuah navigasi yang terdapat di setiap halaman blog, namun juga berfungsi sebagai menu navigasi internal maupun eksternal. Tautan kedalam postingan --juga link ke blogger lain sangat penting dalam SEO Blog.

Hal yang sering disampaikan para master blogger terkait faktor diterimanya blog kita sebagai publisher Google Adsense salah satunya kelengkapan menu navigasi, termasuk setting widget yang rapi dan memudahkan pengunjung mengeksplorasi konten blog kita.

Berikut ini cara memodifikasi Judul (H2) Widget pada Sidebar dan Footer blog agar lebih menarik dan enak dipandang mata (eye catching).

Modifikasi Tampilan Judul (H2) pada Widget dan Footer Blog

Di bawah ini ada dua buah kode CSS yang bisa digunakan untuk melakukan modifikasi judul widget (H2) dan footer blog biar lebih menarik dan cantik. Simple, namun elegan dan kelihatan profesional

Kode Modifikasi Judul (H2) Widget

#sidebar-wrapper h2 {overflow: hidden;position: relative;font-family: 'Oswald';font-size: 15px;font-weight: 500;color: #666;padding: 10px 0;text-transform: uppercase;display: block;letter-spacing: 1px;}
#sidebar-wrapper h2:after {content: '';display: inline-block;position: absolute;height: 14px;top: 0;margin: 13px 0 12px 10px;width: 100%;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxhD4JJ250YuHA2G4gp9bYasxW6D_TBh9mYt7CTgUwIOcwHV5X1RCSmyIyYqjTPuiGEs8dmQY-qEZzDvAFwhCTgxpVuFu33WlhCdby5TXSfaSod-FZnWLMD_irLTbjeJRfwGSUReApNmoB/s1600/repeat-bg.png)repeat;}

Penjelasan Kode:

sidebar-wrapper h2 adalah kode judul widget blog. Bisa saja berbeda dengan kode template blog Anda. Silakan cek, apakah sidebar-wrapper atau sidebar saja atau lainnya yang menunjukkan itu kode sidebar blog Anda.

Kode Modifikasi Judul (H2) Footer

#footer-wrapper h2 {overflow: hidden;position: relative;font-family: 'Oswald';font-size: 15px;font-weight: 500;color: #fff;padding: 10px 0;text-transform: uppercase;display: block;letter-spacing: 1px;}
#footer-wrapper h2:after {content: '';display: inline-block;position: absolute;height: 14px;top: 0;margin: 13px 0 12px 10px;width: 100%;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxhD4JJ250YuHA2G4gp9bYasxW6D_TBh9mYt7CTgUwIOcwHV5X1RCSmyIyYqjTPuiGEs8dmQY-qEZzDvAFwhCTgxpVuFu33WlhCdby5TXSfaSod-FZnWLMD_irLTbjeJRfwGSUReApNmoB/s1600/repeat-bg.png)repeat;}
#footer-wrapper ul,#footer-wrapper ol {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;}

Cara Memasang Kode Modifikasi Judul (H2) Widget dan Footer Blog

1. Masuk ke akun Blogger Anda.
2. Pilih template > Sesuaikan > Tingkat lanjut > Pilih CSS
3. Copas kedua kode di atas

4. Terapkan!

Bisa juga dengan cara

1. Tema > Edit HTML

2. Simpan di atas kode ]]</b:skin> atau </style>

Ini penampakan hasil modifikasi judul widget sidebar dan footer (h2) blog dengan kode di atas.

Demikian tips atau cara memodifikasi judul (H2) Widget pada Sidebar Blog dan Footer Widget agar lebih menarik dan profesional.*

Continue reading →

Senin, 08 Mei 2017

Meta Tags SEO Friendly Terbaik untuk Blogger

Blogging Tips SEO 23.49 No Comments

Meta Tags SEO Friendly Terbaik untuk Blogger.

Meta Tag adalah teknik dasar Pengoptimalan Mesin Pencari atau Search Engine Optimization (SEO) yang sangat penting untuk memberikan informasi mengenai blog kepada mesin telusur.

Meta Tag yang tepat akan memudahkan blog mendapatkan hasil yang terbaik di halaman hasil pencarian, terutama Google SERP.

Meta Tag paling sederhana adalah Meta Title, yakni Judul Blog (Blog Title). Meta tag ini sudah terpasang di template blog bawaan blogger, yaitu kode sebagai berikut:

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Kode di atas sudah mencakup identitas blog berupa nama blog dan deskripsi konten blog yang ditulis di dashboard:

Setting > Basic > Description
Other > Meta tags.

Pengertian Meta Tag

Meta tag adalah cuplikan teks yang menggambarkan konten halaman; Meta tag tidak muncul di halaman itu sendiri, namun hanya di kode halaman untuk dibaca mesin telusur.

Fungsi Meta Tag untuk memberikan informasi mengenai identitas dan isi sebuah blog atau website ketika diindeks oleh mesin pencari.

Elemen Meta Tags

Ada tiga elemen utama Meta tags:

Meta Tittle – Untuk mengatur Judul Blog
Meta Descriptions – Untuk mengatur Deskripsi Blog (Penjelasan Singkat mengenai Blog Anda)
Meta Robots – Untuk mengatur Apa saja yang boleh dan tidak boleh diindeks mesin pencari terhadap blog Anda.

Ketiga Elemen Meta diatas adalah Hal wajib yang harus diatur dan disesuaikan dengan identitas Blog milik Anda.

Ada juga yang menambahkan Meta Keywords atau kata kunci, namun kata kunci di meta tags sudah diabaikan mesin telusur karena banyaknya kata kunci yang tidak relevan dengan konten blog (keywords stuffing).

Meta Tag SEO Friendly

Meta tags SEO Friendly adalah meta tags yang membuat blog ramah mesin pencari sehingga cepat dan mudah diindeks Google atau mesin telusur lainnya.

Meta Tag SEO Friendly hanyalah pendukung, bukan penentu utama, indeks Google, karena Google sudah menegaskan target indeks utama adalah KONTEN BERKUALITAS atau postingan yang ada di blog.

Bisa dikatakan, tanpa meta tags seo friendly sekalipun, jika konten atau postingan sebuah blog itu unik, orisinal, lengkap, dan dicari banyak pengguna, maka akan terindeks dengan baik dan muncul di halaman satu hasil pencarian.

Berikut ini dua contoh kode meta taga seo friendly, versi simple dan versi lengkap. Dua-duanya disimpan di bawah kode <head>

1. Meta Tags SEO Friendly versi Simple

<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> » Deskripsi Singkat Isi Blog</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Kata Kunci1, Kata Kunci2, Kata Kunci3' name='keywords'/>
<meta content='Nama Anda' name='Author'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
</b:if>

2. Meta tegs Seo Friendly versi Lengkap

<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Your Blog Description</title>
</b:if>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' name='keywords'/>
<meta content='Author Name' name='Author'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
</b:if>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta property='og:image:width' content='1200'/>
<meta property='og:image:height' content='630'/>
<b:else/>
<meta content='logo-link' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='og:description'/>
</b:if>
<meta content='app_id' property='fb:app_id'/>
<meta content='fb_admins' property='fb:admins'/>

Masih ada meta tags seo friendly yang lebih banyak lagi kodenya, namun dua kode di atas sudah cukup, tidak berlebihan alias tidak lebay.

Meta Twitter Card

Anda bisa tambahkan meta tags buat Twitter agar saat dishare ke Twitter, postingan yang tampil bukan hanya judul, tapi juga gambar dan snippets atau kutipan tulisan bagian awal atau deskripsi.

<meta content='summary' name='twitter:card'/>
<meta content='@username' name='twitter:site'/>
<meta content='@username' name='twitter:creator'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.canonicalUrl' name="twitter:url" />
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='Image_URL_Alterlative' name='twitter:image:src'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>

Save!

Continue reading →

Senin, 01 Mei 2017

Cara Agar Postingan Blog Cepat Terindeks Google

Blogging Tips SEO 06.41 No Comments

Cara Agar Postingan Blog Cepat Terindeks Google dalam Hitungan Detik

MESIN pencari Google bekerja mengindeks jutaan posting baru tiap detik di seluruh dunia. Dapat dibayangkan, betapa ketat persaingan artikel, tulisan, atau posting blog di indeks Google.

Antrean panjang terjadi setiap kali ada tulisan atau postingan atau konten baru di blog atau website. Maka, bagaimana Cara Agar Postingan Blog Cepat Terindex Google dalam Hitungan Detik?

Trik rahasia cara cepat terindeks Google di bawah ini sebenarnya dari Google sendiri. Menurut Google, konten web/blog dapat terindeks dengn cepat hanya dengan dua cara, yaitu:

Submit Url - Daftarkan Url
Fetch as Google - Ambil sebagai Google

Submit Url adalah mendaftarkan link atau url postingan blog kita ke Google. Fetch as Google juga hakikatnya sama, yaitu mendaftarkan url/link postingan ke Google Webmaster Tools.

Cara #1 Agar Posting Blog Cepat Terindex Google

1. Pastikan Anda sudah membuat dan publish postingan baru
2. Buka https://www.google.com/webmasters/tools/submit-url
3. Isi kolom yang tersedia dengan URL Postingan Bolog Anda > Isi Captcha > Klik "Kirim" (Submit)

4. Cek Artikel Anda di mesin pencari Googe dengan copas judulnya ke address bar dan Enter!

Cara #2 Agar Artikel Cepat Terindeks Google

Cara pertama sebenarnya sudah cukup. Namun, cara kedua tetap bisa kita lakukan untik alternatif dan jaga-jaga, siapa tahu Index Google lagi "super-sibuk banget".

Pastikan blog Anda sudah didaftarkan di Google Webmaster Tools!

1. Buka https://www.google.com/webmasters/
2. Masuk ke Google Webmaster Tools > pilih Blog Anda
3. Di Dashboard > klik menu Crawl (Perayapan) > klik Fetch as Google (Ambil sebagai Google )
4. Masukan URL postingan blog Anda yang baru, dimulai dari tanggal > Klik Ambil > Kirim Index

5. Cek postingan baru blog Anda di Google

Demikian Tips atau Trik Cara Agar Postingan Blog Cepat Terindeks Google.*

Continue reading →

Sabtu, 27 Mei 2017

Cara #1 Memasang Link Media Sosial di Sidebar Blogger

Cara #2 Memasang Link Media Sosial di Sidebar Blogger

Kamis, 25 Mei 2017

Selasa, 23 Mei 2017

Pengertian Google Disavow

Bagaimana Cara Melakukan Google Disavow?

Sabtu, 20 Mei 2017

Template Blog AMP Gratis Terbaik - Best Responsive Free AMP Blogger Templates

Kompi AMP Blogger Template

Betapress AMP Btemplate

Minggu, 14 Mei 2017

Cara Memasang Related Post Gambar Thumbnail

Sabtu, 13 Mei 2017

Jumat, 12 Mei 2017

Cara Memasang Kode Anti-Copas Postingan Blog - Mematikan Fungsi Klik Kanan Mouse

Kode Anti-Copas Postingan Blog - Mematikan Fungsi Klik Kanan Mouse

Kamis, 11 Mei 2017

Modifikasi Tampilan Judul (H2) pada Widget dan Footer Blog

Senin, 08 Mei 2017

Pengertian Meta Tag

Elemen Meta Tags

Meta Tag SEO Friendly

Senin, 01 Mei 2017

Cara #1 Agar Posting Blog Cepat Terindex Google

Cara #2 Agar Artikel Cepat Terindeks Google

Popular

Labels

Comments

Advertisement

Labels

Blog Archive