Minimal Yatay Slayt Eklentisi

Görüntüsü ve işlevselliği ile blogunuza renk katacağını düşündüğüm bir galeri eklentisini paylaşmak istiyorum.

 

Bu fotoğraf galerisi eklentisi Jquery kullanılarak oluşturulmuş ve minimal bir tasarıma sahip. Yatay bir eklenti olduğu için ben blogun en altında eklenmesini uygun gördüm ama siz isterseniz ana sayfada veya diğer sayfalarda istediğiniz başka bir yere de ekleyebilirsiniz.

 

Galerinin sağında ve solunda bulunan navigasyon okları sayesinde resimler arasında geçiş yapabiliyorsunuz. Bu da galeriye onlarca resim ekleyebileceğiniz anlamına gelir. 5 resimlik yere onlarca hatta yüzlerce resim ekleyebilme imkanı sunduğu için oldukça kullanışlı bir eklenti. Nasıl çalıştığını görmek için aşağıdaki videoyu izleyebilirsiniz.

 

 

Blogunuza eklemek için Şablon > HTML’yi Düzenle > Devam Et yolunu izleyin ve Ctrl + F tuş kombinasyonunun yardımıyla  </head> kodunu bulun. Hemen üzerine şu kodları ekleyin.

 

<link href='https://drive.google.com/file/d/0BxxMpDce-fNUWE9QbU16SEw5dk0' rel='stylesheet' type='text/css'/>
        <script src='http://yourjavascript.com/51634122329/modernizr-custom-17475.js'/>

 

ikinci olarak yine şablondan </body> kodunu bulun ve hemen üzerine şu kodları ekleyin.

 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/45266829114/jquerypp-custom.js' type='text/javascript'/>
