Vabrose: author

Showing posts with label author. Show all posts

Wednesday, February 22, 2017

Cara Membuat Widget About the Author tentang Penulis Blogger 3

Bloggingpasuruan – Saya sebelumnya sudah share mengenai Widget "Abaut Me" atau About the Author blogger ini perbedaan dari widget sebelumnya hanya terletak pada desain widgetnya saja. Widget kali ini memiliki latar belakang profil berupa foto, nama dan deskripsi tentang penulis blog. Widget About the Author ( tentang penulis ) di buat sederhana namun kesan pro masih melekat dalam desainnya, widget hanya menunjukkan sebuah gambar dengan Google+ tombol dan link ke profil Google+ pengikut. Kali ini Bloggingpasuruan akan model widget "About Me" yang di letakkan dibawah posting blog namun mudah digunakan, keren dan ada tambahan 3 tombol jaringan sosial di dalam widget yang. Saya harap Anda menyukai widget ini. Untuk menambahkan widdget ini ke blog ikuti langkah-langkah di bawah ini

Baca juga : Widget About the Author ( profesional )dengan 4 model pilihan widget

Cara Membuat Widget About the Author ( tentang Penulis ) Blogger #3

1. Masuk ke Blogger >> Dashboard >> Templete >> Edit HTML

2.Cari kode <head>, kalau sudah ketemu >> letakkan kode di bawah ini sebelumkode <head>

<link href=http://fonts.googleapis.com/css?family=Droid+Serif rel=stylesheet type=text/css/>

3. Kemudian cari juga kode seperti di bawah ini :

<div class=post-footer-line post-footer-line-1>

4.Anda akan menemukan dua atau lebih kode yang mirip atau sama ( kode di bawah ini jangan diletakkan pada kode yang pertama ), sekarang salin kode dibawah ini ( kode CSS ) dan paste tepat di bawah kode yang ke kedua.

<b:if cond=data:blog.pageType == "item">

.ks-auth {height:160px; width:500px; background:#151515; margin:auto;overflow:hidden; -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.25);

-moz-box-shadow: 0px 1px 5px rgba(0,0,0,.25);

box-shadow: 0px 1px 5px rgba(0,0,0,.25);}

.ks-auth1 {width:120px;height:100%; float:left;}

.ks-auth2 {float:right; margin-top:-155px;}

