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.

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 '&gt;'
3. '>' menjadi '&gt;'
4. '"' undefineddouble quote) menjadi '&quote;'
5. ''' undefinedsingle quote) menjadi '&#039;'
6. '&' menjadi '&amp;'

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.

---

---

Cara 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

Cara Memasang Auto Scroll Widget Pada Blogger

Cara Memasang Auto Scroll | Widget Pada Blogger | Baru baru ini banyak sekali para blogger mempostingkan widget yang berbeda,seperti saya sendiri mau mencoba untuk memberikan contoh yang anda bisa mengambil widget ini untuk di pasang di blog kalian.Adapun perbedaan Auto Scroll dengan yang lain untuk widget yang sekarang ketika kusor mouse menyentuh ia bergerak, hal ini sangat penting untuk mengundang pengunjung setelah melihat di halaman blog tertentu kita dan bisa melihat urutan baru dari atas kebawah.Sehingga mereka akan punya ide untuk mengambil sebuah pelajaran dari apa yang terjadi seteh gambar yang di sentuhnya bergerak.

Anda Juga Mungkin Meminati widget lainnya sepeti Cara Memasang Widget Tranparan Tombol Share 

Sekarang dalam Artekel ini saya akan menunjukan langkah langkah Cara Memasang Resent Post | Widget Pada Blogger | yang komplit dengan gulungan secara otomatis efek mouse hover pada gambar,setiap postingan berisi judul postingan, tanggal posting dan gambar yang bergerak.

Cara Memasang Auto Scroll Widget Pada Blogger

Langkah 1. Buka Halaman Dashboard >> Template >> Edit HTML

Langkah 2. Cari Kode </ head>,dan Copas kode di bawah ini simpan tepat diatas </ head>

<script src='http://ajax.googleapis.com/ajax/ libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>

Catatan : Catatan: Lewati langkah ini (2) jika Anda telah menginstal perpustakaan Jquery pada Template Blogger Anda untuk itu tidak akan muncul jika Anda memiliki lebih dari satu (1) Jquery perpustakaan.

langkah 3. Klick Save Template

Menambahkan ,Widget Pada Blogger, Di Lay-out Halaman

Langkah 4 . Copypaste Kode Yang Tertera Di Bawah

<style type="text/css" media="screen"> <!-- /* ========== Scrolling Recent Posts Widget By helperblogger.com ======== */ #helperblogger-widget {     overflow: hidden;     margin-top: 5px;     padding: 0px 0px;     height: 385px; } #helperblogger-widget ul {     width: 295px;     overflow: hidden;     list-style-type: none;     padding: 0px 0px;     margin: 0px 0px; } #helperblogger-widget li {     width: 282px;     padding: 5px 5px;     margin: 0px 0px 5px 0px;     list-style-type: none;     float: none;     height: 80px;     overflow: hidden;     background: #fff url(https://lh6.googleusercontent. com/-A6a829gqfDQ/T-3xppy6MlI/AAAAAAAACFE/ RrOao4P11Uk/s1600/helperblogger.com-post.jpg) repeat-x;     border: 1px solid #ddd; } #helperblogger-widget li a {     text-decoration: none;     color: #4B545B;     font-size: 15px;     height: 18px;     overflow: hidden;     margin: 0px 0px;     padding: 0px 0px 2px 0px; } #helperblogger-widget img {     float: left;     margin-top: 2px;     margin-right: 15px;     background: #EFEFEF;     border: 0; } #helperblogger-widget img {     -webkit-transition: all 0.5s ease;     -moz-transition: all 0.5s ease;     transition: all 0.5s ease;     padding: 4px;     background: #eee;     background: -webkit-gradient(linear, left top, left bottom,  from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));     background: -moz-linear-gradient(top, #eee,  #ddd 50%, #c0c0c0 50%, #aaa);     -webkit-border-radius: 4px;     -moz-border-radius: 4px;     border-radius: 4px;     -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);     -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);     box-shadow: 0 0 3px rgba(0,0,0,.7); } #helperblogger-widget img:hover {     -moz-transform: scale(1.2) rotate(-350deg);     -webkit-transform: scale(1.2) rotate(-350deg);     -o-transform: scale(1.2) rotate(-350deg);     -ms-transform: scale(1.2) rotate(-350deg);     transform: scale(1.2) rotate(-350deg);     -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4),  inset 0 0 20px rgba(255,255,255,1);     -moz-box-shadow: 0 0 20px rgba(255,0,0,.4),  inset 0 0 20px rgba(255,255,255,1);     box-shadow: 0 0 20px rgba(255,0,0,.4),  inset 0 0 20px rgba(255,255,255,1); } .spydate {     overflow: hidden;     font-size: 10px;     color: #0284C2;     padding: 2px 0px;     margin: 1px 0px 0px 0px;     height: 15px;     font-family: Tahoma,Arial,verdana, sans-serif; } .spycomment {     overflow: hidden;     font-family: Tahoma,Arial,verdana, sans-serif;     font-size: 10px;     color: #262B2F;     padding: 0px 0px;     margin: 0px 0px; } /* ========== Scrolling Recent Posts Widget By helperblogger.com ======== */ --> </style> <script language='JavaScript'> imgr = new Array(); imgr[0] = "https://lh6.googleusercontent.com/ -kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAA CFM/IdO7GsyUvGM/s1600/no-thumbnail.png"; imgr[1] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUv GM/s1600/no-thumbnail.png"; imgr[2] = "https://lh6.googleusercontent.com/-kPPx1sCN4Pg/T-3xq72pLeI/AAAAAAAACFM/IdO7GsyUv GM/s1600/no-thumbnail.png"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmp_89yaFJz7_mFABLgog1ydyAlKhb4-2dewpofsA28C5nrwfrVoP4lhwLYgYa1ACoT9blSHXNfEd15Eujygjt-x5tdZzZmi5UjMh6BghoGDSqAO5UcWxQauZuewcOJog5HziTcuk7bBs/ s1600/no-thumbnail.png"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmp_89yaFJz7_mFABLgog1ydyAlKhb4-2dewpofsA28C5nrwfrVoP4lhwLYgYa1ACoT9blSHXNfEd15Eujygjt-x5tdZzZmi5UjMh6BghoGDSqAO5UcWxQauZuewcOJog5HziTcuk7bBs/ s1600/no-thumbnail.png"; showRandomImg = true; boxwidth = 255; cellspacing = 6; borderColor = "#232c35"; bgTD = "#000000"; thumbwidth = 50; thumbheight = 50; fntsize = 15; acolor = "#666"; aBold = true; icon = " "; text = "comments"; showPostDate = true; summaryPost = 40; summaryFontsize = 10; summaryColor = "#666"; icon2 = " "; numposts = 10; home_page = "http://cara-alfiyah.blogspot.com/"; limitspy=4; intervalspy=4000; </script> <div id="helperblogger-widget"> <script src='http://code.helperblogger.com/recent- posts-spy.js' type='text/javascript'></script> </div>

Langkah  5. Sekali Lagi Masuk Ke Dashboard, Klik Lay-out Pilih Tambah Gadget
Langkah 6. Scroll Down dan pilih HTML/javascript
Langkah 7. Pada kotak kosong,paste kode yang anda salin dari Langkah 4.
Langkah 8. Tekan Tombol Simpan dan anda sekarang sudah memiliki Widget Recent Post baru dengan efek otomatis.

Singkat Kustomisasi:
a. Ganti  80 untuk menyesuaikan tinggi / box individu widget.
b. Ganti  385 untuk menyesuaikan / mengatur seluruh ketinggian widget.
c. Ganti   http://cara-alfiyah.blogspot.com/  dengan URL blog Anda sendiri.
d. Ganti  10 dengan nomor yang Anda inginkan posting untuk menggulir di widget.
e. Ganti  4 dengan jumlah yang Anda inginkan dari pos untuk muncul dalam widget.
f. Ganti  4000. Meningkatkan nilai akan memperlambat penampilan / bergulir dari posting berikutnya. Penurunan nilai akan membuat efek bergulir lebih cepat.

Anda Juga Mungkin Meminati Cara Membuat Related Post Thubnail Pada Blogger

Akhir Kata 


Demikian lah Cara Memasang Widget Recent Post,Semoga artikel ini menjadi pelengkap blogger anda sekaligus saya ucapkan banyak trimakasih atas kunjungan ke halaman ini,terimakasih .

Cara Membuat Related Post Thubnail Di Blog

 Related Post Thubnail merupakan kebutuhan seorang blogger untuk memperindah sebuah halaman yang bisa di tampilkan dibawah postingan,dia sendiri mempunyai arti yang suka di sebut sebuah elemen yang penting di blogspot untuk menghubungkan satu halaman dengan halaman lain yang terkait.Dengan Adanya Related Post Thubnail di blog kita ,maka pengunjung akan lebih mudah mencari informasi yang terkait di halaman blog kita.Mereka membaca setiap tampilan yang ada pada Related Post Thubnail selain itu juga punya dampak positif di Search Engine Optimization.

Anda Juga Mungkin Meminati Cara Pasang Thubnail Yang Indah Rating Stars Di Blogspot

Ada Beberapa Keuntunga Bagi Blog Kita Dengan Memasang Related Thubnail ,Diantaranya :

. Meningkatkan pageviews , sesungguhnya dengan menampilkan Related Post Thubnail  Bisa menampilkan Link ke Postingan lain yang masih berhubungan,akan membuat pengunjung tertarik denga apa yang kita tayangkan pada thubnail tersebut adapun dengan pageviews tentu lebih meningkat.
Anda Juga Mungkin Meminati Cara Memasang Thubnail Indah Berwarna Di Blogspot 

. Membuat Postingan Lama Tetap Hidup, Related Post Thubnail mengindeks semua postingan yang ada di blog kita,tidak hanya Rrcent Post tetapi semua postingan yang masih berhubungan.Sehingga postingan lama pun tetap akan muncul Di Related Post Thubnail jika postingan tersebut masih berhungan.

. Mengurangi Bounce Rates Related Post Thubnail pengunjung akan bertahan lebih lama dengan membaca artikel yang terkait lainnya yang tampil di related post lain. Dengan begitu akan mengurangi bounce rates kita.

Bagaimana cara membuat Related Poste Thubnail Di Blog Kita ?

Sebetulnya banyak cara untuk membuat Related Post Thubnail,tapi kali ini saya akan memberikan contoh yang paling sederhana dan mudah cara membuatnya buat anda yang memerlukannnya.

1. Anda langsung masuk www.linkwithin.com
2. Isikan Formulir yang tersedia , kotak email masukan alamat URL blog anda,pilih platform centeng dengan yang anda sukai seperti Blogger,Wordpress dan Typepad.Kemudian tentukan berapa thubnail yang anda perlukan seperti pada gambar tertera memilih tiga widget.

Install Widget di Blogger

3. Klik Install Widget untuk membuka Blogger di jendela baru, dan ikuti langkah-langkah di bawah ini dalam jendela itu. Login ke akun Blogger Anda jika perlu.

4. Pilih sebuah blog jika Anda memiliki lebih dari satu, kemudian klik Add Widget.

5. (Opsional) Untuk kinerja yang lebih baik, Drag dan Drop kotak LinkWithin di bawah "Posting Blog" kotak.

4. Klik Simpan.

Akhir Kata

Selesesai Sekarang blog anda sudah terpasang sebuah widgwt Related Post Thubnail yang indah,demikianlah Cara Membuat Relate Post dan bila Anda Juga Mungkin Meminati Cara Memasang Transparan Mengambang Bar Vertikal

Cara Daptar Blog Gratis Di Blogger

 Cara | Daptar Blog | Gratis Di Blogger Bagi Kalian yang belum memilikinya sekarang boleh saja bisa merencanakan untuk sekedar iseng yang lagi pada main internet di depan komputer apalagi mereka yang hoby menulis,membuat gambar,video,dll. Disini anda bisa menggunakan layanan weblog gratisan dalam menerbitkan hasil karya sendiri sehingga di ketahui oleh masyarakat Dunia Internasional.

Gemana anda tertarik dengan Cara  daptar blogger sebetulnya banyak peluang bagi anda yang mau berkarya melalui internet yang bertujuan usaha bisnis online yang bisa meraup penghasilan besar,apalagi kita sudah punya blogspot.Memang banyak selain blogs yang menyediakan penerbitan gratis ada juga seperti Wordpress,Joomla dan lain sebagainya itu semua bisa anda pilih tapi menurut saya ini yang paling simple.

Apabila anda belum tahu apa arti dari blogspot itu...? blogspot adalah singkatan dari webblog. Yang ininya bisa di update kapanpun dan dimanapun serta dapat memberikan sebuah komentar dari apa yang kita terbitkan.

Untuk mempersingkat waktu apalagi anda sudah tidak sabar untuk segera .Sebelumnya anda harus punya eMail google,kalau belum punya daptar dulu Ke GeMail | Untuk Melanjutkan Cara Daptar Ke Blogger


Daptar Ke Blogspot 

1 . Buka Ke Alamat blogger 

2 . Masukan Account Google Anda Di Kotak Yang Tersedia Klik Msuk

 3 . Selanjutnya Akan Di Bawa Kehalaman Konfirmasi Profile Lalu Klik Lanjutkan

 4 . Kemudian Anda akan Di Arahkan Kehalaman Home Blogger, Lalu Klik Blog Baru Untuk Membuat Account Blog Anda

 5 . Isikan Judul Blog,Usahakan Sesuai Dengan Isi Tofik Blog Anda Lalu Masukan Alamat Blog Anda,Tunggu Sampai Proses Pengecekan Ketersedian Selesai Dan Muncul Tulisan Alamat Blog Ini Tersedia ,Dan Pilih Salah Satu Tampilan Untuk Blog Anda , Lalu Klik Buat Blog .

6 . Anda Akan Mendapat Pemberitahuan Bahwa BBlog Anda Telah Berhasil Di Buat Seperti Gambar Berikut.

 7 . Jika Ingin Melihat Tampilan Blog, Anda Tinggal Mengklik Lihat Blog Dan Akan Muncul Seperti Gambar Berikut.

8 . Selamat Blog Anda Telah Jadi Terlihat Seperti Gambar Diatas,Selanjutnya Blog Daptarkan di Webmaster Tools,Anda Lihat Cara daptar Blogger | Website Pada Webmaster Tools

Akhir Kata

Demikianlah tips Cara Daptar Blog Semoga Bermanfaat bagi kalian ,Salam Blogger.

---

---