Cara menghilangkan/menyembunyikan judul postingan

Cara menghilangkan/menyembunyikan judul postingan

http://dicksonadacara.com/cara-menghilangkan-judul-blog-pada-judul-posting-artikel-di-blogspot-blogger/

https://www.kumpulancara.com/2013/11/cara-sembunyikan-judul-title-posting.html

cara membuat link download berkas

http://www.siyusuf.com/2016/04/membuat-link-download-via-google-drive.html

Soal-Soal UN Bahasa Indonesia

Soal-Soal UN Bahasa Indonesia

Download PDF

Ibadah Kunjungan Sakit di Keluarga Bpk. Ama/Ina Pinu Hia

DPC HIMNI Kota Tanjungpinang turut prihatin atas penyakit yang sedang diderita oleh Ibu Ina Pinu Hia (Gatira Hia).



Penyakit yang sebelumnya pernah diderita oleh Ibu Ina Pinu pun kambuh kembali.
Untuk itupun, DPC HIMNI Kota Tanjungpinang ikut berpartisipasi dalam melaksanakan IBADAH Kunjungan Sakit di Keluarga yang bersangkutan, Tempatnya  Di kediaman A/I. Aris Hia, Griya Hangtuah Permai IV Blok Lingga No.2 TPi dekat SMP 16 Ama/Ina Aris di Ganet pada Hari Senin, 29 Januari 2017.

Ibadah tersebut dipimpin oleh Bpk. Pdt. Seprianus Ndruru, S.Th dan Liturgos Bpk. Ama Callysta Hia

Hanya 1 Harapan Keluaga DPC HIMNI Kota Tanjungpinang adalah kesembuhan dari penyakit yang sedang dideritanya.

Amin

#Salam Himni 
#Salam Pariwisata
#Kota Tanjungpinang

Blog Pasrah Setiawan Hia: Lomba MEWARNAI dan FASHION SHOW di KFC Batu - 9 Tanjungpinang

Blog Pasrah Setiawan Hia: Lomba MEWARNAI dan FASHION SHOW di KFC Batu - 9 Tanjungpinang

Cara membuat image slide show

http://shareall4free.blogspot.co.id/2009/09/cara-membuat-imageteks-slide-show.html

Cara membuat label dengan efek Marque pada blog

http://dinarcool.blogspot.co.id/2011/07/cara-membuat-label-dengan-efek-marquee.html

Cara menambahkan read more pada blog

http://dinarcool.blogspot.co.id/2011/06/cara-menambahkan-read-moreselengkapnya.html

Cara membuat sub menu blog

http://www.tutorialumum.com/2017/05/cara-memunculkan-sub-menu-di-blog.html


http://www.tutorialumum.com/2017/06/cara-memasang-link-menu-navigasi-di-blogger.html

Cara Membuat Slide show di blog

http://www.tutorialumum.com/2017/08/cara-membuat-slideshow-di-blog.html

cara membuat garis bingkai pada postingan blog

<div class="kotak-seo" style="display: inline-block; margin: 1em 0px; position: relative;">
<div class="title" style="background-color: white; margin-left: 30px; margin-top: -14px; padding: 0px 15px; position: absolute;">
<a href="https://mastamvan.blogspot.co.id/p/sitemap.html" style="color: #eb4938; text-decoration-line: none;" target="_blank" title="kumpulan tutorial blogger">Tutorial Blogger</a>&nbsp;Lainnya :</div>
<div class="content" style="border: 1px solid rgb(221, 221, 221); padding: 20px 20px 0px;">
<ul style="margin: 1.5em 0px;">
<li><h4>
<a href="https://mastamvan.blogspot.com/2016/01/tools-untuk-parse-atau-konversi-html.html" style="color: #eb4938; text-decoration-line: none;" target="_blank" title="Free Tools Untuk Parse Atau Konversi Html">Free Tools Untuk Parse Atau Konversi Html</a></h4>
</li>
<li><h4>
<a href="https://mastamvan.blogspot.com/2016/01/auto-like-dan-follow-instagram-terbaru.html" style="color: #eb4938; text-decoration-line: none;" target="_blank" title="Auto Like Dan Follow Instagram Terbaru 2016 Wor">Auto Like Dan Follow Instagram Terbaru 2016 Work</a></h4>
</li>
<li><h4>
<a href="https://mastamvan.blogspot.com/2016/01/merubah-resolusi-foto-menjadi-besar.html" style="color: #eb4938; text-decoration-line: none;" target="_blank" title="Cara Merubah Resolusi Foto Menjadi Lebih Besar">Cara Merubah Resolusi Foto Menjadi Lebih Besar</a></h4>
</li>
</ul>
</div>
</div>

Tutorial Blogger Lainnya :

• Free Tools Untuk Parse Atau Konversi Html

• Auto Like Dan Follow Instagram Terbaru 2016 Work

• Cara Merubah Resolusi Foto Menjadi Lebih Besar

Membuat Beautiful Table Responsife with CSS

MEMBUAT BEAUTIFUL TABLE RESPONSIVE WITH CSS

 Home  Blogger  Tips Dan Trik  Membuat Beautiful Table Responsive With CSS

