EGCom's INFOrmations™: BLOGGERS

Showing posts with label BLOGGERS. Show all posts

Petunjuk Manual Migrasi Protocol HTTP Ke HTTPS Pada Platform Blogger

Setelah kemaren penulis baru babak belur dihajar dalam memperbaiki script-script yang di hosting di Google Drive dan sudah aman telah dipindakan ke hosting , sekarang harus lagi membenahi blog agar bisa murni mutasi dari protocol HTTP ke protocol HTTPS. Jika tidak maka blog akan dalam status semi HTTPS dan di address bar browser akan tampak warning sebuah icon gembok yang ditandai dengan segitiga warna kuning dan biasanya dikenal dalam dunia internetan dengan istilah seperti contoh gambar dapat dilihat di bawah ini —

Sebenarnya penulis sudah enggan lagi ngutak-ngatik, tapi apa boleh buat rupanya efeknya bisa mempengaruhi juga pada beberapa script template penulis yang tidak dapat bekerja dengan maksimal —
Babak belur lagi dah ceritanya ne kawan —

Tapi walaupun demikian, itulah yang namanya menikmati nge-Blog, dimana kita terus saja disuguhi berbagai problem dan perubahan dari waktu ke waktu dan dituntut agar bisa segera mungkin untuk mengatasinya jika masih ingin terus mengikuti perkembangan internetan khususnya dalam dunia per-nge-Blog-kan, apalagi ini katanya berkaitan dengan SEO —

Untuk mengatasi problem migrasi protocol HTTP ke protocol HTTPS agar verified (murni), penulis lakukan beberapa langkah dan mungkin sahabat dapat mencobanya sebagai berikut —

Login dan langsung saja menuju ke dasbor Blogger
Klik menu — ►| Theme / Template
Backup dulu template sebelum melakukan editan
Klik tombol — ►| Backup/Restore dipojok kanan atas
Setelah Backup selesai baru klik tombol — ►| Edit HTML

Dalam template tekan — ►| CTRL + F
Ketik : — ►| http://
Lalu di — ►| Enter

Jadi semua kata | http:// | telah ditandai
Untuk berpindah ke pencarian kata | http:// | yang lain tinggal
tekan tombol — ►| Enter lagi

Nah disini tugas kita adalah mengganti semua protocol
— ►| http:// | menjadi protocol — ►| https:// | termasuk semua isi script-script yang terdapat dalam template blog yang mengandung — ►| http://

Tapi sebelum menggantinya, copas dahulu url tersebut ke address bar dengan menambahkan huruf [ s ] dan lihat apakah url tersebut bisa dibuka dan support protocol — ►| https:// |
Kira-kira babak belur gak ya kalo begini ceritanya —

Melakukan proses migrasi secara manual begini memang membutuhkan waktu dan ketelitian, tapi kalo gak mao ribet ya coba keluar modal atau cari aplikasi gratis khusus untuk menangani problem ini —

Sampai disini kalo sahabat belum bisa mengikuti/memahami jalan cerita dalam bentuk tulisan, bisa sahabat nonton video singkat ini untuk menambah pemahamannya —

Nah sekarang asumsi dari penulis semua proses penggantian protocol diatas telah selesai dilakukan dan selanjutnya scroll keatas template sampai puncaknya lalu letakkan meta TAG ini tepat pada bagian bawah — ►| <head> |◄ — dan klik tombol Save/simpan semua perubahan pada template —

►| GETme |◄

LANGKAH TERAKHIR TUTORIAL

Pada dasbor Blogger klik menu — ►| Setting
Rubah di ComboBox HTTPS Redirect dari settingan default
— ►[ No ] menjadi — ►[ Yes ]

Setelah melakukan semua langkah-langkah diatas dengan kesabaran dan ketelitian, maka inilah hasil yang diperoleh penulis | HTTPS dinyatakan Verified by Google Inc —

--
|◄ Best Regards ►|

GitHub Situs Tempat Host Script Blogger

