Web sayfamıza resim galerisi oluşturmak oldukça etkilidir.
Galeri sayfasını oluşturmak için çok farklı yöntemler kullanılabilir. Jquery
kullanılarak oluşturulan bu eklenti sayesinde Facebook sayfamızda bulunan resimleri web sayfamızın galeri sayfasında göstermemiz
mümkün olacak. Lightbox işlevselliği ile galeri sayfamızda bulunan resimleri
farklı bir sayfada açmak yerine aynı sayfa üzerinde açabilmemize olanak verir.
Bu özellik sayesinde resimler arasında gezinmek daha kolay olacaktır.
Facebook resimlerimizi blogger sayfamızda nasıl yayınlayacağımıza gelirsek; Yapmamız gereken ilk şey şablonumuzun yedeğini almak olacaktır. Bu olabilecek sorunlara karşı şablonumuzun çalışan son halini kaybetmemek için gereklidir. Daha sonra Blogger Kontrol Paneli > Şablon > HTML'yi düzenle yolunu takip ederek açılan kod penceresi içinde </head> tagını CTRL+F kambinasyonu sayesinde aratarak buluyoruz. </head> tagını bulduktan sonra hemen üzerine aşağıdaki kodları yerleştiriyoruz.
<link media="all" href="http://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet" type="text/css" /><link media="all" href="https://googledrive.com/host/0B-vz7n1QSdEfWE1Wbmxtc2FYN1k" rel="stylesheet" type="text/css" /><!-- Scripts --><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfRkNxSXVfYjlRU3c"></script><script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfUDFxcEpsM1ZSTjQ"></script><script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfaHU3dTFPallrU1E"></script><script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfUFhSTlNaaU5tTkE"></script><script type="text/javascript" src="https://googledrive.com/host/0B-vz7n1QSdEfeVlQNnBDZGhtXzQ"></script>
Bu işlemi gerçekleştirdikten sonra şablonumuzu kaydedip bir
sonraki adıma geçiyoruz. Facebook galeri sayfamızı oluşturabilmemiz için bize
gerekli olan Facebook profil ID'mizi bulmamız gerekmektedir. Bunun için http://findmyfacebookid.com/
adresine gidiyoruz. Açılan sayfadaki kutuya https://www.facebook.com/ profiladı
yazıyoruz ve Lookup Numeric ID butonuna basıyoruz. Bu sayede sayfamızın sayısal
kimliğini öğrenmiş oluyoruz.
Yapmamız gereken sadece Blogger Kontrol Paneli > Sayfalar
> Yeni Sayfa > Boş Sayfa diyerek yeni bir sayfa oluşturuyoruz. Başlığına
istediğiniz ismi verebilirsiniz örnek olarak Facebook Resim Galerisi diyebiliriz.
Daha sonra oluşturduğumuz sayfamın HTML bölümüne gelerek aşağıdaki kodları
yerleştiriyoruz. Kodlar arasında bulunan "Your-Page-ID" yazan yere az önce bulduğumuz sayfamızın
sayısal kimliğini yazıyoruz.
<script>
$(document).ready(function ($) {
$('#FB_Album_Frame').FB_Album({
facebookID: 'Your-Page-ID',responsiveGallery: false,fixedWidth: 980});});</script><div id="FB_Album_Frame"></div>
Son olarak sayfamızı yayınlayarak blogumuzda Facebook Resim
Galerisi Sayfamızı oluşturmuş oluyoruz.
Yararlı paylaşım. Teşekkürler. :)
YanıtlaSilBoş sayfa da oluştursak yan da side bar çıktığı için albümün yarısı kesik çıkıyor sitenin tasarımını bozuyor. Sidebarları yok etmenin veya genişliği azaltmanın bir yolu yokmu. Kodlardaki 960 ı küçülttüm ama işe yaramadı.
YanıtlaSilsidebar'ı kaldırabilirsiniz isterseniz bir kaç kodla bu bunu yapabilmem mümkün sayfayı hazırlarken HTML bölümünde en üstüne şu kodları yazarsanız sidebarınızı kaldırmış olursunuz. Fakat değiştirmeniz gereken yerler olabilir. Kod yapınızda kod ismi farklı yazılmış olabilir.
Silstyle
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;}
#main-wrapper { width:100%!important;}
.post { width:100%!important; }
style
#sidebar-wrapper yazan kod sizin kod yapınızda farklı olabilir burayı değiştirmeniz yeterli olacaktır sidebarı kaldırmak için. sytle kodunun <> sembollerini yazarken unutmayın.