Tampilkan postingan dengan label Kode HTML. Tampilkan semua postingan
Tampilkan postingan dengan label Kode HTML. Tampilkan semua postingan

Jumat, 23 Januari 2015

Memperbaiki Missing: updated dan Missing: author Blogger

Hilang: updated dan Hilang: author di Alat Webmaster

Memperbaiki Missing: updated dan Missing: author Blogger

Missing: updated dan Missing: author atau Hilang: updated dan Hilang: author adalah error yang terjadi karena mengganti template blog atau mengganti admin akun blogger menjadi akun google+. Pada beberapa kejadian menyebabkan posting blog memiliki judul dan author yang berbeda padahal aslinya sama. Hal ini tentunya membuat mesin pencari google menjadi bingung dan menyebabkan struktur data error pada webmaster tools.

Untuk itu perlu dilakukan test langsung (live) pada setiap error yang dicantumkan oleh alat webmaster untuk membuktikan kebenaran kesalahan terkait menggunakan alat uji google --> Alat Uji Coba Data Terstruktur. Pada beberapa kejadian khusus kesalahan yang terjadi memiliki hasil yang berbeda antara uji real dengan laporan yang tertera di alat webmaster. Pada real hasilnya oke, namun pada alat webmaster masih error. Untuk itu langsung saja ikuti langkah-langkah selanjutnya untuk memperbaiki kesalahan ini.

Memperbaiki Missing: author

Langkah 1. Pada dashboard blogger >> Tema >> Backup terlebih dahulu dan Edit HTML

Langkah 2. Klik kiri pada area kosong kotak Edit HTML dan Cari (CTRL+F) kode yang sama atau menyerupai kode berikut:
<span class='post-author vcard' >
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <data:post.author/>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn'><data:post.author/></span>
                  </b:if>
                </b:if>
              </span>
Langkah 3. Ganti kode diatas dengan kode berikut :
<span class='post-author vcard' itemscope='itemscope'  itemtype='http://schema.org/Person'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn author'>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn author'><span itemprop='name'><data:post.author/></span></span>
                  </b:if>
                </b:if>
              </span>

Memperbaiki Missing: updated

Langkah 1. Pada dashboard blogger >> Tema >> Edit HTML

Langkah 2. Klik kiri pada area kosong kotak Edit HTML dan Cari (CTRL+F) kode berikut:
<data:post.timestamp/>
Akan muncul kode yang mirip atau menyerupai kode diatas. Biasanya ada 2 kode, dan gantikan ke semua kodenya.

Langkah 3. Ganti kode di atas dengan kode di berikut ini:
<span class='updated'><data:post.timestamp/></span>

Langkah 4. Simpan Tema

Selamat mencoba dan bersabar.
Untuk Webmaster Blog harap menunggu untuk update terbaru dari perbaikan karena tidak ada yang instan gan :). Kurang lebih yang saya alami setiap seminggu . Seperti yang terlihat pada gambar screenshot grafik yang menurun setelah dilakukannya perbaikan terhadap kesalahan ini.

Update Hasil screenshot:
Memperbaiki Missing: updated dan Missing: author Blogger

Kamis, 22 Januari 2015

Cara Membuat Semua Link pada Blog Open New Tab

Membuat semua link di blog menjadi open new tab dapat dilakukan dengan menambahkan kode base target="_blank" pada HTML template blogger. Namun yang perlu diperhatikan, sekedar saran dari saya. Setiap orang pada dasarnya sudah mengetahui fungsi dari klik kanan --> open new tab pada mouse di browser. Jadi apabila mereka ingin membuka link tertentu akan dengan secara sadar menggunakan fungsi tersebut dan banyak blog yang tidak menerapkannya. Namun hal itu tetap merupakan pilihan dari setiap webmaster situs masing-masing. :)

Artikel Terkait:
1. Membuat Link Open New Tab
2. Membuat Link Open New Window

Cara Membuat Semua Link pada Blog Open New Tab

Cara Membuat Semua Link Open New Tab di Blogger

Cara Membuat semua link pada blog open new tab kita dapat merubahnya pada head:

Langkah 1. Copy kode berikut ini:
<base target='_blank' />
Langkah 2. pada Template --> Edit HTML

Langkah 3. Klik kiri pada area kosong kotak Edit HTML dan Cari (CTRL+F) kode berikut:
</head>
Paste kode yang tadi anda copy tepat diatas kode </head>

Langkah 4. Simpan Template

Mudah bukan? Selamat Mencoba. Semoga tutorial sederhana tentang membuat semua link yang ada pada blog menjadi open new tab ini bermanfaat bagi sobat blogger semua. :)

Selasa, 20 Januari 2015

Script Konfirmasi untuk Meninggalkan Blog

