How to add Images manually on blogger and website

Lihat dan hitung, seberapa banyak aplikasi Android yang Anda instal di smartphone Anda?

Pernahkah terbersit di benak Anda bagaimana cara membuat aplikasi-aplikasi tersebut?

Apakah Anda Saat Ini Ingin Sekali Bisa Bikin Aplikasi Android Sendiri? Seperti aplikasi game edukasi, media pembelajaran, aplikasi berbasis sensor, aplikasi multimedia, dan lain sebagainya?

Tetapi

1. Tidak Ngerti Coding

2. Tidak Tahu Computer Programming

3. Tidak Paham Bahasa Pemrograman Android

4. Dan Sama Sekali Bukan Lulusan IT?

Jangan Khawatir ...

Ternyata, bikin aplikasi Android itu SANGAT MUDAH, bahkan bagi Pemula sekalipun.

Sekarang Anda bisa bikin aplikasi Android dengan Cepat, bahkan TANPA HARUS CODING.

Tak peduli apapun latar belakang Anda, bikin aplikasi Android itu MUDAH, semudah bermain Puzzle.

Anda Hanya Perlu 4 Langkah berikut ini :

1. Drag & drop komponen-komponen yang dibutuhkan

2. Percantik tampilan aplikasi dengan mengatur layout dan desain tampilan

3. Susun blok-blok kode programnya, dan

4. Build aplikasi Anda jadi file instalasi *.APK

Lantas, Bagimana Cara Memulainya?

Mudah kok, karena sudah hadir untuk Anda Di Sini :

"Video Tutorial Android Tanpa Coding untuk Pemula"

Video tutorial yang membahas cara membuat aplikasi Android dengan sangat MUDAH, CEPAT, & TANPA CODING menggunakan tools App Inventor 2.

Images are important to attract more visitors to any site.Adding relevant images on your blog,you can make your blog a professional blog site.You know that content of most sites are copyrighted. It also some Images are copyrighted.That means you can't publish these images without any permission of image owner.Perhaps you can add images on your blog with a credit to image owner's site.

Today images become a money making method.If you're a professional photographer,you can make huge money from selling your images. shutterstock,photoboxgallery,photostockplus and 123rf are some websites that you can make money selling your quality and none-copied images.Also you can buy quality images from these sites too.Images can tell thousands of words.We all know about it.So having one or more images on a blog post,You can get many advantages without doing any hard work such as boosting traffic, reducing bounce rate,increasing comments,user engagement and time on site etc.

How to add an Image ?

There are two methods you can use for adding images to your blog post or static pages.

Add images using blogger "Insert Image" tool.
Add images manually by coding.(You're Here)

Other Tutorials on Image

Add images manually to your blog

You can add images to your blog posts/static pages or HTML/JavaScript element manually.This method is really helpful for all bloggers.Because you can customize performances of your images as you like. Also you can use CSS to add more effects to your images.Now let me to explain you how to add image manually to your blog.

#Choosing an Image to show up

This is the important part of the adding image.Because when you're going to publish your own images,First you should get images hosted on the Internet using image hosting company/website.Images should be securely hosted and more times till your images exist on your blog.You can host your image on the blogger free image hosting service(Picasa).

You can get the URL of any Image easily.Just right click on the image and click on "Copy image URL" option from the tool up menu(Google Chrome) or click on "Copy Image Location" option in Mozilla Firefox. Always try to get the available largest size of the image.It is helpful for customizing the image and display best image. If you want to check that your copied image URL is correct one,just open new tab and paste the code on the address bar and press Enter button.If your URL is correct one,you will see the real image.

#Coding for adding Image

Whenever you want to add image on your blog anywhere,paste below code to the source code editing section(HTML) where image will appear.After you added below HTML code make below modifications.

<img src="Your-Image-URL" title="Title of your image to be shown" alt="Alt text"/>

This is a basic structure of a HTML image code.I didn't add alignment,width,height and some attributions.Because you can execute all these statements using CSS. If you want to add some attributions you can add them.Here is an example.

<img src="Your-Image-Url" title="Title of your image to be shown" alt="Alt text" align="center" height="100px" width="100px" id="image-id"/>

................................................................................................................................
Customizations

................................................................................................................................

Replace Your-Image-URL with URL address of your image.It should be ended with an image extension such as .jpg, .png,.gif
You can add a description or title to the image for user's ease.Adding title to your image,visitors will realize what is this image is about.
Alt text is alternative text or alt attribution.It will appear when your image doesn't exist in the Internet.You add an Alt text for your image using alt attribution.
Replace image-id with the identification name of the image.It helps to identify the image among other images.
You can set the alignment of the image using align attribute.values are 'Left,Center and Right'.It is not necessary to set the alignment here, If you use CSS for the image.Using CSS you can set the alignment with Horizontal-alignment,positioning, overlapping,floating,border and many more.
Height and width set the size of the image.

Using this method you can add any image to your blog or website.This is the common and default method to adding image to web pages.There are many attributions that can be used with the img element. Basically you can add image using only src attribute.You can add many effects to images using web designing languages.I'll post about them in my future posts.

If you have any problem adding a image to your blog.please feel free to ask me from the commenting.Happy blogging for everyone:)

Image credit: marketingland.com

Pengelola Blog : ABDUL WAHAB

Judul : How to add Images manually on blogger and website
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang How to add Images manually on blogger and website
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow yang mengarah ke URL ini ya
https://kejutaninternet.blogspot.com/2013/05/how-to-add-images-manually-on-blogger.html

Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.

Mau Di Buatkan Blog Siap Pakai Seperti Ini ?.