Blog'ta Yaptığım Düzenlemeler

BLOGA SOSYAL PAYLAŞIM BUTONLARI EKLEME

Bloguma eklediğim detaylar arttıkça kalabalıklaşıyor. Bu durum beni biraz sıkıyor. Sade görünmesini daha çok seviyorum. Bu sebeple sosyal paylaşım alanlarının küçük birer simgesini yerleştirmeyi daha estetik buldum. İngilizce ( Social media icons for blog) yapılan bir aramadan sonra aşağıdaki seçeneklere ulaştım ve işe yarayanları kullandım.

Pinterest İçin
<a href="sayfa linkini bu bölüme yazınız."><img src="http://i289.photobucket.com/albums/ll208/lyndsayjohnson/pinterest_zps694c9c90.png" /></a>

You tube

<a href="ENTER YOUR LINK HERE"><img src="http://i289.photobucket.com/albums/ll208/lyndsayjohnson/youtube_zps9b303bf5.png" /></a>

Google +
<a href="ENTER YOUR LINK HERE"><img src="http://i289.photobucket.com/albums/ll208/lyndsayjohnson/gplus2_zpsfce09a67.png" /></a>

Link Edin
<a href="ENTER YOUR LINK HERE"><img src="http://i289.photobucket.com/albums/ll208/lyndsayjohnson/linkedin_zpsef7a43e4.png" /></a>

Facebook
<a href="ENTER YOUR LINK HERE"><img src="http://i289.photobucket.com/albums/ll208/lyndsayjohnson/facebook_zpsb26b221f.png" /></a>


Yukarıdaki kodları düzenleyip üst menü kodlarının sonuna ekledim. Menünün devamında çıkmasını istediğim için. Başarılı oldum. Sorunuz varsa mail atabilirsiniz.

1. Üst Menü Ekledim

Arama motorlarına "blog üst menü" yazdıktan sonra karşıma çıkan seçenekler içerisinden aşağıdaki kodları seçtim ve kendi blog'uma göre düzenledim.

Blogger Kumanda Paneli ➜ Yerleşim ➜ HTML’yi Düzenle yolunu takip ederek blog’umuzun kodlarına doğrudan müdahale edilebileceğimiz modüle ulaşıyoruz.

Bilgisayarınızın klavyesinde bulunan Ctrl ve F tuşuna aynı anda bastıktan sonra açılan arama formunda ]]></b:skin> terimlerini aratın.

Daha sonra altta bulunan kodlarının tümünü kopyalayıp hemen üstüne gelecek şekilde yapıştırın.

CSS Kodu.

#navigation{ width:850px; background: #F9f9f9 url() repeat-x scroll 0 0; color: #333; float: left; height: 40px; padding:0px 0px 0px 0px; margin:5px 0; }

#navigation ul li{ display: block; float:left; height: 52px; margin-left: 0px; }

#navigation ul{ margin: 0px 0px 0px -40px; }

#navigation ul li a{ font: normal 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; background-color: transparent; color: #444; display: inline-block; font-size: 15px; height: 27px; padding: 10px 0 0; text-align: center; text-transform: capitalize; width: 118px; }

#navigation ul li a:hover,#navigation ul li.current_page_item a,#navigation ul li.current-cat a{ background: #7C691A; color: #fff; text-decoration: none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 0px solid #5C2D58; }

#navigation ul li.active a{ background: #68C4F4; color: #fff; text-decoration: none; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 0px solid #5C2D58; }

Kodu yapıştırdıktan sonra Kumanda Paneli➜ Yerleşim  bölümünden Gadget Ekle➜Html/java seçilip çıkan ekrana aşağıdaki kodları yapıştırdım.

<DIV id="navigation">
<UL>
<LI class="home active"><A href="http://interaktifblog.blogspot.com/"> Ana Sayfa </A></LI>
<LI><A href="http://interaktifblog.blogspot.com/feeds/posts/default"> Yazılar RSS</A></LI>
<LI><A href="http://interaktifblog.blogspot.com/feeds/comments/default">Yorum RSS</A></LI>
<LI><A href="http://interaktifblog.blogspot.com/#">Sizin Linkiniz</A></LI>
</UL>
</DIV>

Sonra menü isimlerini blog'uma göre düzenledim. Yeşil olan kısıma menüde görünmesini istediğim ismi, mavi bölüme ise bağlatıyı yazarak tamamladım.

2. Photoshop ile Banner Hazırladım ve Ekledim


Photoshop programı ile hazırladığım orjinal bannerı aşağıdaki yollarla yükledim.

