Cara Menambahkan Dengan Gaya Berbeda Recent Post Widget Pada Blogger

Cara Menambahkan Dengan Gaya Berbeda Recent Post Widget Pada Blogger

Written by Muhamad Hamdan on Minggu Jan 19th 2014

---

Cara meningkatkan tampilan dihalaman Blog Anda atau Website dengan menambahkan recent post gaya baru untuk mempermudah pengunjung dalam pencarian artikel yang terkait di suatu halaman Blog.Juga sangat bagus untuk mengurangi Bounce Rate Blog/Website Anda.Pada hari Saya akan menunjukan Cara Menambahkan Dengan Gaya Berbeda Recent Post Widget Pada Blogger Anda dengan tampilan yang lebih indah dan lebih menarik bagi pengunjung Blog Anda.Harapan Saya Anda menikmati tampilan yang multi warna Widget Recent Post dengan CSS dan jQuery dalam meningkatkan Page views pengunjung Anda.Semoga Blog/Website Anda lebih top dalam peringkat Google, Yahoo dan Bing.

---

Bagaimana Cara Menyipan Widget Recent Post Pada Blogger...?

---

Langkah 1. Anda Ligin Blogger Account
Langkah 2. Pilih Layout dan langsug klik
Langkah 3. Pilih Gadget dan klik tambah gadget
Langkah 4. Copypaste kode HTML dan simpan kolom popup HTML/JavaScript
Langkah 5. Sudah menyimpan kodenya lalu klik Save
Langkah 6. Selesai dan lihat hasilnya

---

 Anda ikuti langkah-selanjutnya cara menambahkan widget pada Blogger Anda

---

Live Demo

Silahkan Anda Sekarang Copypaste Kode HTML Ini

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript"> home_page = "http://cara-alfiyah.blogspot.com/"; numposts = 7; imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor  = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script  src="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js"  type="text/javascript"/><a href="http://cara-alfiyah.blogspot.com/" rel="dofollow" target="_blank" title=""><img alt="" border="0"  src="http://i1341.photobucket.com/albums/o741/bujangarab1/56bbf131-f319-4643-8c54-4ae97111d956_zps5c4c7e72.gif" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/> </a><a href="http://cara-alfiyah.blogspot.com/" rel="dofollow" target="_blank"  title="ALfiyah Info Blogger"><img alt="ALfiyah Info Blogger" border="0"  src="http://i1341.photobucket.com/albums/o741/bujangarab1/56bbf131-f319-4643-8c54-4ae97111d956_zps5c4c7e72.gif" style="position: fixed; bottom: 10%; right: 0%;"/> </a><a href="http://cara-alfiyah.blogspot.com/" rel="dofollow" target="_blank" title="ALfiyah Info Blogger"> <img alt="ALfiyah Info Blogger" border="0" src="http://i1341.photobucket.com/albums/o741/bujangarab1/56bbf131-f319-4643-8c54-4ae97111d956_zps5c4c7e72.gif" style="position:  fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css" /></script ></div>

Catatan : Kode HTML yang bertanda merah diganti dengan alamat Blogger Anda,Sedangkan warna biru bisa Anda rubah sesuai dengan selera yang Anda mau.Misalkan dirubah dengan 5,6,7 dan selanjutnya.

Demikian tutorial cara menambahkan widget semoga bermanfaat. Anda juga mungkin meminati Cara Memasang Auto Scroll Widget Pada Blogger

---

Membuat Blogger Template SEO Friendly

Membuat Blogger Template SEO Friendly

Written by Muhamad Hamdan on Sabtu Jan 18th 2014

---

Blogger adalah CMS yang paling populer yang sedang digunakan oleh ribuan bahkan jutaan Blogger. Hal yang terbaik dari itu adalah yang dimiliki oleh Google yang membantu Webmaster untuk melibatkan blog mereka dengan Google karena untuk mendapatkan lebih banyak lalulintas dengan Google.Disana kita dapat menginstal template kustom tapi kebanyakan template tidak Dioptimalkan secara SEO,dikarenakan dirancang oleh pengembang yang berbeda.Jadi jika Anda termasuk Saya juga menggunakan template kustom atau template Default maka Anda harus memeriksa maka kita harus memeriksa untuk mengoptimakan di mesin pencari,Jika tidak kita harus mengoptimakannya untuk mendapatkan lalulintas yang cerdik.Jadi dalam kesempatan ini kita belajar untuk Membuat Blogger Template SEO Friendly .

---

