ADSENSE: şablon

Dinamik Blog Temanızı Kendiniz Tasarlayın

Dinamik Blog Temanızı Kendiniz Tasarlayın

Dinamik Blogger kullanıcısı olarak blogunuzun temasını ( şablon ) kendiniz düzenleyebilirsiniz. Blogunuzu yeni oluşturduysanız bu...

Devamı »

Blogger Yeni Şablonu Nasıl Yüklenir

<h3 class="post-title entry-title" itemprop="name" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 20px; font-stretch: normal; margin: 0px; position: relative;">
 </h3>
<div class="post-header" style="color: #666666; line-height: 1.6; margin: 0px 0px 1.5em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-9061814994860412254" itemprop="articleBody" style="font-size: 14.8500003814697px; line-height: 1.4; position: relative; width: 538px;">
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px;">
</div>
<div class="separator" style="background-color: white; clear: both; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE8hC7mbhmxMlWOgDRSNkau9N8wHNYvmmvRyqnkFePifFTSMjh76lRmFV8Qp0nRqbDisBwY_pSYAWcbroGotpaSw5xKqtiwBQG-W3Yp3i2t5A6LSTPpUyE8dCNNHQ8MpndB-RyfRniEDI/s1600/Flamingo+Blogger+%C5%9Eablonu.png" imageanchor="1" style="color: #221199; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Flamingo Blogger Şablonu" border="0" height="110" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE8hC7mbhmxMlWOgDRSNkau9N8wHNYvmmvRyqnkFePifFTSMjh76lRmFV8Qp0nRqbDisBwY_pSYAWcbroGotpaSw5xKqtiwBQG-W3Yp3i2t5A6LSTPpUyE8dCNNHQ8MpndB-RyfRniEDI/s320/Flamingo+Blogger+%C5%9Eablonu.png" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background: none !important; border: none !important; box-shadow: transparent 0px 0px 0px !important; position: relative;" title="Flamingo Blogger Şablonu" width="200" /></a></div>
<span id="internal-source-marker_0.49842369207181036" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px;"><a href="http://draft.blogger.com/" style="color: #221199; text-decoration: none;" target="_blank">Blogger</a> bloglarımızda zaman zaman <a href="http://turkishadsense.blogspot.com.tr/2015/02/blogger-templates.html" style="color: #221199; text-decoration: none;" target="_blank">tema</a>, şablon değiştirmek her blogcunun yaptığı işlemdir.Yeni blog kurmuş arkadaşlar blogunun şablonunu değiştirmek istediklerinde hangi yolu izleyecekler. <a href="https://www.blogger.com/null" name="more" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px;"></a><span id="internal-source-marker_0.49842369207181036" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px;">1. Blogunuzun <a href="http://turkishadsense.blogspot.com.tr/2015/02/blogger-yedekleme-nasl-yaplr-videolu.html" style="color: #221199; text-decoration: none;" target="_blank">yedeğini </a>nasıl alacaksınız.”Önemli” <span id="internal-source-marker_0.49842369207181036" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px;">2. Blogunuza yeni temanızı nasıl yükleyeceksiniz 3. Temanızda hata varsa nasıl geri yükleyeceksiniz. <div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px; text-align: center;">
Tüm bu sorularınızı videomuzu izleyerek çözebilirsiniz.</div>
<span id="internal-source-marker_0.49842369207181036" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px;"> <div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px; text-align: center;">
 </div>
<div style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 20.7900009155273px; text-align: center;">
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/clMhkqtmKac" width="320"></iframe></div>
<div>
 </div>
</div>

Blogger Yeni Şablonu Nasıl Yüklenir

Blogger bloglarımızda zaman zaman tema , şablon değiştirmek her blogcunun yaptığı işlemdir.Yeni blog kurmuş arkadaşlar blogunun ...

Devamı »

Blogger Templates

<h3 class="post-title entry-title" itemprop="name" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 20px; font-stretch: normal; margin: 0px; position: relative;">
 </h3>
