Posting Gambar Berdampingan Dengan Teks

Update 10 Oktober 2018 Posting Gambar Berdampingan dengan teks dapat dilakukan pada saat upload gambar dalam keadaan 'Edit HTML' sa...

Update 10 Oktober 2018
Posting Gambar Berdampingan dengan teks dapat dilakukan pada saat upload gambar dalam keadaan 'Edit HTML' saat posting. Tapi bagaimana jika kita mengedit posting yang sudah terlanjur diposting? Apakah harus upload lagi?

Tujuan Posting Gambar Berdampingan dengan teks ini membuat area posting menjadi penuh dan simpel. Jadi untuk menghemat tempat area posting namun tertata rapi agar pengunjung betah membaca artikel sampai habis. Dan dengan tujuan mendapatkan trafik blog dengan banyak kunjungan halaman.

Terdapat 2 cara atau metode untuk membuat gambar berjajar seperti berdekatan namun mempunyai fungsi sendiri. Menampilkan gambar di kiri dan kemudian menyisipkan teks di sebelah kanan gambar ataupun sebaliknya. Caranya dengan html tabel dan pengaturan CSS. Bagaimana melakukannya? Berikut penjelasan saya semoga mudah dipahami.

1. Membuat Posting 2 Gambar Menggunakan HTML Tabel
Caranya :
Saat posting artikel seperti biasa, posisi menulis pada 'edit html' jika masih keadaan "COMPOSE" Klik saja "EDIT HTML". Lalu tambahkan tag html tabel seperti ini :

<table><tr>
<td>alamat gambar sobat (kode gambar sobat)</td>
<td>alamat gambar sobat (kode gambar sobat)</td>
</tr></table>

Jika lebih dari 2 gambar sobat tinggal tambahkan kode <td>alamat gambar sobat (kode gambar sobat)</td> dan seterusnya sebelum </tr></table>

Maka hasilnya adalah sebagai berikut :
logo blogger
logo blogger
2. Posting Gambar Berdampingan Dengan Pengaturan CSS
→ Hasilnya seperti berikut ini:
problemAda problem pertanyaan tentang Google Adsense? Kami siap membantu anda. Jika jawaban kami tidak dapat membantu, kunjungi beberapa pusat bantuan dan dukungan Google Adsense. Semoga anda puas dengan jawaban kami, terima kasih sudah berkunjung di blog ini. Komentar belum sempat di balas semua karena saya sedang belajar seo blogspot dan adsense :D


→ Sedangkan kodenya seperti ini :

<img alt="problem" class="kiri" height="100px" src="https://1.bp.blogspot.com/-lmgSTQYm8es/W5CnRBuuAFI/AAAAAAAAEP0/6QUYIQax8iAITE_ke9t5ZQX1lAUfPfG-wCLcBGAs/s1600/010-problem.png" title='problem'/> Ada problem pertanyaan tentang Google Adsense? Kami siap membantu anda. Jika jawaban kami tidak dapat membantu, kunjungi beberapa pusat bantuan dan dukungan Google Adsense. Semoga anda puas dengan jawaban kami, terima kasih sudah berkunjung di blog ini. Komentar belum sempat di balas semua karena saya sedang belajar seo blogspot dan adsense :D </br>


→ Lalu yang selanjutnya tambahkan css seperti berikut :

<style> img.kiri { float: left; margin: 5px;} img.kanan { float: right; margin: 5px; } </style>


Teman-teman bisa mengubah ukuran tinggi gambar dengan mengubah nilai css height dengan varian angka 'px' maupun '%' bagi teman-teman yang menggunakan design responsive. Pengaturan tinggi pendeknya serta lebar gambar dapat disesuaikan dengan selera kamu sesuai konten disampingnya.

2 Langkah mudah memposting gambar berdampingan yaitu dengan menggunakan HTML Table dan pengaturan CSS blogger. Beberapa blogger sering mengabaikan tehnik sederhana ini. Namun percayalah saat penggunaan format artikel gambar-text atau text-gambar bisa kanan bisa kiri, saya yakin artikel di blog kita terlihat rapi dan elegant. Untuk faktor seo terutama pengunjung akan dimudahkan dalam membaca dan mempelajari artikel. Terutama bagi aku yang sedang belajar seo blogspot apalagi pemula seperti saya bahwa penggunaan gambar posting berdampingan adalah hal yang selalu saya praktekkan saat posting seperti blog saya yang lain.
Name