<script src='http://yourjavascript.com/31490241631/jquery-elastislide.js' type='text/javascript'/>
<script type='text/javascript'>
           
            $( &#39;#carousel&#39; ).elastislide();
           
        </script>

 

Somn olarak Yerleşim sekmesini açın ve burada Blog Kayıtlarının altındaki yatay Gadget ekleme yerine HTML/JavaScript olarak şu kodları ekleyin.

 

<!-- Blog Hocam Minimal Yatay Foto Galeri Eklentisi -->
                <ul id="carousel" class="elastislide-list">
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYzMl8iSXbScMBlPi7mhULN1N5p0SIXsaMW9hUqICwyA3CyjfQHJr1Ipcvg6MrW2nStoFJERPwGmw_Nr_mwHne18Enh9vm8Ub7smAfppkTYv798joNWjPodXwfyeDmLn-Po4qXGXhNChxW/s160/1.jpg" alt="image01" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJZmCFgy0eHWjKjG1v7CM08WWRMAQ3C0sX_0B3IV9OJIef41Xdd8KqeewYO2fZWiRMR6LYGBg46D2sQS6GFMjU6-VyDa6G_daxDJ_jbh5qoPxb82vXCJtfthvE1WIGgVwuWcLwihjwMGp1/s160/2.jpg" alt="image02" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-mqtoAmvrMT6BRoc1Y3dLPEuFetmC_Zq7huBv12KcWEIgN4do9ASIPOqfL6eFginfKNZNK5pWUEX9IMhyjeCKU9dsE72pXsrt09SFdwoK2UIQuam2FB1MrBJLf9eM2pRBJE679Ev5sj4X/s160/3.jpg" alt="image03" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi21q1H2tUeUChznAorrZ7u1gCz0W6KZKLgZch0H5S3XpT9Hys3AzDdYiqFbtTM_XHhT-RG1R_wsjzaAju-JmuFkPbEd-xnDdk9cCm-MttrBiQPonVpr3g6UHIRpvrNln2TH0YDdH42t6fi/s160/4.jpg" alt="image04" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2TEPlQBykOZwWmXO2s1CATOLQjJeUoRazYNRHu0q5nUOf-7dG-V0UzcAeGhMH6eFkTiYljCZYPHcD0_3zvMJQ7bT14lI29FahvnmWDCE1Oh_3JwLVWBGaamRNGddzRt_RcwOPwEuPvM2b/s160/5.jpg" alt="image05" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRIuL6grhnrAxjhZaPlxbSX1Rq9_1yGZbXYHCtm0RLr097oW6bYwoc-q-Vt7WttQYTx8ha0dg8PmsxvA8jTZXHuSwsB2S_N04_RLMa9F2H2eoiGpe3Wc3iz8sfHa_DAThP0RObwktPAIEF/s160/6.jpg" alt="image06" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7559f0gLZ9fN2zsuNPF9bKFnm01bCHAxEFF5DWd5t8OztjpuxgVmVTNeh6n0cEiMHlW-JqKEU7AS97kfRxnfzityX9MZT6_SfwGcZGtuMFGp5XRckEj8RxX8kSzNozlOxJlKTw8DQ5Cic/s160/7.jpg" alt="image07" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUofLcPkw6ONj5OmrGtrv4H2PvmB2s5FdhJns6BT-r3QtI71e0M9lqiDf9aJZirfsj5Upu6a5NEvQOn1tCFFRf8-DsoFjAdVgYcqZGR7ZD_nsYaIsFi3fWgbuCRVTL6yj0J0EsPn3zPOmQ/s160/8.jpg" alt="image08" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYvxt9NcaFHcrOFF1-GsUs60dAyarXT-NmYLq1KpWrHfqZa77yiSvMAeDzVOOMyP0Yvk5fbWpc52qkotGgK8Pdw1_e5gzc2k5RO1rqCxyDKOjZzFiS5sSkOdmWrEUqQbd8hVZn7aH4jhmz/s160/9.jpg" alt="image09" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL99bXSjNxc_sTMqIOr36hOtG5C3hDAmPMXmwcryFaJvXaLO6gAVbPOSvIUajAHoX_YEkDVf681Ftsphc_B1IrajbCiPkzE1-CDPy-y0nukU6JRISsdJ8psAxJ-5a3KXq-QUI0qEVTKwUr/s160/10.jpg" alt="image10" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3S2GN9X4D0BE_4DOPOwvnqqse5ZOAvUjRQ_me_bygMvJhc5atLl2wkPOP8Dbd0hsH6k7zso_aOp0AZNjEN7y16-htwSj8CK1ZPjh8HSlItt-XPEv-pzKk_DUKAdJnS2i9pOq-t4lxhk3C/s160/11.jpg" alt="image11" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-U0ipUTC5ZcoyooIoDT8d44Ikynuicm0x_QJ4xbQVUeKMH4ydNhwi8Snq1I2RHLZ5qOwAvletZykaemlQ7VQwWIH_tzw-OuLnKuxkUFCWkM-QDg4dODDYg8hmu9ZzR2Z13O2l6KSWrTba/s160/12.jpg" alt="image12" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYurxOHn_If3s-S-0w5Lc2xOeIuMcUGC7lA-sqb4D3i6GDfHYsJ1xV3NWfNQZH64is7buT_CYzzIcsBugwxsa0OJKGFZX2_TFSBTo0UTECi4qmPQ1SR1uR5Mg5mgxOZH5MtCNDPETuA3KA/s160/13.jpg" alt="image13" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyXXrAoOSHQRSHjdLVBoeXNNO3UzlihQz63WUX1hnIy1K73mnvi258dsKJbfqtScTFsR0rYrFz-kvjxsvKgihKkgLnbyYz84U4JdhJ3Kw3G5CApNUTfjRVvWnm-83qR1sB7-JgnBkcIzrI/s160/14.jpg" alt="image14" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlB5pHX1_UMmwQLS4sLziBDBbt9482hvaI_ZRIn6VXOARv04XGhfSyIQph214Hz4bQyGwBoSF0WRWQ_rbI0IBBwXmv5vEQyCmDnJXFz42DhS4Cs9Vg6qSpOlVbMzcRuVaSbGF35MPaSouE/s160/15.jpg" alt="image15" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdjIgyw_UezUdEslE0yVZYplLNUJzmYcO78RlfakZRvGJTzNSoTgARAruXi6RVej6qMz2_H6RYvImrOFVoSFRRww1RU9XH_uS6vMZPKAvtunT-EkSS7VtIMTAfvUOZ7nEkqXKt5zWtCfx8/s160/16.jpg" alt="image16" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZtbynBSGMgCz8u6ttu2LDx_T5ShQH8E49V0P4o6dzHF9jX6-DLYvRhfcqv6PPOSNNMkt1ZF8udseKUdZK3CZzDAOPtn53fgENnROw5jvL0ae_rgjjfC-rtI0_YAJp5pilDVuBGgoU__Uy/s160/17.jpg" alt="image17" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizWSGJopghoKezl_wnLsMHZj1BUZmC89Sz7SCeCBawf4l2XMRpND0E5Uar6DiYAKV8hArFrJnvYMa15JjlY3ifrDxpvckl9Ygf3bEm1qJ07S5n4yDNCffLOE0QCYUwduHFjuRHpvZmyNVt/s160/18.jpg" alt="image18" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5FvCyeYT3_V2ZYk4m_z8SPLqZ5FFThTMXm7GRnVHl65hnbVqh017PDixivqo33qW7bM78HV4cf21GuC6v7Ps793I23S71I5996Xdo5T3Uh6w775RgEXyL1_fzQVjjCGDiFlcQXlhb20WR/s160/19.jpg" alt="image19" /></a></li>
                    <li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQEjHZQGYaJZ8JPt1DlMrl6hsTRhlmuy9XW9gKOOGcbafescEwF0HUoQPPVEc2V70AtCR-K-9OriwkK-nZpJYiE9VpLcCGuN4JdazuKsC0Jdb_-NXSbbaxZWtNaCAJp-K9yP5gN6rpvGd1/s160/20.jpg" alt="image20" /></a></li>
                </ul>
                <!-- Blog Hocam Minimal Yatay Foto Galeri Eklentisi -->

 

• Galeride göstermek istediğiniz resimlerin URL’lerini benim yazdığım .jpg uzantılı URL’lerle değiştirin.
• Resme tıklayınca açılmasını istediğiniz sayfaları # işaretinin olduğu yerlere yazacaksınız.
• alt="image01-20” olarak gördüğünüz yerlere ise resim hakkında bir tanım metni yazın.

 

Eklentiyi eklerken takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz. Blogunuzun kenar çubuğunda kullanmanız için bu eklentinin dikey versiyonunu da yakında paylaşacağım.

“Google Arkadaşım Ol” Eklentimi Paylaşıyorum

Sağ tarafta gördüğünüz “Google Arkadaşım Ol” başlıklı eklentiyle ilgili çok mail aldım. Mail gönderen arkadaşlar bu eklentiyi kullanmak istediklerini söylediler ve paylaşmamı rica ettiler. Biraz gecikmeli olsa da sonunda paylaşıyorum.

 

 

Aktif bir Google+ kullanıcısıysanız bu eklenti çok işinize yarayacak. Ben bu eklentiyi bloguma ekledikten sonra Google+  arkadaşlarımın sayısında kısa sürede çok hızlı bir artış oldu. Başlıkta Google arkadaşım olun dediğim için beni ekleyenleri eklemezsem ayıp olurdu. Bu yüzden beni çevrelerine ekleyen herkesi (rahatsız edici şeyler paylaşmadıkları taktirde) ben de çevrelerime ekliyorum.

 

Eklentiyi blogunuza eklemek için Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek aşağıdaki kodları yapıştırın.

 

<center><div style="border:1px solid #000;
-webkit-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
 
width:278px;font-family:verdana;font-weight:bold;color:#666;"><div style="background: #F1921A;padding:2px;height:30px;font-size:14px;color:#fff;"><center style=" margin-top: 5px;">Google Arkadaşım Ol</center></div><center style="margin-top:5px;"><div style="font-weight:bold;padding:5px;">Serdar Kara</div><a href="https://profiles.google.com/110966163584417465277"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZKvCnkISYga6W5YbfJMdycpNyE7D7k0nR4EIA4sZyZo0dzn73L-zMpUxMa_fUDmK75OJAVK84cIk7bTf9SxgM2ybU2w2BK-IjuEGZugUQgpf0W13_CojAFQSkRaG9jOwH9ISZTMlu_I5/s192/Serdar.png"alt="Serdar Kara" width="80" height="80" border="0" /></a><br /><br/><div style="font-size:80%;">Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.</div><br/><script type="text/javascript">window.___gcfg={lang: 'tr'};(function(){var po=document.createElement("script");po.type="text/javascript";po.async=true;po.src="https://apis.google.com/js/plusone.js";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(po, s);})();</script><g:plus href="https://plus.google.com/110966163584417465277" rel="author" width="210" height="69"></g:plus></center></div></center>

 

Değiştirmeniz gereken yerler :

• https://profiles.google.com/110966163584417465277 yazan yerlere Google+ profil URL’nizi yazın.
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiZKvCnkISYga6W5YbfJMdycpNyE7D7k0nR4EIA4sZyZo0dzn73L-zMpUxMa_fUDmK75OJAVK84cIk7bTf9SxgM2ybU2w2BK-IjuEGZugUQgpf0W13_CojAFQSkRaG9jOwH9ISZTMlu_I5/s192/Serdar.png yazan yere kendi profil resminizin URL’sini yazın.
• Serdar Kara yazan yere kendi isminizi yazın.

Flash Mp3 Çalar Eklentisi

“Bir blogda en gereksiz 3 şey nedir?” diye bir soru sorsanız listeye eleyeceğim şeylerden biri mutlaka müzik çalardır. Ancak herkesin düşüncesi ve tarzı farklı olduğu için bloguna müzik çalar eklemek isteyen çok kişi ulaştı iletişim formuyla. Onlara geçici birkaç çözüm önerdikten sonra her bloga uyacak pratik bir müzik çalar scripti aramaya başladım ve sonunda istediğim gibi bir script buldum.

Fransız bir sitede Dewplayer isimli bir flash script bularak bunu bir Blogger eklentisine çevirdim. Her tasarıma uyması için birkaç farklı versiyonunu paylaşacağım. İstediğiniz versiyonun altındaki kodları Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek açılan pencereye ekleyin. 

1. Classic Versiyon

<object type="application/x-shockwave-flash" data="https://drive.google.com/file/d/0BxxMpDce-fNUTmJVVTUwS3REbWc" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://drive.google.com/file/d/0BxxMpDce-fNUTmJVVTUwS3REbWc" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>

2. Mini Versiyon

<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUazZJMVkyRFFBWDA" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUazZJMVkyRFFBWDA" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>

3. Vol Versiyon

<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUeUdYNWNjVHRtRDg" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUeUdYNWNjVHRtRDg" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>

4. Bubble Versiyon

<object type="application/x-shockwave-flash" data="https://docs.google.com/file/d/0BxxMpDce-fNUbXNQb1VGemVTaDQ" width="250" height="65" id="dewplayerbub" name="Blog Hocam Müzik Çalar">

<param name="movie" value="https://docs.google.com/file/d/0BxxMpDce-fNUbXNQb1VGemVTaDQ" />

<param name="flashvars" value="mp3=https://docs.google.com/file/d/0BxxMpDce-fNUMW9TMlpHa2Y1YjQ" />

</object>

Çalacak Şarkıyı Belirleme





Çalmasını istediğiniz şarkının bağlantısını kırmızı renkle yazdığım yere yazmalısınız. Bilgisayarınızda bulunan bir mp3’ün çalmasını istiyorsanız, o dosyayı öncelikle Dropbox’a yüklemelisiniz. Daha sonra aynı benim yaptığım gibi Dropbox üzerindeki bağlantıyı kırmızı renkle gösterdiğim yere yazmalısınız. Dropbox nedir? Nasıl kullanılır diyorsanız konuyla ilgili daha önce yazdığım yazıyı okuyabilirsiniz.








Yazı İçersine MP3 Çaları Ekleme





Yukarıda size gadget olarak ekleyebileceğinizi yazmıştım ama isterseniz bu mp3 çaları yazınızın içerisine de ekleyebilirsiniz. Bunun için Yeni Yayın  oluştur dedikten sonra HTML sekmesini açıp istediğiniz müzik çaların kodlarını buraya ekleyebilirsiniz.














Takıldığınız bir yer olursa yorum bölümünden sorabilirsiniz. Bu arada yazıyı arkadaşlarınızı paylaşmayı unutmayın :)