.ks-auth2 h3 { color:#fff; margin-left:135px; margin-top:8px; margin-bottom:8px; border-bottom:1px dashed #5C97BF;font-family: Droid Serif, serif; font-weight:300;font-size:16px;}

.ks-auth2 img { float:right; margin-right:7px; height:20px; width:20px; margin-top:-4px}

.ks-auth2 img:hover { opacity:.9;}

.ks-auth2 p {font-size:13px; color:#fff; margin-left:135px;font-family: Droid Serif, serif; line-height:1.5; margin-top:5px; font-weight:100}/*crawlist.net CSS ends*/

</style><!—bloggingpasuruan.blogspot.co.id - widget starts-->

</div>

<h3>About Author <a href="http://plus.google.com/ID google plus anda" title="Find me on Google plus" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ETB9gy2zejhg2xIWvwW0EYPYBT7Cvq7zXA9qgj7Cq2JfgkHlPyE9rEF5MWBRBwIQ7nRLOzUpFx_4nohDulVdU7uIRvHemLO0ZobpAllRsrYg-H2bRWqnItXD-v22CA72htSdTsNcfnY/s1600/google-plus_64.png"/></a>

<p>Tulis diskripsi profile Anda sebagai penulis blog disini { kira 30 sd 40 kata }</p>

</div></div><!—blogginpasuruan.blogspot.co.id - widget ends--></b:if>

5. Jika Anda tidak menemukan kode <div class=post-footer-line post-footer-line-1>

Pada template blog, silakan cari kode ini : </article>

6. Kemudian paste kan kode CSS di atas dibawah kode </article>

Jika ada masalah dengan widget diatas, silahkan tinggalkan komentar anda di kotak komentar di bawah ini.

Semoga bermanfaat….

Available link for download

Cara Mengatasi masalah WARNING Missing required field updated hCard author field “entry title”

Salam Blogger, terima kasih kunjungannya. Kali ini BLOGGINGPASURUAN akan membahas masalah Peringantan atau WARNING :

Warning: Missing required field “entry-title”.

Warning: Missing required field “updated”.

Warning: Missing required hCard “author”.

Peringatan semacam ini muncul ketika Verifikasi Authorship ( Kepengarangan ).

Jika Anda sudah Verifikasi Authorship Blog (kepengarangan )

1.Silahkan cek URL Blog Anda disini : http://www.google.com/webmasters/tools/richsnippets

2. Masukkan URL Blog Anda kemudian klik PRATINJAU

Cara atasi masalah Warning: Missing required field

3. Scroll kehalaman paling bawah ( seperti gambar dibawah ini )

Pesan warning dibawah ini..! akan muncul pada kotak seperti gambar di atas.

Warning: Missing required field “entry-title”.

Warning: Missing required field “updated”.

Warning: Missing required hCard “author”.

Kebanyakan Sobat Blogger kebingungan ERROR ini masalahnya darimana…?

Langsung saja kepada pokok pemecahannya saja..!!!

Catatan : Sebelum membuat perubahan apapun untuk template silakan cadangan ( backup dulu template Anda ) . Link yang diberikan di bawah ini akan membantu Anda .

Metode Pertama :

Di sini kita mencari metode pertama untuk memperbaiki peringatan author markup dan kesalahan dalam template Blogger

1. Silahkan masuk ke Blogger Dashboard ?Klik pada Template ?Lanjutkan Edit HTML

2. Anda cari kode hfeed dan hentry satu per satu dan mengubah semua kode tersebut yang ada di template Anda menjadi seperti ini : h - feeddan h -entry .

3. Simpan template dan sekarang memeriksa peringatan penulisan markup silahkan masuk link ini: http://www.google.com/webmasters/tools/richsnippets

4. Masukkan URL Blog Anda dan klik PRATINJAU

Anda akan mendapatkan senyum di wajah Anda karena tidak ada peringatan markup dan kesalahan akan ditampilkan .

Catatan : Jika pada metode pertama masalah Anda bisa di atasi jangan ikuti metode ke dua

Metode kedua :

Sekarang kita pindah ke metode kedua yang sedikit sulit dari yang pertama .

1. Pergi ke Blogger Dashboard? Klik pada Template ? Lanjutkan Edit HTML

2. Sekarang tekan Ctrl + F untuk menemukan kode timestamp -link atau published seperti di bawah ini

3 . Sekarang rubah seperti kode dibawah ini :

4. Jika Anda sudah melakukan perubahan, Lalu tekan SAVE.

5. Ulangi seperti pada metode pertama no. 3 dan 4.

6. Semoga anda bisa tersenyum!

Catatan: Jika kode yang tidak bekerja/berhasil silahkan coba yang dibawah ini :

Demikian artikel tentang Cara atasi masalah Warning: Missing required field "updated",Warning: Missing required hCard "author",Warning: Missing required field “entry-title”. Jika ada pertanyaan atau saran atau ingin menyempurnakan tutorial saya, silahkan isikan pada kotak komentar atau kontak saya.

Semoga bernanfaat..

Available link for download

Cara Membuat Widget About the Author tentang Penulis Blogger 2

Bloggingpasuruan - Widget "Abaut Me" atau About the Author blogger ini memiliki latar belakang profil berupa foto, nama dan deskripsi tentang penulis blog. Widget About the Author ( tentang penulis ) di buat sederhana namun kesan pro masih melekat dalam desainnya, widget hanya menunjukkan sebuah gambar dengan Google+ tombol dan link ke profil Google+ pengikut. Kali ini Bloggingpasuruan akan share 4 model widget "About Me" yang mudah digunakan, keren dan ada tambahan 4 tombol jaringan sosial di dalam widget yang. Saya harap Anda menyukai widget ini. Untuk menambahkan widdget ini ke blog ikuti langkah-langkah di bawah ini

Baca juga : WidgetAbout the Author ( profesional ) dengan 4 model pilihan widget

Cara membuatnya silahkan ikuti langkanya berikut ini, karena widget ini akan kita tempatkan atau pasang dibawah posting artikel blog.

1. Masuk Blogger Dashboard >> Layout >> Blog Posts, kemudian klik "Edit"

2. Pada halaman berikut ini, scroll ke bawah, cari "Tampilkan Penulis Profil di bawah posting" pilihan-kotak dan klik "Simpan" tombol untuk menyimpan pengaturan Anda.

Bagaimana Menambahkan Author Box Widget di Blogger

1. Masuk ke Dashboard >> Template >> Edit / HTML

2. Sekarang cari kode seperti dibawah ini ( Tip untuk mencari: Ctrl + F )

<div class=post-footer-line post-footer-line-1>

3. Anda akan menemukan dua atau lebih kode yang mirip atau sama ( kode di bawah ini jangan diletakkan pada kode yang pertama ), sekarang salin kode dibawah ini ( kode CSS ) dan paste tepat di bawah kode yang ke kedua.

}.wc-aboutpic{float:right;margin:0 0 0 10px;}.wc-aboutpic img{border:1px solid #999999;-webkit-transition:-webkit-transform .15s linear;-moz-transition:-moz-transform .15s linear;-o-transition:-o-transform .15s linear;transition:transform .15s linear;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.27);-moz-box-shadow:0 3px 6px rgba(0,0,0,.27);box-shadow:0 3px 6px rgba(0,0,0,.27);padding:5px 5px 5px 5px;-webkit-transform:rotate(+5deg);-moz-transform:rotate(+5deg);-ms-transform:rotate(+5deg);-o-transform:rotate(+5deg);transform:rotate(+5deg);float:left;}.wc-aboutpic img:hover{background:#FFFFFF;-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .5);-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .5);box-shadow:0px 0px 10px rgba(0, 0, 0, .5);-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-ms-transform:rotate(-1deg);-o-transform:rotate(-1deg);transform:rotate(-1deg);}.wc-aboutsoc img{height:35px;margin-bottom:-13px;}.wc-aboutsoc p{font:16px georgia;color:#ffffff;background:#b6e026;display:inline;border-radius:6px;padding:6px;margin-right:30px;}</style><b:if cond=data:blog.pageType == "item"><div class=wc-aboutauthor><div class=wc-aboutpic><img alt=Author image height=150 src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWeeWG8J6TUpEyi3jKLiF2JnSMWQ0unyJT6dEcyu5KjzN2hGKMM9eWMa_RH9gENjUfgYF5QyMkBUjs2V2icnkryI8jtF2iG9eA_Mw-gpvXCACp-z6blEOAGqpwrni8HOLKFD-by40vtLo/s1600/icon.png width=150/></div><span style="font-family: Verdana, sans-serif; font-size: large;"><b>Tentang Penulis</b></span><div style="text-align: justify;"><p>Tuliskan diskripsi Anda sebagai seorang penulis disini</p></div><div class=wc-aboutsoc><p> Follow me on: </p><a href=link ID Facebook Anda><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1KzOAc1eGIE4WjdZDfertPF2wAxDELdNHIn2oiD3IZsS9hVnlKVlXCVCu0ZK2wO7VfEpGMcsjiR_V25Qj8aTydQePgxR9ry9ZqxaP5IzPEGmd7EPa0rewlErIi6PbWbXmU3WyFX5sDEw/s1600/facebook.png title=Facebook/></a> <a href= link ID Twitter Anda> <img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1hrV_zufMlF8YNtfm_SWbCb5fbNAsIstTcuD3M__p25PqN1PB2qbB5k9I4oxWJwtM8cTPnPPQgolmwwdIsLI57UMdftiFbqAxmPeGz-hzZ3ZpVarVdM0RbwPujlsL8ZTOIW47DEzxnmE/s1600/twitter.png title=Twitter/></a> <a href= link ID Plus Page Anda > <img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Vj0fPWkinIF6kkaHwtIxEjRvb382tx6PH3TejuSZMF7aCMCv9cQhLOsfEXHBNF3M9VxC60CM6HCScwWQP_KdKWerm0bPLibr2N_26Ix3lPo0MqK9GscIjh83Wkh3xgnikjpqqETRY1E/s1600/gplus.png title=Google plus/></a> <a href= link ID LinkedIn User Anda ><img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqX-C4HA5wjTaz3w35Ll-0VjJ1kFhigVZjh6p3W926b_UXMXC0fUqJNIVqq5-ycLFK_L318QPWxO-RkKOooGoGoXiVami1S2jV0kK7cNoinMRqEnI2sSfJ9atdu3rT_glYboPxXejJGNk/s1600/linkedin.png title=LinkedIn/></a></div></div></b:if>

4. Sekarang klik pada "Simpan template"

Jika ada masalah dengan widget diatas, silahkan tinggalkan komentar anda di kotak komentar di bawah ini.

Semoga bermanfaat….

Available link for download

Cara Membuat Widget About Author tentang Penulis Blogger

Bloggingpasuruan - Widget "Abaut Me" blogger ini memiliki latar belakang profil berupa foto, nama dan deskripsi tentang penulis blog. Widget About Me ( tentang penulis ) di buat sederhana namun kesan pro masih melekat dalam desainnya, widget hanya menunjukkan sebuah gambar dengan Google+ tombol dan link ke profil Google+ pengikut. Kali ini Bloggingpasuruan akan share 4 model widget "About Me" yang mudah digunakan, keren dan ada tambahan 4 tombol jaringan sosial di dalam widget yang. Saya harap Anda menyukai widget ini. Untuk menambahkan widdget ini ke blog ikuti langkah-langkah di bawah ini.

Langkah 1: Buka blogger Dashboard >> Tata Letak >> Add Gadget >> Html / javascript.

Langkah 2: Salin kode yang diinginkan dari widget "About Me" yang saya berikan dibawah ini kemudian salin ( copas ) pada kotak kode >> Html / javascript

Cara Membuat Widget About Author ( tentang Penulis ) Blogger

<div class="ribbon"><span>Admin</span></div>

<img src="http://lh5.googleusercontent.com/-p4_CJcGp4AM/AAAAAAAAAAI/AAAAAAAAABM/vdNgm0VFg70/s80-c/photo.jpg" /><p>Ganti Nama Anda</p><p></p><h5>Masukkan teks mengenai profile Anda disini</h5>

</div>

<style>

#about-me{

color:#444;

width: 300px;

padding: 20px 10px 110px;

border: 2px solid #555;

background-color:#eee;

font-family: Open Sans Condensed,sans-serif;

}

#about-me img {

border: 2px solid #666;

width: 100px;

height: 100px;

position: absolute;

bottom: 16px;

border-radius: 2px;

left: 8px;

}

