Tentang FaceBook: Tutorial Blog

Tampilkan postingan dengan label Tutorial Blog. Tampilkan semua postingan

Cara membuat website gratis di wordpress.com dengan mudah

Hallo.. kawan blogger..!!setelah kemaren saya share mengenai cara membuat website gratis di blogger.com kini saya akan membuat postingan tentang cara membuat website gratis WordPress.Com. WordPress.Com merupakan salah satu layanan yang menyediakan blog gratis bagi penggunanya. Walaupun gratis, blog WordPress.Com tak kalah dengan WordPress dengan Blogger,, Yang harus ada sebelum memulai membuat blog di WordPress.com ini adalah email. Jika Anda belum punya, silahkan membuat email terlebih dahulu. Saya sarankan kawan sudah mempunyai email, ikuti langkah-langkah/cara berikut untuk membuat blog wordpress.com:

Jalankan browser Anda kemudian buka http://www.wordpress.com. Tunggu hingga muncul tampilan awal WordPress.com.
Klik "Get Started Here"
Isi formulir yang sudah disediakan seperti gambar di bawah ini :

kemudian klik Create Blog.
Selanjutnya Anda diminta untuk melakukan aktivasi blog dengan cara mengeklik link yang dikirimkan ke email Anda.
Klik link yang ada di pesan email Anda.
Setelah Anda klik link tersebut maka Anda akan langsung menuju halaman dashboard. Ini artinya akun Anda telah aktif dan blog Anda telah jadi.
Selesei dah kawan....!

well... selamat kawan sudah memiliki akun wordpress.com dan kawan bisa kelola sesuai keinginan kawan... sekian yah dari saya... eits.. jangan lupa kasih komentarnya yah...!!!

Cara Membuat Blog Gratis Terbaru

Cara Membuat Blog Gratis Terbaru - Sekarang blog bukanlah sesuatu yang luar biasa lagi, banyak orang yang telah memiliki blog baik untuk kepentingan pribadi ataupun berbisnis online. nah kali ini saya akan share tutorial membuat blog gratis melalui platform blogger atau blogspot. tentu saja semua ini gratis, anda tidak perlu mengeluarkan biaya sama sekali untuk membuat blog gratis melalui tutorial ini. baik, berikut adalah langkah-langkah membuat blog gratis terbaru

Cara Membuat Blog di Blogspot

Buat Email dulu di sini => Daftar Email Google
Rubah bahasanya jadi english, kemudian Pilih Creat New Account
Masukkan nama, alamat email yang akan dibuat, dan lain-lain dan lanjut
dibagian create your profile, langsung klik 'next step'
kemudian klik 'continue to gmail'
setelah itu buka pada browser anda blogger.com
login menggunakan akun gmail yang baru saja anda buat
masukkan display name dan lain-lain, kemudian lanjut
pilih 'buat blog baru'
masukkan judul blog, alamat blog, dan pilih template blog, pilih buat
setelah itu klik gambar pensil untuk membuat artikel pada blog baru
masukkan judul artikel, isi artikel dan klik publikasikan
oke, blog anda sudah jadi, sekarang anda bisa menambah artikel dan merubah tampilan blog sesuai kreatifitas

Untuk memudahkan dalam membuat blog, berikut adalah panduan berupa gambar yang telah saya buat. oke, terima kasih telah membaca tutorial dari saya tentang cara membuat blog di blogspot, semoga bermanfaat.

Itulah cara membuat blog gratis terbaru. semoga tutorial membuat blog gratis ini bisa bermanfaat bagi anda. jika anda mengalami kesulitan dalam mengikuti langkah-langkah pembuatan blog gratis di atas, silahkan ajukan pertanyaan melalui komentar di bawah.

Cara Menampilkan Gambar pada SERP Menggunakan Recipe Snippet