Setelah sekian lama penulis vakum nge-blog tak disangka-sangka begitu buka lagi semua tampilan blog kacau balau. Script tak berfungsi sehingga banyak widget-widget yang pada nganggur. Usut punya usut ternyata akibat penulis KUDET (Kurang Update) rupanya Google sudah menghentikan layanan hosting Google Drive sejak 2 tahun yang lalu tepatnya 31 Agustus 2015 melalui pengumuman G-Suite Updates —

Kecewa ? Ya iyalah, mosok Ya iya donk ! He.. He..

Tapi yang namanya gratisan ya seharusnya dilarang proteslah, malah sebaliknya ente harus berterima-kasih sebab sudah bertahun-kasih ntu G-Drive dikasih ente pakek gretongan —

Nah mulailah penulis hunting rumah gretongan mana lagi yang bisa penulis manfaatkan buat nge-host script-script blog penulis. Dan akhirnya pilihan penulis jatuh pada si GitHub yang menurut penulis cukup mudah navigasi serta prosedurnya —

Berbekal coba-coba penulis mengunjungi situsnya
Langsung daftar dengan memasukkan data valid

Setelah klik signup for GitHub
Buka email yang tadi di daftarkan
Lalu klik link konfirmasi pendaftaran dari situs GitHub disana

Dalam situs GitHub coba lihat diatas pojok kanan ada tanda (+)
Klik sekali tanda plus tersebut
Dan pilih menu — ► New repository

Selanjutnya akan tampil form data repository
Nama repository isi saja sesuai keinginan
Untuk settingan yang lain ikuti seperti gambar di bawah saja

Kalo sudah tekan tombol — ► Create repository
Sekarang tinggal upload script/files
Cari tombol — ► Upload
Dan upload file yang diinginkan

CARA PAKAI DI DALAM TEMPLATE BLOGGER

Klik kanan sekali file yang mau dipakai
Lalu pilih menu — ► Copy Link Location

Buka situs berikut ini
Lalu ikuti petunjuk pada gambar dibawah ini

Setelah mendapatkan link aktif tinggal di implementasikan saja ke dalam template blogger

Contoh untuk coding CSS

<link rel="stylesheet" href="https://rawgit.com/egcom9191/code/
master/coding.css"/>

Contoh untuk coding JS

<script src="https://rawgit.com/egcom9191/code/master/
coding.js"></script>

Nah itulah langkah-langkah yang telah penulis lakukan untuk memperbaiki semua coding-coding script pada blog ini agar tampilannya bisa kembali ke keadaan semula yang sebelumnya semua script penulis host di Google Drive —

--
|◄ Best Regards ►|

Part 02 - Memperbaiki Beberapa Pesan Error Struktur Data Template Baru

Postingan berikut ini adalah merupakan kelanjutan dari postingan sebelumnya tentang . Pada postingan sebelumnya penulis telah membahas dan memberikan solusi perbaikan 2 buah contoh mengenai pesan error pada struktrur data yakni mengenai pesan error halaman struktur data item properti "image_url" dan "Missing Required Updated", sekarang mari kita lanjutkan membahas pesan error yang lainnya yang mungkin saja akan sahabat jumpai ketika melakukan deteksi menggunakan laman Webmasters Tools ......

Properti blogId Dan postId

Halaman yang mengandung item properti seperti "blogId" dan "postId" apabila dideteksi melalui Google Rich Snippets Tool akan muncul pesan error pada struktur datanya seperti yang ditunjukkan pada contoh di bawah ini ......

Error: Page contains property "blogid" which is not part of the schema.
Error: Page contains property "postid" which is not part of the schema.

Untuk memperbaiki error lakukan langkah berikut ......

Backup terlebih dahulu template
Buka (Edit) pada kode HTML template
Cari kode seperti di bawah ini lalu dihapus !

<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

Missing Required Field Name (fn) Dan Hcard

