Tampilkan postingan dengan label BELAJAR BLOGGER. Tampilkan semua postingan
Tampilkan postingan dengan label BELAJAR BLOGGER. Tampilkan semua postingan

Sabtu, 27 September 2014

cara mengatasi data terstuktur

Memperbaiki Kesalahan Data Terstruktur yang tampil pada Alat Webmaster Google

Beberapa Kesalahan yang ditampilkan melalui Data Terstruktur pada Alat Webmaster Google, kadang-kadang terasa sulit untuk diperbaiki. Misalnya, hilangnya author dan atau hilangnya updated pada artikel yang telah diposting pada Blog atau website Anda. Menurut beberapa informasi yang saya dapatkan, dengan memperbaiki kesalahan-kesalahan data terstruktur yang tampil pada alat webmaster google, maka website tersebut akan mengalami peningkatan SEO (Search Engine optimization).

Nah, Pada kesempatan kali ini, melalui Blog “pair ponsel” ini saya akan membagi satu Artikel Blog untuk Anda yaitu Artikel yang membahas tentang bagaimana cara memperbaiki beberapa kesalahan Data Terstruktur yang tampil pada Alat Webmaster Google.
Kesalahan pada bagian “hatom”.

Jika pada bagian ini mengalami kesalahan, maka setelah  dilakukan pengujian pada "Alat Uji Coba Data Terstruktur", akan muncul Warning atau Peringatan seperti di bawah ini :
Kesalahan: Missing required field "updated" dan atau Kesalahan: Missing required hCard "author"
Untuk memperbaiki kesalahan tersebut di atas, Anda bisa mengikuti cara atau langkah-langkah di bawah ini :
  • Silakan Login pada Akun Bloggor Anda.
  • Pilih “Template”, lalu pilih “Edit Template”.
  • Cari Kode <b:if cond='data:post.hasJumpLink'> ( Gunakan Ctrl+f, untuk mempermudah pencarian).
  • Setelah kode di atas telah Anda temukan, masukkan kode di bawah ini tepat diatas kode <b:if cond='data:post.hasJumpLink'>. Kode tersebut adalah :
<div class='tagblog'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span class='post-author vcard' itemprop='name'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
</a>
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'>
<abbr class='updated' expr:title='data:post.timestampISO8601'> <data:post.timestamp/></abbr></a>
</div>
  • Jika pada Template Blog Anda tidak terdapat kode <b:if cond='data:post.hasJumpLink'>, maka silakan Anda mencari kode <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>. Setelah menemukannya, silakan masukkan kode di bawah ini tepat di bawah kode <b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>. Kode tersebut adalah sebagai berikut :
<div class='tagblog'>
<div class='vcard' id='hcard-alfa'>
 <span class='fn n'>
   <span class='given-name'>Written by: alfa</span>
  </span>
 </div>
<a class='updated' href='http://pairponsel.blogspot.com/' rel='bookmark'>pair ponsel, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
</div>
Keterangan : Gantilah Tulisan yang berwarna Merah Jambu yang tertulis pada kode di atas sesuai dengan Nama Anda, URL Blog atau Website Anda, dan Judul Blog atau Website Anda.
  • Langkah selanjutnya adalah mencari kode ]]></b:skin> (Gunakan Ctrl+f untuk mempermudah pencarian)
  • Setelah menemukan kode di atas, masukkan kode di bawah ini tepat di atas kode ]]></b:skin>. Kode tersebut adalah :
.tagblog{display:none}
  • Klik “Pratinjau Template”.
  • Jika Pratinjau Template telah tampil sempurna, Klik “Simpan Template” untuk menerapkan perubahan baru pada template Blog atau Website Anda.
Sampai pada tahap ini, Anda telah melakukan perbaikan kesalahan Data Terstruktur yang tampil di Alat Webmaster Google pada bagian “hatom”. Untuk melakukan pengujian perbaikan tersebut, silakan klik “Alat Uji Coba Data Terstruktur” dan masukkan URL Blog atau website Anda. Saya berharap, kesalahan pada bagian “hatom” blog atau website anda sudah bisa teratasi.

