Membuat Tabel Keren Posting Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> Mungkin dari sobat blogger semua ada yang kebingungan untuk membuat sebuah tabel dalam <i>postingan blogger</i>, nah hal ini juga saya alami saat ingin membuat <i>tabel</i> pada blog saya yang lain, ada salah satu posting yang mengharuskan saya membuat tabel agar mempermudah pembaca memahami list yang saya tawarkan. Dan setelah walking sana sini akhirnya ketemu sama <span style="color: orange;">mainbom.com</span> yang disalah satunya ada post <b>cara membuat tabel kerena posting blogger</b>.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq_BbyvnM59ZmHHmFvJ54_tlli2XtBQpRFaPcqWJ_ukcs6UY9ch97d38-eK4WFRFBEQx9uP8iGhjvGgPJ6EZzDNYBixatuU9jOSANy3mFbsBUxcvEY310GUD9Vm6eBFIzE2cu7bgTEw6oc/s1600/Membuat+Tabel+Keren+Posting+Blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq_BbyvnM59ZmHHmFvJ54_tlli2XtBQpRFaPcqWJ_ukcs6UY9ch97d38-eK4WFRFBEQx9uP8iGhjvGgPJ6EZzDNYBixatuU9jOSANy3mFbsBUxcvEY310GUD9Vm6eBFIzE2cu7bgTEw6oc/s200/Membuat+Tabel+Keren+Posting+Blogger.png" width="200" /></a></div> <br /> <h4> Cara membuat tabel dalam posting blogger</h4> Sebelum mencoba tabel yang saya maksudkan alangkah baiknya sobat liat dulu previewnya yang sudah saya sertakan dibawah ini. Kalo sebelum melihat sudah sobat pasang takutnya nanti ngga sesuai apa yang sobat inginkan. Dan setelah melihat previewnya sobat putuskan sendiri saja, mau ikut memasang atau tidak usah dipasang, karena saya tidak memaksa sobat harus pakai tabel ini,, hehe.<br /> <br /> Lihat previewnya baik baik sob, kira kira sudah cocok ngga dengan keinginan sobat, kalau cocok silahkan comot dech, ngga bayar..<br /> <br /> <center> <table class="nice-table" style="width: 100%px;"><tbody> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr> <tr> <td>kolom 1 baris 1</td> <td>kolom 2 baris 1</td> <td>kolom 3 baris 1</td> </tr> <tr> <td>kolom 1 baris 2</td> <td>kolom 2 baris 2</td> <td>kolom 3 baris 2</td> </tr> <tr> <td>kolom 1 baris 3</td> <td>kolom 2 baris 3</td> <td>kolom 3 baris 3</td> </tr> <tr> <td>kolom 1 baris 4</td> <td>kolom 2 baris 4</td> <td>kolom 3 baris 4</td> </tr> </tbody> </table> </center> <h4>  </h4> <h4> Langkah langkah pasang tabel</h4> Kalau sudah cocok lihat previewnya lalu siapkan diri untuk mencoba pasang tabel pada blog sobat. Langsung saja dech ngga usah banyak oceh lagi,, yuk mari<br /> <ul> <li>Pertama yang harus sobat lakukan adalah login akun blogger dan cari kode <b>]]></b:skin></b> pada edit html blog sobat, lalu pasang kode CSS berikut tepat diatasnya.</li> </ul> <br /> <center> <textarea cols="55" name="code" rows="10"><!-- Nice Table Mainbom.com--> table th { padding-top: 7px; text-align: left; } .nice-table { border-collapse: collapse; border-spacing: 0; } .nice-table tr:first-child th { border-top: 0 none; } .nice-table th:first-child { border-left: 0 none; } .nice-table tr:first-child th:last-child { border-right-color: #5C6785; } .nice-table th { background-color: #5C6785; color: white; font-weight: bold; } .nice-table th, .nice-table td { border: 1px solid #EBEBEB; padding: 3px 10px; } .nice-table td { background-color: #E6E6E6; border-color: #E5E5E5 #CCCCCC #E5E5E5 #E5E5E5; color: #444444; } .nice-table td:last-child { border-right-color: #E5E5E5; } .nice-table tr:nth-of-type(2n) td { background-color: #FFFFFF; border-right-color: #E5E5E5; } .nice-table.spaced-table td, .nice-table.spaced-table th { padding: 10px; } .nice-table.wide { width: 95%; } .nice-table.narrow { width: 75%; } .nice-table.narrower { width: 50%; } .nice-table.narrowest { width: 35%; } <!-- Nice Table Mainbom.com-->