<div class="post-header" style="background-color: white; color: #666666; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.5px; line-height: 1.6; margin: 0px 0px 1.5em;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-5010243379320082552" itemprop="articleBody" style="background-color: white; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14.8500003814697px; line-height: 1.4; position: relative; width: 538px;">
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTEV-lDg5x3rkyp1Dys8X6MOzJ9tknkbvVYarCRMEoLRgu579wfjXi4NSZLIj7Ita9l7rOgIcuDEJCRJHCXK8E9m-XFxApM_n6L_typrrryEUAdQ_JCrdqllqaKfS0cTT4k2wPZ6PPReY/s1600/Blogger+%C5%9Eablonu+BlueCircle.png" imageanchor="1" style="color: #221199; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt=" BlueCircle Blogger Şablonu" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTEV-lDg5x3rkyp1Dys8X6MOzJ9tknkbvVYarCRMEoLRgu579wfjXi4NSZLIj7Ita9l7rOgIcuDEJCRJHCXK8E9m-XFxApM_n6L_typrrryEUAdQ_JCrdqllqaKfS0cTT4k2wPZ6PPReY/s320/Blogger+%C5%9Eablonu+BlueCircle.png" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background: none !important; border: none !important; box-shadow: transparent 0px 0px 0px !important; position: relative;" title="Blogger Şablonu BlueCircle" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<div class="separator" style="clear: both; text-align: center;">
Blogger Templates BlueCircle Nasıl Yüklenir</div>
<div class="separator" style="clear: both; text-align: center;">
 </div>