Kesalahan pada bagian “Schema”.

Jika terjadi kesalahan pada bagian “schema”, maka setelah kita melakukan pengujian menggunakan Alat Uji Data Terstruktur, biasanya aka nada Warning atau Peringatan seperti di bawah ini :
Kesalahan: Page contains property "image_url" which is not part of the schema, dan atau Kesalahan: Page contains property "blogid" which is not part of the schema, dan atau Kesalahan: Page contains property "postid" which is not part of the schema.
Untuk memperbaiki kesalahan (Kesalahan: Page contains property "image_url" which is not part of the schema) pada bagian “Schema”, Anda bisa mengikuti Cara atau langkah-langkah berikut ini :
  • Silakan Login Pada Akun Blogger Anda.
  • Pilih “Template”, lalu pilih “Edit Template”.
  • Cari kode <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> ( Gunakan Ctrl+f untuk mempermudah pencarian).
  • Setelah menemukan kode di atas, hapus tulisan yang berwarna Biru pada kode tersebut, sehingga menjadi seperti pada kode di bawah ini :
<meta expr:content='data:post.thumbnailUrl' itemprop=''/>
  • Selanjutnya, Cari Kode <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/> ( Gunakan Ctrl+f untuk mempermudah pencarian).
  • Setelah menemukan kode di atas, Hapus tulisan yang berwarna Biru pada kode tersebut sehingga menjadi seperti pada kode di bawah ini :
<meta expr:content='data:post.firstImageUrl' itemprop=''/>
  • Silakan “Pratinjau Template” Anda.
  • Bila “Pratinjau Template” telah tampil sempurna, silakan Klik “Simpan Template” untuk menerpakan perubahan pada template Blog atau website Anda.
Untuk memperbaiki kesalahan (Kesalahan: Page contains property "blogid" which is not part of the schema) dan atau Kesalahan (Kesalahan: Page contains property "postid" which is not part of the schema), Anda bisa mengikuti Cara atau langkah-langkah di bawah ini :
  1. Silakan Login Pada Akun Blogger Anda.
  2. Pilih “Template”, lalu pilin “Edit Template”.
  3. Cari kode <meta expr:content='data:blog.blogId' itemprop='blogId'/> dan kode <meta expr:content='data:post.id' itemprop='postId'/> pada template Blog atau website Anda. Oh ya, jangan lupa Anda membuka semua tampilan template Anda dengan cara mengklik Tanda menyerupai panah yang berwarna Hitam pada bagian sisi kiri dari template Anda.
  4. Jika sudah menemukan kode tersebut di atas, Silakan Anda Hapus saja kedua kode tersebut. Biasanya, kedua kode pada nomor 3 di atas juga terdiri dari dua kode yang sama. Jadi, setelah Anda menghapus kedua kode yang pertama Anda temukan, lakukanlah pencarian kembali kode yang ada pada nomor 3 di atas. Setelah menemukan kode yang lain, silakan Anda juga menghapus kedua kode tersebut.
  5. ”Pratinjau Template”, sebelum anda “Simpan Template” untuk menerapkan perubahan pada Template Anda.
Untuk memastikan perbaikan kesalahan pada bagian “Schema”, silakan Anda mengujinya dengan menngunakan “Alat Uji Coba Data Terstruktur” Harapan saya, semoga kesalahan tersebut juga bisa terselasaikan dengan baik.

Demikianlah Artikel tentang “Memperbaiki Kesalahan Data Terstruktur yang tampil pada Alat Webmaster Google”, semoga Artikel ini menarik dan bermanfaat untuk Anda.

Kamis, 25 September 2014

cara ambil link download di google drive

Cara Membuat Link Download langsung Google Drive




Cara Membuat Link Download langsung Google Drive

 Cara Membuat Link Download langsung Google Drive