Facebook’ta Amaç Ne Olmalı?

Yazıya geçmeden önce bir hatırlatma yapmak istiyorum. Burada söz konusu olan şey elbette kişisel kullanım değil. Konumuz bloglar ve bloglara ait Facebook sayfaları.

 

Blog yazarlarının neredeyse tamamı Facebook’ta bloguna ait bir fan sayfası açıyor. Peki bu fan sayfasını hangi amaçla ya da ne şekilde kullanıyorlar? Hemen söyleyeyim.

 

- Sayfayı beğenenlerin sayısını arttırmaya çalışıyorlar.

- Sayfada paylaştıkları öğelerin daha çok kişinin beğenmesi için uğraşıyorlar.

 

İnsanları rahatsız etmediğiniz ve fake uygulamalar kullannmadığınız sürece bunlara hiç bir itirazım yok. Ancak resme biraz daha dışarıdan bakarsak asıl amacımızın farklı olması gerektiğini görebiliriz.

 

Şunu kabul etmeliyiz ki fan sayfamızı beğenenler halihazırda blogumuzu sürekliyi okuyan kişiler. Zaten blogumuzu takip eden kişilere Facebook sayfamızı beğendirmek önemli ve keyifli olabilir ama asıl amaç bu olmamalı!

 

Facebook aracılığıyla okuyucu kitlemizi genişletmenin yolu, mevcut okuyucuularımızın arkadaşlarını ve çevresindekileri kazanmaktan geçiyor. Blogumuzu süekli okuyan ve beğenen kişiler Facebook’ta bizden ne kadar çok bahsederlerse o kadar fazla referansa sahip olacağız ve okuyucu kitlemizi daha da genişleteceğiz. Facebook’un bloglar için gerçek değeri de burada başlıyor zaten.

 

