BloggerTutorial

Short Code FlexBlog Blogger Template Premium

FlexBlog Premium Blogger Template Free Download – Template Blogger FlexBlog adalah template Blogger yang indah, kuat & fleksibel untuk situs web Berita, Majalah dan Blog. FlexBlog benar-benar dapat disesuaikan sehingga Anda dapat membuat desain eksklusif baru dalam beberapa klik. Ini juga sangat dioptimalkan untuk memberikan Anda hasil terbaik di mesin pencari. Sarat dengan berbagai fitur seperti Widget Pilihan Posting Terbaru, Widget Posting Acak, Siap media sosial, Berbagi WhatsApp, Grid Style Post, Multi Dropdown Menu dll.

Demo & Download

Drop Caps

Short Code FlexBlog Blogger Template Premium

Code Drop Caps

<span class="firstcharacter">L</span>orem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Typography

Short Code Typograpy

Code Typography

<h3 style="text-align: left;">
Typography</h3>
<h1 style="text-align: left;">
This Is a Title Heading</h1>
<h3 style="text-align: left;">
This Is a Title Heading</h3>
<h4 style="text-align: left;">
This Is a Title Heading</h4>
<h5 style="text-align: left;">
This Is a Title Heading</h5>
<h6 style="text-align: left;">
This Is a Title Heading</h6>
<h6 style="text-align: left;">
</h6>
<blockquote class="tr_bq">
This a Quote : Soratemplates Is a Magazine Responsive Blogger Premium Theme, With many news features and fully Customizble, Powerfull Admin Panel and more...</blockquote>
This a Text Normal : Soratemplates&nbsp;Is a Magazine Responsive Blogger Premium Theme, With many news features and fully Customizble, Powerfull Admin Panel and more...<br>
<br>
<b>This a Text Bold :&nbsp;Soratemplates&nbsp;Is a Magazine Responsive Blogger Premium Theme, With many news features and fully Customizble, Powerfull Admin Panel and more...</b><br>
<br>
<i>This a Text Italic :&nbsp;Soratemplates&nbsp;Is a Magazine Responsive Blogger Premium Theme, With many news features and fully Customizble, Powerfull Admin Panel and more...</i><br>
<br>
<u>This a Text Underline :&nbsp;Soratemplates&nbsp;Is a Magazine Responsive Blogger Premium Theme, With many news features and fully Customizble, Powerfull Admin Panel and more...</u><br>
<br>
<strike>This a Text Strikethrough :&nbsp;Soratemplates&nbsp;Is a Magazine Responsive Blogger Premium Theme, With many news features and fully Customizble, Powerfull Admin Panel and more...</strike><br>
<br>
<span style="color: #27ae60;"><span style="color: #27ae60;">This a Colored Text :&nbsp;</span><span style="color: #6aa84f;">Soratemplates</span><span style="color: #27ae60;">&nbsp;Is a Magazine Responsive Blogger Premium Theme, With many news features and fully Customizble, Powerfull Admin Panel and more...</span></span><br>
<br>
<span style="background-color: #6fa8dc; color: white;">This a Colored Background Text :&nbsp;Soratemplates&nbsp;Is a Magazine Responsive Blogger Premium Theme, With many news features and fully Customizble, Powerfull Admin Panel and more...</span><br>
<br>
<span style="font-size: x-small;">This a Text Small</span><br>
<br>
This a Text Normal<br>
<br>
<span style="font-size: large;">This a Text Large</span><br>
<br>
<span style="font-size: x-large;">This a Text Largest</span><br>

Tables

Short Code Tables

Code Tables

<div class="post-table" bis_skin_checked="1">
<table>    <thead>
<tr>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Hero Title</th>
      </tr>
</thead>
    <tbody>
<tr>
        <td data-label="First Name">Bruce</td>
        <td data-label="Last Name">Wayne</td>
        <td data-label="Hero Title">Batman</td>
      </tr>
<tr>
        <td data-label="First Name">Peter</td>
        <td data-label="Last Name">Parker</td>
        <td data-label="Hero Title">Spiderman</td>
      </tr>
<tr>
        <td data-label="First Name">Bruce</td>
        <td data-label="Last Name">Banner</td>
        <td data-label="Hero Title">The Hulk</td>
      </tr>
<tr>
        <td data-label="First Name">Clark</td>
        <td data-label="Last Name">Kent</td>
        <td data-label="Hero Title">Superman</td>
      </tr>
</tbody>
</table>
</div>

Blockquote

Short Code Blockquote

Code Blockquote

<blockquote class="tr_bq">
Soratemplates Is a Magazine Responsive Blogger Premium Theme, With many news features and fully Customizble, Powerfull Admin Panel and more...</blockquote>

Bullet And Lists

Short Code Bullet And Lists

Code Bullet And Lists