Membuat Beautiful Table Responsive With CSS

Membuat Table Responsive With CSS Di Blog

Cara Memasang Table Responsive Di Blog Dengan CSS

Share table responsive dengan style yang sangat menarik untuk dipasang pada blog. Bagi kalian yang ingin membuat sebuah table responsive langsung saja ikuti tutorial di blog mas tamvan ini.

Langsung saja, buat kalian yang ingin memasang table di blognya ikuti saja langkah langkahnya, sangat mudah tinggal tempel dan ganti beberapa kata saja.
Jangan lupa baca tutorial lainnya ya :)

Tutorial Blogger Lainnya :

• Free Tools Untuk Parse Atau Konversi Html

• Auto Like Dan Follow Instagram Terbaru 2016 Work

• Cara Merubah Resolusi Foto Menjadi Lebih Besar

Nah untuk melihat tampilan responsive dari table ini, silahkan klik tombol button dibawah ini.

Tutorial Pemasangan Table Responsive Di Blog

• Login ke Blogger.com

• Masuk ke Tab Template-> Klik Edit HTML, Cari Code </head>

• Kalo udah ketemu, masukan css table responsive ini diatasnya

123456789101112131415161718
<style type='text/css'>
/*Table Responsive*/
.container th h1{font-weight:bold;font-size:1em;text-align:left;color:#185875}
.container td{font-weight:normal;font-size:1em;-webkit-box-shadow:0 2px 2px -2px #0E1119;-moz-box-shadow:0 2px 2px -2px #0E1119;box-shadow:0 2px 2px -2px #0E1119}
.container{text-align:left;overflow:hidden;width:80%;margin:0 auto;display:table;padding:0 0 8em 0}
.container td,.container th{padding-bottom:2%;padding-top:2%;padding-left:2%}
/* Background-color of the odd rows */
.container tr:nth-child(odd){background-color:#323C50}
/* Background-color of the even rows */
.container tr:nth-child(even){background-color:#2C3446}
.container th{background-color:#1F2739}
.container td:first-child{color:#FB667A}
.container tr:hover{background-color:#464A52;-webkit-box-shadow:0 6px 6px -6px #0E1119;-moz-box-shadow:0 6px 6px -6px #0E1119;box-shadow:0 6px 6px -6px #0E1119}
.container td:hover{background-color:#FFF842;color:#403E10;font-weight:bold;box-shadow:#7F7C21 -1px 1px,#7F7C21 -2px 2px,#7F7C21 -3px 3px,#7F7C21 -4px 4px,#7F7C21 -5px 5px,#7F7C21 -6px 6px;transform:translate3d(6px,-6px,0);transition-delay:0s;transition-duration:0.4s;transition-property:all;transition-timing-function:line}
@media (max-width:800px){.container td:nth-child(4),.container th:nth-child(4){display:none}}
</style>

• Sekarang Save Template.

• Untuk pemsangan HTMLnya Kalian Tinggal masuk ke postingan blog yang inigin di tambahkan table.

• Copy HTML dibawah ini dan masukan ke postingan, Tapi dalam posisi tab HTML bukan compose, Lihat gambar!!


1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
<table class="container">
 <thead>
  <tr>
   <th><h1>Sites</h1></th>
   <th><h1>Views</h1></th>
   <th><h1>Clicks</h1></th>
   <th><h1>Average</h1></th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>Google</td>
   <td>9518</td>
   <td>6369</td>
   <td>01:32:50</td>
  </tr>
  <tr>
   <td>Twitter</td>
   <td>7326</td>
   <td>10437</td>
   <td>00:51:22</td>
  </tr>
  <tr>
   <td>Amazon</td>
   <td>4162</td>
   <td>5327</td>
   <td>00:24:34</td>
  </tr>
    <tr>
   <td>LinkedIn</td>
   <td>3654</td>
   <td>2961</td>
   <td>00:12:10</td>
  </tr>
    <tr>
   <td>CodePen</td>
   <td>2002</td>
   <td>4135</td>
   <td>00:46:19</td>
  </tr>
    <tr>
   <td>GitHub</td>
   <td>4623</td>
   <td>3486</td>
   <td>00:31:52</td>
  </tr>
 </tbody>
</table>

• Kalian tinggal mengganti isi dari tabel itu dengan data yang kalian inginkan

• Kalau sudah tinggal Save Postnya. dan lihat hasilnya n salam tamvan :)

 Mas Tamvan  1/14/2016

Share This:

 Google  Facebook  Twitter  More

BERLANGGANAN VIA EMAIL

Agan Sedang Membaca Artikel : Membuat Beautiful Table Responsive With CSS. Silahkan masukan email anda dibawah ini! dan nanti akan otomatis mendapatkan kiriman artikel terbaru dari Blog Mas Tamvan. Terimakasih.

BLOG MAS TAMVAN

Terima Kasih Sudah Membaca Artikel Tentang : Membuat Beautiful Table Responsive With CSS. Jika Ada Yang Mau Request Tutorial Silahkan Beri Tahu Saya Di Kolom Komentar :)