• Setelah terpasang lalu simpan saja sob, keluar dan coba bikin posting dengan menyertakan kode berikut dalam postingan sobat. Pasang kodenya dalam kondisi penulisan HTML ya sob umumnya kan langsung Compose, nah untuk yang ini pakai yang HTML dulu.

<table class="nice-table" width="100%" ><tbody> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr> <tr> <td>kolom 1 baris 1</td> <td>kolom 2 baris 1</td> <td>kolom 3 baris 1</td> </tr> <tr> <td>kolom 1 baris 2</td> <td>kolom 2 baris 2</td> <td>kolom 3 baris 2</td> </tr> <tr> <td>kolom 1 baris 3</td> <td>kolom 2 baris 3</td> <td>kolom 3 baris 3</td> </tr> <tr> <td>kolom 1 baris 4</td> <td>kolom 2 baris 4</td> <td>kolom 3 baris 4</td> </tr> </tbody> </table>

• Jika ingin menambah atau mengurangi jumlah kolom dan baris, silahkan mengedit dengan memperhatikan kode <td> dan <tr>
• Disetiap kolom akan ada kode <td> dan </td>
• Disetiap baris akan ada kode <tr> dan </tr>
• "Tahap Pertama" cukup dilakukan sekali saja, dan "Tahap Kedua" dilakukan setiap membuat tabel

Nah sekarang sobat bisa memakai tabel dalam posting jika nantinya ada postingan sobat yang mengharuskan disertakan tabel didalamnya. Silahkan dicoba membuat tabel keren posting blogger bagi yang minat, dan bagi yang ngga minat juga ngga apa apa kalau ngga mau nyoba. hehe.