<ul style="text-align: left;">
<li>Unlimited Colors</li>
<li>Responsive Theme</li>
<li>PowerFull Admin Panel</li>
<li>ShortCodes</li>
<li>Excellent Support</li>
</ul>
<ol style="text-align: left;">
<li>Unlimited Colors</li>
<li>Responsive Theme</li>
<li>PowerFull Admin Panel</li>
<li>ShortCodes</li>
<li>Excellent Support</li>
</ol>

Buttons

Short Code Buttons

Code Buttons

<h3 style="text-align: left;">
Simple Buttons</h3>
<div id="shortcodes" bis_skin_checked="1">
<div class="small-button" bis_skin_checked="1">
<a class="button small" href="https://www.blogger.com/null" bis_skin_checked="1">Button Small</a><a class="button medium" href="https://www.blogger.com/null" bis_skin_checked="1">Button Medium</a><a class="button large" href="https://www.blogger.com/null" bis_skin_checked="1">Button Large</a></div>
<h3 style="text-align: left;">
Buttons With Icons</h3>
<div class="small-button" bis_skin_checked="1">
<a class="button small demo" href="https://www.blogger.com/null" bis_skin_checked="1">Demo Button</a><a class="button medium demo" href="https://www.blogger.com/null" bis_skin_checked="1">Demo Button</a><a class="button large demo" href="https://www.blogger.com/null" bis_skin_checked="1">Demo Button</a><br>
<br>
<br>
<div class="clear" bis_skin_checked="1">
</div>
<a class="button small download" href="https://www.blogger.com/null" bis_skin_checked="1">Download Button</a><a class="button medium download" href="https://www.blogger.com/null" bis_skin_checked="1">Download Button</a><a class="button large download" href="https://www.blogger.com/null" bis_skin_checked="1">Download Button</a><br>
<br>
<br>
<div class="clear" bis_skin_checked="1">
</div>
<a class="button small buy" href="https://www.blogger.com/null" bis_skin_checked="1">Buy Now Button</a><a class="button medium buy" href="https://www.blogger.com/null" bis_skin_checked="1">Buy Now Button</a><a class="button large buy" href="https://www.blogger.com/null" bis_skin_checked="1">Buy Now Button</a><br>
<br>
<br>
<div class="clear" bis_skin_checked="1">
</div>
<a class="button small visit" href="https://www.blogger.com/null" bis_skin_checked="1">Visit a Link Button</a><a class="button medium visit" href="https://www.blogger.com/null" bis_skin_checked="1">Visit a Link Button</a><a class="button large visit" href="https://www.blogger.com/null" bis_skin_checked="1">Visit a Link Button</a></div>

Alert Boxes

Short Code Alert Boxes

Code Alert Boxes

<div class="alert-message success" bis_skin_checked="1">
<i class="fa fa-check-circle"></i> success message You successfully read this important message.</div>
<div class="alert-message alert" bis_skin_checked="1">
<i class="fa fa-info-circle"></i> Alert message This alert needs your attention.</div>
<div class="alert-message warning" bis_skin_checked="1">
<i class="fa fa-exclamation-triangle"></i> Warning message Warning! Best check yo self.</div>
<div class="alert-message error" bis_skin_checked="1">
<i class="fa fa-exclamation-circle"></i> Error message Oh snap! Change a few things up</div>
</div>

Code Box

Short Code Code Box

Code Code Box

<pre>function generate() {
    var a = $('#container').html();
    var b = window.open('', '', 'width=600,height=400');
    b.document.write('&lt;textarea&gt;' + a + '&lt;/textarea&gt;');
}</pre>

Contact Form

Short Code Contact Form

Code Contact Form

<div class="contact-form" bis_skin_checked="1">
<div class="contact section" id="contact" style="display: block;" bis_skin_checked="1">
<div class="widget ContactForm" id="ContactForm10" bis_skin_checked="1">
<div class="contact-form-widget" bis_skin_checked="1">
<div class="form" bis_skin_checked="1">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm10_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="">
<input class="contact-form-email" id="ContactForm10_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="">
<textarea class="contact-form-email-message" cols="25" id="ContactForm10_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><br>
<input class="contact-form-button contact-form-button-submit" id="ContactForm10_contact-form-submit" type="button" value="Send"><br>
<div style="text-align: center; width: 100%;" bis_skin_checked="1">
<div class="contact-form-error-message" id="ContactForm10_contact-form-error-message" bis_skin_checked="1">
</div>
<div class="contact-form-success-message" id="ContactForm10_contact-form-success-message" bis_skin_checked="1">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
Tags

SAZFHI ID

Aku tidak akan melakukan sesuatu yang tidak harus dilakukan. Tapi, bila harus dilakukan maka akan segera kuselesaikan.

Related Articles

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Back to top button
Close
Close

AdBlock Terdeteksi

Silakan matikan AdBlock anda untuk membaca artikel ini.