Pesan peringatan error ini dapat muncul disebabkan karena mesin pencari tidak dapat menemukan nama atau profil dari si penulis artikel, sehingga kita harus menambahkan sendiri beberapa kode ke dalam template agar nama penulis artikel dapat ditemukan oleh mesin pencari — ( Lihat Contoh Gambar ! )

Solusi Perbaikan Error :

Buka (Edit) kode HTML template
Jangan lupa lakukan bakup dahulu
Cari kode tag <data: post.body />
Tambahkan di bawahnya kode dalam text box berikut ini

►| CODE |◄

Dalam template mungkin akan dijumpai beberapa kode tag <data: post.body />, pilih saja salah satu dan sesuaikan dimana tempat yang disukai !

Di dalam kode tersebut telah berisi tag rel='author' sehingga dapat membantu memverifikasi markup si penulis. Dan apabila ketika sesorang menempatkan kursor mousenya tepat pada profil penulis maka secara otomatis akan keluar satu jendela popup profil Google+ penulis artikel.

Demikianlah postingan mengenai yang muncul pada Google Webmasters Tools ketika kita melakukan penggantian template lama blog ke template yang baru dan semoga bermanfaat !!!

--
|◄ Best Regards ►|

Part 01 - Memperbaiki Beberapa Pesan Error Struktur Data Template Baru

Pada umumnya pesan-pesan Kesalahan Struktur Data yang sering kali muncul disaat kita periksa di Google Webmasters Tool adalah ketika mengganti template lama blog kita dengan template yang baru. Bagi para blogger mania yang menggeluti dunia SEO tentu saja problem peringatan pesan kesalahan tersebut tidak dapat diabaikan dengan begitu saja, sebab akan menimbulkan pengaruh negatif pada saat mesin pencari melakukan indeks terhadap postingan artikel-artikel yang terdapat pada blog. Dan jika dibiarkan berlarut-larut bukan tidak mungkin artikel-artikel pada blog nantinya akan bermasalah di mata mesin pencari terutama pada Google Search Engine.

Jadi sudah waktunya mengambil waktu sejenak untuk memperbaiki beberapa kesalahan-kesalahan umum yang terdapat pada struktur data blog. Sebenarnya Google sendiri sudah menambahkan data terstruktur dalam blogger template, namun terdapat kesalahan umum dalam Struktur Data MarkUp yang kelihatannya seperti menghilang begitu saja. Dengan demikian mau tak mau kita sendiri harus berusaha mencari solusi untuk memperbaikinya.

Beberapa Kesalahan Umum Dan Solusi Perbaikan

Halaman Struktur Item Properti —

Banyak didapati kesalahan (error) pada halaman struktur yang berisi item properti "image_url", dan biasanya yang dilakukan orang adalah dengan cara menghapus item properti tersebut ......

<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>

—| LALU MENJADI |—

<meta expr:content='data:post.firstImageUrl' itemprop=''/>

Akan tetapi tunggu dulu, bentuk format penulisan seperti itu bukanlah solusi yang tepat, sebab jika dihapus seluruh properti "image_url" dari template maka template otomatis akan kehilangan kemampuan untuk memberikan informasi tentang thumbnail (gambar) yang digunakan di halaman web ke mesin pencari. Ini dapat juga terjadi ketika berbagi postingan di situs jejaring sosial seperti Google+ atau Facebook (thumbnail yang digunakan untuk posting bisa saja tidak muncul nantinya!).

Jadi solusi tepat yang harus dilakukan untuk memperbaiki kesalahan tersebut adalah dengan cara ......

<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>

—| RUBAH MENJADI |—

<meta expr:content='data:post.firstImageUrl' itemprop='image'/>

Missing Required Field Updated —

Pesan kesalahan ini muncul disebabkan karena mesin pencari tidak dapat menemukan tanggal atau waktu beserta update dari artikel-artikel yang bersangkutan pada saat dipublikasikan. Untuk memperbaiki masalah ini sahabat dapat coba langkah-langkah berikut ini ......