Sebenarnya saya ngepost kali ini karena pengalaman saya mengupload file di 4Share, Tusfiles, Dropbox,Ziddu dan Mediafire. Baru juga beberapa bulan eh file saya dihapus karna tidak memakai akun premium. Lain lagi ketika saya menyimpan file di Google Drive udah beberapa bulan ini filenya masih utuh dan walaupun tidak memakai akun premium, ruang penyimpanannya sangat besar yaitu 15 GB mantapkan gam.(lebih aceh di panggil gam) khik..
Dan kali ini saya akan mengepost tentang Cara membuat Direct Link Download (Link Download Lansung) Google Drive

Sebelum saya kasih tutorialnya ,berikut perbedaan file hosting di 4Share, Tusfiles, Dropbox, dan Sebagainya dengan Google Drive :
File Hosting di 4Share, Tusfiles, Dropbox, dan Sebagainya “Jika Tidak Memakai Akun Premium” . Antara Lain :
~ Kecepatan download terbatas dan sangat minim/lambat.
~ Download tidak bisa di-pause/dijeda.
~ Dibatasi untuk mendownload perharinya.
~ Harus menunggu beberapa detik sebelum link-nya muncul.
~ Ukuran file yang akan diupload dibatasi.
~ Hanya disediakan beberapa GB untuk penyimpanan.
~ Jika file anda tidak didownload (pasif) dalam waktu 30 hari, maka file akan dihapus.
Dan kekurangan-kekurangan lainnya.

Lebih baik menggunakan Google Drive untuk penyimpanan “cloud”
Keuntungannya adalah:
√ Pengupload diberi jatah 15 GB untuk penyimpanan file.
√ Kecepatan mengupload bagus.
√ File tidak akan pernah dihapus pihak Google.
√ Pendownload tidak dibatasi apapun (kecepatan, waktu). Anda akan mendapatkan kecepatan maksimal, tidak seperti 4Shared yang terbatas.
√ GRATIS!
Jika Sobat ingin membuat Direct Link Download (Link Download Lansung) Google Drive,Saya sarankan anda menggunakan browser Google Chrome, karena lebih kompatibel dan responsif dengan situs Google Drive.
Oke Berikut Tutorialnya :
  • Masuk dulu ke Google Drive
  • Klik kanan pada file anda, lalu pilih Share -> Share
Klik gambar untuk memperbesar
  • Sebuah jendela akan muncul, klik change (lihat gambar). Pilih Public on the web atau Anyone with the link, jangan Private. Lalu klick Save.
     
Klik gambar untuk memperbesar
  • Lalu ikuti petunjuk di web site tersebut.


https://sites.google.com/site/gdocs2direct/
Dari:
https://docs.google.com/file/d/0B7t_ss8qPpS3Q2x0LTk0dzcxdDg/edit?usp=sharing
menjadi:
https://docs.google.com/uc?export=download&id=0B7t_ss8qPpS3Q2x0LTk0dzcxdDg



http://gdurl.com/
Dari:
https://docs.google.com/file/d/0B7t_ss8qPpS3Q2x0LTk0dzcxdDg/edit?usp=sharing
Menjadi:

  Standard URL
   http://gdurl.com/9ydY
   Direct link untuk langsung melihat file
   Example:
LINK   

 Download URL
  http://gdurl.com/9ydY/download
  Direct link untuk langsung mendownload file
  Example:
DOWNLOAD

Selasa, 23 September 2014

cara membuat sitemap di blog

Cara Membuat Sitemap Otomatis - Blogger

http://pairponsel.blogspot.com/
Sitemap sangat berguna agar search engine seperti Google dapat mendeteksi adanya update pada situs atau blog kita. Jika sudah terdeteksi adanya update maka Google segera akan mengindex blog. Akan tetapi pembahasan "Cara Membuat Sitemap Otomatis" dalam artikel ini membahas bagaimana cara membuat sitemap atau daftar isi secara otomatis untuk pengunjung situs bukan untuk robot Google, dalam hal ini Blogger adalah platfrom yang kita pergunakan, Blogger memberikan fasilitas untuk membuat sitemap dengan begitu mudah dan secara otomatis.

http://pairponsel.blogspot.com/
Laman Sitemap

