Juragan responsive blogger teması Türkçe ücretsiz - Blogbeyin | Yazmaya gönüllü arkadaş topluluğu

1 Mar 2019

Juragan responsive blogger teması Türkçe ücretsiz


Juragan responsive blogger teması ücretsiz

Juragan blogger temasını artık duymayan kalmamıştır diye düşünüyorum. Tema baya kullanışlı hatta şu anda sayfada ki tema da Juragan'ın ta kendisi ufak tefek eklemeler çıkartmalarla biraz daha kullanışlı hale geldiğini düşünüyorum.

Tema ücretsiz dağıtım olduğu için bir çok kısıtlamaya sahip örneğin en büyük eksik diyebilirsiniz belkide "slider" malesef yok. Basit bir başlangıç yapacak blog yazarları için bence çok ta önemli değil. En azından ben böyle düşünüyorum.:)


Her neyse bu yazıyı neden yazdım ona gelelim. Dediğim gibi tema bence başlangıç yapacak blog yazarları için güzel. Temayı Türkçeleştirdim kullanılabilir bir tema olduğu içinde sizlerle paylaşmak istedim. Umarım yeni başlayan arkadaşlara ufaktan bir katkım olur..

Linklerin altında paylaştığım kodlar ile sayfanın sağınki "sosyal alan" gadgeti oluşturulabilir.


Sosyal medya butonları kodları; 
2 tane buton aktiftir. Diğer butonları da diğer örneklerden copy/paste yaparak ekleyebilirsiniz.


<style>
/* Social Counter
--------------------------------------*/
li.social_item-wrapper {
float: left;
width: 48%;
text-align: center;
margin-right: 4% !important;
margin-bottom: 10px !important;
color: #fff;
}
#sidebar .widget {
margin-bottom: 35px;
}
a.social_item {
position: relative;
display: block;
height: 60px;
line-height: 60px;
overflow: hidden;
}
.social_item-wrapper:nth-child(2n+2) {
margin-right: 0 !important;
}
.social_icon {
float: left;
line-height: 60px;
width: 41px;
font-size: 1.3rem;
}
a.social_item.social_facebook {
background: #3F5B9B;
}
.fa-facebook.social_icon {
background: #2E4372;
}
li.social_item-wrapper:hover .fa-facebook.social_icon {
background: #3F5B9B;
}
li.social_item-wrapper:hover .social_facebook {
background: #2E4372;
}
a.social_item.social_twitter {
background: #1C97DE;
}
.fa-twitter.social_icon {
background: #1571A5;
}
li.social_item-wrapper:hover .fa-twitter.social_icon {
background: #1C97DE;
}
li.social_item-wrapper:hover .social_twitter {
background: #1571A5;
}
a.social_item.social_youtube {
background: #E22020;
}
.fa-youtube.social_icon {
background: #B31919;
}
li.social_item-wrapper:hover .fa-youtube.social_icon {
background: #E22020;
}
li.social_item-wrapper:hover .social_youtube {
background: #B31919;
}
a.social_item.social_dribbble {
background: #E82159;
}
.fa-dribbble.social_icon {
background: #B51A45;
}
li.social_item-wrapper:hover .fa-dribbble.social_icon {
background: #E82159;
}
li.social_item-wrapper:hover .social_dribbble {
background: #B51A45;
}
a.social_item.social_rss {
background: #E86321;
}
.fa-rss.social_icon {
background: #C2521B;
}
li.social_item-wrapper:hover .fa-rss.social_icon {
background: #E86321;
}
li.social_item-wrapper:hover .social_rss {
background: #C2521B;
}
a.social_item.social_google-plus {
background: #E82C2C;
}
.fa-google-plus.social_icon {
background: #BF2424;
}
li.social_item-wrapper:hover .fa-google-plus.social_icon {
background: #E82C2C;
}
li.social_item-wrapper:hover .social_google-plus {
background: #BF2424;
}
a.social_item.social_linkedin {
background: #0275B6;
}
.fa-linkedin.social_icon {
background: #02669E;
}
li.social_item-wrapper:hover .fa-linkedin.social_icon {
background: #0275B6;
}
li.social_item-wrapper:hover .social_linkedin {
background: #02669E;
}
a.social_item.social_instagram {
background: #8E714D;
}
.fa-instagram.social_icon {
background: #6F583C;
}
li.social_item-wrapper:hover .fa-instagram.social_icon {
background: #8E714D;
}
li.social_item-wrapper:hover .social_instagram {
background: #6F583C;
}
a.social_item.social_pinterest {
background: #CA2027;
}
.fa-pinterest.social_icon {
background: #AB1B21;
}
li.social_item-wrapper:hover .fa-pinterest.social_icon {
background: #CA2027;
}
li.social_item-wrapper:hover social_pinterest {
background: #AB1B21;
}
ul.social-counter a {
color: #fff;
}
</style>
<div class="socialcounter">
<ul class="social-counter"><li class="social_item-wrapper"><a href="https://www.youtube.com/channel/UCAYAM_2zBOL3qztBtmoHngg/featured" class="social_item social_youtube" target="_blank"><i class="fa fa-youtube social_icon"></i><span class="social_num">0 Takipçi</span></a></li><li class="social_item-wrapper"><a href="https://www.instagram.com/napyonbeolum/" target="_blank" class="social_item social_instagram"><i class="fa fa-instagram social_icon"></i><span class="social_num">2 Takipçi</span></a></li></ul></div>

E-posta aboneliği;
Bunda da mavi ile belirlenen alanları kendinize göre düzenleyebilirsiniz.

<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>
<div id='responsiveness'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=NapyonBeolum', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input  class="placer" type='text'  name='email' placeholder='Email kayıt ol...' />
<input type="hidden" value="NapyonBeolum" name="uri"/>
<input type="hidden" name="loc" value="en_US"/>
<input value="Kayıt Ol" class="button" type="submit" />
</form></div>
<style>
#responsiveness {
    padding: 15px 25px 20px;
    line-height: 35px;
    text-align: center;
    background: none repeat scroll 0% 0% #fff;
    margin: -15px;
    border-radius: 3px;
}
#responsiveness h5 {
    font-size: 17px;
    font-weight: 700;
    font-family: Poppins;
    color: #FFF;
    padding: 0px;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 10px 0px 15px;
    letter-spacing: 0.01em;
    text-align: left;
}
input.placer {
    color: #333;
    padding: 15px;
    font-size: 16px;
    font-family: Poppins;
    border: 1px solid #EEE;
    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
    margin: 10px auto 0px;
    border-radius: 3px;
    width: 89%;
}
input.button {
    background-color: #1277cb;
    color: #FFF;
    font-weight: 400;
    cursor: pointer;
    border-radius: 3px;
    text-transform: uppercase;
    font-family: Poppins;
    padding: 10px 15px;
    border: medium none;
    font-size: 16px;
    width: 90%;
    margin: 15px auto 0px;
}
input.button:hover{
    background: #FFF;
    color: #333;
}
</style>

2 yorum:

  1. Yüklenmiyor Hata Veriyor

    YanıtlaSil
    Yanıtlar
    1. Temayı indirdikten sonra xml dosyasını sağ tık not defteri ile açıp blogger sayfanıza kopyala-yapıştır yapıp denemenizde yarar var. Yükleme sırasında Türkçe karakter sorunu verebiliyor.

      Sil


EmoticonEmoticon

Kapat