Membuat Contact Us Pada Blogger

Home » Posts filed under Tips Blogger

Showing posts with label Tips Blogger. Show all posts

Memperbaiki Error Page Contains Property "BlogId" And "postID" Is Not Part Of Schema

Written by Muhamad Hamdan on Wen March 5th 2014

Assalamu'Alaikum Sahabat Semua,Dua Minggu yang lalu kita pernah Membikin Artikel bagaimana cara Memperbaiki Missing required field "updated" Dan hCard "author" Mereka yang telah melihat artikel tadi pasti sudah valid kalau Dia mengikuti petunjuknya,Tetapi walaupun itu sudah valid untuk menggunakan rich snippets untuk google webmasters tools, Sebagian besar suka menemukan Error Page Contains Property "BlogId" And "postID" Is Not Part Of Schema di karenakan dari kesalahan property yang bukan schema markup. Nah sekarang untuk melanjutkan dengan cara Memperbaiki Error Page Contains Property "BlogId" And "postID" Is Not Part Of Schema Anda perlu bantuan dengan Data Terstruktur Markup Helper atau dengan melakukan penghapusan pada bagian meta tag Blogger Anda, ini adalah cara paling mudah dan gampang.

Ikuti Langkah Langkah Untuk Menghapus Kode "Blogid" Dan "Postid"

Anda Login Ke Blogger > Blogger Dashboar > Selec Blog > Template > Edit HTML
Kemudian Anda Cari Kode Tag Seperti Yang Terlihat Dibawah,Kalau Sudah Ketemu Hapus Semua Kode Tag Itu Untuk Mempermudah Pencarian Gunakan ( Press CTRL+F )


<meta expr:content='data : blog blogid' itemprop='blogid'/>

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

Setelah Di Hapus Kode Tag Di Atas Kembali Tutup dan Klik Save Template
Sekarang Boleh Anda Untuk melakukan Percobaan Di rich snippets tool

Akhir Kata

Wasalamu alaikum Warahmatullah, Demikianlah cara Memperbaiki Error Page Contains Property "BlogId" And "postID" Is Not Part Of Schema, walaupun dengan ringkas tapi harapan Saya semoga bermanfaat buat Anda. Bila Anda memerlukan artikel yang terkait silahkan untuk membaca :

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:06 PM

How to Quickly Get Your New Blog Post Index In Google Search

Written by Muhamad Hamdan on Sat Peb 29th 2014

Assalamu Alaikum Warahmatullah, Blogger all what if today we are talking about less Postings Blogs by getting backlinks from Google, while we really need to be that, because generally when we make a post course requires indexing of Google in the search engines. But had to wait a long time for even a few weeks produced in pencarian.But do not worry because Google has provided several SEO features in webmaster tools more perfect for an introduction to the Bloggers including me. Like yesterday I also have done the same thing Fetch as google is doing so more quickly post the URL generated in the search engines.

How to post your blogs, whether it has been doing integration fetch as google?.To perform fetch as google there is little that you do

The first step: you go to google webmaster tools
Step two: If you have not register please you to see How to register a blog in webmaster tools
Step three: Click the link blog / website
Step four: the site webmaster tools dashboard looks inscription "CRAWL" then click fetch as google
Step five: if you do not know how now I will give a simple example, but insha-Allah will produce more good. For storage of URLs do not save all the boxes will be a mistake in the URL, such as the URL address: http://cara-alfiyah.blogspot.com/2014/02/How-to-Save-ALT-and-Title-Tags-In- Blogger.html Now who needs to save it into a box of oblique dashes, year, date to html (/ 2014/02/How-to-Save-ALT-and-Title-Tags-In-Blogger.html) or You can see figur as shown above.
Step six: after saving the URL and click Fetch then if successful will appear icon green stain, the last one activity you should do is the right hand side click the green icon Subite to index

Final Words