Cari pada template kode tag : <data:post.timestamp/>
Lalu ganti dan tempatkan kode di bawah ini ......

<span class='updated'><data:post.timestamp/></span>

Untuk mendeteksi error pada struktur data, sahabat dapat mengunjungi tautan berikut ini :

Bersambung ke Part 02 -

--
|◄ Best Regards ►|

Kustomisasi Secara Otomatis Tags Header Robots.Txt Blogger

Kustomisasi Secara Otomatis Tags Header Robots.txt Blogger ini merupakan kelanjutan dari postingan penulis beberapa hari yang lalu yakni tentang . Dan sebelumnya penulis juga telah membuat satu artikel yang berjudul yakni tentang cara memasang breadcrumbs yang mana tujuan dan fungsinya adalah untuk membuat blog kita agar kelihatan lebih SEO Friendly di mata Google Search Engine sehingga postingan-postingan artikel kita dapat lebih mudah dan cepat terindeks oleh embah Google. Ketiga postingan yang penulis sebutkan tersebut berhubungan satu dengan lainnya, jadi jangan lewatkan dua postingan sebelumnya untuk melanjutkan membaca postingan artikel ini agar sahabat bisa memahami alur dari postingan penulis.

Nah sahabat, setelah kamu menerapkan dan mengaktifkan Protokol Robots.txt sesuai dengan cara yang penulis sampaikan, maka sekarang kita akan mengaktifkan Tags Header Robots.txt dengan tujuan memberikan intruksi agar para robot-robot search engine tersebut mengerti dengan apa-apa saja yang boleh mereka lakukan dan apa-apa saja yang tidak boleh mereka lakukan terhadap postingan-postingan artikel blog kita.

Oke sahabat, mari kita langsung menuju TKP ......

Login ke dalam akun blogger
Pada dasbor klik menu dropdown dan pilih "Settings"
Lalu pilih "Search preferences"
Klik menu "Edit" pada "Custom robots header tags"

Biar lebih gampang dan gak bingung, lihat saja pada gambar yang penulis sertakan di bawah ini, dan samakan saja semua settingan disana seperti contoh screenshot gambar di bawah ini ......

Pastikan settingan sama persis dengan yang di gambar
Jika sudah selesai, tekan tombol "Save changes"
Done!

Dengan demikian, sekarang sahabat sudah mengaktifkan dua fungsi utama yang di sediakan oleh Blogger pada Protokol Robots.txt untuk mengatur robot-robot search engine bagaimana caranya memperlakukan postingan-postingan artikel pada blog dan tidak perlu lagi memasang meta tags robots yang ribet pada template sahabat !

Masih banyak cara-cara yang bisa di lakukan untuk mengoptimalisasi sebuah blog agar menjadi SEO Friendly dan di sukai oleh Mesin-Mesin Pencari Internet, disini penulis hanya mencoba berbagi sedikit pengalaman penulis dalam mengelola blog dan semoga informasi yang penulis sampaikan ini dapat membawa manfaat bagi yang sedang membutuhkannya !

--
|◄ Best Regards ►|

Protokol Robots.Txt Dan Format Penulisan Perintah Yang Benar

Di samping memasang , dengan adanya fitur protokol robots.txt atau yang selama ini di kenal sebagai sebuah config file yang dinamakan robots.txt pada platform blogger, akan lebih memudahkan pengguna blogger untuk mengatur dan memberitahukan kepada mesin-mesin pencari terutama Mesin Pencari Google dalam proses index terhadap postingan-postingan artikel yang di publikasikan. Protokol robots.txt sering digunakan oleh mesin-mesin pencari dalam mengkategorikan arsip pada laman-laman situs web atau oleh para webmaster dalam mengkoreksi sejumlah kode sumber. Standarisasi tersebut bisa saja berbeda-beda, namun pada umumnya dapat di pergunakan secara bersamaan dengan skema peta situs atau Sitemap.