Cara Menampilkan Gambar pada SERP Menggunakan Recipe Snippet - Kali ini saya akan memberikan tutorial bagaimana sih caranya menampilkan gambar pada hasil pencarian search engine? nah untuk menampilkannya itu cukup mudah, hanya membutuhkan sedikit penambahan microdata pada template dan postingan. oh iya, bagi yang sebelumnya sudah memasang review snippets, maka anda harus menghapus dulu kode-kode yang sudah terpasang pada template, karena kali ini kita akan menggunakan kode bara untuk mendukung tutorial ini. [ demo bisa di lihat di http://x-laptopreviews.blogspot.com/ ]

Langsung saja untuk memasang kode-kodenya silahkan ikuti langkah-langkah berikut,

Cari kode <body> dan masukkan kode <div><div itemscope='' itemtype='http://data-vocabulary.org/Recipe'> di bawah kode <body>
kemudian cari kode </body> dan masukkan kode </div></div> di atas kode </body>

Cari kode <h1 class='post-title dan letakkan kode <span itemprop='itemreviewed'><span itemprop='description'> di atas kode <h1 class='post-title
kemudian cari kode </h1> dan letakkan kode </span></span> di bawah kode </h1>
Masukkan kode itemprop='name' pada tag heading

Karena setiap template memiliki kode yang berbeda, jadi usahakan lebih teliti dalam mencari kode yang mirip dengan kode di atas. untuk mempermudah penjelasan, nanti hasil akhir kode akan seperti ini,

<span itemprop='itemreviewed'><span itemprop='description'>
      <h1 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>
</span></span>

Sekarang agar gambar bisa muncul, anda harus memasukkan tag itemprop="photo" pada pada kode html gambar ( <img ... ). kemudian anda juga harus memasukkan microdata review aggregate pada postingan. berikut adalah kodenya,

<span itemprop="review" itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate">Rating Artikel : <span itemprop="rating">5</span>
Jumlah Voting : <span itemprop="count">99</span> Orang
</span>

Oke, terima kasih telah membaca artikelku yang berjudul Cara Menampilkan Gambar pada SERP Menggunakan Recipe Snippet. semoga berhasil, dan mudah2an aja blogger yang membaca postingan ini bisa menghargai kerja keras berjam-jam untuk mempelajari microdata dan membuat artikel ini :-P

Rating Artikel : 5

Cara Memasang Rating Reviews Bintang Snippets pada Blogspot

Cara Menampilkan Rating Reviews Snippets pada Blogspot - Rich Snippets sangat berguna untuk memberikan tampilan yang berbeda pada blog kita, yakni pada saat blog kita muncul di hasil pencarian Google. untuk memberikan rich snippets pada blogspot, caranya sangat mudah, dan tidak membutuhkan waktu yang sangat lama, berikut adalah langkah-langkahnya,

Buka Akun blogger => masuk menu rancangan => Edit HTML => centang expand template widget'.

Kemudian Masukkan kode <div><div itemscope='' itemtype='http://data-vocabulary.org/Review'> di bawah kode <body>
Setelah itu masukkan kode </div></div> di atas kode </body>

Cari kode 'post-title, maka akan keluar kode kurang lebih seperti ini :

<h1 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>

Setiap template memiliki kode yang berbeda-beda, jangan terpaku pada kode diatas.
letakkan kode <span itemprop='itemreviewed'><span itemprop='description'> di atas kode <h1 class='post-title entry-title'> dan letakkan kode </span></span> di bawah kode </h1>
nanti hasil akhirnya akan seperti ini :

<span itemprop='itemreviewed'><span itemprop='description'>
<h1 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>
</span></span>

note: ada kalanya template menggunakan tag h3, bukan h1 seperti contoh di atas.

Kemudian cari kode <span class='fn'><data:post.author/></span>
hapus kode tersebut dan rubah menjadi <span class='fn'><span itemprop='reviewer'><data:post.author/></span></span>

Simpan Template

Untuk menjalankan Review Snippet yang telah dipasang, anda harus memberikan kode <span itemprop="rating">isi dengan angka 1 sampai 5</span> di setiap postingan yang dibuat, anda bisa merubah angkanya mulai dari 1 sampai 5

Untuk mengecek artikel anda sudah betul atau belum, kita bisa menggunakan risch snippet tool dari google berikut => http://www.google.com/webmasters/tools/richsnippets

bagaimana? mudah kan? tidak butuh waktu berjam-jam untuk membuat review snippets pada blogspot, dan ini tidak akan menjadikan blog anda bertambah berat, karena kode diatas hanya kode markup biasa seperti kode HTML lainnya, cara ini juga sudah saya terapkan pada artikel yang sedang anda baca ini

Rating Artikel : 5

Cara Agar Breadcrumbs Terindex Google

Cara Agar Breadcrumbs Terindex Google - Banyak yang masih bingung, bagaimana sih biar breadcrumb navigasi bisa terindex google?. kan keren tuh url blog kita bisa dipersingkat. agar lebih memahami mengenai breadcrumbs yang terindex google, coba perhatikan gambar di bawah ini,

Pertama-tama masukan kode css untuk breadcrumbnya, taruh di atas kode ]]></b:skin>