Wasalamu warahmatullah alaikum, dekianlah How to Quickly Get Your New Blog Post Index In Google Search may be useful to you. If this article helps you make a voluntary basis there is no compulsion to hand out to other friends. Greetings Bloggers

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 6:16 PM

How to Save the ALT and Title Tags In Blogger

Written by Muhamad Hamdan on Sat Peb 28th 2014

Assalamu Alaikum Blogger Friends , today we Jupa with different post than the last . When we want to create an article on Blogger you definitely need an image to associate with the page . For that we need to know how to store alt and title of the image itself . According to SEO Priendly in this highly recommended , because the store alt and title tags on your Blogger will help increase your blog on Google and also have become a hallmark of the name SEO Priendly .

How do I know where we are .. image alt tags ?

Usually after we wrote the article , we need a picture to accompany the symbols of writing . To know that we are by downloading the images in the article section by using the HTML column What if you are not clear , now I will show the easiest example for you.If you need SEO Friendly Blogger Template Makes it more mainstream .

You Can Now See How to Save the ALT and Title Tags In Blogger

I accidentally put a signal as an example so you are easier to store it , Note that given the RED writing clearer and you can see in the code listed below .

ALfiyah Info Blogger

Final Words

Demikialah simple article of Alfiyah Bloggers info may be useful for you and if feel that this article helps you please to be distributed to other people , Greetings Blogger .

Maybe you are also interested in How to Make HTML Code On Blogger

http://www.usalistingdirectory.com/index.php?list=latest

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 3:18 PM

Bagaimana Cara Membuat Custom permalink Blogger Untuk SEO

Written by Muhamad Hamdan on Fri Peb 27th 2014

Assalamu'alaikum Sahabat semua,selamat jumpa lagi dengan Alfiyah Info Blogger pada hari ini kita akan membahas bagaimana cara membuat permalink Blogger Blogspot untuk SEO. Pada saat kita membuat posting untuk Blogger atau Blogspot secara otomatis akan menghasilkan URL pendek posting Blogger Anda ketika kita sudah menulis judul posting-nya,pada saat itu paska judul sebagian akan di potong yang dihasilkannya tidak sesuai dengan kata kunci judul posting Blogger itu adalah link permanen,sedangkan yang merujuk ke posting Blogger Anda di sebut sebagai permalink.Kostum permalink yang kaya berisi kata kunci yang tidak hanya meningkatkan SEO tetapi juga untuk menghasilkan divert crowd ke Blogger Anda.Disini Saya sarankan jangan lupa untuk mengisi kostum permalink dengan kaya kata kunci judul Blogger sedangkan kalau kita memilih permalink otomatis judul link permanennya suka terpotong tidak kaya dengan kata kunci.

Sekarang Anda akan melihat perbedaan antara Permalink Otomatis dan Kostum Permalink

Permalink Buruk

Untuk tipe ini biasanya tidak berisi yang kaya kata kunci URL judul panjang terpotong yang tidak memiliki arti di mata SEO dan Google.Boleh kita ambil contoh misalkan Anda membuat judul posting : Bagaimana Cara Membuat Custom permalink Blogger Untuk SEO

Stuktur permalink buruk atau permalink otomatis yang dihasilkan Blogger Seperti URL : http://cara-alfiyah.blogspot.com/2014/02/bagaimana-cara-membuat-custom-permalink.html

Permalink Baik

Biasanya tipe ini berisi yang kaya kata kunci yang tidak hanya menungkatkan SEO,juga membuat jalan bebas hambatan Blogger Anda. Stuktur : http://cara-alfiyah.blogspot.com/2013/12/how-to-save-star-ratings-in-blogger.html

Sekarang bagaimana cara menambahkan custom permalink ketika kita pertama kali membuat posting baru lihat sebelah kanan pos setting di bawah klik pada Link Custom Permalink.Boleh Anda lihat pada gambar di atas.

Format : http://blog url/ yyy / mm / shot-versi-of-posthtml