Berikut cara membuat sitemap / daftar isi otomatis di Blogger :
  1. Masuk ke akun blogger
  2. Pilih menu 'Laman'
  3. Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
  4. Pilih mode 'HTML'
  5. Beri judul Daftar Isi atau Sitemap (judul terserah anda)
  6. Masukkan kode berikut
  7. <script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://pairponsel.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> 
  8. Ganti kode 'ardilas.com' di atas dengan alamat blog anda
  9. Publikasikan
Apabila anda menginginkan daftar isi atau sitemap yang memiliki scroll di samping kanan anda bisa menggunakan kode berikut sebagai ganti kode dari poin nomer 6 diatas :

<div style="background-color: #dde1e3; border: 1px solid #999999; height: 100px; overflow: auto; padding: 10px; width: 100%px;">
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://pairponsel.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> 
</div>
Nilai height bisa dirubah sesuai dari panjang daftar isi yang diinginkan.
Cara Membuat Sitemap Otomatis dengan scroll - Blogger

Senin, 22 September 2014

cara memasang yahoo di blog

Ternyata Yahoo Messenger atau yang sering disebut dengan YM masih banyak digunakan oleh orang-orang di Indonesia. Mereka memasang status online Yahoo Messenger di website atau blog. Biasanya sih yang punya toko online. Saya juga, coba lihat di bagian bawah website ini, akan Anda dapati icon Yahoo Messenger yang bisa terlihat online / offline :)
Dan saya rasa, cara ini cukup sebenarnya cukup efektif untuk menggaet para calon pelanggan yang sedang mengunjungi website kita untuk setidaknya tanya / kontak by chat. Selain itu tujuannya adalah mempermudah orang-orang yang sudah jadi pelanggan kita yang ingin menghubungi kita secara langsung dengan chatting online.
Cukup mudah kok pasang YM di blog atau website kita. Ini langkah-langkahnya.
  1. Pasang kode script yahoo messenger berikut ini:
    <a href=”ymsgr:SendIM?IDYahoo“><img alt=”” src=”http://opi.yahoo.com/online?u=IDYahoo&amp;m=g&amp;t=1″ border=”0″ /></a>
    Script di atas merupakan script HTML, jadi Anda cukup copy paste saja seperti apa adanya script di atas.
  2. Ganti kode IDYahoo dengan ID atau username Yahoo milik Anda. Semisal bingung ya pakai saja alamat email yahoo-nya.
  3. Untuk memilih gambar atau icon Yahoo Online Status, ganti kode t=1 dengan kode angka piilihan gambar. Nah, silahkan lihat gambar berikut:
    cara pasang ym, gambar yahoo messenger, gambar ym
  4. Dah gitu aja. Selesai.
Cukup mudah bukan? Sekarang Anda bisa chatting online dengan pelanggan menggunakan Yahoo Messenger langsung melalui website atau toko online Anda. Harapannya semoga pelanggan kita juga jadi lebih nyaman ketika ingin menghubungi kita.
Jika Anda pengguna WordPress, gunakan bantuan text widget yang nantinya bisa Anda letakkan pada area sidebar. Atau jika Anda ingin meletakkannya pada suatu halaman tertentu, gunakan penulisan metode text (jangan visual).

cara buat privacy police untuk blog

