Bunu nasıl yapacağım? çok zor!!! ben kodlardan anlamıyorum,benim hiç bilgim yok diyen, okuması yazması olan herkes, bloguna forum ekleme ile ilgili yazdığımız bu yazıyı okuduğunda blogger bloguna forum eklemiş olacak, ekleyemeyen arkadaşlarada eğer isterler ise yardımcı olacağım.Anlatıma başlamadan önce blogger forum eklentisi nin nasıl göründüğüne bakmak isterseniz demo görünümden bakabilirsiniz.
<style type="text/css">
#post-gallery {
width:525px;
margin:0px auto;
font:normal 11px Arial,Sans-Serif;
color:#494848;
padding:8px;
background-color:none;
-webkit-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
box-shadow:0px 10px 30px rgba(0, 0, 0, 0.4);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin-top:-75px;
}
#post-gallery h2 {
font:20px Arial,Sans-Serif;
color:white;
text-shadow:0px 3px 2px black;
text-transform:uppercase;
margin:2px 2px 2px;
padding:7px 14px;
background-color:#48D;
text-align: center;
}
#post-gallery .bgt-item {
float:left;
display:inline;
position:relative;
margin:2px;
padding:0px 0px;
background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmv2gyl1DMsYFgmkCoYjJjGBpIFhLZcNGbZ9l1-BI-NE107Vxz6_mCCDO1GJtoWKRIbHUtLh24Vb2nkYYZxPWHjfPp_m4l91FOXXgPIScKaohXwnxDF7PXK7EHj1yBN0YNSjhR7zlq7E8/s1600/395.GIF') no-repeat 50% 50%;
width:71px;
height:71px;
}
#post-gallery .bgt-item img {
width:71px;
height:71px;
border:none !important;
margin:0px 0px !important;
padding:0px 0px !important;
background:transparent !important;
display:none;
}
#post-gallery .bgt-item .bgt-child {
position:relative;
top:10%!important;
left:10%!important;
z-index:1000;
width:200px;
background-color:white;
border-top:5px solid #FA7C19;
-webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
box-shadow:5px 5px 10px rgba(0, 0, 0, 0.7);
padding:10px 15px;
overflow:hidden;
word-wrap:break-word;
display:none;
opacity: 0.9;
}
#post-gallery .bgt-item .bgt-child h4 {
font-size:12px;
margin:0px 0px 5px;
color:#FA7C19;
}
#post-gallery .bgt-item:hover .hidden {display:block;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
var bgtTitle = "Oyunlar Yükleniyor...",
numposts = 56,
numchar = 190,
rcFadeSpeed = 610,
pBlank = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkU0IAQ2zTAPR8DWhkzruvqRzy9UO4IQlvU874hub1cjPkDRVgokXZGAk3s9f12mfcYb60do1xpJlB0PSNk0__oWIVnGIhtJ_4G-v14KzBAbRPrg9_JsMAPXpgq9WlyBLS9tFLG_ABnMc/s1600/no-image-ava.jpg",
blogURL = "http://www.arabaoyunlari04.com";
</script>
<script src="https://googledrive.com/host/0B4LZsB4bN2rdNE4yRjdreDBIcUU/recent-post-blogokulu.js" type="text/javascript"></script>
Blogger izleyiciler eklentisini birçok blogcu biliyordur.Ama gelen mailler ve yorumlardan özellikle Melahat Nuroğlu isimli takipçimizin de isteği üzerine blogger izleyiciler eklentisini anlatmaya karar verdik.Blogger izleyiciler eklentisi ileblogunuza katılan yani resimdede gördüğünüz üzere Bu Siteye Katılın yazan butona tıklayıp siteye katılan kişiye,yani izleyiciniz olan blogcuya yazdığınız yazılar aşağıdaki resimde gördüğünüz gibi okuma listesi adı altında kısa kısa gidecektir.Buda bir yazı yayınladığınız zaman ziyaretçi sayınızı ve sizin yazılarınızın tıklanma oranını arttıracaktır.Yani nekadar izleyiciniz varsa sizin için okadar iyi dilelim ve blogger izleyiciler eklentisini blogunuza nasıl ekliyebileceğinizi anlatalım;
Blogger resimleriniz etrafında bulunan çerçeveler kimine göre çok kullanışlı ve görüntü güzelliği olarak değerlendirilsede, bana facebook adresim yoluyla ulaşan Burcu Ufuk Akday ismli takipçim gibi bu çerçevelerden kurtulmak isteyenler de oluyor.Blogger da Resimlerin Etrafındaki Çerçeveleri Kaldırmak isteyenlerden iseniz doğru adrestesiniz, ekliyeceğiniz ufak bir kod sayesinde Blogunuzda bulunan resimlerin etrafındaki çerçeveleri kaldırmış olacaksınız.| 1-Blogger hesabımızla giriş yapıyoruz. 2-Kumanda paneline geliyoruz.Aşağıda gördüğümüz gibi,Şablon>HTML’yi Düzenle yolunu takip edip HTML kodlarının olduğu yere geliyoruz.  4-Bulduğumuz ]]></b:skin> kodunun hemen üstüne aşağıdaki kodu yapıştırıyoruz. |