Menu

Blogger Son Yazılar 3D Metro Stilli Widget

Blogger için tasarlanmış oldukça işe yarayacak bu eklenti ile yayınladığınız son yazılar küçük kareler şeklinde görüntülenecektir.Resim boyutlarını CSS kodları ile oynayarak değiştirebilirsiniz.Ayrıca yine renk kodları ile oynayarak kendinize uygun renkleri oluşturabilirsiniz.

Blogger Son Yazılar 3D Metro Stilli Widget


Aşağıda verdiğim kodu test etmek için kodların tamamını kopyalayınız ve SEO Mektebi Kod Deneme Editörü ne ekleyiniz ve Kod Testi butonuna basınız açılan yeni sayfada kodun uygulamasını görürsünüz.


---6 Adet İnternetten Para Kazandırma Kitapları

---Blogger Film Temaları 2 Adet

---Blogger Arşiv Sitemap Kodu Ekleme

Blogger Son Yazılar 3D Metro Stilli Widget

Blogger Son Yazılar 3D Metro Stilli Widget Yükleme Adımları

İlk önce Blogger.com giriş yapınız sonra Yerleşim/Gedget Ekle/ HTML/JavaScript adımlarını takip ediniz.

Blogger Son Yazılar 3D Metro Stilli Widget




HTML/JavaScript tıkladıktan sonra aşağıdaki kodu kopyalayarak resimdeki gibi boşluğa yapıştırınız,Blogger Son Yazılar 3D Metro Stilli Widget site tasarımınıza uygun olarak istediğiniz yere ekleyebilirsiniz.


<style> #bob_recent { width:300px;
padding: 5px;
color: #999;
font-size: 14px;
text-align:justify;
}
#bob_recent img {
width: 70px;
height: auto;
border-top:5px groove #00a4ef !important;
border-bottom:5px groove #ffb900 !important;
border-right:5px groove #7fba00 !important;
border-left:5px groove #f25022 !important;
webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);
box-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
#bob_recent a{
color: #fff;
font-size: 15px;
text-transformation: uppercase;
margin-bottom: 10px!important;
}
#bob_recent a:hover {
text-decoration: underline;
}
</style>
<div id='bob_recent'></div>
<script type="text/javascript" src="https://blog-of-blogger.googlecode.com/svn/trunk/js/recentposts-orig.js"></script>
<script style='text/javascript'>
var numberOfPosts = padding: 5px; color: #999; font-size: 14px; text-align:justify; } #bob_recent img { width: 70px; height: auto; border-top:5px groove #00a4ef !important; border-bottom:5px groove #ffb900 !important; border-right:5px groove #7fba00 !important; border-left:5px groove #f25022 !important; webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2); box-shadow:1px 1px 1px rgba(0,0,0,0.2); } #bob_recent a{ color: #fff; font-size: 15px; text-transformation: uppercase; margin-bottom: 10px!important; } #bob_recent a:hover { text-decoration: underline; } </style> <div id='bob_recent'></div> <script type="text/javascript" src="https://blog-of-blogger.googlecode.com/svn/trunk/js/recentposts-orig.js"></script> <script style='text/javascript'> var numberOfPosts = 9;
var showPostDate = false;
var showSummary = false;
var summaryLength = 0;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
var readMore = 'Read More';
</script> var showPostDate = false; var showSummary = false; var summaryLength = 0; var titleLength = 0; var showCommentCount = false; var showThumbs = true; var showNoImage = true; var imgDim = 55; var imgFloat = 'left'; var myMargin = 5; var mediaThumbsOnly = true; var showReadMore = false; var readMore = 'Read More'; </script><script src='http://www.seomektebi.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bobrecentpostswiththumbnails'></script>

Blogger Son yazılar 3D metro Stilli Widget Düzenleme:

Sarı olarak belirtiğim yere kendi site url adresinizi ekleyiniz.Yayınladığımız bu eklentiler içinde ki renk kodları #XXXX şeklinde olan kodlardır bunları aşağıdaki SEO Mektebi renk kodları sayfasından istediğiniz renkleri seçerek değiştirebilirsiniz.


Ayrıca eklentiler içindeki sayısal değerlerle oynayarak site tasarımına uygun olan ölçüleri sağlayabilirsiniz.
Sonraki Yazılar
« Prev Post
Önceki Yazılar
Next Post »

Henüz Yorum Yapılmamış " Blogger Son Yazılar 3D Metro Stilli Widget "

Önerilen Yazı
×