Script Konfirmasi untuk Meninggalkan Blog
Berikut akan saya bagikan kode script notifikasi pop up ketika pengunjung ingin meninggalkan posting atau laman blog.

Pada dasarnya kode javascript ini merupakan konfirmasi pengguna apakah ingin menutup browser atau tidak dengan mengklik close browser. Namun dapat dimodifikasi dengan menambahkan kata-kata kita sendiri. Sehingga dapat terlihat seperti pada gambar disamping.

Memasang Javascript konfirmasi meninggalkan blog

Langkah 1. Copy kode script berikut:
<script language="JavaScript"> window.onbeforeunload = confirmExit; function confirmExit() { return "You have attempted to leave this page. If you have made any changes to the fields without clicking the Save button, your changes will be lost. Are you sure you want to exit this page?";
}
</script>
Note:
Tulisan berwarna Merah dapat kamu ganti dengan kata-kata sendiri. Sepert, "Anda yakin ingin meninggalkan situs" atau dan lain sebagainya sesuai keinginan kamu.

Langkah 2. Pada Tata Letak >> Tambahkan Gadget >> HTML/JavaScript. Paste kode yang sudah di copy diatas pada gadget yang telah di tambahkan.

Langkah 3. Simpan. Untuk melihat script berhasil apa tidak, klik close browser dan lihat notifikasi muncul apa tidak.

Senin, 03 Oktober 2011

Cara Membuat Link pada Postingan Blog

Cara Membuat Link pada Postingan Blog
Mungkin banyak dari blogger yang ingin membuat suatu link pada blognya menuju ke suatu alamat website tertentu. Khususnya blogger - blogger newbi. Namun tidak tahu cara membuatnya.

Cara untuk membuatnya sebenarnya sangatlah mudah. Ya memang membutuhkan sedikit kode HTML. Ya wajar, kalau di dunia maya seperti ini memang dibutuhkan kode HTML, Javascript, dkk. Jadi, kalau ingin lebih memahami tentang dunia blog, website, dkk. Setidaknya kita memiliki ilmu - ilmu tersebut.
Langsung saja, saya berikan caranya :

Membuat link sekali klik

.Seperti ini : Dewa Inside Blog
.Caranya :
<a href="https://dewainside.blogspot.com/">Dewa Inside Blog</a>
Tulisan berwarna Ungu adalah Nama yang akan muncul pada tampilan.

Membuat Link Open New Tab

.Seperti ini : Dewa Inside Blog
.Caranya :
<a href="https://dewainside.blogspot.com/" target="_blank"> Dewa Inside Blog</a>
Tinggal menambahkan target="_blank"

Membuat Link dengan Title

.Seperti ini : Dewa Inside Blog
.Caranya :
<a href="https://dewainside.blogspot.com/" title="Blog Tutorial, Bisnis Online, Dota"> Dewa Inside Blog</a>
Title Anda ganti dengan judul yang Anda inginkan. title="bla bla bla"

*Kalau ingin mengkombinasikannya tinggal menambahkan semua kode html tersebut dalam suatu link. Link, Open New Tab, Title.
.Seperti ini : Dewa Inside Blog
. Caranya :
<a href="https://dewainside.blogspot.com/" target="_blank" title="Blog Tutorial, Bisnis Online, Dota">Dewa Inside Blog</a>
Sekian..
Selamat Mencoba..

Minggu, 26 Desember 2010

Cara Mengecek kesalahan Tag HTML pada Blog

Mengecek kesalahan tag html

Apakah Anda tahu bahwa ada banyak kesalahan tag HTML pada blog Anda? Mungkin Anda yang baru belajar blogging bahkan tidak mengetahuinya kesalahan tag HTML. Kesalahan tag html itu adalah kesalahan yang terjadi karena memang ada kesalahan dalam penulisan kode html atau biasanya kurang pas. Bagi para blogger yang memiliki banyak kesalahan tag html pada blognya jangan kecewa, karena kesalahan itu pun dilakukan oleh Google. Situs dengan pagerank no. 1 di dunia.

Cara Mengecek kesalahan Tag HTML pada Blog

Blog saya pun juga banyak kesalahan tag html-nya dan ternyata lumayan parah juga. Jadi masalah kesalahan kode html lebih ke kompabilitas suatu browser. Misal antara Google chrome dengan Internet explorer. Namun banyak tidaknya kesalahan html pada suatu situs tidak mempengaruhi SEO. Anda dapat membacanya di >> Apakah validator w3c mempengaruhi SEO?

Untuk mengecek kesalahan tag HTML pada blog, Anda dapat mengunjungi situs:
https://validator.w3.org/
Cara Mengecek kesalahan Tag HTML pada Blog