Dengan mengaktifkan fitur robots.txt dalam settingan blogger, kita dapat memilah-milah dan mencegah postingan artikel mana yang boleh di index oleh mesin-mesin pencari dan postingan artikel mana saja yang tidak boleh di index.

Protokol robots.txt juga dapat kita manfaatkan untuk menghindari penduplikatan judul artikel pada meta deskripsi yakni terjadinya duplikat pada tautan alamat postingan artikel, dimana terdapat beberapa tautan yang berbeda akan tetapi bermuara pada satu artikel/postingan yang sama. Jika hal ini di biarkan berlarut-larut dan tidak di perbaiki, maka lama kelamaan akan berdampak negatif pada blog, seperti tiba-tiba terjadi penurunan pada ranking pencarian, dan dalam beberapa kasus yang cukup fatal dapat menyebabkan sebuah blog di bannned.

Berikut di bawah ini adalah tutorial dan langkah-langkah cara untuk mengaktifkan protokol robots.txt pada blogger beserta format penulisan kode perintah yang benar :

Login ke dalam akun blogger
Pada dasbor klik pada menu dropdown dan pilih "Settings"

Lanjutkan dengan memilih menu "Search preferences"
Lalu klik pada menu "Edit" Custom robots.txt

Pada - Enable custom robots.txt content?
Pilih radio button "Yes"
Akan terbuka sebuah kotak kosong penginputan kode perintah robots.txt lalu Copy dan Paste kan kode perintah spoiler di bawah ini ke dalamnya ....

Jika sudah selesai jangan lupa menekan tombol "Save changes" untuk menyimpan file konfigurasi robots.txt yang telah dibuat.

Nah sahabat, itulah cara-cara yang dapat penulis sampaikan untuk mengaktifkan protokol robots.txt beserta dan dapat kita gunakan pada platform blogger !

Baca juga kelanjutan artikel tentang Protokol Robots.Txt pada postingan artikel

--
|◄ Best Regards ►|

Breadcrumbs Mempermudah Robot Index Artikel

Secara umum pengertian dari breadcrumbs adalah merupakan sebuah simbol navigasi atau penunjuk arah yang memberitahukan kepada pengunjung dimana tepatnya lokasi artikel pada blog atau situs anda. Dengan demikian breadcrumbs berfungsi membuat laman situs blog anda tampil lebih User Friendly dan tentunya, dimana para pengunjung dapat dengan mudah dapat menelusuri halaman demi halaman artikel blog anda.

Dan disamping memperkuat keyword pada artikel atau konten blog, Breadcrumbs Mempermudah Robot Index Artikel anda serta membantu meningkatkan posisi artikel anda pada mesin pencari, khususnya .

Sebagai perumpamaan, penulis memposting sebuah artikel yang penulis beri judul dan dengan tag label TUTORIAL maka hasil yang muncul pada laman situs adalah seperti tampak pada gambar di bawah ini ......

Bagaimana Cara Memasang Breadcrumbs ?

Untuk memasang breadcrumbs tidaklah terlalu sulit, asalkan sahabat telaten dan menyimak betul langkah-langkahnya pasti bisa, kita hanya perlu sedikit memodifikasi template blog dan menambahkan beberapa kode HTML.

Langkah-Langkah Pemasangan Breadcrumbs -

01. Login ke dalam akun Blogger
02. Pada halaman dasbor masuk ke dalam menu Template
03. Jangan lupa klik tombol menu Backup terlebih dahulu
04. Setelah backup baru klik tombol menu Edit HTML
05. Cari kode ]]></b:skin> dengan menekan tombol CTRL+F
06. Letakkan kode di bawah ini tepat di atasnya . . . . . .

.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:90%;
line-height: 1.4em;
border-bottom:3px double #eee;
}

07 Lanjutkan cari kode : <b:includable id='main' var='top'>
08. Ganti dengan kode di bawah ini ......

►| DOWLOAD |◄