About US,1,activate,1,ADDMEFAST,1,AdLinkFly,1,Adsense,2,ANALISA WEB,1,android,1,Artikel,11,Backlink,5,Backlinks,18,Backup,1,Best 140+ Do-follow Web 2.0,1,Best 59+ Free Ping Submission Sites For Faster Indexing,1,Best High DA Dofollow Blog Commenting,1,BIN,1,Blog,2,Blog Design,2,Blogger,1,Bounce Rate,1,CDN,1,Copy Artikel,1,cPanel,1,crack,2,Desain,1,DIGITAL MARKETING,1,Disposable E-mail Free,1,domain,1,DropMyLink,1,Dunia Kampus,1,EDU BACKLINKS,5,Express Vpn Premium Account,1,FAQ SCHEME PAGE,1,followers tool,1,Footer,1,free,1,Free Image Submission Sites,1,Free Profile Creations Sites List 2020-2021,1,Free Video Submission Sites List 2020-2021,1,Gmail,1,Google,3,GOOGLE ADS,1,Google Adsense,1,GOOGLE ANALYTICS,1,google drive,2,Google My Business Customer Reviews,1,GOOGLE SEARCH ENGINE,1,GoogleNews,1,Header,3,High Authority Blog Submission Sites List,1,High DA/PA PPT Submission Sites List 2020-2021 for SEO,1,hosting,1,Hotstar Premium,1,How To,1,How to Activate,3,HTML,5,IDM,1,Info Blog,11,Info Google,13,Inspirasi,5,Instagram,2,Instagram Likes,1,Jejaring Sosial,12,JNews,1,JSON-LD,1,Kapita Selekta,3,Komentar,8,Kurikulum 2013,2,Label,3,Link,14,Lynda.com,1,MENINGKATKAN SEO WORDPRESS,1,Menu,2,MICRODATA SEO,1,MyThemeShop,1,Netflix Accounts,1,News,38,newsmag,1,newspaper,1,Noor theme,1,Nord Vpn Premium Account In April 2020,1,NORD VPN PREMIUM ACCOUNTS,1,On Page SEO,8,online shop,1,Opini,10,Page Speed,1,Pagerank,8,PDF Submission,3,PDF Submission Sites,1,Pembelajaran,4,Pixelyoursite,1,plugin,1,plugins,2,post views,1,Posting,10,Privacy Policy,1,Produk,1,PVANISH PREMIUM ACCOUNT,1,RSS,1,RSS Feed Submission Sites List 2020-2021,1,Schema,1,Search Engine,4,SEARCH QUALITY RATERS,1,Secret Hacks,1,SEF,8,seo,93,SEO WORDPRESS,1,Settings,1,Shopping,1,Shortcode,1,Sidebar,2,Spotify,1,Spotify Premium Accounts,1,tagdiv,1,Template,9,themes,2,Tips,2,Tips & Tricks,3,TIPS DAN TRIK,2,Tokoh,1,Tools,10,Tricks,9,Trik,1,Web 2.O Sites List 2020,1,Web Hosting,2,Webmaster Tools,5,Website,3,Widget,10,wordpress,13,WORDPRESS & WOOCOMMERCE TUTORIALS,1,WP Rocket,1,youtube,1,
ltr
item
Trik.My.ID - Trik dan Tips Untuk Semuanya: Posting Gambar Berdampingan Dengan Teks
Posting Gambar Berdampingan Dengan Teks
https://1.bp.blogspot.com/--1gTLtdH9Q4/TnKjmmo7MzI/AAAAAAAAAkM/nDy9zFPdfws/s1600/099281-blogger-logo-square.png
https://1.bp.blogspot.com/--1gTLtdH9Q4/TnKjmmo7MzI/AAAAAAAAAkM/nDy9zFPdfws/s72-c/099281-blogger-logo-square.png
Trik.My.ID - Trik dan Tips Untuk Semuanya
https://www.trik.my.id/2011/09/posting-gambar-berdampingan-dengan-teks.html
https://www.trik.my.id/
https://www.trik.my.id/
https://www.trik.my.id/2011/09/posting-gambar-berdampingan-dengan-teks.html
true
3610684226484108978
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content