Skip to content
Menu
Beytullah Güneş
  • Ana Sayfa
  • Araçlar
    • SEO Analizi Yap
    • En Yeni SEO Analizleri
    • Domain Yaşı Sorgula
    • Google Önbellek Analiz
    • Yapılandırılmış Veri Aracı
  • Blog
    • Bilgisayar
    • Dijital Pazarlama
    • Google
    • Güvenlik
    • İnternet
    • Oyun
    • SEO
    • Sosyal Medya
    • Teknoloji ve Bilim
    • Yazılım Tasarım Kodlama
  • Hakkında
    • Hakkında
    • İletişim
    • Referanslar
    • Sıkça Sorulan Sorular
Beytullah Güneş

Blogger Yazı Sonuna Yazar Profili Ekleme

Yayınlanma Tarihi 9 Aralık 2016 | Kategori Sosyal Medya

Blogerlik hızla yayılırken ve kullanıcı kitlesini geliştirirken bloger görsel düzenlemelerine dağir artık blogumda yer vermeye çalışacağım. Bu makalede yazımızın sonuna hoş bir yazar profili eklemeyi anlatmaya çalışacağım.

1. Blogunuzun yönetim paneline girin ve sol menüden “Şablon”a tıklayın ve açılan sayfada site önizlemesinin altında kalan “HTML’yi Düzenle” butonuna tıklayın.

2. Açılan kodsayfasında kodlar aarasında bir yere tıklayın ve CTRL + F ye tıklayın. Ardından

]]> 


Kodunu arama barına yapıştırarak ENTER e basın. Çıkan sonuç solda kodlar arasında vurgulanacaktır.Vurgulanan kodlardan hemen öncesine aşağıdaki kodları yapıştırın:
/*Professional Author Box CSS Code*/
.about-author {
width : 750px;
overflow : hidden;
margin:10px 0px;
border:0px;
    background: #f2f2ef;
    margin: 0 0 30px 0;
    padding: 10px;
    border: 1px solid #EAEDEF;
    overflow: hidden;
    color: #333333;
    font-size: 14px;
    font-family: Georgia, Tahoma, Verdana;
    line-height: 24px;
}
.about-author img {
display: block;
width: 90px;
height: 90px;
margin: 0 1.2em 0 0;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 999em;
-moz-border-radius: 999em;
border-radius: 999em;
border: 2px solid #ddd;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.about-author h3{
font-family:georgia !important;
font-size:18px !important;
margin:9px 0px !important;
color:#666 !important;
border-bottom:2px solid #666 !important;
border-top:0px !important;
}
.about-author p {
margin:0px;
text-align:justify;
color:#666;
} 
/*Professional Author Box CSS Code*/

3. Arfından yine CTRL + F ile



Kodunu aratın. Çıkan sonucun hemen üstüne ya da altına seçim size kalmış aşağıdaki kodları yapıştırın:


About Author:


<img align="left" src="Resim Linkiniz“/>

Hakkınızda kısa metin yazın


Let’s Get Connected: <a href="http://twitter.com/” rel=”nofollow” target=”_blank”>Twitter | <a href="http://www.facebook.com/” rel=”nofollow” target=”_blank”>Facebook | <a href="http://plus.google.com/” rel=”nofollow”>Google Plus

ilgili konu  SEO Hosting Sunucu ve Kodlamanın Önemi




kırmızı renk ile vurguladığım kısımları kendi bilgilerinize göre düzenleyin.

4. İşlem bu kadar “şablonu kaydet” deyip çıkın.

Devamı gelecek iyi çalışmalar ve bol şanslar …

Video Anlatım

[youtube https://www.youtube.com/watch?v=OMwbvSQajQU]

4 thoughts on “Blogger Yazı Sonuna Yazar Profili Ekleme”

  1. Anonim dedi ki:
    11 Şubat 2018, 09:14

    siteniz için (div class=”tombol-berbagi-arlina”) div gurubu sonrasına ya da hemen bir üst satırına ekleyebilirsiniz. Temanızda tam olarak eklentiye etki edebilecek neler yapıldığını bilemediğimden ancak afaki olarak önerilerde bulunabiliyorum.

    Cevapla
  2. Anonim dedi ki:
    10 Şubat 2018, 11:59

    Merhaba, paylaştığınız eklentiyi çok beğendim ancak ben bu eklentiyi ana sayfamda görünmesini istemiyorum yalnızca yazılarıma tıkladığında konu açıldığından metnin en altında görünmesini istiyorum. Bu özelliği nasıl ekleyebiliriz?

    Cevapla
  3. Anonim dedi ki:
    10 Şubat 2018, 12:08

    Konuyu d,kkatli incelerseniz zaten eklenti yazı sonu için. Videoyu izleyebilirsiniz önizleme ve uygulama için.

    Cevapla
  4. Anonim dedi ki:
    11 Şubat 2018, 09:01

    Anlattıklarınızı harfiyen uyguluyorum hiç bir sorun yok. Dediğiniz gibi eklenti yazı sonlarında zaten görünüyor bu kısımda problem yok. Ancak anasayfama tıkladığımda yayınlarımın yalnızca atlama aralığına kadar olan kısmı görünmeli fakat bu eklenti normalde atlama aralığından sonra da olsa ana sayfada görünüyor.Umarım bu kez daha açıklayıcı olabilmişimdir.Şimdiden teşekkürler..

    Cevapla

Bir cevap yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Beytullah GÜNEŞ

Beytullah GÜNEŞ

GNSNetwork Founder

beytullahgunes.com ve GNSNetwork kurucusu. Aktif olarak 2002, profesyonel olarak 2012 yılından bu yana web tasarım, geliştirme ve SEO alanında hizmet vermekte. 2019 yılından bu yana hizmetlerini GNSNetwork üzerinden sunmayı sürdürmektedir.

Yeni Neler Var?

  • Bing Tarama Sistemini Yeniliyor
  • Haber Makaleleri İçin SEO İpuçları
  • Yandex Sıralama Faktörleri Sızdı
  • WordPress Yönetici Arayüzü Kesinlikle Kötü
  • ChatGPT Web İçeriğinin Kullanımı Etik mi?

SEO Araçları

  • SEO Analizi Yap
  • En Yeni SEO Analizleri
  • Domain Yaşı Sorgula
  • Google Önbellek Analiz
  • Yapılandırılmış Veri Aracı

Kategoriler

  • Bilgisayar
  • Dijital Pazarlama
  • Google
  • Güvenlik
  • İnternet
  • Oyun
  • SEO
  • Sosyal Medya
  • Teknoloji ve Bilim
  • Yazılım Tasarım Kodlama

Başlıca

  • Ana Sayfa
  • Bilgisayar
  • Dijital Pazarlama
  • Google
  • Güvenlik
  • İnternet
  • SEO

Kurumsal

  • Hakkında
  • Sıkça Sorulan Sorular
  • Kullanım Koşulları
  • Çerez Politikası
  • Gizlilik politikası
  • KVKK
  • Beytullah Güneş İletişim

Sosyal

  • Facebook
  • Twitter
  • Instagram
  • tumblr
  • Linkedin

Beytullah Güneş İletişim

[email protected]

Tuğçe Güneş |Mutfaktan Yemek Tarifi | Kullanıcı Yorumluyor | Güzel Anlamlı Sözler | Açıklanamayan Doğaüstü Olaylar

DMCA compliant image btk
GNS Network - SEO Tasarım Reklamcılık