Tampilan Judul Postingan Pertama Dalam Search Results

---

Pernahkah Anda memperhatikan bahwa judul postingan muncul setelah judul blog dalam hasil pencarian...? jika betul terus ikuti bagian ini.Petama tama lihat contoh dibawah ini.

Setelah melihat gambar diatas mungkin Anda sudah mendapatkan point,dengan alasan mengapa paska judul harus muncul pertama dalam hasil pencarian adalah bahwa ketika sesorang akan mencari konten apapun Dia akan membaca beberapa kata judul jika cocok dengan konten yang dicari maka dia akan mengkliknya,kalau tidak cocok dia akan mengabaikannya.Dalam rangka untuk menggelar tampilan posting timbul pertama dalam hasil pencarian ikuti langkah dibawah ini.

♣

         Pergi Blogger >> Template >> Backup Template Anda

♣

         Klik Edite HTML Dan Cari Kode Dibawah Ini.

...          .           <title><data:blog.pageTitle/></title>            .                        ..

♣

        Ganti Kode Diatas Dengan Kode Berikut.

<b:if cond='data:blog.pageType == &quot;item&quot;'>                            <title><data:blog.pageName/> | <data:blog.title/></title>                   <b:else/>               <title><data:blog.pageTitle/></title>            </b:if>

♣

        Simpan Template Anda Dan Klik Sive.

♣

        Sekarang Langkah Selanjunya.

---

Menambahkan Meta Deskription Dan Keyword Tags

---

Didalam bagian ini kita akan menambahkan meta deskription dan keyword tags,adapun gunanya adalah agar blog Anda mudah di Crawler oleh mesin pencari yang didasarkan dari kategori blog Anda.Ini juga akan membantu mesin pencari untuk menampilkan postingan blog pada kata kunci yang tepat.Untuk itu mari ikuti cara menambahkan deskripsi dan kata kunci berikut ini.

♣

         Pergi Blogger >> Template >> Edite HTML

♣

        Sekarang Cari Kode <head>, Kalau Sudah Ketemu Simpan Kode Dibawah Ini Tepat Setelah <head>

<meta content='TULIS DISINI DESKRIPSI BLOG'S ANDA' name='description'/>      <meta content='DiSINI TULIS KEYWORD ANDA' name='keywords'/> .

♣

        Catatan :"TULIS DISINI DESKRIPSI BLOG'S ANDA" Isi dengan diskripsi anda sebanyak 150 karakter,dan "DiSINI TULIS KEYWORD ANDA" ganti dengan kata kuci blogs Anda sebanyak 150 karakter.

♣

         Akhirnya Klik Simpan, Selesai!

---

Mengoptimalkan Judul Posting Dengan Tag H2

---

Para Blogger Profesional menganjurkan kita untuk menggunakan tag H2 yang bertujuan agar judul blog kita optimal dalam mesin pencari lebih bagus.Secara default di Blogger,tag H3 dijadikan judul posting,tetapi tag H2 lebih baik.Untuk menggunakan H2 dalam posting blog ikuti langkah berikut.

♣

         Pergi Blogger >> Template >> Edite HTML

♣

            Lalu Cari Kode Dibawah Ini

<b:if cond='data:post.title'>                   .

♣

            Sekarang Anda Akan Melihat Perbedaan Sesuatu Yang Tertera Pada Gambar Dibawah

♣

            Pada Gambar Diatas Anda dapat melihat bahwa dalam memulai judul postingan blog dimulai dengan tag H3. Sekarang Anda hanya perlu Mengganti tag H3 menjadi tag H2,dan juga tag akhir </ h3> dengan </ h2> .Setelah mengganti terlihat akan seperti gambar dibawah ini.

♣

            Setelah Mengoptimalkan Judul Posting ,Sekarang Yang Perlu Lakukan Anda Tinggal menyimpan Template.

♣

         Selamat ! Buat Template Anda Berhasil Dioptimalkan Mesin Pencari.

---

Tutorial Google's Halaman Unlock Captcha - ALfiyah

Tutorial Google's Halaman Unlock Captcha

Written by Muhamad Hamdan on Friday Jan 16th 2014

---

Dua hari yang lalu ada seorang yang menanyakan, bagaimana cara mengaktikan "imap gmai.com"..? yang karena dengan alasan terkunci. Saya mengintruksikan untuk mencoba membukanya kembali dengan menggunakan account google unlock captcha.