Cara Pasang Share Lengkap di Bawah Posting Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> <b>Cara Pasang Share Lengkap di Bawah Posting Blogger</b> yang saya dapat ini cukup keren untuk dipasang pada blog, disamping jumlah social network dan bookmarking yang cukup banyak dan sudah populer dipakai para blogger untuk share semua artikel atau postingan yang sudah ditulis. Mulia dari situs besar <a href="https://www.facebook.com/toyiq.mawon" rel="nofollow" target="_blank">Facebook</a>, twitter, google plus, Tumblr, Linkedin, Digg, Stumbleupon, Pinterest, Reddit dan masih banyak yang lainnya. Memasang semua itu akan memudahakn kita untuk share yang baru kita postkan di blog kita, juga untuk menyiapkan ketika ada dari pengunjung blog kita yang suka dengan post yang kita tuliskan dan ingin share pada akun yang mereka miliki.<br /> <br /> <h4> Cara Pasang Share Lengkap di Bawah Posting</h4> Langsung saja dech comot scriptnya dan pasang di blog sobat jika mau. Tapi sebelum pasang ada baiknya sobat lihat dulu previewnya di bawah post ini, karena saya juga ikut pasang di blog '<i>Toyiq On Blogger</i>'. Dan jangan lupa kalo sobat sudah memasang sedekah sedikit sama saya share juga artikel ini ke facebook, <a href="http://twitter.com/toyiq/" rel="nofollow" target="_blank">twitter</a> atau google+ sobat, hehe. Tapi ngga maksa kok sob, misal ngga mau share juga ngga apa apa, kan itu semua hak sobat, mau share atau engga.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHsQnLK8cD7gtXqHQCosBc9rdOCHcE4Tk5l6VNLn2F_OJY9Kyi70q4SblFBx4MdFcPMPZJFLtkYSO_SvpZhxbwMF_YTgGVCyaUvLH8WfSnAJQXNBAGxWuigbem8lp5wp6Sf9qhaJ1tyyrL/s1600/Cara+Pasang+Share+lengkap+di+bawah+posting+blogger.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHsQnLK8cD7gtXqHQCosBc9rdOCHcE4Tk5l6VNLn2F_OJY9Kyi70q4SblFBx4MdFcPMPZJFLtkYSO_SvpZhxbwMF_YTgGVCyaUvLH8WfSnAJQXNBAGxWuigbem8lp5wp6Sf9qhaJ1tyyrL/s400/Cara+Pasang+Share+lengkap+di+bawah+posting+blogger.PNG" width="400" /></a></div> <br /> Oke langsung saja ikuti <i>langkah langkah pasang widget share dibawah posting blogger</i> seperti berikut :<br /> <ul> <li><div> Karena judulnya pada <a href="http://toyiq.blogspot.com/" target="_blank">blogger</a> tentu yang sobat harus masuk ke akun blogger sobat dulu.</div> </li> <li>Kalau sudah masuk kemudian lanjutkan ke <b>Tamplate</b> dan buka <b>edit HTML</b>.</li> </ul> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTrjZt-yzJCJKkfRByUdY9yeA4UpvNdELyYmdsbnx-9XA2ON25vjDrnRFjrikBg9inSC3cs5u2-FxrP0iWAHTYOczp0PO7xhyphenhyphenWC69rpbQyDtLhKOO1f1xyRfbYlxJVI8MrfZ8qIMbZLJ36/s1600/Cara+Pasang+Share+lengkap+di+bawah+posting+blogger.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTrjZt-yzJCJKkfRByUdY9yeA4UpvNdELyYmdsbnx-9XA2ON25vjDrnRFjrikBg9inSC3cs5u2-FxrP0iWAHTYOczp0PO7xhyphenhyphenWC69rpbQyDtLhKOO1f1xyRfbYlxJVI8MrfZ8qIMbZLJ36/s400/Cara+Pasang+Share+lengkap+di+bawah+posting+blogger.PNG" width="400" /></a></div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <br /> <ul> <li>Selanjutnya centang <b>expand widget</b> untuk memasang widget share. </li> <li>Lalu cari kode <b><data:post.body/></b><data:post .body=""> , yang ada dalam kolom tersebut. Agar lebih mudah gunakan <b>CTR + F</b> dan masukkan kode </data:post><data:post .body=""><b><data:post.body/></b></data:post><data:post .body=""> yang ingin dicari sobat tadi.</data:post></li> </ul> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmfF4D13SfLNtMYzWq-uZFc9CchyphenhyphenPEhPw4JH-87bWADa4k6SItCDEFLhqiT54e76KaCiR3O2EfxVX4hr1E0DIQGrhiJ67T7pbxXF2c7bu2jWYQ2B_VKCaTwQvnSs-SxIkhqasC8aV4Q0n2/s1600/Cara+Pasang+Share+lengkap+di+bawah+posting+blogger.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmfF4D13SfLNtMYzWq-uZFc9CchyphenhyphenPEhPw4JH-87bWADa4k6SItCDEFLhqiT54e76KaCiR3O2EfxVX4hr1E0DIQGrhiJ67T7pbxXF2c7bu2jWYQ2B_VKCaTwQvnSs-SxIkhqasC8aV4Q0n2/s400/Cara+Pasang+Share+lengkap+di+bawah+posting+blogger.PNG" width="400" /></a></div> <br /> <ul> <li>Karena ada beberapa kode yang sama usahakan cari kode <b><data:post.body/></b> yang kedua lalu coba copy all script di bawah ini dan pastekan tepat dibawah kode  <b><data:post.body/></b><data:post .body="">. </data:post></li> </ul> <center> <textarea cols="55" name="code" rows="10"><!-- ShareThis Button BEGIN --> <div class='sharethis_toolbox addthis_default_style '> <b>Share On:</b> <span class='st_fblike_hcount' displayText='Facebook Like'/> <span class='st_facebook_hcount' displayText='Facebook'/> <span class='st_twitter_hcount' displayText='Tweet'/> <span class='st_googleplus_hcount' displayText='Google +'/> <center> <span class='st_tumblr_large' displayText='Tumblr'/> <span class='st_digg_large' displayText='Digg'/> <span class='st_linkedin_large' displayText='LinkedIn'/> <span class='st_stumbleupon_large' displayText='StumbleUpon'/> <span class='st_pinterest_large' displayText='Pinterest'/> <span class='st_technorati_large' displayText='Technorati'/> <span class='st_sharethis_large' displayText='ShareThis'/></center> </div> <script type='text/javascript'>var switchTo5x=false;</script> <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/> <script type='text/javascript'>stLight.options({publisher: "b9f38387-a316-49bb-b119-fec472075cf9"});</script> <!-- ShareThis Button END -->

• Jika sudah terpasang lalu tinggal klik simpan dan lihat hasilnya, mudah kan sob ?? mudah sekali donk pastinya.

Dan diakhir posting, sekali lagi saya ingatkan jangan lupa kalau ngga keberatan share ini ke akun facebook, twitter atau akun Google+ yang sobat punya. Tapi kalau ngga keberatan sie,, hehe. Kalau misalkan sobat keberatan, terpaksa atau ngga sempet share karena buru buru mau pasang widgetnya juga ngga apa apa, ngga usah di share post saya ini. Dan selanjutnya silahkan mencoba kalau berminat pasang widget share lengkap di bawah posting blogger diatas.