Dışarıdan baktığımıda durum böyleyken bize düşen şey Facebook sayfamızı beğenen kişileri daha aktif hale getirmek, onların ilgisin çekecek ve arkadaşlarıyla paylaşabileceği içerikler oluşturmak.

 

Facebook Takipçilerinizin  Etkinliğini Arttırmak İçin Neler Yapabilirsiniz?

 

Facebook’un blogumuza yeni okuyucular kazanması için takipçilerimizin etkinliğini arttırmak, yorumlarını arttırmak ve daha sosyal bir sayfa haline dönüşmemiz gerekiyor.Bunun için;

 

- Takipçilerimizin kendilerinden bir şeyler katabilecekleri yarışma ve içerikler oluşturabiliriz.

- Takipçilerimizin daha paylaşımcı olmaları yönünde onları teşvik edebiliriz.

- Kitlelere yayılacak etkinlik ve aktiviteler düzenleyebiliriz.

 

Özretle;

Facebook’tan tam anlamıyla faydalanmak istiyorsanız hedefiniz mevcut okuyuccularınız değil, onların arkadaşları olmalıdır. Sıradanlıktan uzak, ilgi çekici paylaşımlarınız takipçileriniz aracılığıyla onların arkadaşlarını etkileyecek ve size yeni okuyucular kazandıracaktır.