<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='tag'>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' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'>
<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'> »
<span typeof='v:Breadcrumb'>
<a expr:href='data:label.url' property='v:title' rel='v:url'>
<data:label.name/></a></span>
</b:loop> »
<span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> »
<span>Unlabelled</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'>Home</a></span> »
<span>Archives for <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'>Home</a></span> »
<span>All posts</span> <b:else/><span>
<a expr:href='data:blog.homepageUrl'>Home</a></span> »
<span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

09. Lanjut cari kode seperti di bawah ini :

<b:include data='top' name='status-message'/>

Jika sudah dapat letakkan kode di bawah ini tepat di atasnya, biasanya dalam template ada dua buah kode seperti itu, letakkan saja kode di bawah ini pada keduanya!

<b:include data='posts' name='breadcrumb'/>

10. Jika sudah selesai maka selesai jugalah tutorialnya !

Demikianlah cara kita memasang breadcrumbs pada blog, selanjutnya tinggal menunggu Robot Google datang ngapelin blog kita, dan jika tidak ada problem maka seluruh tag Label pada blog kita akan bertahap ter-Index sehingga bisa muncul pada halaman Search Engine !

--
|◄ Best Regards ►|

Mengambil Kembali Postingan Artikel Blog Yang Terhapus Tanpa Sengaja

Sahabat jangan panik terlebih dahulu, apabila suatu saat kita dengan tanpa sengaja menekan tombol hapus/delete, sehingga salah satu dari postingan artikel pada blog kita terhapus. Mungkin saja ada beberapa cara yang bisa di lakukan untuk mengembalikan artikel yang terhapus tersebut. Tapi disini penulis hanya akan memaparkan langkah-langkah yang pernah penulis coba dan praktekkan sendiri dengan hasil yang memuaskan. Adapun syarat-syarat yang harus di penuhi atau di persiapkan sebelum kita melangkah ke step berikutnya adalah ......

Mencatat ID Blogger.com —

Login ke dalam account Blogger
Buat sebuah postingan baru
Lihat pada address bar di browser
Salin ID Blogger yang tertera pada notepad

Contoh :
https://draft.blogger.com/blogger.g?blogID=XXXXXXXXXXXX

Huruf (X) di atas adalah angka digit ID Blog
Catat ID Blog tersebut
Tab postingan yang baru di buka jangan di tutup dulu
Lanjutkan dengan langkah-langkah berikutnya ......

Mencari ID Postingan Yang Terhapus —

Untuk mencari Kode ID Post yang terhapus ini, maka sahabat harus ingat judul dari postingan artikel sahabat yang terhapus tersebut !

Buka sebuah tab browser baru
Lalu gunakan search engine Google : www.google.com
Ketik pada kotak pencarian :

"Judul Artikel" site:alamat-blog-sahabat

Contoh :
"Artikel Terhapus" site:http://egcom9191.blogspot.com

Setelah tautan postingan yang terhapus muncul
Klik sekali pada tanda panah kecil ke bawah
Terletak di sebelah kanan ujung tautan
Lalu pilih "CACHE"
Tunggu sebentar hingga postingan yang terhapus tampil
Lalu tekan tombol "CTRL+U"
Lanjutkan dengan menekan "CTRL+F"
Masukkan kata kunci - post hentry -

Di sekitar pencarian tersebut nanti akan tampak sederetan digit angka. Catatlah sederetan digit angka tersebut pada notepad. Biar lebih jelas coba perhatikan screenshot gambar di bawah ini ......

Nah setelah kita dapatkan ID Blog beserta ID Post artikel yang terhapus tersebut, maka sekarang kita gabungkan keduanya dalam sebuah format seperti berikut ini :

http://egcom9191.blogspot.com/blogger.g?blogID=XXXXXXXXXXXX#editor/target=post;postID=YYYYYYYYYYYY

ID Blog := XXXXXXXXXXXX
ID Post := YYYYYYYYYYYY
Ganti alamat blog sahabat := egcom9191.blogspot.com

