Aditya Blogs

Memperbaiki Masalah Breadcrumb

2020-03-04T17:17:00.000+07:00

Lama tidak posting tentang blog mumpung ada bahan dan sedikit pengetahuan langsung deh saya coretin di sini itung itung berbagi pengalaman barangkali ada yang membutuhkan juga.
Yup seperti yang kita ketahui bahwa beberapa minggu yang lalu "Skema data-vocabulary.org telah dihentikan" dan ini sangat berpengaruh pada blog di pencarian google yang berakibat menurunnya peringkat pencarian blog kita di google search engine dan tidak munculnya konten kita pada search engine.
Tapi jangan khawatir karena untuk memperbaikinya amat sangat mudah dan tanpa menambahkan kode kode tertentu pada tema kita. Yuk langsung saja kita eksekusi cara Memperbaiki Masalah Breadcrumb ini.

1. Pertama buka situs blogger dimana sobat membuat blog.
2. Buka blog yang mempunyai masalah dengan breadcrumb
3. Klik menu Tema
4. Klik menu Edit Html
5. Lalu cari tulisan "vocabulary" di dalam template blog sobat
6. Jika sudah ketemu ganti tulisan "vocabulary" tersebut dengan tulisan "schema"
7. Selesai simpan hasil perubahan template sobat

Selanjutnya tinggal melakukan validasi dan menunggu beberapa hari bahkan minggu sampai validasi sukses

Aneka Bentuk Border Untuk Menghias Blog

2014-04-23T20:18:00.000+07:00

Menjadi seorang Blogger pastinya tidak luput dengan masalah edit template dan tampilan blog karena dari situlah apa yang menjadi pekerjaan kita akan terlihat rapi dan indah untuk dipandang. Ngomong-ngomong masalah tampilan dalam blog sudah barang tentu ada yang namanya Border atau garis yang mengelilingi sebuah widget maupun hanya sekedar garis pinggir maupun garis bawah.

Untuk masalah border berikut saya share beberapa bentuk tampilan border yang mungkin bisa menambah daya tarik dan mempermanis tampilan blog Anda tapi tidak menggunakan image atau gambar melainkan hanya berupa kode-kode saja.

Berikut tampilan dan kode dari masing-masing bentuk border tersebut :

Kode: <div style="border: 10px solid red;">Letakkan Tulisan Atau Kode Disini</div>

Kode: <div style="border: 10px double green;">Letakkan Tulisan Atau Kode Disini</div>

Kode: <div style="border: 10px groove blue;">Letakkan Tulisan Atau Kode Disini</div>

<div style="border: 10px outset blue;">Letakkan Tulisan Atau Kode Disini</div>

<div style="border: 10px ridge orange;">Letakkan Tulisan Atau Kode Disini</div>

Anda tinggal copy paste kodenya saja dan sedikit kreatifitas maka tampilan blog anda akan menjadi lebih menarik. Untuk merubah warna sesuai dengan keinginan barangkali Anda memerlukan kode warna yang hampir lengkap bisa anda lihat Disini

Memperbaiki Tata Letak Blog Yang Berjejer ke Bawah

2014-04-17T09:48:00.003+07:00

Memperbaiki Tata Letak Blog Yang Berjejer ke Bawah - Bagi para blogger yang sudah lama berkecimpung di dunia blogger permasalahan ini mungkin sudah sering dialami tapi bagi para pemula hal ini bisa saja belum pernah dialami dan jika mengalami ini sudah pasti mencari tahu solusinya baik itu bertanya pada bloger lain maupun dengan cara browsing.
Tata Letak yang berjejer kebawah sangat membingungkan karena kita tidak akan tahu bagian dari elemen tersebut dan permasalahan ini biasanya terjadi setelah melakukan validasi css3 namun demikian sebenarnya permasalahan ini tidak berpengaruh pada tampilan halaman hanya pada menu Tata Letak saja yang acak-acakan. Pada dasarnya permasalahan terjadi pada saat kita menonaktifkan CSS Reset yang tidak berfungsi setelah melakukan validasi css3

Disini saya akan mencoba berbagi kepada Anda yang masih pemula (newbie) untuk mengatasi permasalahan ini

Cara Memperbaiki Tata Letak Blog Yang Berjejer ke Bawah
1. Temukan Komponen Utama Blog
Nama dari Komponen Utama pada tiap blog berbeda-beda tergantung dari pembuat template tapi jika template tersebut bawaan blogger, sudah jelas komponen utamanya yaitu #outer-wrapper #header-wrapper #main-wrapper dan lain-lain.

2. Catat ukuran serta posisi komponen utama
Catat CSS pada komponen utama pada notepad seperti ukuran dan lain sebagainya, sebagai contoh:

#header-wrapper{width:1000px}
#outer-wrapper{width:1000px}
#footer-wrapper{width:1000px}
#header-left {width:300px;float:left}
#header-right {width:800px;float:right}
#main-wrapper {width:700px;float:left}
#sidebar-wrapper {width:350px;float:right}
.footer {width:350px;float:left}

