SoraTemplates Shortcodes and Page Markups

Sitemizin bu sayfasında soratemplates tarafından üretilen temalarda kullanabileceğiniz shortcodes kodları yer almaktadır, kullanmak istediğiniz kodu kopyalayıp sitenin html kısmına eklemeniz ve ardından düzenlemeniz yeterli olacaktır.

Bırak Kapakları

Blogunuza erişin Yayınlar> Yayınlarınızın herhangi birinde Düzenle'yi tıklayın veya yeni bir gönderi ekleyin. daha sonra post editörünün HTML alanına geçin ve aşağıdaki kodlamayı ilk harfe ekleyiniz.

 <span class = "firstcharacter"> L </ span>

Kendi metninizle "L" yi değiştirin.

matbaacılık

Blogunuza erişin Yayınlar> Yayınlarınızın herhangi birinde Düzenle'yi tıklayın veya yeni bir gönderi ekleyin. sonra özelleştirmek istediğiniz herhangi bir metni seçin ve yazı düzenleyicinizin üzerinde bulunan seçenekleri tıklayın. görüntü için tercihinizi kontrol edin.

Harika görünümlü tipografi oluşturmak için kullanabileceğiniz başlıca 9 seçenek vardır.

1. Yazı Boyutu
2. Metin Başlık Stili
3. cesur
4. İtalik
5. Altını çizmek
6. çizili
7. Metin rengi
8. Metin İşaretleyici
9. bağlantı

Tablolar

Blogunuza erişin Yayınlar> Yayınlarınızın herhangi birinde Düzenle'yi tıklayın veya yeni bir gönderi ekleyin. daha sonra yazı düzenleyicinin HTML alanına geçin ve tabloyu oluşturmak istediğiniz yere istediğiniz kodu ekleyin.

 <div class = "post-table"> 
<table> 
    <thead> 
<tr> 
        <th> Ad </ th> 
        <th> Soyadı </ th> 
        <th> Kahraman Başlığı </ th> 
      </ tr> 
</ thead> 
    <tbody> 
<tr> 
        <td data-label = "Ad"> Bruce </ td> 
        <td data-label = "Soyadı"> Wayne </ td> 
        <td data-label = "Kahraman Başlık "> Batman </ td> 
      </ tr> 
<tr> 
        <td data-label =" Ad "> Peter </ td> 
        <td data-label =" Soyadı "> Parker </ td>
        <td data-label = "Kahraman Başlığı"> Örümcek Adam </ td> 
      </ tr> 
<tr> 
        <td data-label = "Ad"> Bruce </ td>
        <td data-label = "Soyadı"> Afiş </ td> 
        <td data-label = "Kahraman Başlığı"> Hulk </ td> 
      </ tr> 
<tr> 
        <td data-label = "Ad" > Clark </ td> 
        <td data-label = "Soyadı"> Kent </ td> 
        <td data-label = "Kahraman Başlığı"> Süpermen </ td> 
      </ tr> 
</ tbody> 
</ table> 
</ div>

Ayrıntıları kendi metninizle değiştirin.

blockquote

Blogunuza erişin Yayınlar> Yayınlarınızın herhangi birinde Düzenle'yi tıklayın veya yeni bir gönderi ekleyin. sonra özelleştirmek istediğiniz herhangi bir metni seçin ve yazı düzenleyicinizin üzerinde bulunan blok alıntı seçeneğini tıklayın. görüntü için tercihinizi kontrol edin.

Madde Ve Listeleri

Blogunuza erişin Yayınlar> Yayınlarınızın herhangi birinde Düzenle'yi tıklayın veya yeni bir gönderi ekleyin. daha sonra özelleştirmek istediğiniz herhangi bir metni seçin ve yazı düzenleyicinizin üzerinde bulunan mermi ve listeler seçeneğine tıklayın. görüntü için tercihinizi kontrol edin.

Düğmeler

Blogunuza erişin Yayınlar> Yayınlarınızın herhangi birinde Düzenle'yi tıklayın veya yeni bir gönderi ekleyin. daha sonra yazı düzenleyicinin HTML alanına geçin ve tabloyu oluşturmak istediğiniz yere istediğiniz kodu ekleyin.

• Basit düğmeler

 <div class = "small-button"> 