Perhatikan setelah menulis versi dalam judul Blogger Anda senantiasa selalu membubuhkan tanda [ - ] ingat ini bukan garis bawah.Anda boleh ketahui permalink ini di gunakan untuk posting baru,Anda tidak di perkenankan untuk mengubah permalink ke posting yang lebih lama.Anda juga meminati Membuat Blogger Template SEO Friendly

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:29 PM

Cara Menambahkan Translation Flags Pada Blogger Anda | alfiyah info blogger

Written by Muhamad Hamdan on Rabu Peb 26th 2014

Bagaimana tindakan Anda ketika singgah di suatu situs yang isi kontenya berbahasa Cina,Jepang dan Spanyol ?.Sedangkan kita sangat memerlukannya pada konten itu,apa yang akan kita cari selain untuk menterjemahkan.Untuk itu pada kesempatan ini akan memberikan Translation Flag JavaScript di Blogger Anda.Sehingga kita tidak usah melakukan copy-paste di google translate cukup klik lambang bendera suatu Negara.

Sekarang kembalikan pada pengunjung Blogger kita dari manca negara yang konten kita berbahasa Indonesia,apa yang mereka lakukan ? misalnya pengunjung dari Timur Tengah ,tentu Mereka memerlukan bahasa Arab.Dengan adanya Translation Flag sangat mudah untuk mengambil kesimpulan dari suatu konten apa lagi isi posting Blogger kita sangat bagus dan kita juga dapat bertambah pengunjung dari Negara lain.

Berikut ini Saya akan memberikan bagaimana

Cara Menambahkan Translation Flags Pada Blogger Anda pengunjung bisa melihat sembilan lambang Bendera Terjemaahan yaitu : Italia, Spanyol, Germany, Cinese, Japanese, Korea, Arabic dan bahasa Portugal

Bagaimana Cara Menambahkan Translation Flags Pada Blogger Anda ?

Cukup copy-paste kode Translation Flag javascript di bawah ini tempatkan di Template Blogger Anda di bagian posting HTML.

Demikialah Cara Menambahkan Translation Flags Pada Blogger Anda semoga Artikel ini bermanfaat dan lebih banyak lagi pengunjung Blogger kita dari berbagai Negara.Saya ucapkan banyak terimakasih,bila konten ini berarti bagi Anda silahkan dibagikan melalui:

Google+

Facebook

Twitter

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:02 PM

Cara Integrasi Facebook Open Graph Pada Blogger | alfiyah info blogger

Written by Muhamad Hamdan on Selasa Peb 24th 2014

Follow @alfiyahinfoblog

Facebook Open Graph Protocol berguna bagi Anda untuk posting konten pada Blogger tidak hanya pengunjung yang datang di halaman Blogger,akan tetapi temen Facebook juga akan menyimak artikel kita jika salah seorang pengunjung menyukai atau membagikan salah satu dari posting Anda.Maka akan terlihat di profile Facebook,tapi itu hanya sebagian karena tergantung konten yang mereka sukai.Oleh karena itu jangan segan segan kita bikin konten yang berkwalitas agar lebih banyak yang suka dan otomatis dia seneng untuk berbagi dengan temen Facebook yang lainnya.

Open Graph juga bisa mejelajahi Blogger Anda untuk beritegrasi dengan pengunjung pada umumnya,jika hal ini dengar benar cara penggunaannya,yaitu membangun identitas dan situs Anda.Dengan keberadaan ini Alfiyah Info Blogger hari ini akan menunjukan bagaimana cara mengintegrasikan Facebook Open Graph dengan contoh seperti punya Saya sendiri (Gambar Atas),tapi maap punya Saya hanya sebagian dan sederhana bisa dikatakan tidak lengkap Anda bisa lihat hasil Facebook Open Graph Alfiyah Info Blogger, Namun perlu ketahui ada sedikit yang Anda harus lakukan yaitu membuat Aplikasi Facebook