Di situs itu Anda masukkan alamat blog Anda pada kolom Address ---> lalu Check. Anda akan menemukan beberapa kesalahan tag html pada blog Anda. Lalu di bawahnya disertakan juga letak dimana kesalahan tag HTML pada blog Anda. Namun agak sedikit rumit untuk mengetahui letak kesalahannya ada dimana.

Sekian..
Semoga bermanfaat dan Selamat Mencoba..

Kamis, 23 Desember 2010

Cara Membuat Link Menuju Open New Tab

Membuat link dengan open new tab merupakan basic HTML untuk menambah internal maupun external link pada blog kita. Kedua-nya sangat berfungsi untuk memudahkan user atau pengunjung blog dengan laman atau posting lain yang terkait. Dan juga google bot menyukai link yang saling berhubungan dengan link lainnya, dalam kasus ini posting. Sehingga google bot akan menganggap posting tersebut berkaitan dan cukup berbobot.

Untuk external link yang menuju ke situs luar jangan lupa untuk menambahkan rel="nofollow" agar bot menghiraukan link tersebut pada blog kita. Kalau pada blog anda sendiri tak perlu menggunakan rel="dofollow" karena otomatis bot akan follow link yang terkait.


Cara Membuat Link Menuju Open New Tab

Untuk membuat kode HTML berupa link yang apabila di-klik kiri akan menuju alamat link lain dengan Open New Tab pada browser Anda tanpa menggunakan klik kanan mouse sebenarnya sangat mudah. Cukup Anda tambahkan target="_blank" pada kode HTML link yang ingin Anda buat.

Artikel Terkait
1. Membuat Link Open New Window
2. Membuat Semua Link Menjadi Open New Tab

Cara Membuat Link Open New Tab 

<a href="https://dewainside.blogspot.com" target="_blank" rel="nofollow" title="dewa inside blog">Judul Link</a>
Diatas hanya contoh penggunaan rel="nofollow", karena kalau blog kita sendiri harus dofollow tentunya agar membangun link yang sinambung didalam blog kita.
Note:
~ target="_blank" yaitu open new tab link.
~ rel="nofollow" gunakan hanya untuk link yang menuju situs lain.
~ title="dewa inside blog" merupakan judul hover link yang terkena kursor mouse.

Ya, Anda tambahkan sesudah alamat yang ingin Anda tuju (tulisan yang berwarna merah). Mudah bukan?
  • Contoh link yang tidak terbuka ke Open New Tab : KLIK DISINI
Untuk mengubah semua link pada blog menjadi open new tab ketika diklik, dapat sobat lihat di
--> Cara Membuat Semua Link pada Blog Open New Tab

Selesai dan Selamat Mencoba. Semoga tutorial ini bermanfaat bagi sahabat blogger semua.

Sabtu, 11 Desember 2010

Cara Membuat Kode HTML Copyright

Mungkin untuk membuat kode HTML Copyright seperti ini © bagi orang - orang yang sudah terbiasa dah mahir dalam HTML adalah hal yang biasa. Namun bagi blogger pemula ataupun orang yang belum mengerti HTML, pasti mencarinya bukan? Jujur saja, dulu saya penasaran apa sih kode HTML buat Copyright. Sewaktu ingin membuat "Copyright © Dewainside Blog" pada bagian bawah Blog ini. Namun sekarang saya sudah tahu dan saya posting Cara Membuat Kode Html Copyright ini karena mungkin ada blogger pemula yang juga mencarinya.

Membuat Kode HTML Copyright

Cara 1. Menambahkan kode html copyright manual
Caranya cukup Anda tambahkan kode html dibawah ini:
&copy;        Atau        &#169;
maka hasilnya akan seperti ini ©. Tinggal sobat modifikasi sendiri dengan kode html lain, contoh seperti <div style='font-size:20px;' atau color:#4eabff; dan lain sebagainya. Paling mudahnya yang kamu modifikasi lewat Edit Postingan blogger. Mudah saja kan?

Cara 2. Menggunakan fitur Insert special characters
Pada pengeditan postingan, arahkan kursor mouse ke pojok kanan atas dekat jump break. Klik kiri dan ketik Copy, akan ada hasil otomatis. Fiturnya macam-macam dari simbol sampai huruf sama seperti di microsoft office. Tinggal mau diletakkan dimana saja sesuai dengan selera kamu.
Cara Membuat Kode HTML Copyright

Note: Biasanya yang sering dipertanyakan adalah tahun copyright. Karena setiap tahun untuk tahun copyright pasti akan berganti. Untuk menambah tahun yang otomatis gunakan kode html berikut:
Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script>
Contoh Hasil untuk Dewa Inside Blog pada bagian bawah:
Cara Membuat Kode HTML Copyright

Sekian.. Semoga bermanfaat..