#about-me p{

position:absolute;

bottom:84px;

font-size:17px;

font-weight:bold;

left:119px;

color: rgb(58, 148, 227);

}

#about-me h5{

width:200px;

position:absolute;

left:119px;

top:9px;

color:#555;

font-size:14px;

}

#my-link {

position:absolute;

top: 94px;

left: 119px;

}

.ribbon {

position: absolute;

left: -3px; top: -3px;

z-index: 5;

overflow: hidden;

width: 75px; height: 75px;

text-align: right;

}

.ribbon span {

font-size: 10px;

font-weight: bold;

color: #FFF;

text-transform: uppercase;

text-align: center;

line-height: 20px;

transform: rotate(-45deg);

width: 100px;

display: block;

background: #79A70A;

background: linear-gradient(#359BED 0%, #5467A7 100%);

box shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);

position: absolute;

top: 19px; left: -21px;

}

.ribbon span::before {

content: "";

position: absolute; left: 0px; top: 100%;

z-index: -1;

border-left: 3px solid #5467A7;

border-right: 3px solid transparent;

border-bottom: 3px solid transparent;

border-top: 3px solid #5467A7;

}

.ribbon span::after {

content: "";

position: absolute; right: 0px; top: 100%;

z-index: -1;

border-left: 3px solid transparent;

border-right: 3px solid #5467A7;

border-bottom: 3px solid transparent;

border-top: 3px solid #5467A7;

}