<a href="http://turkishadsense.blogspot.com.tr/2015/02/blog-nasl-kurulur-yaplacak-islemler.html" style="color: #221199; font-weight: normal; text-decoration: none;" target="_blank">Blogger ile blog nasıl kurulur</a> ? Yapılacak işlemler nelerdir, ile ilgili yazımda ilk başlayanlar için <a href="http://www.blogger.com/" style="color: #221199; font-weight: normal; text-decoration: none;" target="_blank">blogger</a> ile blog kurulumunu anlatmıştım.Şimdide kurduğunuz blog şablonundan sıkıldınız ve farklı bir şablon kullanmak istiyorsunuz. Acaba kurduğum blog temasından dolayı dil sorunu yaşarmıyım, gadgetleri nasıl tekrar yapmam lazım ? “ Off hep sıkıntı bu işler “ gibi düşünebilirsiniz. İşte bu sorunlara cevap verecek bu yazımı okuyarak çok rahat ve zevk alabileceğiniz bir tema üzerinde çalıştım ve diğer Blog Adnan bloguma kurdum. Yaklaşık 5 tema üzerinde yaptığım çalışma sonucunda en verimli, kusursuz kurduğum  BlueCircle adındaki temayı size rahatlıkla önerebilirim. <a href="https://www.blogger.com/null" name="more"></a> <ul style="line-height: 1.4; margin: 0pt 0px; padding: 0px 2.5em;">
<li style="border: none; list-style-type: disc; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Sağ kenar (sidebar) çubuğu ile İki sütun</li>
</ul>
<ul style="line-height: 1.4; margin: 0pt 0px; padding: 0px 2.5em;">
<li style="border: none; list-style-type: disc; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Hazırlayacağınız gadgetlere, üst kısımda dikdörtgen şeklinde yazdığınız yazılar otomatik oluşturuluyor.Gözede çok güzel gözüküyor.</li>
</ul>
<ul style="line-height: 1.4; margin: 0pt 0px; padding: 0px 2.5em;">
<li style="border: none; list-style-type: disc; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Üst menü barda mavi bir şerit ve sayfayı sarmış şık bir görünümde</li>
</ul>
<ul style="line-height: 1.4; margin: 0pt 0px; padding: 0px 2.5em;">
<li style="border: none; list-style-type: disc; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Blogunuzun Ana sayfası üst kısımda gri tonda bir renkte</li>
</ul>
<ul style="line-height: 1.4; margin: 0pt 0px; padding: 0px 2.5em;">
<li style="border: none; list-style-type: disc; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">İkinci bir menü alanı mavi olan şerit ancak ben kullanmıyorum.Siz isterseniz yapılandırabilirsiniz. Ben bu konuda bir çalışma sergilemedim.Sade olması tercihim.</li>
</ul>
Hadi şablonu blogunuza nasıl yükleyeceğimizi inceleyelim. İlk olarak <a href="http://www.deluxetemplates.net/2011/12/bluecircle-blogger-template.html" style="color: #221199; font-weight: normal; text-decoration: none;" target="_blank">deluxetemplates</a> sitesine giderek şablona bir bakın hoşunuza gidecekmi ? Beğenirseniz nasıl yükleneceği konusunda yazımı okumaya devam edebilirsiniz. Şablonu incelediniz mi ? Hoşunuza gittimi ? Haydi hemen kolları sıvayalım ve şablonu nasıl <a href="http://turkishadsense.blogspot.com.tr/2015/02/blogger-sablon-nasl-kurulur.html" style="color: #221199; font-weight: normal; text-decoration: none;" target="_blank">kurmamız </a>gerektiğine bakalım. 1. <a href="http://www.deluxetemplates.net/2011/12/bluecircle-blogger-template.html" style="color: #221199; text-decoration: none;" target="_blank">deluxetemplates.net</a> sitesindeki şablona gidin 2. Önizleme yapın ve alt kısımdaki özellikleri okuyun. 3. Şablon ücretsizdir. Ancak bu tür ücretsiz verilen şablonlar lisanslandığından blogunuzda en alt kısımda bağlantı linkleri verirler.Bu linkleri kaldırmamanız gerekmektedir. Bırakın versinler bu kadar da hakları olsun diymi. Veya satın alarak linkleri de kaldırabilirsiniz.Ama bu yolu seçmeyeceğinizi biliyorum.Bence bir zararı yok. Devam ediyoruz.Sıkıldınız mı ? 4. Blogunuzun yedeğini önce alıyorsunuz. Bu arada <a href="http://turkishadsense.blogspot.com.tr/2015/02/blogunuzu-iki-sekilde-yedekleyeceginizi.html" style="color: #221199; text-decoration: none;" target="_blank">blogunuzu iki şekilde yedekleme</a> yapabilecinizi anlatan yazımı da okumanızı öneririm. 5. Siteden şimdi indir (2310) no’lu dosyayı indirin Winzip ile sıkıştırılmış dosya hemen iner. 6. Masa üstüne zipten dosyayı çıkarın. İndirdiğiniz dosyayı açın ve dosyanın içindeki XML uzantılı dosya sizin yükleyeceğiniz dosyadır. Aşağıdaki adımları takip ederek basit bir şekilde yeni temanızı yükleyebilirsiniz. 1.Adım : ilk olarak Blogger hesabınıza giriş için Tasarım butonuna tıklayın. 2.Adım : Madde imi 1 : Tam şablonu indir tıklayın, şablonunuzun yedeğini masa üstüne indirin Madde imi 2 : Yükleyeceğiniz BlueCircle dosyanızı açın ve XML uzantılı dosyaya tıklayın Madde imi 3 : Yükleye tıklayın Artık yeni şablonunuz yüklenti. Blogunuza şablon yükleme bu şekilde ve basittir. Takıldığınız yerler olursa lütfen sormaktan çekinmeyin.                                        <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioYjuY9ZBc5d-Sw4XzAsS-IUe1pKFesqpcxGssnGfwIo8bF4jVm4QMnEEMQSaq1SEyiZ5NFc-6-I90krwX-puGbzshz04vQXx_-Uxl7OYBYDmcNdatlLcgxCXOrs4UmA7UI3pMubTR8FQ/s1600/%C5%9Eablon+Yedekle+Geri+Y%C3%BCkle.png" imageanchor="1" style="color: #221199; font-weight: normal; margin-left: 1em; margin-right: 1em; text-align: center; text-decoration: none;"><img alt="Şablon yedekle geri yükle" border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioYjuY9ZBc5d-Sw4XzAsS-IUe1pKFesqpcxGssnGfwIo8bF4jVm4QMnEEMQSaq1SEyiZ5NFc-6-I90krwX-puGbzshz04vQXx_-Uxl7OYBYDmcNdatlLcgxCXOrs4UmA7UI3pMubTR8FQ/s400/%C5%9Eablon+Yedekle+Geri+Y%C3%BCkle.png" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background: none !important; border: none !important; box-shadow: transparent 0px 0px 0px !important; position: relative;" title="Şablon yedekle geri yükle" width="320" /></a> <div style="text-align: center;">
Yedekle Geri Yükle resmi</div>
<div style="text-align: center;">
 </div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5CQoGJK4J2G5uXNghaev-J1uxC7RYbtQL5hLT4TdoO13ts82UPM-z6eq5EgvrFTV2FX0v0JHQ_G1TaQilfQw_DVQfspirCu9TA2oCIIeP3Vj5JdpL9OtEFx6iaIyQtEm8Ca2bR8JGNE0/s1600/xml+uzant%C4%B1l%C4%B1+%C5%9Fablon.png" imageanchor="1" style="color: #221199; font-family: 'Times New Roman'; font-weight: normal; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="xml uzantılı şablon" border="0" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5CQoGJK4J2G5uXNghaev-J1uxC7RYbtQL5hLT4TdoO13ts82UPM-z6eq5EgvrFTV2FX0v0JHQ_G1TaQilfQw_DVQfspirCu9TA2oCIIeP3Vj5JdpL9OtEFx6iaIyQtEm8Ca2bR8JGNE0/s400/xml+uzant%C4%B1l%C4%B1+%C5%9Fablon.png" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background: none !important; border: none !important; box-shadow: transparent 0px 0px 0px !important; position: relative;" title="xml uzantılı şablon" width="320" /></a></div>