Bagaimana Untuk Mendapatkan ID Aplikasi Facebook Open Graph ?

Masuk Anda Facebook Developers
Klik App lalu Create a New App
Setelah Selesai membuat App akan muncul dua vareasi kode sperti gambar dibawah

Prelu kita ambil adalah ID App yang terkurung pada gambar

Bagaimana Untuk Menyimpan ID Aplikasi Facebook Open Graph ?

Sekarang kita Bagaimana Untuk Menyimpan ID Aplikasi Facebook Open Graph terlebih dahulu pergi ke Blogger Dhasboard untuk melakukan perubahan template untuk menyisipkan HTML tag,cari kode tag seperti ini <html xmlns='....

Atau Anda bisa menggantinya dengan tag HTML dibawah

Selanjutnya Anda membuat Required meta Atribut bisa Anda buat dengan Generator Open graph
Isikan identitas sesuai dengan Blogger Anda dan salin tempelkan tepat di atas tag </head>

<title>NAMA-BLOGGER ANDA</title> <meta content='JUDUL-BLOGGER-ANDA' property='og:title'/> <meta content='article' property='og:type'/> <meta content='http://cara-alfiyah.blogspot.com/' property='og:url'/> <meta content='http://cara-alfiyah.blogspot.com//favicon.ico' property='og:image'/> <meta content='ALfiyah Info Blogger' property='og:site_name'/> <meta content='TULIS-ID-FB-ANDA' property='fb:admins'/> <meta content='TULIS-ID-APP-ANDA' property='fb:app_id'/> <meta content='DISINI-TULIS-DISKRIPSI-ANDA.' property='og:description'/>

Kemudian disini untuk menempatkan ID APP Anda dalam tag Fungsion dan jangan lupa kode ini simpan tepat di atas tag </body>

<div id='fb-root'/> <script> window.fbAsyncInit = functionundefined) { FB.initundefined{ appId : ID-APP-ANDA;, status : true, xfbml : true }); }; undefinedfunctionundefinedd, s, id){ var js, fjs = d.getElementsByTagNameundefineds)[0]; if undefinedd.getElementByIdundefinedid)) {return;} js = d.createElementundefineds); js.id = id; js.src = "//connect.facebook.net/en_US/all.js"; fjs.parentNode.insertBeforeundefinedjs, fjs); }undefineddocument, 'script', 'facebook-jssdk')); </script>

Terakhir Save Template Anda dan bisa Anda test langsung ke Meta Tag Analyzer

Akhir Kata

Demikialah Artikel hari ini walaupun sederhana tapi mudah-mudahan bermanfaat bagi Anda semua,selamat berkarya insya-Allah kita jumpa lagi kedepannya wasalamualaiku.

HTML Ratings Button

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 6:25 PM

Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul

Written by Muhamad Hamdan on Saturday Peb 8th 2014

Assalamu Alaikum ...Sohib semu semoga hari ini ada dalam lindungan Allah SWT.Pada malam ini kita jumpa lagi dengan artikel yang mungkin Shohib sudah pada tahu,tapi juga masih ada yang belum mengetahui Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul Shohib boleh mengambil atau memasangnya untuk sekedar menghiasi Blogger Shohib.Kita boleh mengabil Photo dari lokasi tertentu yang dianggap oleh Shohib pemandangan yang indah.Seperti Photo yang Saya akan ditampilkan dibawah,diambil dari suatu tempat di daerah Sukabumi selatan.

Salin kode dibawah tempelkan dipostingan blogger Anda,dibagian posting HTML.

ALfiyah Info Blogger

<div class="cover slide_in">
<div class="right_gate1">
</div>
<div class="left_gate1">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
SHOHIB BISA MENULIS KETERANGAN PHOTO DISINI </div>

Selanjutnya untuk menyimpan kode CSS ke template,cari kode tag di bawah

ALfiyah Info Blogger

]]> </ b: skin>