Seperti yang sudah dilakukan sebelumnya ketika akunnya terkuci dan ternyata mereka telah berhasil dengan cara menggunakan Google's Halaman Unlock Captcha untuk mengizinkan akses ke akun google anda kembali. Hararapan yang membantu seseorang yang lagi mendapat kesulitan semoga berhasil dalam jangka waktu sedikit. Demikin satu pengalaman yang jarang terjadi,tapi kita gak ada salahnya untuk berbagi ilmu,ada pepatah yang mengatakan "Carilah Ilmu Walaupun Sampai Ke Negri Cina".

---

---

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.

---

Cara Membuat File Robots.txt Mudah - ALfiyah Info Blogger

---

Bagaimana Cara Membuat File Robots.txt

---

File Robots Txt adalah sebuah misteri bagi pakar blogger seperti saya.Tetapi kenyataannya tidak ada yang misteri di dunia ini,kecuali anda menjelajahi sepenuhnya.Jika anda khawatir tentang bagaimana cara mudah menulis file robots.txt,jangan terlalu panik ini sangat sederhana sekali seperti anda menulis postingan blog atau umpama mengedite sebuah artikel halaman yang ada. Yang penting anda harus mengetahui tindakan apa yang harus digunakan. Biasanya robot / spider menjelajahi situs untuk beberapa hal,seperti halaman artikel, control panel admin,tag,arsip. Mereka mengindeks apa apa saja yang terlihat untuk di akses bagi mereka. Hal ini sangat penting untuk membatasi mereka dari mengindeks segala sesuatu dari website kita.
Setiap file Robots.txt dari sebuah situs akan berlokasi di www.Domain Name.com/robots.txt, misalnya www.alfiyah.com/robots.txt.Biasanya robots.txt file juga dikenal sebagai Robots.txs Excluison Protocol.Jadi setiap kali robot mengunjungi website anda,ia terlebih dahulu harus mengunjungi halaman / robots.txt,kemudian mengunjungi halaman lain untuk mengindeks.

---

Sekarang Ikuti 7 Lankah Cara Membuat File / Robots.txt

---

Sekarang kita akan memeriksa bagaimana agar bisa membatasi spider mesin pencari untuk mejelajahi situs kami untuk hal-hal yang tidak di inginkan.Anda harus mengenal 6 tahap untuk menulis file robots.txt.Dan anda juga harus mengetahui dasar dan advanse minimal untuk satu kali untuk menulis file / robots.txt,karena anda tidak setiap hari untuk menggantinya.Mari kiata lihat perintah yang paling penting tahapan untuk menulis sebuah file yang sukses robots.txt.

---

Tahap 1;perbedaan * dan / entri.

---

Jadi sebelum menulis file sukses / robots.txt. Anda harus tahu perintah dasar dan penggunaannya. Hal pertama yang perlu anda ketahui tentang /robots.txt adalah perintah User-agent. Selanjutnya muncul perintah Disallow yang di jelaskan sebagai berikut.

”
User-agent: *
Disallow:

Disini,User-agent: * berarti bahwa bagian tersebut diterapkan pada semua robots.* Disebut Wildcard yang biasanya berarti semua.Datang keperintah Disallow,ini memberitahu robot bahwa mereka tidak dapat indeks dimana saja mereka inginkan. Jadi * ini berarti ,robots harus membaca semua materi sebelum melanjutkan .

”
User-agent: *
Disallow: /

Disallow: / ini berarti robot tidak diperbolehkan untuk menjelajahi apa-apa,jadi sekarang anda punya perbedaan ? Jika * maka indeks semua,jika / jangan indeks apa-apa.

---

Tahap 2: Muka perintah dalam file robots.txt.

---

Sehingga kita menemukan perbedaan antara * dan /,sekarang saatnya untuk belajar lebih banyak tentang perintah sebelumnya dalam file/robots.txt.Dimulai User-agent dan Disallow,kita akan memperoleh beberapa perintah untuk melarang robot yang tidak diinginkan dari mengakses situs kami.

” User-agent: *
Disallow: /cgi-bin/

Perintah diatas ini berarti bahwa,semua robot berkas tidak diizinkan untuk indeks apapun di folder cgi-bin memiliki subfolder dan halaman cgi-bin/newsite,cgi atau cgi-bin/examle/idontknow cgi,maka mereka mau di indeks atau di akses oleh robot.
Dan jika anda ingin membatasi file robot tertentu,kemudian menyebutkan nama robot untuk membatasi dari mengindek situs anda.

”
User-agent: Googlebot-image
Disallow: /