Cara Cepat Dan Mudah Membuat Privacy Policy Di Blog
Coretan artikel dengan bahasan "Cara cepat dan mudah membuat Privacy Policy di Blog". Kenapa dikatakan mudah dan cepat, karena dalam membuat privacy ini, kita tidak perlu banyak berpikir, tidak perlu banyak ngetik, kita tinggal lakukan apa yang akan di bahas di bawah ini. Tapi, sebelum pergi kesana, alangkah baiknya jika kita mengenal dahulu apa sih privacy policy itu ? Disini admin mendefinisikan privacy policy sebagai kebijakan pribadi atau intansi, kelompok, atau yang lainnya, yang mana isi dari privacy policy ini adalah ketentuan serta kebijakan yang dibuat agar isi atau sesuatu tidak disalahgunakan. Sebagai contoh dalam sebuah blog kita membuat sebuah privacy policy yang berisikan tentang kebijakan dari admin untuk para pembaca blog yang singgah. Terus ada yang bertanya nih ? apa penting membuat privacy policy di blog ? saya kira privacy policy di sebuah blog bisa dikatakan penting dan tidak penting sih, soalnya tidak mempengaruhi, tapi buat para blogger yang ingin membuat blog yang lebih dari sebuah blog biasa maka privacy policy ini adalah hal wajib yang harus ada di dalam blog. Apalagi kalau seorang blog ingin mendaftar kan blog nya ke situs-situs iklan sudah pasti privacy policy harus ada!.
Nah tanpa basa basi lagi, langsung saja ke caranya, disini kita tidak perlu repot menulis, berfikir tentang kata , dan tidak perlu buang waktu banyak, kita tinggal menggunakan sebuah jasa site yang memberikan jasa pembuatan privacy policy online secara gratis kepada kita, yoo langsung saja ke yang pertama :
1) Silahkan masuk ke site : http://www.privacypolicyonline.com/
2) Isikan data-data yang diperlukan, mulai dari judul blog, alamat blog, email, contact dan yang lainnya, lebih jelasnya bisa perhatikan gambar berikut ini :
Cara Cepat Dan Mudah Membuat Privacy Policy Di Blog
Screnshoot pembuatan privacy policy di blog
3) Kalau sudah terisi semua, silhkan klik kata " Generate Policy" yang ada di pojok kiri sobat, lalu akan muncul postingan privacy policy nya, 
4) Selesai dah >> langkah selanjutnya kita copy kan privacy policy tadi ke halaman blog kita, dengan cara membuat laman baru atau membuat postingan baru dengan judul privacy policy di dalam blog. Setelah semuanya selesai kita tinggal membuat letak Link privacy policy tadi di menu navigasi blog, jika sobat menggunakan template bawaan google, kita tinggal mengatur laman yang telah disediakan. Seperti pemasangan blog di dedot.info sobat bisa mencobanya.
5) Selesai dan jangan lupa bilang alhamdulilah yah,
Sekian tips, cara cepat membuat privacy policy di blog bersama dedot-info. semoga bisa membantu sobat dan semoga juga jadi berkah buat kita semua.. Salam Blogger

cara membuat autohide fans page facebook di samping kanan blog

Cara Membuat AutoHide Fans Page Facebook di Samping Kanan Blog
Tujuan Blogger memasang sebuah fans page facebook di blog biasanya agar banyak mendapatkan LIKE oleh pengunjung blog tersebut. ada banyak tipe memasang fans page di blog salah satunya dengan membuat fans page melayang di tengah-tengah blog atau hanya memasang widgetnya saja di navigasi blog.
pada kesempatan kali ini saya akan berbagi tutorial cara membuat auto hide fans page facebook di samping kanan blog, untuk lebih jelasnya lihat contoh gambar di bawah ini.
Cara Membuat AutoHide Fans Page Facebook di Samping Kanan Blog



dengan memasang fanspage Hide facebook di samping blog itu akan membuat blog anda semakin keren, cara kerjanya cukup simpel ketika pengunjung mengarahkan mouse/kursor ke arah logo facebook yang menempel di side bar sebelah kanan maka secara otomatis fans page facebook anda akan tampil.

Cara memasangnya cukup Mudah :

1. copy kode di bawah ini

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {jQuery(".likebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
/*]]>*/
</script>
<style type="text/css">
.likebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left top transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:44%;}
.likebox div{border:none;position:relative;display:block;}
.likebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 99999;}
.likebox span a{color: gray;text-decoration:none;}
.likebox span a:hover{text-decoration:underline;}
</style>
<div class="likebox" style="">
    <div>
 <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/komunitasbloggerIndonesiaa&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span><b><a target="_blank" href="http://otowebsite.blogspot.com/2012/04/cara-membuat-facebook-like-auto-hide-di.html">Get this widget</a></b></span>
    </div>
</div>

keterangan : ganti yang berwarna merah dalam kode di atas dengan Url fans page facebook anda

2. login di blogger[dot]com
3. tambah gadget
4. pilih HTML/javascript dan pastekan kode yang anda copy tadi kemudian klik simpan