</style>

Model 2

<img src="http://lh5.googleusercontent.com/-p4_CJcGp4AM/AAAAAAAAAAI/AAAAAAAAABM/vdNgm0VFg70/s80-c/photo.jpg" /><p>Nama Anda</p><p></p><h5>Masukkan teks mengenai profile Anda disini </h5>

</div>

<style>

#about-me {

color: #444;

width: 314px;

padding: 40px 22px 114px;

border: 2px solid #A0A0A0;

background-color: #fafafa;

font-family: Open Sans Condensed,sans-serif;

}

#about-me img {

border: 6px double #A0A0A0;

width: 100px;

height: 100px;

position: absolute;

bottom: 23px;

border-radius: 12px;

left: 18px;

-ms-transform: rotate(7deg);

-webkit-transform: rotate(7deg);

transform: rotate(-17deg);

z-index: 5;

}

#about-me p {

position: absolute;

bottom: 102px;

font-size: 18px;

font-weight: bold;

left: 146px;

color: rgb(58, 148, 227);

}

#about-me h5 {

Available link for download

Cara Memperbaiki Missing Updated dan Author Saat Cek Richsnippets

Missing Updated and Author in Richsnippets Webmaster tools

Posting ini sebagai dokumentasi jika suatu saat saya membuat blog baru dan menemukan kesalahan yang sama saya bisa memperbaiki. Bagi teman teman posting ini semoga bisa membantu jika kalian menemukan kesalahan yang sama saat mecoba richsnippets di webmaster tools dengan kesalahan missing updated dan author. Missing ini menerangkan bahwa kita tidak memberikan informasi updated dimana informasi ini berisi kapan posting dibuat tanggal berapa jam berapa. Sedangkan informasi author berisi nama pemilik blog, nama blog, url blog, keterangan bookmark. Lasngsung saja kita bahas.