Kumanda Paneli➜ Yerleşim  ➜ Üst bilgi➜  Düzenle  seçeneğini tıkladıktan sonra karşıma çıkan pencerede gerekenleri yaptım ve oldu.

3.10marifet.org
       Siteye üye oldum ve çalışmlarımı orada da paylaşıyorum. Bu sebeple üye olduğum bölüme sayfamdan link verdim.
Kumanda Paneli➜ Yerleşim ➜ Gadget ekle➜Resim ekle  yolunu izzledim ve paint'te düzenlediğim bannerı ekleyerek link verdim.




4. LinkWithin Kodları

Bloguma "Bunlar Da İlginizi Çekebilir" başlıklı görünümü elemek için http://www.linkwithin.com sitesine girdim ve yönergeleri izledim. Fakat bir sürü sorun yaşadı. Sonunda denemelerin ardından kodlara ulaştım. Kodları kopyaladım ve kumanda panelini açıp Gadget ekle-Html Ekle seçtim ve kodları koplayıp kaydet dedikten sonra başarabildim. Deneyenlere kolay gelsin.

5. Sayaç ekledim
Sayaç eklemek için ;
Gadget ekle - HTML/JavaScript Gadgetını Ekleyip içeriğine aşağıdaki sayaç kodunu yapıştırıyoruz.

<script id="_wauvkf">var _wau = _wau || []; _wau.push(["tab", "07jljlbseqiv", "vkf", "right-lower"]); (function() {var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js"; document.getElementsByTagName("head")[0].appendChild(s);

Benim eklediğim sayaç blogumun sağında duruyor. Solaeklemek isterseniz kırmızı ile right yazan yere "left-lower" yazarsanız ekranın soluna, "bottom-center" yazarsanız ekranın altında ve orta da görünür. Kolay gelsin. 

6. Yedek Aldım

Blog'ları içe ve dışa aktarma

Yalnızca yayınlar ve yorumlar içe/dışa aktarılabilir. Şablonumuzun bir kopyasını kaydetmek isterseniz Şablon sekmesinde yer alan Yedekle/Geri Yükle düğmesini tıklayın.

Blogger'daki içe ve dışa aktarma özellikleri sayesinde içeriğiniz tamamen özgürdür ve istediğiniz yere taşınabilir. Bu sayede blogunuzun bir kopyasını sabit sürücünüze kaydedebilir veya bir blogunuzdaki yayınları diğer bir blogunuza aktarabilirsiniz.

Blogunuzu dışa aktarma

Blogunuzu dışa aktarmak için Ayarlar | Diğer sekmesindeki "Blogu dışa aktar" bağlantısını tıklayın.

Ardından Blogu dışa aktar düğmesini tıklayın. Blogunuz sabit sürücünüzde yedek olarak tutabileceğiniz veya başka bir blog'a aktarabileceğiniz Blogger dışa aktarma dosyası (.xml) şeklinde saklanır. Dışa aktarılan dosyalar kumanda panelinizden veya Blogger.com'dan silinmez.

Mevcut Blog'a Aktarma

Yayınlarınızı ve yapılan yorumları mevcut bir blog'a aktarmak için Ayarlar | Diğer sayfasına gidip "Blog araçları" bölümünden "Blogu içe aktar" bağlantısını tıklayın. Endişelenmeyin, içe aktarılan içerik, şablonunuzu etkilemez. Ardından, sabit sürücünüzden Blogger dışa aktarma dosyasını (.xml) seçin ve altındaki kelime doğrulamasını tamamlayın. Varsayılan olarak, içe aktarılan tüm kayıtlarınız siz kumanda panelinizden yayınlamayı seçmedikçe yayınlanmaz. Ancak tüm kayıtlarınızın hemen yayınlanmasını istiyorsanız Blog'u içe aktar öğesini tıklamadan önce Tüm içe aktarılan kayıtları otomatik olarak yayınla seçeneğinin yanındaki kutuyu işaretlediğinizden emin olun.

Yayınlarınızı otomatik olarak yayınlanacak şekilde yapılandırmadıysanız, yayınların web üzerinde görünmesi için Yayınlar | İçe Aktarılan sekmesinden kendiniz yayınlamanız gerekir. En üstteki onay kutusunu tıklayıp hepsini seçtikten sonra Yayınla'yı tıklayarak tüm yayınları aynı anda yayınlayabileceğiniz gibi yalnızca istediklerinizi seçerek yayınlayabilirsiniz.