Sekian Tutorial Blogger yang dapat saya berikan pada kesempatan ini semoga bermanfaat dan sampai ketemu lagi di postingan selanjutnya.

Sabtu, 20 September 2014

cara ganti icon blog pada address bar

Cara Ganti Icon Blog pada Address Bar

Kalo kita membuka website atau blog, biasanya ada icon di sambing Address Bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini
http://pairponsel.blogspot.com/
.Tapi jika kita tidak puas dan ingin mengganti dengan icon lain bisa saja. Contohnya seperti icon Jempol di Tab Bar Blog ini.

Nah berhubung kebetulan ada teman yang nanya soal cara mengganti icon tersebut, maka kali ini saya akan coba buat tutorial singkat tentang hal tersebut. Caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel. Setelah itu upload file icon yang udah dibuat tadi ke Photobucket atau web sejenisnya. Tapi kalo kalian males untuk membuat icon sendiri bisa langsung cari aja di Google gambar sesuai dengan keinginan dan ukurannya.

Setelah itu masuk ke Dashboard --> Layout --> Edit HTML dan tempatkan kode/script berikut tepat sebelum kode </head> (biar gak repot cari dengan CTRL+F).
<link href='http://pairponsel.blogspot.com/.gif' rel='SHORTCUT ICON'/>
Ganti kode yang dicetak warna merah dengan link gambar yang kalian inginkan. Setelah itu SAVE dan selesai deh...

FOR BONUS
Skalian saya kasi tutorial tentang caran membuat text berjalan di Tab Bar. Caranya gampang, tinggal tempatkan kode/script berikut setelah kode <head>
<script language='JavaScript'>var txt=&quot;Welcome to pair ponsel &quot;;
var kecepatan=130;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>
Ganti text warna merah sesuai dengan keinginan kalian. Selesai deh...
Met nyoba ya..:D

Jumat, 19 September 2014

cara buat link di komentar blog orang lain

Cara Membuat Link di Kotak Komentar Blog

pair ponsel - kali ini saya akan bagikan trik cara bagaimana menambahkan link di kotak komentar blog. Dalam dunia Blog, kita kenal yang namanya Blogwalking. Blogwalking merupakan cara yang ampuh untuk meningkatkan prestasi blog kita agar menjadi terkenal dan SEO di google.

http://pairponsel.blogspot.com/


Nah dalam hal ini sering kita jumpai Blogger yang meninggalkan alamat web nya di kotak komentar dengan cara menuliskan Text URL tersebut. Ada juga yg memberikan link langsung sehingga apabila link itu di klik akan langsung menuju blog yang dituju.
Dengan menaruh link seperti diatas, tentunya akan sangat mudah bagi orang lain yang ingin mengunjungi blog kita lewat kotak komentar itu tanpa harus mengkopy anchor text nya jika kita meninggalkan Anchor text URL saja.
Langsung saja ke TKP untuk langkah langkahnya :
Copy Tag dibawah dan letakkan di kotak komentar :

<a href="http://nama blog anda.com">Anchor Text</a>, maka hasilnya akan  terlihat seperti ini : Anchor Text 

Contoh :
My Blog : <a href="http://pairponsel.blogspot.com/">pair ponsel</a>

Anda juga bisa menambahkan ketebalan huruf dengan menambahkan <b> Kode diatas </b>
Dan masih banyak tag lagi yang bisa anda gunakan.
Semoga trik ini bisa membantu sahabat Blogger khususnya sahabat G-Fans :]
Jika mengalami masalah silahkan ketikkan di kotak komentar.

cara buat link pada gambar dan tulisan

Tips ini mungkin dianggap jadul, tapi ini adalah salah satu dasar blogger. Lebih lagi bagi anda yang baru saja mengenal blogging, saya rasa teknik ini harus bahkan wajib untuk dikuasai. Penting  fungsinya saat anda mengikuti sebuah lomba atau kontes ngeblog, karena biasanya penyelenggara mensyaratkan membuat link sebagai salah satu aturan lombanya. Apalagi jika blog anda nanti memiliki nilai jual, ngelink tentunya akan menjadi salah satu sumber cring-cring bagi anda.