Kembali masuk ke Blogger Dashboar Klik Template
Berikutnya Tekan Tombol EDITE HTML
Tempelkan Kode Di Bawah Ini Tepat Diatas Kode Tag ]]> </ b: skin>

ALfiyah Info Blogger

/**--- Hiding Blog Content With Images Starts here---**/
.cover {
position: relative;
width: 540px;
height: 282px;
margin: 20px auto;
background-color: #eee;
z-index: 1;
padding: 10px;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
-mox-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.slide_in {
overflow: hidden;
}
.left_gate1 {
position: absolute;
background: #DBDCDE;
bottom: 0;
right: 50%;
left: 0;
top: 0;
border: 1px solid #F0F0F0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.right_gate1 {
position: absolute;
background: #DBDCDE;
bottom: 0;
left: 50%;
right: 0;
top: 0;
border: 1px solid #F0F0F0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.slide_in .right_gate1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Kmio7uRZmb2Sq9Anh6rmiXjhp9wQiMsEHpYlwNQ3ZeMVmFl5INqXB-L9TMXInSBWXAamgMvJg7liSXYUT82j3atqTqw1Lp4Tr53FxhzL3p-az6-aDc8h7I-fJ3v3WN5nQFDm37jGmL25/s1600/Alfiyah+Blogger.jpg)#DBDCDE;
border: 1px solid #F0F0F0;
}
.slide_in .left_gate1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgmmdfydsYlk-cWqgRFfKqsL9zPGhtRsTuSKiCB5JyMHOnwiCFOr83LeNrdoYVqGBs5VFWn_t8pv6K3KJEn4GKzi0cMETbmwdq6b-UxdTMRX-TwKjZ6ENWoWkQurNbbIs_oHscM8XBTEHF/s1600/alfiyah+info+blogger.jpg)#DBDCDE;
border: 1px solid #F0F0F0;
}
.cover:hover .right_gate1 {
left: 100%;
right: -50%;
}
.cover:hover .left_gate1 {
right: 100%;
left: -50%;
}
/**--- Hiding Blog Content With Images Ends here---**/

Perhatikan Untuk Tag Yang bertanda Merah silahkan Ganti dengan Kontan dan alamat URL Photo Shohib.
Selesai Sudah Postingan Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul ,Insya Allah kita jumpa lagi,Salam Blogger.

Sekarang Shohib Bisa membuat postingan blogger dengan tampilan photo sampul,jika Shohib ingin mengunjungi alamat Photo yang ditayangkan silahkan Shohib untuk Kontak Saya,memang lokasi ini sudah banyak pengunjung dari berbagai daerah di Indonesia.Lokasi ini sangat strategis dan gampang untuk di kunjungi,karena tidak jauh dari jalan raya,kalau yang sudah tahu daerah Sukabumi Surade sampai Ujung Genteng pasti mengenal Photo yang ditampilkan ini.

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 3:41 PM

Memperbaiki Missing required field "updated" Dan hCard "author".

Written by Muhamad Hamdan on Tuesday Peb 6th 2014

Problema yang sering terjadi ketika kita mengunakan Alat Uji Coba Data Struktur Google untuk memastikan kebenaran markup dan mendorong aktipitas kita yang diberikan Google dalam penelusuran halaman postingan,tetapi kadang kala kita suka menemukan kesalahan seperti postingan hari ini yaitu Kesalahan: Missing required field "updated" dan Kesalahan: Missing required hCard "author" dikarenakan template yang masih baru.Untuk melenkapi kekurangan yang masih tertunda kita boleh melengkapi dengan Kesalahan: Missing required field "updated" dan Kesalahan: Missing required hCard "author kita bisa menyimpan tag tambahan.

Sekarang Bagaimana kita Untuk Memperbaiki Kesalahannya.?

Silahkan ikuti langkah berikut :

Pertama Masuk ke Akun Blogger Anda
Kemudian edite template klik HTML
Lalu cari kode berikut ini
<b:if cond='data:post.hasJumpLink'>
Kalau sudah ketemu silahkan Anda copypaste kode dibawah dan tempelkan persis diatas

