Membahas Segala Tutorial : Kode HTML

Showing posts with label Kode HTML. Show all posts

Sunday, 30 March 2014

Cara Membuat HTML Language Kode Pada Blog Anda

by Muhamad Hamdan

Mengatur Bahasa dalam Halaman Blog

Sebuah website/blog harus menyatakan dengan atribut lang dalam suatu halaman blogs dengan kode HTML,sekarang kita lihat Cara Membuat HTML Language Kode Pada Blog yang dimaksudkan untuk membantu mesin pencari dan browser,mudah mudahan Anda memahami bahwa banyak orang yang menggunakan blogs dengan bahasa yang berbeda di berbagai Negara. menurut rekomindasi W3C kita harus menyatakan bahasa utama untuk suatu halaman (untuk bahasa Indonesia) seperti ini :

<html lang=" id ">
..........................
</html>

Sedangkan dalam XHTML bahasa dinyatakan dengan kode <html> yang menampilkan sebagai berikut :

<html xmlns="http://cara-alfiyah.blogspot.com/2013/12/cara-memasang-widget-alexa-traffic-rank.html " lang=" id " xml : lang=" id ">
..................
</html>

Akhir Kata

Demikianlah posting Cara Membuat HTML Language Kode Pada Blog Anda semoga bermanfaat,Apa pendapat Anda tentang indikasi Saya ? atau ada metode blog indikasi yang Anda tahu ? mohon berbagi dengan kami dibagian komentar, Salam Blogger.

HTML Link Imge HTML search engine Kode HTML

Sunday, 23 March 2014

Cara Membuat Iframe Indah Pada Blogger Blogs

by Muhamad Hamdan

Blogging+Info+Test+ALfiyah+Blogger++Add+Iframe+Pada+Blogger+Blogs+Anda+Baru

Pada umumnya iFrame digunakan untuk Video,tetapi seorang web dapat memasukan dokumen dalam dokumen lain menggunakan iFrame tag.IFrame dalam bahasa HTML disebut Inline Frames,sehingga dapat digunakan untuk embedd halaman web dan sekarang Anda bisa memasangnya di halaman blogger blogs.

Pada halaman lain Saya dapat membuat contoh untuk bukti bagi Anda yang mau menerapkan iFrame situs Alfiyah Info Blogger mobile web.Terkadang kita membuka sebuah situs dari Ponsel atau Tablet Anda dapat melihat contoh yang sama seperti pada Live Demo.

Live Demo

Bagaimana memasang iFrame pada Blogger Blogs Anda ?.

Pertimbangkan Anda menulis sebuah postingan blog dan ingin menunjukan situs favorit di dalam posting blogger, kemudian menggunakan iFrame dapat memberikan pembaca Anda dapat memberikan pengalaman visual yang lebih baik.

Tambahkan kode bereikut ke blog/website Anda dengan mengedit HTML dari postingan,Saya memberikan kode di bawah dengan contoh situs mobile Alfiyah Info Blogger, Anda dapat mengganti URL merah dengan Link Blogger Anda.

<iframe frameborder=”1″ height=”1230px” marginheight=”0px” marginwidth=”0px” name=”" scrolling=”no” src=”http://kode2caraalfiyah.blogspot.com/” style=”border: 0px #FFFFFF none;” width=”468px”></iframe>

Apabila Anda mencari peringkat tinggi,jangan memasang iFrame karena akan menggangu bot mesin pencari akan bingung dengan iFrame, karena didalamnya mengandung halaman web lengkap dalam web halaman lain. Biasanya bot mesin pencari akan mengikuti urutan HTML seperti kepala,elemen tubuh dll.

Akhir Kata

Demikianlah posting Cara Membuat Iframe Indah Pada Blogger Blogs semoga bermanfaat,Apa pendapat Anda tentang indikasi Saya ? atau ada metode blog indikasi yang Anda tahu ? mohon berbagi dengan kami dibagian komentar, Salam Blogger.

HTML Ratings Button

Tuesday, 28 January 2014

Cara Menambahkan Box Shadow Dengan Kode CSS3 Pada Elemen Blogger

Box Shadow Dengan Kode CSS3 Pada Elemen Blogger

Written by Muhamad Hamdan on Selasa Jan 29th 2014

Assalamu'alaikum Sahabat kita jumpa kembali dengan postingan hari ini yaitu Cara Menambahkan Box Shadow Dengan Kode CSS3 Pada Elemen Blogger yang sangat bermanfaat buat melengkapi halaman blog Anda dengan tampilan lebih Indah Seperti yang di inginkan oleh para pengunjung.

Box Shadow Dengan Kode CSS3 Pada Elemen Blogger Anda,bagaimana cara menambahkannya..? ini sangat mudah untuk Anda yang masih belajar termasuk Saya,karena disini Saya memberi kode CSS3 hanya cukup dengan petunjuk seperti yang tertera dibawah.

Silahkan copypaste kode CSS3 dibawah bila Anda mau menambahkannya.

ALfiyah Info Blogger

<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:300px;
height:100px;
background-color:green;
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>

<div>Artikel Anda Simpan Disini</div>

</body>
</html>

Kode diatas menghasilkan kotak bayangan seperti gambar dibawah,yang bisa digunakan untuk melengkapi artikel blogs Anda.Untuk pemberian kode warna bisa Anda rubah sesuai dengan selera,juga untuk width:300px dan heigt:100 bisa diganti dengan keprluan.

Artikel Anda Simpan Disini

Friday, 10 January 2014

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

HTML Images - The Alt Attribute

HTML Images - Mengatur Tinggi Lebar Dari Suatu Gambar

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

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.

Thursday, 9 January 2014

Cara Membuat Kode HTML Pada Blogger

Kode HTML Pada Blogger

Selamat jumpa kawan Blogger semua,Kita kali ini akan membahas sedikit tentang cara membuat kode HTML untuk posting di blogger mengapa kita harus membuat kode HTML? karena dengan menggunakan tulisan yang langsung di simpan di element postingan dengan secara langsung tidak akan menghasilkan kode apa yang kita inginkan.Cara Membuat Kode HTML Pada Blogger

Untuk mengoptimalkan kode HTML yang akan di postkan dihalaman Blogger Harus menggunakan kode Encoder, seperti yang akan kita temukan di halaman bawah generator kode encoder merupakan sebuah alat yang khusus untuk mempermudah dalam penggunaannya saya sengaja menerbitkan generator ini bagi sahabat blogger yang belum punya.

Cara Membuat Kode HTML Pada Blogger

Live Demo
Sekarang anda bisa mencobanya dengan menggunakan kotak kode encoder yang tertera di bawah tinggal kalian menyimpan konten atau kode HTML persiapan yang akan di post ke Blogger. Anda juga bisa melihat ada contonya di bawah.

Contoh :
1. '<' menjadi '&alt;'
2. '>' menjadi '>'
3. '>' menjadi '>'
4. '"' undefineddouble quote) menjadi '&quote;'
5. ''' undefinedsingle quote) menjadi '''
6. '&' menjadi '&'

Akhir Kata
Demikian Cara Membuat Kode HTML Pada Blogger Semoga artikel ini menjadi pembantu dalam membuat posting anda di suatu halaman blogger,terimakasih atas perhatiannya Salam Blogger.