<div style="text-align: center;">
Yüklenecek XML dosya görüntüsü</div>
Şablon Özellikleri : <ul style="line-height: 1.4; margin: 0pt 0px; padding: 0px 2.5em;">
<li style="border: none; font-family: Georgia; font-size: 16px; list-style-type: disc; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Sağ kenar (sidebar) çubuğu ile İki sütun</li>
<li style="border: none; font-family: Georgia; font-size: 16px; list-style-type: disc; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Hazırlayacağınız gadgetlere, üst kısımda dikdörtgen şeklinde yazdığınız yazılar otomatik oluşturuluyor.Gözede çok güzel gözüküyor.</li>
<li style="border: none; font-family: Georgia; font-size: 16px; list-style-type: disc; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Üst menü barda mavi bir şerit ve sayfayı sarmış şık bir görünümde</li>
<li style="border: none; font-family: Georgia; font-size: 16px; list-style-type: disc; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">Blogunuzun An sayfası üst kısımda gri tonda bir renkte</li>
<li style="border: none; font-family: Georgia; font-size: 16px; list-style-type: disc; margin: 0px 0px 0.25em; padding: 0px; vertical-align: baseline;">İkinci bir menü alanı mavi olan şerit ancak ben kullanmıyorum.Siz isterseniz yapılandırabilirsiniz. Ben bu konuda bir çalışma sergilemedim.Sade olması tercihim.</li>
</ul>
3.Adım : Yükleme kısa zamanda tamamlanacaktır.Yükleme anında “ yeni şablonunuz şu widgetleri içermiyor” yazısı çıkarsa WIDGET’LARI SİL butonuna basın ve devam edin.Şablonunuzu yüklediniz, yukarıdan blogu görüntüleye tıklayın.Daha önceden yüklediğiniz gadgetlerde bir problem olursa, sorun değil, kaldırın ve tekrar yüklemeye çalışın. Gadgetlerin sıralamasını yapın.Yeni gadgedleri ekleyin.Gadgetlerinizi kaldıramazsanız, problem yaşarsanız blogger gadgetleri <a href="http://turkishadsense.blogspot.com.tr/2015/02/blogger-yerlesim-gadgetleri-neden.html" style="color: #221199; text-decoration: none;" target="_blank">neden çalışmıyor </a>başlıklı yazımı okuyabilir <a href="http://youtu.be/xMNIM6xKPMA" style="color: #221199; text-decoration: none;" target="_blank">videoyu</a> izleyerek çözebilirsiniz. <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdSRM2gqlkdsT3m7u10Q1jnK78otSp5ut7p_XtXQKO7F7ZrJnc8hoPdOWo20-uzBboFGA2dAsiuZV070Lr0sWzy3FdEect7-yEiyvpdRd2rPux06Li-u2ICKuoWN2cCOoE7USCnGWRIx4/s640/Gadget+ayarlar%C4%B1+bozuk.png" imageanchor="1" style="color: #221199; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="Çalışmayan gadgetler görseli" border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdSRM2gqlkdsT3m7u10Q1jnK78otSp5ut7p_XtXQKO7F7ZrJnc8hoPdOWo20-uzBboFGA2dAsiuZV070Lr0sWzy3FdEect7-yEiyvpdRd2rPux06Li-u2ICKuoWN2cCOoE7USCnGWRIx4/s400/Gadget+ayarlar%C4%B1+bozuk.png" style="-webkit-box-shadow: transparent 0px 0px 0px !important; background: none !important; border: none !important; box-shadow: transparent 0px 0px 0px !important; position: relative;" title="Çalışmayan gadgetler görseli" width="320" /></a></div>
<div style="text-align: center;">
Çalışmayan gadgetler görseli</div>
</div>