<div class="vcard" id="hcard- ALfiyah Info Blogger ">
<span class="fn n">
<span class="given-name">Written by: Muhamad. Hamdan </span>
</span>
<a class="updated" href="http://cara-alfiyah.blogspot.com/" rel="bookmark">ALfiyah Info Blogger</a>
Updated at : <abbr class="published" expr:title="data:post.timestampISO8601">
<data:post .timestamp=""></data:post></abbr>
</div>

Warna merah silahkan ganti dengan data blogger Anda,kemudian perhatikan kode dibawah untuk melanjutkannya

Pergilagi keakun Blogger Anda
Klik Template > Edite HTML
Cari kode ini timestampISO8601 lebih mudah teken ctrl+F
Akan muncul seperti kode ini

Kode di atas ganti dengan kode tag dibawah

Selanjutnya cari kode dibawah

<data:post.timestamp/>

Ganti kode diatas dengan kode tag dibawah.

Selesai sudah tinggal Anda klik Save Template.

Demikialah tips blogging cara alfiyah tentang Memperbaiki Missing required field "updated" Dan hCard "author" semoga bermanfaat. Jangan lupa untuk Memperbaiki Error Page Contains Property "BlogId" And "postID" Is Not Part Of Schema

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 5:36 PM

Cara Menyimpan kode Snippets Feed Icon Pada Blogger

Written by Muhamad Hamdan on Tuesday Jan 21th 2014

Apa yang dimaksud Feed..? Kita sering menemukan kata "RSS","XML" dan "Atom" diberbagai media artikel,tapi kita tidak tahu bagaimana cara menggunakan link ini.

Feed adalah cara untuk Website/Blog besar dan kecil untuk mendistribusikan konten mereka jauh melampoi dengan pengunjung menggunakan brower.Izin berlangganan feed update regular,dikirim secara otomatis melalui web portal,news reader,atau pembuatan email sejak lama selalu terbaik.Feed juga memungkinkan untuk konten situs yang dikemas dalam "widget, "gadget" perangkat mobile,dan tecnologi gigitan ukuran lain yang memungkinkan untuk menampilkan blog,podcast,dan major news /sport/cuaca/ apapun berita utama hanya tersedia dimana saja.

Dalam beberapa kasus Anda bisa menggunakan feed dengan men-Download icon.Tetapi kali kali Saya akan membahas cara menyimpan Kode Snippet pada Blogger,dengan menggunakan HTML dan CSS.Barangkali Anda ingin link ke feed dalam sebuah paragraf.Untuk menghilankannnya Anda harus menambahkam texs deskriftif agar pengguna mengetahui link tersebut ke feed.Anda dapat menepatkan icon sebelum texs yang terkait dengan pakan.

Live Demo

Tampilan Feed Icon Pada Blogger

Jika WEbsite/Blog Anda memiliki lebih dari satu pakan,Anda bisa menyajikan semua feed yang ada sebagai daptar.

Contoh :

All Posts
Category 1
Category 2
Category 3

All Posts
Category 1
Category 2
Category 3

Bagaimana Cara Menampilkan Kode Snippets Pada Blogger ?

Langkah 1. Anda masuk ke Blogger Account

Langkah 2. Anda klik Layout

Langkah 3. add gadget

Langkah 4. COPAS kode HTML dibawah

KODE HTML
<ul class="feed-list"> <li><a href="#">All Posts</a></li> <li><a href="#">Category 1</a></li> <li><a href="#">Category 2</a></li> <li><a href="#">Comments</a></li> </ul>

KODE CSS
.feed-list { margin: 0 0 15px 15px; padding: 0; list-style-type: none; } .feed-list li { margin: 0 0 10px 0; padding: 0; list-style-type: none; } .feed-list li a { padding: 0 0 0 19px; background: url("../images/feed-icon-14x14.png") no-repeat 0 50%; list-style-type: none; }