Dalam contoh diatas,kita membatasi google image pencarian bot untuk mengindeks situs kami untuk gambar disini.Googlebot-image adalah robot yang mencoba untuk melarang dari situs kami. Jadi tanpa izin anda dari /robots.txt.Googlebot-image tidak seharusnya indeks file apapun dari directory root "/" dan semua subfolder,mau indeks apapun dari situs anda.Bot ini biasanya di gunakan untuk memindai gambar untuk menunjukan kepada mereka di google-image pencariaan.

---

Tahap 3: Perbedaan antara /sesuatu / dan /sesuatu.

---

Disini kita akan melihat bagaimana membatasi file yang berbeda,folder atau tempat-tempat yang merugikan kesehatan diri sendiri.

”
User-agent:*
Disallow: /cgi-bin/
Disallow: /wp-admin/
Disallow: /wp-content/
Disallow: /wp-incluides

Panjang / perintah robots.txt memberitahu robot di atas bahwa sesuatu di direktori cgi-bin tidak dapat diakses oleh salah satu bot. Demikian wp-admin, wp-content, wp-includes direktori dibatasi untuk pelanggaran oleh robot.
Anda harus mencatat hal yang sangat penting tentang "/" penggunaan. Jika Anda ingin menyebutkan sebuah direktori atau folder di situs Anda, maka mereka harus memulai dan mengakhiri dengan "/" di file / robots.txt. Sebagai contoh,

”
User-agent:*
Disallow: /cgi-bin/

Ini akan memberitahu robot yang cgi-bin adalah direktori, dan.

”
User-agent:*
Disallow: /cgi-bin

Ini akan memberitahu robot untuk mengobati cgi-bin bukan sebuah direktori, tapi sebagai file dalam situs web Anda. Sama seperti cgi-bin.html atau sesuatu. Jadi menghindari membuat kesalahan yang hilang "/" di awal dan akhir untuk direktori.

---

Tahap 4: Bagaimanna untuk membatasi gambar yang tidak di inginkan ?

---

Jika Anda tidak ingin bot Google untuk mengindeks gambar tertentu, Anda dapat membatasi itu.

”
User-agent:Googlebot-image
Disallow: /image/adsense.jpg

Menggunakan perintah di atas, Anda dapat membatasi Googlebot-Image untuk gambar indeks adsense.jpg.

---

Tahap 5: Bagaimanna untuk membatasi halaman yang tidak di inginkan ?

---

Hanya mirip dengan perintah di atas, Anda juga dapat membatasi halaman tertentu dalam file / robots.txt.

”
User-agent:*
Disallow: /alfiyah/adsense.html
Disallow: /alfiyah/applications.html
Disallow: /alfiyah/scret.html

Perintah di atas menceritakan robot untuk tidak mengindeks atau merambah halaman yang disebutkan di atas. / seosiren / sini berarti direktori, dan adsense.html, applications.html, secret.html sebagai halaman. Jadi kita membatasi / alfiyah / serta halaman lain untuk menjadi indeks.

---

Tahap 6: Apa yang dimaksud dengan sempurna file layout/robots.txt?

---

Anda / file robots.txt harus sesuatu seperti ini.

”
Sitemap: http://cara-alfiyah.blogspot.com/sitemap.xml
User-agent: *
Disallow: /cgi-bin/
Disallow: /wp-admin/
Disallow: /wp-content/
Disallow: /wp-includes/
Disallow: /recommended/
Disallow: /comments/feed/
Disallow: /wp-content/plugins/
Disallow: /trackback/
Disallow: /index.php
Disallow: /xmlrpc.php
User-agent: Mediapartners-Google*
Allow: /
User-agent: Googlebot-Image
Allow: /wp-content/uploads/
User-agent: Adsbot-Google
Allow: /
User-agent: Googlebot-Mobile
Allow: /

Itulah, di atas / robots.txt berkas, kita membatasi direktori yang paling penting dan file yang akan diindeks atau dijelajahi oleh robot.

---

Tahap 7: Knock off!

---

Jika Anda tidak jelas atau masih bingung tentang file / robots.txt setelah membaca posting ini, saya akan menyarankan Anda untuk tiruan file / robots.txt dari teman atau website pesaing. Hehe! Itulah apa yang dapat Anda lakukan ketika Anda tidak jelas tentang hal-hal instan

Cara Membuat Kode HTML - Alt Image Pada Blogger