Vabrose

Wednesday, February 22, 2017

Cara Membuat Widget About the Author tentang Penulis Blogger 3

Cara Membuat Widget About the Author tentang Penulis Blogger 3

Tuesday, December 27, 2016

Cara Mengatasi masalah WARNING Missing required field updated hCard author field “entry title”

Cara Mengatasi masalah WARNING Missing required field updated hCard author field “entry title”

Thursday, November 24, 2016

Cara Membuat Widget About the Author tentang Penulis Blogger 2

Cara Membuat Widget About the Author tentang Penulis Blogger 2

Monday, October 31, 2016

Cara Membuat Widget About Author tentang Penulis Blogger

Cara Membuat Widget About Author tentang Penulis Blogger

Monday, October 17, 2016

Cara Memperbaiki Missing Updated dan Author Saat Cek Richsnippets

Cara Memperbaiki Missing Updated dan Author Saat Cek Richsnippets

Missing Updated and Author in Richsnippets Webmaster tools

1. Temukan kode

b:if cond="data:post.hasJumpLink"

2. Letakkan kode berikut diatas kode nomor 1

Wednesday, February 22, 2017

Cara Membuat Widget About the Author tentang Penulis Blogger 3

Cara Membuat Widget About the Author tentang Penulis Blogger 3

Tuesday, December 27, 2016

Cara Mengatasi masalah WARNING Missing required field updated hCard author field “entry title”

Cara Mengatasi masalah WARNING Missing required field updated hCard author field “entry title”

Thursday, November 24, 2016

Cara Membuat Widget About the Author tentang Penulis Blogger 2

Cara Membuat Widget About the Author tentang Penulis Blogger 2

Monday, October 31, 2016

Cara Membuat Widget About Author tentang Penulis Blogger

Cara Membuat Widget About Author tentang Penulis Blogger

Monday, October 17, 2016

Cara Memperbaiki Missing Updated dan Author Saat Cek Richsnippets

Cara Memperbaiki Missing Updated dan Author Saat Cek Richsnippets

Missing Updated and Author in Richsnippets Webmaster tools

1. Temukan kode b:if cond="data:post.hasJumpLink"

2. Letakkan kode berikut diatas kode nomor 1

1. Temukan kode

b:if cond="data:post.hasJumpLink"