Akhir Kata

Demikian Tutorial Menyimpan kode Snippets Feed Icon Pada Blogger Semoga bermanfaat untuk lebih jelas silahkan Anda mengunjungi www.feed.com

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:28 PM

Cara Membuat Makrup Blogger Dengan Schema.Org - ALfiyah

Cara Membuat Makrup Blogger Dengan Schema.Org

Written by Muhamad Hamdan on Tuesday Jan 15th 2014

Apakah Anda Ingin Melihat Dalam Hasil Pencarian Google Result Seperti Ini..?

Mari Kita Lihat Dengan Mengambil Metode Schema.Org

Mesin Pecari seperti Google,Yahoo,Dan Bing telah mendukung dengan adanya Potongan Tentang kaya dan data terstruktur/rich snippets.Baru baru ini merangkak dengan penggunaan Schema.Org sebuah metode yang menyediakan makrup terkaya dalam hasil mesin pencari dan bahwa yang terbaik dari semua itu juga paling mudah untuk penggunaannya.

Dalam Jangka Bebberapa Menit Kita Mendapatkan Blog Yang Sangat Hebat Dengan Menggunakan Kode HTML Sebelumnya

Live Demo

.
<div id="blog_post">
<h2>Post Title</h2>
<div class="byline">Written by Muhamad Hamdan on Tuesday Jan 14th 2014</div>....
<div class="content">Content...</div>
</div>
.

Schema.Org banyak para blogger menggunakannya dengan jenis dan metode yang berbeda untuk membuat postingan blogger dengan Schema.Org. Tetapi saya akan memberi tahu mesin pencari bahwa ini adalah skema yangsaya gunakan dengan menambahkan itemtype dan itemscope halaman blogger postingan saya.

.
<div id="blog_post" itemscope="" itemtype="http://schema.org/BlogPosting">.......

</div>
.

Selanjutnya kita tambahkan itemprop untuk judul dan konten. Disini saya akan menggunakan nama dan judul prperty untuk header, dan properti ArtikelBody untuk konten.

.
<div id="blog_post" temscope="" itemtype="http://schema.org/BlogPosting">......
<h2 itemprop="name headline">Post Title</h2>

<div class="content" itemprop="articleBody">Content...</div>
</div>
.

Bagian terakhir sedikit agak sulit tapi sangat bagus. Saya ingin menentukan tanggal dan penulis,ini akan memberikan tampilan photo dan diterbitakan 1 menit yang lalu,dengan adanya penampilan penulis akan lebih baik bagi mesin pencari seperti Google.Tentang Cara Menambahan Informasi Ada dua langkah yang bisa menentukan.Pertama tambahkan itemprop penulis,dengan itemtype dan itemscope.Hal ini menciptakan ruang lingkup bagi penulis.Kemudian disini ditambahkan rentang baru dengan itemprop nama dan juga ditambahkan link profil penulis Google+ dengan atributrell = "author" dan itemprop dari URL.

Ini Adalah Babak Terakhir Seperti Yang Bisa Anda Lihat Dibawah.

.
<div id="blog_post" itemscope="" itemtype="http://schema.org/BlogPosting">
<h2 itemprop="name headline">Post Title</h2>
<div class="byline">
Written by
<span itemprop="author" itemscope="" itemtype="http://schema.org/Person">
<span itemprop="name">
<a href="https://plus.google.com/110064667144377377705/" itemprop="url" rel="author">Muhamad Hamdan</a>
</span>
</span>
on
<time datetime="2014-01-14T22:00" itemprop="datePublished">Tuesday Jan 14th 2014</time>
</div>
<div class="content" itemprop="articleBody">Content...</div>
</div>
.