Sekarang lanjutkan buka sebuah tab baru pada browser
Tempatkan format di atas pada address bar browser
Lalu tekan Enter
Tunggu hingga postingan artikel yang terhapus muncul
Jika sudah muncul tinggal tekan tombol "Publish"
Dan selesai !!!!

Dalam beberapa kasus mungkin saja bisa terjadi error sewaktu melakukan "Publish". Jika menjumpai masalah ini, maka hal yang dapat kita lakukan adalah :

Pada postingan editor klik pada tombol "HTML"
Copy dan Paste seluruh isi postingan artikel ke dalam sebuah postingan baru dan kemudian sesuaikanlah semua settingannya seperti ......

Judul Postingan
Labels
Tanggal dan Waktu
Permalink
Search Description
Options

Nah, apabila sahabat merasa sudah yakin semua settingan sudah sesuai dan benar, maka tinggal lanjutkan saja dengan menekan tombol "Publish".

Dengan demikian maka kita telah dapat tanpa disengaja tersebut secara keseluruhan dan seutuhnya seperti sedia kala !!!!!

--
|◄ Best Regards ►|

Mengganti Navigasi Page View Menjadi Angka

Sebagaimana biasanya yang kita lihat pada laman-laman blogger secara default tombol menu navigasi page viewnya adalah berbentuk tanda panah kiri dan kanan lalu di tengah adalah menu Home/Beranda. Hal ini tidak seperti Wordpress yang secara default telah menyediakan tombol navigasi page view berupa angka, sehingga pembaca bisa lebih mudah untuk meloncat ke beberapa halaman postingan untuk membaca postingan yang lama. Nah, bagi sahabat yang pengen merubah atau memodifikasi tombol menu navigasi page view pada laman blogger, maka sahabat bisa mencoba langkah-langkah seperti yang akan penulis sampaikan di bawah ini !

Contoh tombol navigasi page view yang akan muncul pada blog sahabat nantinya seperti ini ......

Langkah pertama tentunya sahabat harus masuk terlebih dahulu ke dalam (Login] Akun Blogger sahabat dan langsung saja menuju pada design "Template" blogger lalu klik pada tombol menu "Edit HTML"

Setelah itu coba sahabat cari kode seperti ini ► ]]></b:skin>
Kalo sudah ketemu, tempatkan kode script di bawah ini sebelum kode tersebut

►| CODE |◄

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Sekarang lanjutkan cari kode berikut ini ► </body>
Letakkan kode script di bawah ini sebelum kode tersebut

►| CODE |◄

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='https://googledrive.com/host/0B0kvzn6HmDGaMzd3Wk5CVGM4Szg/NumPageView.js' type='text/javascript'/>
</b:if> </b:if>

Demikianlah sahabat, beberapa langkah yang dapat kita modifikasi untuk dan semoga bermanfaat !

--
|◄ Best Regards ►|

Memasang Gadget Berlangganan Artikel

Untuk membuat sebuah gadget "Berlangganan Artikel" yang sederhana pada blog, kita dapat memanfaatkan gadget yang sudah disediakan oleh blogger (built-in). Nah... lalu bagaimana caranya untuk memasang gadget tersebut pada blog?. Silahkan disimak langkah-langkahnya di bawah ini.

Masuk terlebih dahulu pada akun blogger sahabat

Dari Dashboard blogger pilih pada menu "Layout"

Lalu klik pada bagian "Add a Gadget"

Cari dan pilih gadget yang bernama "Folow by Email"

Pada title bisa diganti dengan "Berlangganan Artikel"

Lalu klik tombol "Save"

Done!

Demikianlah cara untuk memasang gadget "Berlangganan Artikel" pada blog dan semoga bermanfaat !

--
|◄ Best Regards ►|

Memasang Status Yahoo! Messenger

