Pemblokir Iklan Terdeteksi

Matikan adBlock anda untuk dapat mengakses situs ini.

translate to english
LOADING...
Website Masih Dalam Proses Pengembangan. Download Template Jika Anda Berminat.
Download
Home
Template
Tips Blogger

Shortcodes dan Page Markups

6 min read
Drop Caps


Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian beralih ke area HTML editor posting dan tambahkan kode di bawah ini pada huruf pertama.
<span class="firstcharacter">L</span>
Ubah "L" dengan teks Anda sendiri.

Typography


Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian pilih teks yang ingin Anda sesuaikan dan klik opsi yang tersedia di atas editor posting Anda. periksa gambar di bawah untuk preferensi.


Ada terutama 9 opsi yang dapat Anda gunakan untuk membuat tipografi yang tampak keren.
  1. Text Size
  2. Text Heading Style
  3. Bold
  4. Italic
  5. Underline
  6. Strikethrough
  7. Text color
  8. Text Highlighter
  9. Link
Tables


Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian beralih ke area HTML editor posting dan tambahkan kode di bawah ini di mana saja Anda ingin membuat tabel muncul.

<div class="post-table">

<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>
Baca juga :
Cara Mengatur Template Blogger Metronic

        <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>
Ubah detail dengan teks Anda sendiri.

Blockquote


Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian pilih teks apa pun yang ingin Anda sesuaikan dan klik pada opsi blockquote yang tersedia di atas editor posting Anda. periksa gambar di bawah untuk preferensi.


Bullet dan Lists


Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian pilih teks apa pun yang ingin Anda sesuaikan dan klik opsi peluru dan daftar yang tersedia di atas editor posting Anda. periksa gambar di bawah untuk preferensi.

Buttons


Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian beralih ke area HTML editor posting dan tambahkan kode di bawah ini di mana saja Anda ingin membuat tabel muncul.

Simple Buttons

<div class="small-button">

<a class="button small" href="https://www.blogger.com">Button Small</a>

<a class="button medium" href="https://www.blogger.com">Button Medium</a>

<a class="button large" href="https://www.blogger.com">Button Large</a>

</div>
Buttons dengan Icons

 <div class="small-button">

<a class="button small demo" href="https://www.blogger.com">Demo Button</a>

<a class="button medium demo" href="https://www.blogger.com">Demo Button</a>

<a class="button large demo" href="https://www.blogger.com">Demo Button</a>

                <br>

<div class="clear">

</div>

<a class="button small download" href="https://www.blogger.com">Download Button</a>

<a class="button medium download" href="https://www.blogger.com">Download Button</a>

<a class="button large download" href="https://www.blogger.com">Download Button</a>

                <br>

<div class="clear">

</div>

<a class="button small buy" href="https://www.blogger.com">Buy Now Button</a>

<a class="button medium buy" href="https://www.blogger.com">Buy Now Button</a>

<a class="button large buy" href="https://www.blogger.com">Buy Now Button</a>

Baca juga :
Cara Mengatur Template Blogger Sora24
                <br>

<div class="clear">

</div>

<a class="button small visit" href="https://www.blogger.com">Visit a Link Button</a>

<a class="button medium visit" href="https://www.blogger.com">Visit a Link Button</a>

<a class="button large visit" href="https://www.blogger.com">Visit a Link Button</a>

</div>
Ubah detail dengan teks Anda sendiri.

Alert Boxes


Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian beralih ke area HTML editor pos dan tambahkan kode di bawah ini di mana saja Anda ingin membuat kotak muncul.

<div class="alert-message success">

<i class="fa fa-check-circle"></i> success message You successfully read this important message.</div>

<div class="alert-message alert">

<i class="fa fa-info-circle"></i> Alert message This alert needs your attention.</div>

<div class="alert-message warning">

<i class="fa fa-exclamation-triangle"></i> Warning message Warning! Best check yo self.</div>

<div class="alert-message error">

<i class="fa fa-exclamation-circle"></i> Error message Oh snap! Change a few things up</div>

</div>
Ubah detail dengan teks Anda sendiri.

Code Box


Akses Posting blog Anda> klik Edit pada salah satu posting Anda atau tambahkan posting baru. kemudian beralih ke area HTML editor pos dan tambahkan kode di bawah ini di mana saja Anda ingin membuat kotak kode muncul.

<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>
Ubah detail dengan teks Anda sendiri.

Comment Form

Access your blog Posts or static page > click Edit on any of your posts/ page or add a new post/page. then switch to HTML area of the post editor and add the below coding anywhere you want to make the contact form appear.

<div class="contact-form">

<div class="contact section" id="contact" style="display: block;">

<div class="widget ContactForm" id="ContactForm1">

<div class="contact-form-widget">

<div class="form">

<form name="contact-form">

<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" />

                                <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" />

                                <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea>

                                <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />

                                <br />

<div style="text-align: center; width: 100%;">

<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">

</div>

<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">

</div>

</div>

</form>

</div>

</div>

</div>

</div>

</div>
Ubah detail dengan teks Anda sendiri.

Help!
Baca juga :
Semangat berkarya mekipun hasil copy paste!

Blogger : Cerdasin62+

Mau donasi keh?

Paypal
Dana - 0887435373103
Jika dana kalian terlalu banyak bisa beri admin sedikit banyak dana sesuka hati. klik icon panah di atas

You may like these posts

  • Template Portfolio Infinity Blogger
    Template Blogger Infinity adalah tema blogger one page dengan tata letak multi fungsi dan desain sesuai keinginan. Infinity Blogger Template membantu Anda membuat halaman portofoli…
  • Cara Mengatur Template Blogger UI Medium
     Template Blogger Ui Medium adalah tema yang tampak bersih dan elegan dengan fitur luar biasa. Anda dapat memeriksa demo langsung atau mengunduh template melalui tombol d…
  • Cara Mengatur Template Blogger Soraedge
    Soraedge Blogger Template adalah tema multi fungsi yang tampak berkelas dengan desain yang elegan dan tanpa kesan. Dibangun dengan kode berkualitas tinggi, tema ini menyertakan fit…
  • Cara Setup Template Blogger Grider
    Template Blogger Grider adalah template blogger fleksibel bergaya grid. Ini memiliki desain unik yang membantu Anda mempublikasikan gambar berkualitas tinggi. Anda dapat membuat bl…
  • Cara Setup Tutorial Template Blogger
    Tema tutorial blogger, khusus dikembangkan untuk berita yang mencakup topik hiburan, review, game, teknologi, viral dan gadget. Tema dengan tampilan modern namun elegan, mudah digu…
  • Cara Mengatur Template Kate Blogger
    Kate Blogger Template adalah template yang diperkaya fitur yang dikembangkan dengan menggunakan tren dan teknik terbaru dan membantu pemula membuat blog dengan tampilan standar dal…
Apakah artikel ini bermanfaat? Silahkan klik bintang di bawah.
Jangan lupa beri komentar.
Komentar.

Post a Comment

Tinggalkan komentar sesuai topik tulisan, centang Notify me untuk mendapatkan notifikasi via email ketika komentar kamu di balas.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
CaraTech.

Mampir Juga Ke Blogger caratech.my.id