Blogunuz İçin Nasıl Buton Yapabilirsiniz?

Merhabalar sayın okur.

 

Konuk yazarınız olarak size blogunuz/siteniz için nasıl banner yapabileceğinizle ilgili basit bir anlatım sunmak isterim. Blogger platformunu kullandığım için blogger üzerinden anlatacağım ve bildiğim kadarıyla yapım aşaması Wordpress’te de hemen hemen aynı. Blog/site kavramlarını da kısaltarak blog olarak kullanacağım yazımda.

 

Öncelikle blogunuzu temsilen bir resim belirleyin. Resimleri online resim editörleri yardımıyla istediğiniz şekilde düzenleyebilirsiniz. Örneğin ben Picmonkey kullanıyorum, kullanımı çok kolay ve Picnik’i anımsatıyor.

 

Picmonkey yardımıyla seçtiğiniz resmin boyutlarını değiştirebilir, köşelerini yuvarlayabilir, üstüne yazı veya semboller ekleyebilir aynı zamanda resmi kırpabilirsinizde.

 

Bannerlar genelde kare olarak tercih edilir ve en ideal boyutları 125x125 veya 100x100 dür. Kullanılacak alana göre değiştirebilirsiniz elbette ama en çok tercih edilen 125x125 boyutlarında olanlarıdır. Örneğin ben blogumun headerını banner olarak kullanmak istediğimde, kesip, boyutunu değiştirip ve köşelerini yuvarlayıp bu hale getirebiliyorum.

 

 