<a class="button small" href="https://www.blogger.com"> Button Small </a> 
<a class = "düğme ortamı" href = "https : //www.blogger.com "> Düğme Ortamı </a> 
<a class="button large" href="https://www.blogger.com"> Düğme Büyüklüğü </a> 
</ div>

• Simgeleri ile düğmeleri

 <div class = "small-button"> 
<a class="button small demo" href="https://www.blogger.com"> Demo Düğmesi </a> 
<a class = "button medium demo" href = "https://www.blogger.com"> Demo Düğmesi </a> 
<a class="button büyük demo" href="https://www.blogger.com"> Demo Düğmesi </a> 
                <br> 
<div class = "clear"> 
</ div> 
<a class="button small download" href="https://www.blogger.com"> İndirme Düğmesi </a> 
<a class = "button medium download" href = "https://www.blogger.com"> İndirme Düğmesi </a> 
<a class = "büyük düğme indirme" href = "https: // www.blogger.com "> İndirme Düğmesi </a> 
                <br> 
<div class =" clear "> 
</ div>
<a class="button small buy" href="https://www.blogger.com"> Hemen Satın Al Düğmesi </a> 
<a class = "button medium buy" href = "https: //www.blogger. com "> Hemen Al Düğme </a> 
<a class="button büyük buy" href="https://www.blogger.com"> Hemen Al Düğme </a> 
                <br> 
<div class =" açık" > 
</ div> 
<a class="button small visit" href="https://www.blogger.com"> Bağlantı Düğmesini Ziyaret Edin </a> 
<a class = "button medium visit" href = "https: //www.blogger.com">Bir Bağlantı Düğmesini 
Ziyaret Edin </a> <a class="button büyük ziyareti" href="https://www.blogger.com"> Bağlantı Düğmesini Ziyaret Edin </a>
</ div>

Ayrıntıları kendi metninizle değiştirin.

Uyarı Kutuları

Blogunuza erişin Yayınlar> Yayınlarınızın herhangi birinde Düzenle'yi tıklayın veya yeni bir gönderi ekleyin. daha sonra, post editörünün HTML alanına geçin ve kutuların görünmesini istediğiniz yere istediğiniz kodu ekleyin.

 <div class = "alert-message success"> 
<i class = "fa fa-check-circle"> </ i> başarı mesajı Bu önemli mesajı başarıyla okudunuz. </ div> 
<div class = "alert-message alert "> 
<i class =" fa fa-info-daire "> </ i> Uyarı mesajı Bu uyarının sizin dikkatinize. </ div> 
<div class =" uyarı mesajı uyarısı "> 
<i class =" fa fa- ünlem-üçgen "> </ i> Uyarı mesajı Uyarı! En iyi çek kendini. </ Div> 
<div class = "uyarı mesajı hatası"> 
<i class = "fa falamlamat-daire"> </ i> Hata mesajı Oh snap! Birkaç şeyi değiştir </ div> 
</ div>

Ayrıntıları kendi metninizle değiştirin.

Kod Kutusu

Blogunuza erişin Yayınlar> Yayınlarınızın herhangi birinde Düzenle'yi tıklayın veya yeni bir gönderi ekleyin. sonra editörün HTML alanına geçin ve kod kutusunun görünmesini istediğiniz yere istediğiniz kodu ekleyin.

 <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>

Ayrıntıları kendi metninizle değiştirin.

Yorum Formu

Blogunuza erişin Yayınlar veya statik sayfa> Yayınlarınızdan / sayfanızdan herhangi birinde Düzenle'yi tıklayın veya yeni bir gönderi / sayfa ekleyin. daha sonra, yazı düzenleyicinin HTML alanına geçin ve iletişim formunun görünmesini istediğiniz yere istediğiniz kodu ekleyin.

 <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 = "iletişim formu-düğmesi iletişim formu-düğmesi-gönder" id = "ContactForm1_contact-form-submit" type = "button" value = "Gönder" /> 
                                <br /> 
<div style = "text- align: center; width: 100%; "> 
<div class =" contact-form-error-message "id =" ContactForm1_contact-form-error-message "> 
</ div> 
<div class =" iletişim-form-başarı -message "id =" ContactForm1_contact-form-başarı mesajı "> 
</ div> 
</ div> 
</ form> 
</ div> 
</ div> 
</ div> 
</ div> 
</ div>

Ayrıntıları kendi metninizle değiştirin.