Apa itu link? Link adalah cara pintas untuk menuju situs lain dengan jalan menautkan alamat situs tersebut ke sebuah tulisan atau gambar. Misal sekarang dari blog ini saya ingin mengajak anda menuju blog saya lainnya. Dari blog ini saya membuat sebuah link berbentuk tulisan yang saat anda klik nanti akan menuju ke blog yang saya maksudkan. Silakan klik tulisan Lagu Anak di bawah ini, tapi jangan lama-lama nongkrong di sana ya. Cepet balik, kita lanjutin jagongan soal linknya hehehe.

Lagu Anak

Bagaimana sudah mampir ke blog yang saya link tadi kan? Nah, itulah yang disebut dengan link. Tentang bagaimana anda membuat semacam jalan pintas menuju situs lain, dengan cara menautkan alamat situs/blog yang dituju pada sebuah tulisan atau gambar di halaman situs/blog anda.

Jika dilihat dalam modus HTML tulisan "Lagu Anak" diatas akan berbentuk seperti di bawah ini.


<a href="http://lagubocah.blogspot.com/">Lagu Anak </a>

Anda perhatikan warna merah dan biru pada kode di atas

Merah : alamat situs/blog yang akan dituju.
Biru : teks yang muncul di blog, yang saat diklik akan mengarah ke situs tujuan ngelink kita.

Selain kode dasar tersebut anda pun bisa menambahkan beberapa atribut yang biasanya diperlukan saat ngelink.

 <a href="http://lagubocah.blogspot.com/" target="_blank">Lagu Anak </a>

target="_blank" : atribut ini berfungsi agar saat link tersebut diklik akan memunculkan halaman baru. Dengan kata lain halaman awal blog anda tetap akan muncul seperti semula. Silakan klik tulisan "Lagu Anak" di bawah ini dan bandingkan hasilnya dengan tulisan "Lagu Anak" di awal tadi.
 Lagu Anak

Bagaimana? sudah tahu perbedaanya kan? Selain itu anda juga bisa menambahkan atribut tittle tag. Yang tujuannya akan memberi keterangan pada link anda saat tersorot mouse. (tak mengapa jika anda abaikan atribut ini).

 <a href="http://lagubocah.blogspot.com/" title="Uncle Lozz" target="_blank">Lagu Anak </a>

Coba sorot link tulisan "Lagu Anak" di bawah ini.

Lagu Anak 

Untuk cara membuatnya, anda bisa langsung menggunakan mode compose saat membuat postingan.

  1. Sorot tulisan/teks yang ingin anda beri link, laluk klik tool Link hingga muncul laman seperti di bawah ini.

  2. Perhatikan tanda yang saya kasih bulatan warna.
    • Text to display : kata / teks di postingan yang ingin kita beri link.
    • Web addres : masukkan alamat situs yang nantinya dituju saat mengklik teks link kita.
    • Open this link in an new window : centang jika kita ingin memunculkan halaman baru saat link tersebut diklik.
    • Test this link : digunakan untuk mengetes alamat situs yang kita masukkan benar atau rusak (broken link)
  3. Klik OK dan horeee sekarang anda sudah membuat link pada postingan anda.
Lantas bagaimana halnya jika anda ingin merubah atau menghapus link yang telah ada dalam postingan? Silakan lihat gambar di bawah ini.
Klik pada teks/tulisan yang kita ingin rubah/hapus linknya. Untuk merubah alamat link, klik Change lalu ganti dengan alamat yang anda inginkan. Untuk menghapus link, anda cukup mengklik tanda Remove.

Untuk memasang link pada gambar, caranya sebenarnya sama dengan cara memasang link pada teks/tulisan. Silakan anda upload gambar terlebih dahulu di postingan.
Klik pada gambar yang ingin diberi link, lalu klik tool Link, setelah itu lakukan langkah cara membuat link pada tulisan seperti di atas hingga selesai. Untuk contoh klik gambar di bawah ini.


Semoga bermanfaat dan selamat mencoba. Hidup link-link ! hehehe