Merhabalar ben Hive account@sauronbey, Steemit'e yeni katılmış veya uzun süredir burada olmasına rağmen Markdown kodlarına alışamamış insanlar olabiliyor işte bu duruma biraz olsun yardımcı olabilmek için bu kodları en basit şekilde Hive account@cpxturk-destek hesabı üzerinden anlatmaya çalışıyorum. Önceki Markdown anlatımlarımı inceleyebilirsiniz.

Markdown Kodları Nedir ve Nasıl Kullanılır

Kırmızı Yazılar - Sağa/Sola Yaslama

İki Yana Yasla - Markdown Kodları #3

İki/Üç Sütunlu Yazı Oluşturma

Önceki Markdown anlatımlarında sırasıyla Basit kodlar > Kırmızı Yazılar ve Sağa/Sola Yaslama > İki Yana Yaslama > İki/Üc Sütunlu Yazı şeklinde paylaşım yapmıştım. Bugün ise bu paylaşılan anlatımları kullanarak hazır bir taslak oluşturacağım ve bu taslak sayesinde fotoğrafları tıpkı sütun şeklindeki yazılar gibi kullanabileceğiz.
Yapacağınız bu ekleme ile içeriklerinizin sonunda eski paylaştığınız içeriklerin tekrar okunmasını sağlayabilirsiniz. Bir nevi eski yazılarınızı canlandırmak için kullanabilirsiniz ve oldukça yararlıdır.

Nasıl Yapılır?

İlk olarak eklemek istediğiniz görsellerin boyutlarının eşit olmasına özen gösterin bu şekilde çok daha düzenli bir sonuç elde edebilirsiniz.

Görsel Boyutlandırma İçin Yardımcı Bir Site

Örnek Başlık

Kodlar


<div class="pull-left">
  <div class="pull-left"> 
      <a href="https://steemit.com/@cpxturk-destek">
       <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://pbs.twimg.com/media/DcRGdpdXkAAbc-1.jpg">
       </sub></sub></sub></sub></sub></sub></sub>
       <h4> <center> Örnek Başlık  </center> </h4>          
    </a>
  </div>
  <div class="pull-right">
      <a href="https://steemit.com/@cpxturk-destek">
        <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://pbs.twimg.com/media/DcRGdpdXkAAbc-1.jpg">
       </sub></sub></sub></sub></sub></sub></sub>
       <h4> <center> Örnek Başlık  </center> </h4>         
    </a>
  </div>
</div>

<div class="pull-right">
  <div class="pull-left">
      <a href="https://steemit.com/@cpxturk-destek">
        <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://pbs.twimg.com/media/DcRGdpdXkAAbc-1.jpg">
       </sub></sub></sub></sub></sub></sub></sub>
      <h4> <center> Örnek Başlık  </center> </h4>     
    </a>
  </div>
  <div class="pull-right">
     <a href="https://steemit.com/@cpxturk-destek">
         <sub><sub><sub><sub><sub><sub><sub>
            <img src="https://pbs.twimg.com/media/DcRGdpdXkAAbc-1.jpg">
        </sub></sub></sub></sub></sub></sub></sub>
       <h4> <center> Örnek Başlık </center> </h4> 
    </a>
  </div>
</div>