Picmonkey’de bu tür düzenlemeleri yapıp resmimizi hazır hale getirdikten sonra resmin urlsine ihtiyacımız olacak tabii ki. Ben bunun içinde Photobucket kullanıyorum. Uploada basıp hazırladığınız küçük resmi yükledikten sonra yüklenen resmin üstüne tıklayın. Sağda çıkan 4 tane linkten direct link olan bize lazım olacak.

 

 

Blogger üzerinden anlatırsak ;

 

Tasarım > Yerleşim > Gadget ekle kısmından HTML/Javascript’i seçip içerisine şu kodu yazın

 

<center><img src=”DIRECT LINK BURAYA YAPIŞTIRILACAK”/></center>

 

Sonrasında ‘zengin metin’e bastığınızda bannerınızı görebilirsiniz. Bannerını seçin ve bağlantı oluştura tıklayıp tıklandığında yönlendirmesi gereken linki yazın. Aşağıdaki resimdeki gibi

 

 

Tamam diyip kutucuğu kapattıktan sonra üstteki “HTML’yi düzenle”ye basın. Gördüğünüz bütün kodu kopyalayın, sonra yeni bir satıra geçin (kodları silmeden tabi) ve şunları yazın

 

<center><textarea>

 

kopyaladığınız kodu hemen bitişiğine yapıştırın ve sonuna şu kodları ekleyip bitirin.

 

</textarea></center>

 

Şu şekilde gözükmesi gerekli

 

 

Sonrasında tekrar “zengin metin”e basıp kontrol ettiğinizde bu şekilde gözükmesi gerekli.

 

 

Kaydedip çıkın ve bannerınız hazır.

 

Neden blogum için banner yapmalıyım diye düşünüyorsanız buradaki yazımda belki aradığınız cevapları bulabilirsiniz. Mutlu haftalar dilerim.

 

 

Yazar Hakkında:

Duygu Uygun ÇATI KATI bloğunun yazarı. Yaratıcı projeler, pratik fikirler ve daha fazlası için blogumu ziyaret edebilirsiniz.