INI JAMAN BOOTSTRAP !, jamannya web bisa menyesuaikan baik diakases dari Laptop/PC ataupun dari piranti lain misalnya Ponsel, atau tablet. Dan CMS Besutan Twitter ini memang sedang Naik daun, kehadirannya benar-benar fenomenal, langsung booming. Tengoklah tren tampilan web akhir-akhir ini tentu tak jauh dari gaya bootstrap.
Dan plaform Blogger pun akhirnya terjangkit gaya bootstrap seperti ini, meski sebenarnya blogger tidak begitu welkom dengan CMS lain, perlu berputar-putar untuk mengakali blogger agar mau tampil rasa bootstrap. dan berikut ini salah satu tampilan ala bootstrap besutan WEBLOG TEMPALTES NET
Ini tampilan versi dekstop
Ini versi mobile
Ini versi Tablet
Features
- Responsive design
- Powered by Bootstrap 3.1.1
- Portfolio template
- Single column blogger template
- Related posts widget
- Numbered pagination
- 3 column footer widgets
Petunjuk Modifikasi
Edit your template and search for this code.
<section id='hero'> <div class='hero-block'> <img class='img-circle' height='150' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRz2uPTIRDQulf-mI1HuIwsdKD3PE6U3-jpog0YEqwBugR-06PRRhyphenhyphen8kJ_VufF59a82jdtnxeXkvgzXuS9p9A8Y7-nAh_c0OvXu-T7veHFhpDwb2NxYMk3EAvlhyphenhyphenlD9x34w92jOFFdR46u/s1600/user.png' width='150'/> <h1> Hi, I am John doe! </h1> <p> Hello, I'm Admin of weblogtemplates and this is our new blogger template, Foliocard. <br/> It is extremely easy to configure and use. Designed to show your Web design or web development portfolios. <br/> No complex stuff. Your logo, your articles & your social links. Easy stuff! </p> </div> </section>
Replace image with your own image by replacing this
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRz2uPTIRDQulf-mI1HuIwsdKD3PE6U3-jpog0YEqwBugR-06PRRhyphenhyphen8kJ_VufF59a82jdtnxeXkvgzXuS9p9A8Y7-nAh_c0OvXu-T7veHFhpDwb2NxYMk3EAvlhyphenhyphenlD9x34w92jOFFdR46u/s1600/user.png
0 comments:
Post a Comment