Selanjutnya gunakan Alat Penguji Google untuk memastikan kebenaran makrup Anda dan mendorong perubahan aktipitas kita. Berikan Google untuk menelusuri kembali halaman kita dan memperbaharui indeks mereka, dan selama beberapa hari kedepan Anda harus mulai melihat beberapa hasil yang lebih bagus mesin pencarian.

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:38 PM

Cara Membuat Contact Us Pada Blogger

Membuat Contact Us Pada Blogger

Contact Us

Cara Membuat Contact Us Pada Blogger - ALfiyah Info Blogger akan membahas artikel sederhana bagi anda yang belum tahu tentunya para blogger udah hampir semua sudah menerbitkan trik yang serupa, namun barangkali masih ada yang belon mempunyai dengan kebetulan pengunjung yang sedang ngenet menemukan markah di halaman saya .Sehingga mereka ada niat untuk membuat contact us pada bloggernya dengan kebetulan mereka belum memilikinya .Kita akan menemukan layanan gratis cara membuatnya sehingga lebih mudah dan praktis sehingga gampang untuk di miliki.Memang banyak sekali layana cara membuat contact us ini di berbagai media penerbitan,tetapi kali ini kita mencoba dengan mengunakan 123 contact form yang gratis.

Bagaimana Cara Membuat Contact Us Pada Blogger..?

Cara Membuat Contact Us Pada Blogger sangatlah mudah dengan mengikuti langkah yang akan di berikan oleh nama situs penyangga yaitu 123 contact us anda selanjutnya melakukan registerisasi dengan memakai account google agar lebih gampang untuk pengambilannya..

Sekarang anda ke situs aslinya www.123contactform,com

Live Demo
Akhir Kata

Demikian tutorial cara membuat contact us yang sangat sederhana mudah dipahami dengan pelayanan gratis bagi siapapung yang memerlukannya.
Anda Juga Mungkin Meminati Contact Transparan Pada Blogger

Written by: Muhamad. Hamdan ALfiyah Info Blogger Updated at : 4:23 PM

ALfiyah Info Blogger

Pages

Memperbaiki Error Page Contains Property "BlogId" And "postID" Is Not Part Of Schema

Memperbaiki Error Page Contains Property "BlogId" And "postID" Is Not Part Of Schema

Ikuti Langkah Langkah Untuk Menghapus Kode "Blogid" Dan "Postid"

Akhir Kata

How to Quickly Get Your New Blog Post Index In Google Search

Related articles

Final Words

How to Save the ALT and Title Tags In Blogger

How do I know where we are .. image alt tags ?

You Can Now See How to Save the ALT and Title Tags In Blogger

Final Words

Bagaimana Cara Membuat Custom permalink Blogger Untuk SEO

Permalink Buruk

Permalink Baik

Cara Menambahkan Translation Flags Pada Blogger Anda | alfiyah info blogger

Bagaimana Cara Menambahkan Translation Flags Pada Blogger Anda ?

Cara Integrasi Facebook Open Graph Pada Blogger | alfiyah info blogger

Bagaimana Untuk Mendapatkan ID Aplikasi Facebook Open Graph ?

Bagaimana Untuk Menyimpan ID Aplikasi Facebook Open Graph ?

Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul

Memperbaiki Missing required field "updated" Dan hCard "author".

Memperbaiki Missing required field "updated" Dan hCard "author".

Cara Menyimpan kode Snippets Feed Icon Pada Blogger

Cara Menyimpan kode Snippets Feed Icon Pada Blogger

Cara Membuat Makrup Blogger Dengan Schema.Org - ALfiyah

Cara Membuat Makrup Blogger Dengan Schema.Org

Mari Kita Lihat Dengan Mengambil Metode Schema.Org

Dalam Jangka Bebberapa Menit Kita Mendapatkan Blog Yang Sangat Hebat Dengan Menggunakan Kode HTML Sebelumnya

Ini Adalah Babak Terakhir Seperti Yang Bisa Anda Lihat Dibawah.

Cara Membuat Contact Us Pada Blogger

Contact Us

Anda Juga Mungkin Meminati