Membahas Segala Tutorial : Tips Blogger

Showing posts with label Tips Blogger. Show all posts

Thursday 6 March 2014

Cara Add Skype Call Tombol Buttons Pada Blogger Anda

Written by Muhamad Hamdan on Fri March 6th 2014

Assalamu'Alaikum Warahmatullah, Sahabat Selamat malam bagaimana kabarnya ? barusan Saya menerima inbox lewat Skype yang berisi bagaimana cara menyimpan tombol buttons Skype pada Blogger, pertanyaan ini sangat bagus sekali karena pada dasarnya Skype selalu menyintai internet. Dengan hal itu apa yang tidak bisa dihubungkan dengan Blogger yang selalu di cintai internet, jadi Skype juga bisa di tanam di blog/website Anda dengan alasan untuk mendorong Anda terhubung dengan Orang lain di Dunia internet.

Sekarang Anda bisa menambahkan tombol Skype dengan tujuan untuk menghubungi teman cara langsung dari blog/website juga untuk memudahkan temen Anda menghubungi lewat Skype. Cara ini agak sedikit berbeda dari cara yang lainnya karena Anda bisa langsung dengan klik tombol call atau pesan Skype, memang Saya sebelumnya telah menerbitkan cara lain dengan jejaring sosial Facebook. Anda Juga pernah melihatnya seperti

Live Button

Tombol Buttons Skype Di Blogger Anda

Cara mendapatkan buttons Skype ada beberapa langkah yang harus Anda lakukan

Pergi account Skype
Kemudian Anda klik Skype Buttons
Anda akan di minta identitas dan isikan pada kolom yang tersedia maka akan muncul kode HTML Buttons
Untuk mempermudah pengambilan HTML silahkan Anda copy-paste kode berikut
Lalu Masuk ke Blogger Anda > Dashboar > Lay-out > Add Gadget > JavaScript


<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>
<div id="SkypeButton_Call_pelangi_pagi2_1">
  <script type="text/javascript">
    Skype.ui({
      "name": "dropdown",
      "element": "SkypeButton_Call_pelangi_pagi2_1",
      "participants": ["pelangi_pagi2"],
      "imageSize": 32
    });
  </script>
</div>

Catatan : Anda bisa mengganti warna biru pelangi_pagi2 dengan Nama ID Skype Anda

Akhir Kata

Wasalamu Alaikum Warahmatullah, Demikialah Artikel Malam ini walaupun ringkas dan sederhana namun harapan Saya semoga bermanfaat buat Anda. Dan bila artikel ini merasa membantu buat Anda Silahkan tinggalkan komentar dan tolong dibagikan terimakasih, Salam Blogger.

HTML Ratings Button

Tuesday 4 March 2014

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 :

Saturday 1 March 2014

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

Friday 28 February 2014

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

Thursday 27 February 2014

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

Monday 24 February 2014

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

Friday 7 February 2014

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/AVvXsEiSZx3K55cZCsX8EaSg5ygTB2kaGJe5NBL-Evr-kvKuk68ki_QQ_7svqKjtx_ZP2lEPKyW6PR17NTXmH9e8MtA1ssv5Bl4oz5jfeJN0_FyKLL7cOrJUyfRm2g1-r25n3UF0ebi48Y27Qfmb/s1600/Alfiyah+Blogger.jpg)#DBDCDE;
border: 1px solid #F0F0F0;
}
.slide_in .left_gate1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFyIhO263NAxKqvXNxXGKfTgkMQPq5vvVw1N9LkrMQqUfD88-IN3EML9Mpk8d2JYEeIoeTgjoz4IvSWygpQZ7B1GdAuOvJ66YdOTLMfIIRyHGTVqLpUOl86pECD01xabbMJ9jFZLCC-Lj_/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.

Wednesday 5 February 2014

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

Thursday 30 January 2014

Cara Menghubungkan Blogger Anda Ke Halaman Facebook Dan Twitter | alfiyah info blogger

Written by Muhamad Hamdan on Jum'at Jan 31th 2014

Kemarin kita sudah bikin Cara Menambahkan Blog Anda Ke Networkedblogs, sekarang bagaimana Cara Menghubungkan Blogger Anda Ke Halaman Facebook Dan Twitter melalui Sindikasi Networkedblogs

Hari ini Saya akan menunjukan bagaimana cara menghubungkan blogger Anda ke Facebook dan twitter ?

Sekarang Ikuti Langkah Langkahnya

Langkah 1. Anda Masuk Website Networkedblogs Kalau belum punya akun masuk dilangkah 2.untuk daptar.

Langkah 2. Cara Menambahkan Blog Anda Ke Networkedblogs klik register untuk melakukan pendaptaran,kalau sudah selesai mari kita lihat langkah selanjutnya.

Langkah 3. Cara Menambahkan Blogger Anda Ke Halaman Facebook Kalau Anda sudah berhasil menambahkannya.Sekarang kita tinggal mempublikasikan Blogger Anda ke Facebook dan Twitter.

Langkah 4.Anda masuk dashboar Networkedblogs dan klik bagian Syndication akan muncul seperti gambar dibawah.

Langkah 5.Kemudian pih salah satu nama blogger Anda,misalnya yang akan dihubungkan dengan fun page Facebook maka maka terlihat seperti gambar dibawah.

Langkah 6.Untuk menghubungkan blogger Anda dengan Twitter klik bagian kanan icon twitter sebelahnya icon facebook terlihat percis gambar dibawah.

Langkah 7.Selesai sudah aktifitas kita hari ini dan anda juga sudah memiliki sindikasi melalui Networkedblogs yang siap dipublikasikan.Terlihat contoh gambar dibawah yang berhasil disindikasi.

Akhir Kata

Demikinlah tips blogger kali semoga bermanfaat bagi Anda Saya ucapkan banyak terimaksih "Salam Blogger"

Untuk Selanjutnya Ikuti Cara menambahkan blog Anda Ke Fan Page

Monday 20 January 2014

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

Wednesday 15 January 2014

Cara Membuat Makrup Blogger Dengan Schema.Org - ALfiyah

Cara Membuat Makrup Blogger Dengan Schema.Org

Written by Muhamad Hamdanon 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.

Wednesday 8 January 2014

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

Thursday 6 March 2014

Cara Add Skype Call Tombol Buttons Pada Blogger Anda

Tombol Buttons Skype Di Blogger Anda

Akhir Kata

Tuesday 4 March 2014

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

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

Akhir Kata

Saturday 1 March 2014

Related articles

Final Words

Friday 28 February 2014

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

Thursday 27 February 2014

Permalink Buruk

Permalink Baik

Monday 24 February 2014

Bagaimana Cara Menambahkan Translation Flags Pada Blogger Anda ?

Friday 7 February 2014

Wednesday 5 February 2014

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

Thursday 30 January 2014

Cara Menghubungkan Blogger Anda Ke Halaman Facebook Dan Twitter | alfiyah info blogger

Monday 20 January 2014

Cara Menyimpan kode Snippets Feed Icon Pada Blogger

Wednesday 15 January 2014

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.

Wednesday 8 January 2014

Contact Us