Assalamu Alaikum sahabat blogger,kita bisa bersilaturami kembali dengan konten saya yaitu Cara Membuat Kode HTML l Alt Image Pada Blogger tentunya sahabat udah pada tahu mengenai cara ini dari blogger yang sudah mempunyai prinkat tnggi di dunia internet, tetapi engga ada masalah kita untuk mrefrese pengetahuan kita agar lebih cemerlang lagi, dan juga untuk yang belum tahu atau mengenal mari kita untuk bertukar pikiran dalam meningkatkan wawasan dalam bidang Blogger,internet dalam hal membuat kode HTML image/gambar dengan mudah untuk penerapannya. Jika anda merasa kesulitan bisa menghubungi  Kode Contact Us lewat belakang halaman.



Sekarang kita pokuskan pada konten selanjutnya yang akan menyuguhkan definisi HTML.

HTML image - kode <img> Tag dan kode src Attribute 

 Dalam HTML,image didefinisikan dengan tag <img> 
Tag <img> kosong,yang berarti mengandung atribut saja,dan tidak memiliki tag penutup.
Untuk menampilkan gambar pada halaman,anda perlu menambahkan atribut scr,kalau belum tahu arti dari
Src adalah " Sumber " dan nilai dari src adalah URL dari gambar yang akan ditampilkan.

Sintaks Untuk Mendefinisikan Gambar 

<img src="url" alt="some_text">

HTML Images - The Alt Attribute

<img src="smiley.gif" alt="Smiley face">

HTML Images - Mengatur Tinggi Lebar Dari Suatu Gambar

<img src="smiley.gif" alt="Smiley face" width="42" height="42">

Catatan : Tanda warna hijau ganti dengan URL image anda dan tanda warna kuning ganti dengan alt gambar anda untuk menentukan tinggi lebar gambar bisa dirubah sesuai keinginan anda.Anda juga mungkin meminati
Cara Membuat HTML Links Pada Blogger

Akhir Kata

Wasalamualaikum ,Demikian Cara Membuat HTML Image pada Blogger Semoga artikel ini bermanfaat menjadi bertambah wawasan kita semua,selamat berkarya di blogs.

Cara Membuat Kode HTML Link Pada Blogger

Dalam kesempatan ini kita mencoba untuk mengenal cara Cara Membuat Kode HTML Links Pada Blogger , sebetulnya artikel seperti ini sudah banyak di terbitkan oleh pakar Blogger yang sudah tenar,namun ada baiknya untuk mengung kembali dalam terbitan yang baru supaya lebih mudah dan gampang dalam pembuatannya.

Seperti apa yang akan di tampilkan pada edisi  sekarang memang tidak jauh berbeda dengan apa yang para pakar blogger yang sudah populer di dunia kode HTML,sekarang saya akan memberikan sebagian kode yang mungkin annda memerlukannya untuk melengkapi halaman blogger dengan menempatkan sebuah HTML Links pada paragrap tertentu.

Apa Gunanya Kita Membuat Kode HTML Links Pada Blogger ?

Pada dasarnya Links yang ditemukan disuatu halaman blogger,Links yaitu pengguna untuk mengklik dalam menelusuri dari satu halaman ke halaman lainnya.Cara Membuat Kode HTML Links Pada Blogger

HTML Hyperlinks ( Links )

HTML  <a> tag mendeminisikan hyperlinks

Sebuah Hyperlinks ( atau Links ) adalah kelompok kata atau gambar yang anda klik untuk menelusuri artikel lain.

Bila anda memindahkan kusor diatas Links dihalaman blogger, panah akan berubah menjadi peraba kecil.

Atribut yang paling penting dari elemen  <a> adalah atribut href, yang menunjukan alamat Links.

Secara default,Links akan muncul sebagai berikut  di semua browser.

.  Links yang belum dikunjungi adalah digarisbawahi timbul warna biru

. Sebuah Links yang dikunjungi digarisbawahi timbul warna ungu

. Links aktif digarisbawahi timbul warna merah

HTML Links Syntax

Saya akan kasih contoh secara simpel lihat seperti ini

<a href="url">Link text</a>

Contoh : 

<a href="http://cara-alfiyah.blogspot.com/">cara-alfiyah.blogspot</a>

HTML Links - Untuk Target atribut

<a href="http://cara-alfiyah.blogspot.com/" target="_blank">cara-alfiyah.blogspot</a>

Catatan warna merah ganti dengan URL Blogger anda dan warna kuning ganti dengan nama yang di tuju..

Akhir Kata

Demikian Cara Membuat kode HTML Links Pada Blogger semoga bermanfaat.