Home
Berikut ini kita akan menjelaskan cara membuat tabel dan thumbnail di posting blog, membuat tabel di blog perlu sekali dilakukan misalnya tabel untuk tukar link atau daftar harga (toko online).
Membuat tabel dan gambar di blog sangat mudah dilakukan, tetapi kalau tidak tahu kode pembuatan tabel yang jelas akan sulit juga.Karna untuk menyisipkan gambar di table pada posting harus dalam mode HTML. Okey mari simak tutor berikut ini, ceekidottt...
Membuat tabel dan gambar di blog sangat mudah dilakukan, tetapi kalau tidak tahu kode pembuatan tabel yang jelas akan sulit juga.Karna untuk menyisipkan gambar di table pada posting harus dalam mode HTML. Okey mari simak tutor berikut ini, ceekidottt...
1. Masuk ke Blog sobat
2. Jika sudah masuk Blog kalian, klik Posz
3. Kemudian pilih HTML, bukan Compose
3. Kemudian pilih HTML, bukan Compose
Berikut kode dasar membuat tabel dan gambar didalam posting blog seperti dibawah ini.
<table border="1">
<tr>
<td>Judul Gambar 1</td>
<td>Judul Gambar 2</td>
</tr>
<tr>
<td>URL Gambar 1</td>
<td>URL Gambar 2</td>
</tr>
</table>
<tr>
<td>Judul Gambar 1</td>
<td>Judul Gambar 2</td>
</tr>
<tr>
<td>URL Gambar 1</td>
<td>URL Gambar 2</td>
</tr>
</table>
Cara menerapkan yaitu buat dulu posting seperti yang sobat blogger akan tulis di artikel posting blog dan tulis kode dibawah ini di dalam mode HTML.
Contoh pertama membuat Tabel dan Gambar.
Contoh pertama membuat Tabel dan Gambar.
<center>
<table border="1" style="width: 500px;"><caption align="top"><b>Tabel 1 Daftar Blogger</b></caption>
<tbody>
<tr align="center"><th>No.</th> <th>Nama Blog</th> <th>URL Blog </th> <th>Logo Blog</th></tr>
<tr align="center"><td>1.</td> <td>Sobat blogger</td> <td>http://Sobat blogger.blogspot.com</td><td><a href="http://1.bp.blogspot.com/-hiB1U7U5X14/UvrsKDh-n3I/AAAAAAAACoA/z61YB-eSCVE/s1600/logo.jpg" title="Cara Membuat Tabel dan Thumbnail"><img alt="Cara Membuat Tabel dan Thumbnail" src="http://1.bp.blogspot.com/-hiB1U7U5X14/UvrsKDh-n3I/AAAAAAAACoA/z61YB-eSCVE/s1600/logo.jpg" height="50" width="50" /></a></td></tr>
<tr align="center"><td>2.</td> <td>Sobat blogger</td> <td>http://Sobat blogger.blogspot.com</td><td><a href="http://1.bp.blogspot.com/-hiB1U7U5X14/UvrsKDh-n3I/AAAAAAAACoA/z61YB-eSCVE/s1600/logo.jpg" title="Cara Membuat Tabel dan Thumbnail"><img alt="Cara Membuat Tabel dan Thumbnail" src="http://1.bp.blogspot.com/-hiB1U7U5X14/UvrsKDh-n3I/AAAAAAAACoA/z61YB-eSCVE/s1600/logo.jpg" height="50" width="50" /></a></td></tr>
<tr align="center"><td>3.</td> <td>Sobat blogger</td> <td>http://Sobat blogger.blogspot.com</td><td><a href="http://1.bp.blogspot.com/-hiB1U7U5X14/UvrsKDh-n3I/AAAAAAAACoA/z61YB-eSCVE/s1600/logo.jpg" title="Cara Membuat Tabel dan Thumbnail"><img alt="Cara Membuat Tabel dan Thumbnail" src="http://1.bp.blogspot.com/-hiB1U7U5X14/UvrsKDh-n3I/AAAAAAAACoA/z61YB-eSCVE/s1600/logo.jpg" height="50" width="50" /></a></td></tr>
</tbody></table>
</center>
<table border="1" style="width: 500px;"><caption align="top"><b>Tabel 1 Daftar Blogger</b></caption>
<tbody>
<tr align="center"><th>No.</th> <th>Nama Blog</th> <th>URL Blog </th> <th>Logo Blog</th></tr>
<tr align="center"><td>1.</td> <td>Sobat blogger</td> <td>http://Sobat blogger.blogspot.com</td><td><a href="http://1.bp.blogspot.com/-hiB1U7U5X14/UvrsKDh-n3I/AAAAAAAACoA/z61YB-eSCVE/s1600/logo.jpg" title="Cara Membuat Tabel dan Thumbnail"><img alt="Cara Membuat Tabel dan Thumbnail" src="http://1.bp.blogspot.com/-hiB1U7U5X14/UvrsKDh-n3I/AAAAAAAACoA/z61YB-eSCVE/s1600/logo.jpg" height="50" width="50" /></a></td></tr>
<tr align="center"><td>2.</td> <td>Sobat blogger</td> <td>http://Sobat blogger.blogspot.com</td><td><a href="http://1.bp.blogspot.com/-hiB1U7U5X14/UvrsKDh-n3I/AAAAAAAACoA/z61YB-eSCVE/s1600/logo.jpg" title="Cara Membuat Tabel dan Thumbnail"><img alt="Cara Membuat Tabel dan Thumbnail" src="http://1.bp.blogspot.com/-hiB1U7U5X14/UvrsKDh-n3I/AAAAAAAACoA/z61YB-eSCVE/s1600/logo.jpg" height="50" width="50" /></a></td></tr>
<tr align="center"><td>3.</td> <td>Sobat blogger</td> <td>http://Sobat blogger.blogspot.com</td><td><a href="http://1.bp.blogspot.com/-hiB1U7U5X14/UvrsKDh-n3I/AAAAAAAACoA/z61YB-eSCVE/s1600/logo.jpg" title="Cara Membuat Tabel dan Thumbnail"><img alt="Cara Membuat Tabel dan Thumbnail" src="http://1.bp.blogspot.com/-hiB1U7U5X14/UvrsKDh-n3I/AAAAAAAACoA/z61YB-eSCVE/s1600/logo.jpg" height="50" width="50" /></a></td></tr>
</tbody></table>
</center>
Hasilnya seperti dibawah ini.
| No. | Nama Blog | URL Blog | Logo Blog |
|---|---|---|---|
| 1. | Sobat blogger | http://Sobatblogger.blogspot.com |  |
| 2. | Sobat blogger | http://Sobatblogger.blogspot.com |  |
| 3. | Sobat blogger | http://Sobatblogger.blogspot.com |  |
Contoh kedua membuat Tabel dan Gambar.
<center>
<table border="1" style="width: 500px;">
<caption align="top"><b>Tabel 2. Daftar Harga BlackBerry Septermber 2013</b></caption>
<tbody>
<tr>
<td style="background: #d6d6d6; text-align: center;"><span style="color: red;">Harga BlackBerry Q5u</span></td>
<td style="background: #d6d6d6; text-align: center;"><span style="color: red;">Harga BlackBerry Q10</span></td>
<td style="background: #d6d6d6; text-align: center;"><span style="color: red;">Harga BlackBerry Z10</span></td>
</tr>
<tr>
<td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiilXQ8SqxtykwKuPno6n9AjYvHZOm4a-HDEiz6np5HF-Y-7V-0Xf5fvqU0hF4E8-ia2UWEWwlcmytQeo412co4x6qn6jNM58mAXSiCzy-Q8hUqCQ69jNfwYNGFDk5wYCWeKxf3_9nsHSg/s1600/Harga+BlackBerry+Q5.jpg" title="BlackBerry Q5u"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiilXQ8SqxtykwKuPno6n9AjYvHZOm4a-HDEiz6np5HF-Y-7V-0Xf5fvqU0hF4E8-ia2UWEWwlcmytQeo412co4x6qn6jNM58mAXSiCzy-Q8hUqCQ69jNfwYNGFDk5wYCWeKxf3_9nsHSg/s1600/Harga+BlackBerry+Q5.jpg" /></a></span><br />
Baru : Rp. 3.950.000,-<br />
Bekas : Rp.<span style="color: lime;"> - </span></td>
<td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlSitkS4csqB5ytkLLhN5nz3eRNyXSCCTIih6pAZWaZZk1CwxB7puGLzQM-D1huaO6rw2anlgeBBdevW4Jx72SzKq-hrpy8bXDGLr7c33_sB4fMwvZOvCw5OQrAa44kZrzTX_9huD-_iM/s1600/Harga+BlackBerry+Q10.jpg" title="BlackBerry Q10"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlSitkS4csqB5ytkLLhN5nz3eRNyXSCCTIih6pAZWaZZk1CwxB7puGLzQM-D1huaO6rw2anlgeBBdevW4Jx72SzKq-hrpy8bXDGLr7c33_sB4fMwvZOvCw5OQrAa44kZrzTX_9huD-_iM/s1600/Harga+BlackBerry+Q10.jpg" /></a></span><br />
Baru : Rp. 6.950.000,-<br />
Bekas : Rp. -</td>
<td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzQwcxh99zeUMIJDh78xYp3xjNoKPOBt6TNMvOR2z7q49rI8PZgWNfEuXLflBxsx1RjBc8S6F9RjrdGzxpG3IbTiwdLKCh2TWcO5lPixdcvpioe3BgGMECJZInyZtgyGptnyIf6VuH_TM/s1600/Harga+BlackBerry+Z10.jpg" title="BlackBerry Z10"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzQwcxh99zeUMIJDh78xYp3xjNoKPOBt6TNMvOR2z7q49rI8PZgWNfEuXLflBxsx1RjBc8S6F9RjrdGzxpG3IbTiwdLKCh2TWcO5lPixdcvpioe3BgGMECJZInyZtgyGptnyIf6VuH_TM/s1600/Harga+BlackBerry+Z10.jpg" /></a></span><br />
Baru : Rp. 6.250.000,-<br />
Bekas : Rp. -</td>
</tr>
<tr>
<td style="background: #d6d6d6; text-align: center;"><span style="color: red;">Harga Blackberry Curve 9320 Armstrong</span></td>
<td style="background: #d6d6d6; text-align: center;"><span style="color: red;">Harga BlackBerry Curve 9220 Davis</span></td>
<td style="background: #d6d6d6; text-align: center;"><span style="color: red;">Harga BlackBerry Curve 9380 Orlando</span></td>
</tr>
<tr>
<td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDu91mSHa7mHJyvlrcPizHjnFDD0O-cEBCYnL01QEGtrGm0yWgoPPZp5YIZTYFOGEyV0bqSR_a1G4GLPloabGrs7JeSLHKADwXxlNGeaGXuAONPAVXTXTimzPgHKyTZy2mYlrk-Cj_HE/s1600/Harga+Blackberry+Curve+9320.jpg" title="Blackberry Curve 9320 Armstrong"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDu91mSHa7mHJyvlrcPizHjnFDD0O-cEBCYnL01QEGtrGm0yWgoPPZp5YIZTYFOGEyV0bqSR_a1G4GLPloabGrs7JeSLHKADwXxlNGeaGXuAONPAVXTXTimzPgHKyTZy2mYlrk-Cj_HE/s1600/Harga+Blackberry+Curve+9320.jpg" /></a></span><br />
Baru : Rp. 2.250.000,-<br />
Bekas : Rp. 1.850.000,-</td>
<td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIpdPob_eVlAET30g43rCN_uOGw5UkX5vXEyDMj99i_CgXq-vafrfAD_6pa6XYfbuAmp14HCcqSWQgP4EJDJD9YpWD6tp0XP8p44BRJAOqP3eTBjBKxpiWzHnW7mbTW44fmyhQ0sMpmt8/s1600/BlackBerry+Curve+9220.jpg" title="BlackBerry Curve 9220 Davis"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIpdPob_eVlAET30g43rCN_uOGw5UkX5vXEyDMj99i_CgXq-vafrfAD_6pa6XYfbuAmp14HCcqSWQgP4EJDJD9YpWD6tp0XP8p44BRJAOqP3eTBjBKxpiWzHnW7mbTW44fmyhQ0sMpmt8/s1600/BlackBerry+Curve+9220.jpg" /></a></span><br />
Baru : Rp. 1.700.000,-<br />
Bekas : Rp. 1.250.000,-</td>
<td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpMQCWpHRViVCfwLi4sbDzK0_d9D9nRqr8oHENu3gKwOSlpW17wAsiIpoDmwck09vcFsIJ5kePtI_b5jRoGp4abfpKBSTGbSey3kfKiZs5s_buKJHogBYgBnrKVM4fTD8RGLkWOu50etY/s1600/BlackBerry+Curve+9380+Orlando.jpg" title="BlackBerry Curve 9380 Orlando"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpMQCWpHRViVCfwLi4sbDzK0_d9D9nRqr8oHENu3gKwOSlpW17wAsiIpoDmwck09vcFsIJ5kePtI_b5jRoGp4abfpKBSTGbSey3kfKiZs5s_buKJHogBYgBnrKVM4fTD8RGLkWOu50etY/s1600/BlackBerry+Curve+9380+Orlando.jpg" /></a></span><br />
Baru : Rp. 2.850.000,-<br />
Bekas : Rp. 2.350.000,-</td>
</tr>
</tbody></table>
</center>
<table border="1" style="width: 500px;">
<caption align="top"><b>Tabel 2. Daftar Harga BlackBerry Septermber 2013</b></caption>
<tbody>
<tr>
<td style="background: #d6d6d6; text-align: center;"><span style="color: red;">Harga BlackBerry Q5u</span></td>
<td style="background: #d6d6d6; text-align: center;"><span style="color: red;">Harga BlackBerry Q10</span></td>
<td style="background: #d6d6d6; text-align: center;"><span style="color: red;">Harga BlackBerry Z10</span></td>
</tr>
<tr>
<td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiilXQ8SqxtykwKuPno6n9AjYvHZOm4a-HDEiz6np5HF-Y-7V-0Xf5fvqU0hF4E8-ia2UWEWwlcmytQeo412co4x6qn6jNM58mAXSiCzy-Q8hUqCQ69jNfwYNGFDk5wYCWeKxf3_9nsHSg/s1600/Harga+BlackBerry+Q5.jpg" title="BlackBerry Q5u"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiilXQ8SqxtykwKuPno6n9AjYvHZOm4a-HDEiz6np5HF-Y-7V-0Xf5fvqU0hF4E8-ia2UWEWwlcmytQeo412co4x6qn6jNM58mAXSiCzy-Q8hUqCQ69jNfwYNGFDk5wYCWeKxf3_9nsHSg/s1600/Harga+BlackBerry+Q5.jpg" /></a></span><br />
Baru : Rp. 3.950.000,-<br />
Bekas : Rp.<span style="color: lime;"> - </span></td>
<td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlSitkS4csqB5ytkLLhN5nz3eRNyXSCCTIih6pAZWaZZk1CwxB7puGLzQM-D1huaO6rw2anlgeBBdevW4Jx72SzKq-hrpy8bXDGLr7c33_sB4fMwvZOvCw5OQrAa44kZrzTX_9huD-_iM/s1600/Harga+BlackBerry+Q10.jpg" title="BlackBerry Q10"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlSitkS4csqB5ytkLLhN5nz3eRNyXSCCTIih6pAZWaZZk1CwxB7puGLzQM-D1huaO6rw2anlgeBBdevW4Jx72SzKq-hrpy8bXDGLr7c33_sB4fMwvZOvCw5OQrAa44kZrzTX_9huD-_iM/s1600/Harga+BlackBerry+Q10.jpg" /></a></span><br />
Baru : Rp. 6.950.000,-<br />
Bekas : Rp. -</td>
<td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzQwcxh99zeUMIJDh78xYp3xjNoKPOBt6TNMvOR2z7q49rI8PZgWNfEuXLflBxsx1RjBc8S6F9RjrdGzxpG3IbTiwdLKCh2TWcO5lPixdcvpioe3BgGMECJZInyZtgyGptnyIf6VuH_TM/s1600/Harga+BlackBerry+Z10.jpg" title="BlackBerry Z10"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzQwcxh99zeUMIJDh78xYp3xjNoKPOBt6TNMvOR2z7q49rI8PZgWNfEuXLflBxsx1RjBc8S6F9RjrdGzxpG3IbTiwdLKCh2TWcO5lPixdcvpioe3BgGMECJZInyZtgyGptnyIf6VuH_TM/s1600/Harga+BlackBerry+Z10.jpg" /></a></span><br />
Baru : Rp. 6.250.000,-<br />
Bekas : Rp. -</td>
</tr>
<tr>
<td style="background: #d6d6d6; text-align: center;"><span style="color: red;">Harga Blackberry Curve 9320 Armstrong</span></td>
<td style="background: #d6d6d6; text-align: center;"><span style="color: red;">Harga BlackBerry Curve 9220 Davis</span></td>
<td style="background: #d6d6d6; text-align: center;"><span style="color: red;">Harga BlackBerry Curve 9380 Orlando</span></td>
</tr>
<tr>
<td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDu91mSHa7mHJyvlrcPizHjnFDD0O-cEBCYnL01QEGtrGm0yWgoPPZp5YIZTYFOGEyV0bqSR_a1G4GLPloabGrs7JeSLHKADwXxlNGeaGXuAONPAVXTXTimzPgHKyTZy2mYlrk-Cj_HE/s1600/Harga+Blackberry+Curve+9320.jpg" title="Blackberry Curve 9320 Armstrong"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmDu91mSHa7mHJyvlrcPizHjnFDD0O-cEBCYnL01QEGtrGm0yWgoPPZp5YIZTYFOGEyV0bqSR_a1G4GLPloabGrs7JeSLHKADwXxlNGeaGXuAONPAVXTXTimzPgHKyTZy2mYlrk-Cj_HE/s1600/Harga+Blackberry+Curve+9320.jpg" /></a></span><br />
Baru : Rp. 2.250.000,-<br />
Bekas : Rp. 1.850.000,-</td>
<td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIpdPob_eVlAET30g43rCN_uOGw5UkX5vXEyDMj99i_CgXq-vafrfAD_6pa6XYfbuAmp14HCcqSWQgP4EJDJD9YpWD6tp0XP8p44BRJAOqP3eTBjBKxpiWzHnW7mbTW44fmyhQ0sMpmt8/s1600/BlackBerry+Curve+9220.jpg" title="BlackBerry Curve 9220 Davis"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIpdPob_eVlAET30g43rCN_uOGw5UkX5vXEyDMj99i_CgXq-vafrfAD_6pa6XYfbuAmp14HCcqSWQgP4EJDJD9YpWD6tp0XP8p44BRJAOqP3eTBjBKxpiWzHnW7mbTW44fmyhQ0sMpmt8/s1600/BlackBerry+Curve+9220.jpg" /></a></span><br />
Baru : Rp. 1.700.000,-<br />
Bekas : Rp. 1.250.000,-</td>
<td style="text-align: center;"><span style="color: lime;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpMQCWpHRViVCfwLi4sbDzK0_d9D9nRqr8oHENu3gKwOSlpW17wAsiIpoDmwck09vcFsIJ5kePtI_b5jRoGp4abfpKBSTGbSey3kfKiZs5s_buKJHogBYgBnrKVM4fTD8RGLkWOu50etY/s1600/BlackBerry+Curve+9380+Orlando.jpg" title="BlackBerry Curve 9380 Orlando"><img alt="Cara Membuat Tabel dan Thumbnail di Postingan Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpMQCWpHRViVCfwLi4sbDzK0_d9D9nRqr8oHENu3gKwOSlpW17wAsiIpoDmwck09vcFsIJ5kePtI_b5jRoGp4abfpKBSTGbSey3kfKiZs5s_buKJHogBYgBnrKVM4fTD8RGLkWOu50etY/s1600/BlackBerry+Curve+9380+Orlando.jpg" /></a></span><br />
Baru : Rp. 2.850.000,-<br />
Bekas : Rp. 2.350.000,-</td>
</tr>
</tbody></table>
</center>
Hasilnya seperti dibawah ini.
| Harga BlackBerry Q5u | Harga BlackBerry Q10 | Harga BlackBerry Z10 |
Baru : Rp. 3.950.000,- Bekas : Rp. - |
Baru : Rp. 6.950.000,- Bekas : Rp. - |
Baru : Rp. 6.250.000,- Bekas : Rp. - |
| Harga Blackberry Curve 9320 Armstrong | Harga BlackBerry Curve 9220 Davis | Harga BlackBerry Curve 9380 Orlando |
 Baru : Rp. 2.250.000,- Bekas : Rp. 1.850.000,- |
 Baru : Rp. 1.700.000,- Bekas : Rp. 1.250.000,- |
 Baru : Rp. 2.850.000,- Bekas : Rp. 2.350.000,- |
Deminikian Tutorial cara membuat tabel dan thumbnail di posting blog, semoga bermanfaat
No comments:
Post a Comment