Dapat 1 PR Dari Google

Senangnya dalam hati, kaya' awal awalnya lagunya Ahmad Dhani yang madu tiga, tapi rasa senang ini bukan karena saya lagi praktek madu tiga sob, melainkan blog baru dari newbie ini kecipratan update PR juga dari mbah google. Yah meskipun cuman <strong>dapat PR 1 dari google</strong> tapi memang sudah memberikan rasa senang karena perolehan ini pertama kali saya dapatkan selama 5 bulan mulai blogging daftar akun dan menulis abal abal yang penuh dengan hal yang ngga penting di Toyiq On <a href="http://toyiq.blogspot.com/" target="_blank">Blogger</a> pada bulan september 2012 lalu.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdoZqgF62OCnmRgfOzYDzHnUn_NOzun9PhJUCqf5QLjR1CUzql9odeQ2cWy07jnFU1tEWNGyiI2iH-qJDr3EFvFXirp7zdSFH3zE0TAub9bkwst_MJHOqp1OJNaVQjvKcHz1H9F5JlVe4k/s1600/Dapat+PR+1+Dari+Google.bmp" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdoZqgF62OCnmRgfOzYDzHnUn_NOzun9PhJUCqf5QLjR1CUzql9odeQ2cWy07jnFU1tEWNGyiI2iH-qJDr3EFvFXirp7zdSFH3zE0TAub9bkwst_MJHOqp1OJNaVQjvKcHz1H9F5JlVe4k/s400/Dapat+PR+1+Dari+Google.bmp" width="400" /></a></div> <br /> <br /> <h4> Ucapan terimakasih pada eyang google</h4>  :g:<br /> Hehe... terlalu berlebihan ya sob ?! dapat PR 1 saja sampai bikin posting <i>berterimakasih</i> sama mbah <a href="http://google.co.id/" target="_blank">Google</a>. Yah terserah anggapan dari sobat sajalah, tapi ini memang benar benar pengalaman pertama saya, jadi perasaan ini sangat menyenangkan (LEBAY). Jadi saya harap kemakluman pada sobat sekalian agar tidak menganggap ocehan saya kali ini sebagai sesuatu yang lebay, meskipun sebenarnya yang saya rasakan sendiri juga terasa menjadi sesuatu hal yang lebay. :f:<br /> <br /> Daripada ngoceh ngalur ngidul ngga jelas mending mencoba mencari tahu apa sich yang diinginkan google dari blog kita agar nantinya saat google update PR lagi, juga menambahi peringkat pada blog kita seperti blog blog lain yang dapet kenaikan PR. Dan sampai saat ini dituliskan saya juga kurang paham hal apa yang paling berpengaruh dalam penambahan rangking google. Karena seingat saya tidak ada perlakuan yang spesial untuk blog butut ini. Tapi kok ya masih bisa dapet PR juga. #bingung<br /> <br /> Yah tanya disini juga belum tentu ada yang jawab dari pengunjung pada kolom komen, mending habis nulis langsung nyari browsing dengan mesin pencariannya mbah google yang jawabnya cepet ngga ada satu detik. Dan pastinya nanti kalo ada yang seru dari browsing yang akan saya lakukan, tentu juga saya simpen diblog butut tapi masih saya sayangi ini. Dan tentu boleh sobat simak semua isinya juga atau dikomentari sesuai dengan pikiran sobat.<br /> <br /> Atau dari sobat sekalian ada yang bisa membantu ketidaktahuan saya tentang apa saja yang diperhitungkan google dalam update PR ? tolonglah bantu saya jawab dikomen mastah, :e:<br /> <br /> Oh iya lupa tanya,, bagaimana dengan blog sobat? dapat kenaikan PR juga ngga ?? kalau dapat saya ucapkan selamat dech, dan saya doakan di update PR mendatang dapet kenaikan lagi. Dan yang bagi belum dapet yang sabar yach, jangan sampai bunuh diri cuman gara gara ngga kebagian PR,, hehe.. <br /> <br /> peace... :d:

Dapat 1 PR Dari Google

Senangnya dalam hati, kaya' awal awalnya lagunya Ahmad Dhani yang madu tiga, tapi rasa senang ini bukan karena saya lagi praktek madu ti...

READMORE.....