3. Langkah selanjutnya copy dan paste kode di atas diantara kode yang berguna untuk menon-aktifkan CSS Reset.
Contoh:

<style type="text/css"><!-- /* <b:skin><![CDATA[ Paste Kode Disini */]]></b:skin>

4. Sehingga perubahannya akan seperti dibawah ini:

<style type="text/css"><!-- /* <b:skin><![CDATA[ #header-wrapper{width:1000px} #outer-wrapper{width:1000px} #footer-wrapper{width:1000px} #header-left {width:300px;float:left} #header-right {width:800px;float:right} #main-wrapper {width:700px;float:left} #sidebar-wrapper {width:350px;float:right} .footer {width:350px;float:left} */]]></b:skin>

Teliti kembali sebelum letak dari komponen tersebut dan jika sudah selesai silahkan simpan template.

Mudah-mudahan dengan cara ini apa yang menjadi permasalahan akan teratasi.

Cara Memperbaiki Layout / Tata Letak Blogger Error

2014-04-13T07:35:00.002+07:00

Setiap Blogger yang suka memodifikasi tampilan template atau suka berganti template pasti pernah menemui adanya error pada menu layout sehingga tampilannya menjadi tumpang tindih namun jika dilihat pada halaman blog tampilan tetap terlihat normal dan hanya pada tampilan menu layout/tata letak saja yang mengalami kerusakan. Salah satu penyebab error adalah karena hilangnya atau lupa menempatkan kode <div class='clear'/> maupun <div class='clear: both;'/> yang harus selalu ada pada tiap template meskipun tidak menutup kemungkinan kode ini bisa saja tidak dipakai.

Buat Anda yang belum tahu tentang kode diatas berikut sedikit Saya tulis penjelasan singkat tentang fungsi dari kode tersebut :
Kode <div class='clear'/> maupun <div class='clear: both;'/> berfungsi untuk memberikan jarak diantara element yang ada diatas dan dibawahnya sehingga tidak terjadi tumpang tindih antara gadget yang satu dengan yang lainnya sehingga terlihat acak-acakan seperti terlihat pada gambar berikut

Setelah kita menambahkan kode <div class='clear'/> atau <div class='clear: both;'/> diantara dua elemen div maka hasilnya tampilan akan berubah seperti gambar berikut

Untuk penempatan kode diletakkan diantara gadget yang error, misal : pada gambar diatas yang error adalah dan tumpang tindih adalah gadget Menu dan Crosscol maka penempatan kode <div class='clear'/> seperti dibawah ini

<nav id='menu'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
<li><a href='#'>Menu 4</a></li>
</ul>
</nav>

<div class='clear'/>

<div class='content-wrapper'>

Dengan Cara Memperbaiki Layout / Tata Letak Blogger Error diatas masalah yang terjadi pada layout bisa teratasi dan Anda tidak perlu berganti template hanya karena masalah ini

Semoga berguna dan berhasil.

Cara Memperbaiki Kredensial OpenID Tidak Bisa Diverifikasi

2014-03-26T11:10:00.002+07:00

Beberapa hari sempat dipusingkan dengan masalah Kredensial OpenID Tidak Bisa Diverifikasi saat akan meninggalkan sebuah komentar, berbagai cara seperti yang disebutkan oleh beberapa Blogger senior sudah saya terapkan namun hasilnya sia-sia dan tidak membuah hasil sama sekali, sampai akhirnya saya browsing dan browsing terus untuk mencari informasi dan akhirnya pilihan jatuh pada sebuah website penyedia OpenId yang mungkin belum cukup terkenal namun cukup membuat hati senang karena dengan bantuan web ini akhirnya saya bisa menggunakan OpenId lagi untuk berkomentar.
berikut beberapa website yang saya kunjungi:

1. http://openid.net (Tidak membuahkan hasil alias gatot atau gagal total karena ternyata web ini hanya menyediakan info saja)
2. https://www.myopenid.com (Disini saya juga mengalami kegagalan karena ternyata website ini sudah menutup layanannya pertanggal 1 Januari 2014)
3. https://openid.stackexchange.com (Disinilah keberhasilan saya temukan dan membuat hati saya menjadi sangat bergembira)

Langkah yang saya lakukan yang mengalami kegagalan adalah dengan mengikuti arahan dari sebuah blog yang disuruh memasang kode seperti dibawah ini dibawah kode <head>

<link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://blablabla.blogspot.com' rel='openid.delegate'/>

Buat Anda yang juga mengalami kegagalan seperti yang saya alami sekarang tidak perlu khawatir lagi karena saya akan mencoba membantu dengan cara saya dan semoga saja cara ini berhasil Anda terapkan pada Blog milik Anda.

Cara Memperbaiki Kredensial OpenID Tidak Bisa Diverivikasi
1. Kunjungi web ini https://openid.stackexchange.com
2. Setelah masuk kedalam website silahkan klik menu Register