Bagi sahabat yang masih belum mengetahui cara memasang status Yahoo! Messenger pada laman blog, maka sahabat bisa ikuti prosedurnya sebagai berikut ini —>
Login pada akun blogger lalu pada dashboard pilih "Layout" kemudian pilih "Add a Gadget", copas script yang terdapat dalam text box di bawah ini ke dalamnya (ganti id "egcom9191" dengan id YM sahabat). Dan langkah terakhir klik tombol "Save" untuk menyimpan perubahan yang telah dibuat.

<a href="https://messenger.yahoo.com/edit/send/?.target=egcom9191"><img src="https://opi.yahoo.com/yahooonline/u=IDMU/m=g/t=14/l=us/opi.jpg" alt="Status YM" style="border:0" /></a>

Demikianlah caranya untuk memasang status Yahoo! Messenger pada laman blog dan semoga tutorial yang singkat ini bisa bermanfaat bagi yang membutuhkannya !

--
|◄ Best Regards ►|

Memasang Video YouTube Pada Blog

Sebenarnya tidaklah sulit untuk mem-posting video yang terdapat pada situs YouTube ke dalam blog kita. Nah bagi sahabat yang belum tau caranya silahkan sahabat simak langkah-langkahnya di bawah ini .......

Masuk ke situs YouTube dengan akun Google sahabat
Buka video yang ingin dipasang pada blog
Klik pada menu "Share/Customize"
Pilih tab menu "Embed"
Lalu pilih warna frame dan ukuran video
Copy kode kotak "Embed" lalu pastekan ke postingan blog
Done!

Demikianlah cara untuk mem-posting video YouTube ke dalam postingan blog dan semoga bermanfaat !

--
|◄ Best Regards ►|

Cara Membuat Spoiler Pada Blogspot

Untuk menambahkan spoiler seperti yang pernah sahabat lihat pada forum-forum pada postingan artikel blog, maka sahabat dapat copy paste kode script ke dalam blog sahabat pada bagian TAB > New Post > "Edit HTML".

Download kode script spoiler :
Selesai download, extract file tersebut
Lalu buka pakai Notepad
Copas isi script tersebut ke dalam HTML editor Blog
Klik tombol "Preview" untuk melihat hasilnya !

Contoh spoiler yang penulis maksudkan ......

spoiler:

Oke brou or sis....!
Hanya itu doank kok, gampang kan?

Penulis berharap bagi yang mencobanya bisa berhasil melakukannya sendiri dengan mengikuti tutorial singkat ini dan semoga bisa bermanfaat. Jika ada yang perlu sahabat tanyakan mengenai postingan spoiler ini, silahkan bertanya pada kotak komentar di bawah postingan ini !

|◄ Best Regards ►|

Tracking Artikel Blog Yang Di Copas

Tentu dapat kita maklumi, bahwa seorang penulis artikel asli pada blognya akan merasa jengkel apabila mengetahui bahwa postingan artikel asli pada blognya ada yang copas. Apalagi orang yang melakukan tindakan tersebut tanpa permisi terlebih dahulu dan tanpa ada rasa budaya malu dengan menyatakan bahwa postingan artikel yang di copas tersebut adalah hasil karyanya sendiri. Nah... lalu bagaimana caranya agar kita bisa telusuri/tracking postingan artikel pada blog kita ada yang copas atau kagak?. Untuk itu sahabat bisa coba langkah-langkah berikut ini ......

Login terlebih dahulu pada akun blogger sahabat

Kunjungi alamat berikut ini : www.copyscape.com

Klik salah satu bentuk banner yang sahabat sukai

Copy script banner yang diberikan

Dari Dashboard blogger pilih pada menu "Layout"

Lalu klik pada bagian "Add a Gadget"

Cari dan Klik pada "HTML/JavaScript"

Copas script banner yang di dapat tadi pada "Content"

Lalu klik tombol "Save"

Done !

Demikianlah caranya untuk menelusuri/tracking postingan artikel pada bog kita apakah ada yang copas atau tidak dan semoga bermanfaat !

|◄ Best Regards ►|

Cari Disini