setelah itu cari kode <b:includable id='main' var='top'> , hapus kode tersebut dan ganti dengan kode berikut,

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Save template. untuk mengecek kinerja breadcrumb, silahkan anda buat artikel dengan menyertakan label yang sudah terindex oleh google (untuk cek anda tinggal copy paste url label ke google). setelah membuat artikel baru, tunggu hingga artikel tersebut terindex, dan lihat hasilnya

Sumber Kode : saya ambil dari template bloggerblur milik member adsense id => http://www.adsense-id.com/forums/member.php/49248-bloggerblur | http://www.adsense-id.com/forums/showthread.php/110134-Share-Mini-Site-amp-Amazon-Store-Semuanya-Berawal-dari-Blogger

Menambahkan Author Information pada Hasil Pencarian Google

Menambahkan Author Information pada Hasil Pencarian Google - Mungkin di antara kalian masih banyak yang bingung apa maksud dari judul di atas. Untuk menghilangkan rasa penasaran anda semua, silahkan lihat screenshot di bawah ini.

Dengan menambahkan Author Information di blog, maka informasi penulis seperti foto, nama dll. akan keluar di hasil pencarian google. lalu bagaimana caranya? Oke, pertama-tama harus memiliki akun Google + atau akun Profil google => http://www.google.com/profiles, jika sudah, beri avatar pada google + atau profil google, avatarnya harus bagus, memperlihatkan bagian wajah anda. setelah itu, pilih edit profil => lalu klik pada bagian 'Contributor To'. masukkan nama blog dan simpan. terakhir edit pada bagian 'Work', masukkan email dansimpan. kemudian pilih selesai mengedit. sekarang lihat pada bagian email yang telah anda masukkan pada kolom 'work' tadi, jika telah belum diverifikasi, maka verifikasi dulu.

Langkah berikutnya adalah menambahkan url google + atau google profil yang mengandung tag rel='author' pada blog. terserah anda mau memasang pada footer, pada menu bar atau pada sidebar. usahakan anchor texnya selalu diakhiri dengan karakter '+'.

<a href='URL GOOGLE + atau GOOGLE PROFIL' rel='author'>Google +</a>

atau anda juga bisa menggunakan gambar untuk memasang url google di blog, berikut adalah kodenya,

<a rel="author" href="URL GOOGLE PROFIL ANDA">
<img src="https://www.google.com/images/icons/ui/gprofile_button-32.png" width="32" height="32">
</a>

Ganti kode yang berwarna merah dengan URL profil google anda. kemudian untuk yang berwarna biru adalah ukuran dari widget profil google, anda bisa merubahnya menjadi 16, 32, 44, 64. silahkan pilih ukuran yang sesuai. Jika semua sudah beres, sekarang tinggal mengetes hasil kerja kita tadi, buka tool snippets berikut => www.google.com/webmasters/tools/richsnippets, masukkan url blog anda, jika hasil yang keluar benar dan foto anda bisa keluar di sketsa hasil pencarian google, itu berarti blog sudah terpasang Author Information. jika tidak keluar, maka terjadi kesalahan pada pekerjaan anda tadi. Oke, jika semua sudah siap, langkah terakhir adalah merequest permintaan anda ke Authorship Request - Menambahkan Author Information pada Hasil Pencarian Google

Cara Menambahkan Tombol FB Like Tweet This dan G+ di Bog

Cara Menambahkan Tombol FB Like Tweet This dan G+ di Bog - Pada postingan kli ini saya akan berbagi mengenai Cara Menambahkan Tombol FB Like Tweet This dan G+ di Bog, sebenarnya saya sudah pernah mempublish artikel ini di blog sebelumnya, teteapi berhubung blog tersebut sudah wafat (baca : kena blokir) entah apa penyebabnya, jadi saya tulis ulang artikel tersebut di blog ini. semoga bapak-bapak dan ibu-ibu berkenan dengan artikel saya (lho?)

Oke langsung saja anda buka akun blogger, lalu buka menu rancangan => Edit HTML => centang Template Expand Widget => lalu anda tekan f3 dan cari kode <div class='post-footer'>
setelah itu anda masukkan kode berikut di bawah kode <div class='post-footer'>

<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ebf44dc7528ea48' type='text/javascript'/>

setelah itu pilih simpan Template dan lihat perubahannya, di bawah postingan anda akan muncul Tombol FB Like Tweet This G+ di Bog dan tombol share yang sangat berguna untuk populartias blog anda - Cara Menambahkan Tombol FB Like Tweet This dan G+ di Bog

Cara Membuat Blog di Blogspot

Kategory