Etiketler: Blogger Eklentileri, Genel Katagori, Güncel Haberler, tombul social buttonları
Etiketler: Genel Katagori, Güncel Haberler, w8
Etiketler: Android, Android Oyunlar, candy crush, Genel Katagori
Etiketler: Genel Katagori, Güncel Haberler, htc one
Etiketler: Genel Katagori, Güncel Haberler, samsung, samsung s5
Etiketler: Genel Katagori, Güncel Haberler, hızlı ve öfkeli
Etiketler: Android, Android Uygulama, Genel Katagori, tom messenger
Etiketler: Android, Android Uygulama, facebook, Genel Katagori
Etiketler: Android, Android Uygulama, esed mobile securtiy, Genel Katagori
Etiketler: Blogger, Genel Katagori, Güncel Haberler, yorum gönder
Etiketler: Android, Genel Katagori, Ringtonium LITE
Etiketler: Android, cymera photo, Genel Katagori
Etiketler: Android, Android Uygulama, Genel Katagori, photo studio
Etiketler: Android, Android Uygulama, fotorus. android apk, Genel Katagori
.button{float:left;list-style:none;text-align:center;width: 100%;margin:5px 0;padding:0;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:0;padding:0}
.demo {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 50px !important; background: #E55E48; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s;letter-spacing:1px; }
.download {border: none; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;padding: 8px 40px !important; background: #5FAAE3; color: #fff !important;text-align: center; text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow: 0 0 1px rgba(0, 0, 0, 0.3); transition: background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;}
.demo:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }
.download:hover { background: #454242; text-shadow: 0 0 1px #222; -moz-text-shadow: 0 0 1px #222; -webkit-text-shadow: 0 0 1px #222; -ms-text-shadow: 0 0 1px #222 }
Daha sonra aşağıdaki kodu konu ekliyeceğiniz zaman konuyu ekledikten sonra en son olarak kodu html açıp kodu ekliyos ve linkleri yazıyorsunuz hepsi bu kadar.
<div style="text-align: center;"> <ul class="button"> <li><a class="demo" href="http://blog.kangismet.net/" target="_blank">Demo</a></li> <li><a class="download" href="http://blog.kangismet.net/" target="_blank">Download</a></li> </ul> </div> <div class="clear"> </div>
Etiketler: Blogger Eklentileri, demo ve download, Genel Katagori
<style type="text/css">
#top-main{position:relative}
#top-main .widget{border:0;padding:0 0 22px}
#top-main h2{position:absolute;left:-9999px}
#slides li {
display: none;
background-color: white;
padding: 4px;
border: 1px solid #CECECE;
-webkit-border-radius: 3px;
margin-top: 0;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
position: absolute;
}
#slides li:nth-child(1) .overlayx {
background-position: 0 0;
}
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:20;margin:0;list-style:none;position:relative}
#slides ul{height:275px}
#slides li{width:49.9%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50.1%;width:24.8%;height:49.8%}
#slides li:nth-child(3){left:75.2%;width:24.8%;height:49.8%}
#slides li:nth-child(4){left:50.1%;top:50.2%;height:49.9%}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{width:100%;height:100%}
#slides .overlayx {
position: absolute;
top: 0;
left: 0;
border: 4px solid white;
width: 100%;
height: 100%;
z-index: 2;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC6GFpsqPh81TJuSe70fuEeiexQQbuNbz7QyTvLuxMOSAbN9NOm7wPsWbYY1Z_U_nB9VN9VARgGTYqZzmZAIq7giKzCsK69LAu4-taiqR67b5Fc5cp6swp0W1JbHh2IHLLI0jpd_2sCZkC/s0/linebg-fade.png);
background-position: 70% 70%;
background-repeat: repeat-x;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#slides h4{position:absolute;bottom:25px;width:100%;padding:0 10px;margin:0 -5px;font-size:14px;z-index:3;color:white;text-shadow:0 1px 2px #918F8F}
#slides li:nth-child(3) h4,#slides li:nth-child(2) h4{font-size:14px}
#slides .label_text{font-size:9px;color:white;bottom:10px;z-index:3;left:10px;font-family:Verdana,Geneva,sans-serif;position:absolute}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none}
#slides .overlayx,#slides li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#slides li:hover .overlayx{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
#buttons{margin: 0px auto;text-align: center;width: 10%;}
#buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative}
#buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%}
#buttons a#nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px}
@media only screen and (max-width:600px){
#slides ul{height:600px}
#slides li:nth-child(1){width:100%;height:49.8%}
#slides li:nth-child(2){top:50.2%;height:24.8%;left:0;width:49.8%}
#slides li:nth-child(3){left:50.2%;top:50.2%;width:49.8%;height:24.8%}
#slides li:nth-child(4){left:0;top:75.3%;height:24.8%;width:100%}
}
#slides .overlayx {
position: absolute;
top: 0;
left: 0;
border: 4px solid white;
width: 100%;
height: 100%;
z-index: 2;
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC6GFpsqPh81TJuSe70fuEeiexQQbuNbz7QyTvLuxMOSAbN9NOm7wPsWbYY1Z_U_nB9VN9VARgGTYqZzmZAIq7giKzCsK69LAu4-taiqR67b5Fc5cp6swp0W1JbHh2IHLLI0jpd_2sCZkC/s0/linebg-fade.png);
background-position: 60% 60%;
background-repeat: repeat-x;
}
</style>
<div id="featuredpost">
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="http://softglad.at.ua/widgets/slider.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:"http://www.tolgagonul.net",
MaxPost:15,
idcontaint:"#featuredpost",
ImageSize:300,
interval:7000,
autoplay:true,
tagName:false
});
});
//]]>
</script>
Etiketler: Blogger Eklentileri, Genel Katagori, manşet, slider eklentisi
Etiketler: Genel Katagori, Güncel Haberler, vodafone
Etiketler: Genel Katagori, Güncel Haberler, nokia lumia
Etiketler: Android, Android Oyunlar, android oyunları, Angry Birds
Etiketler: Android, Android Oyunlar, zombie
Etiketler: Android, Android Oyunlar, android oyunları, Genel Katagori, temple run 2
Etiketler: Android, Android Oyunlar, Genel Katagori, Güncel Haberler
Etiketler: Genel Katagori, Güncel Haberler, nokia, Teknoloji, Teknoloji ve Bilim
Etiketler: Blogger Temaları, freshlife teması, Güncel Haberler
Etiketler: Blogger Temaları, channel tema, Genel Katagori
Etiketler: Blogger Temaları, delivery, Genel Katagori
Etiketler: Genel Katagori, Güncel Haberler, trojan, virüs
.section,.widget,.widget-content,.widget ul,.widget li { margin:0; padding:0 }<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$("[href$='css_bundle.css']").remove();
</script>Etiketler: Blogger Eklentileri, bloggerde kayma, Genel Katagori, Güncel Haberler
#Stats1 ul{margin:0px 0;border:0;padding:0}
#Stats1 li{display:inline;width:28%;margin:0;border:0;background-color:#fff;background:#0090D5;color:#fff;float:left;padding:5px 7px;text-decoration:none;text-shadow:none;margin:0 1px 1px 0;font-size:12px;list-style-type:none}
#Stats1 h4{margin:0;font-size:18px;line-height:1.2em;color:#fff;text-shadow:none}
#Stats1 span{font-size:12px;color:#fff;text-shadow:none}
#totalComments{background-position:0 -68px}
#totalCount{background-position:0 -136px}
Etiketler: blog istatiksleri, Blogger Eklentileri, Genel Katagori
Etiketler: Genel Katagori, Güncel Haberler, Teknoloji, Teknoloji ve Bilim
Etiketler: Genel Katagori, Güncel Haberler, iphone
Etiketler: Android, android rom, Genel Katagori, Güncel Haberler, mıuı Rom
Etiketler: biletbilet.com, Genel Katagori, Güncel Haberler, online bilet
Etiketler: ayaklı köpek balığı, Genel Katagori, Güncel Haberler
Etiketler: Android, Genel Katagori, Güncel Haberler
Etiketler: david backham, Genel Katagori, Güncel Haberler, taylor swift
Etiketler: Genel Katagori, Güncel Haberler, Hip Hop, Videolar
Etiketler: Break Dance, Genel Katagori, Güncel Haberler, Videolar
ticker-list #content-top { background: #fff; border: 1px solid #ccc; float: left; margin-bottom: 20px; width: 958px; } #ticker { float: left; width: 498px; } ul.ticker-list { display: block; float: left; overflow: hidden; width: 423px; height: 30px; } ul.ticker-list li { display: block; font: 500 12px/12px Open Sans Condensed, sans-serif; height: 12px; overflow: hidden; padding: 9px; width: 370px; } .ticker-heading { background: #fff; border-right: 1px solid #ccc; color: #ca0002; float: left; font: 700 12px/12px Open Sans Condensed, sans-serif; padding: 9px; text-transform: uppercase; } #ticker a { color: #555; font: 700 12px/12px Open Sans, sans-serif; } .ticker-date { color: #999; font: 10px/10px helvetica, arial, sans-serif; margin-left: 10px; } #content-social { float: right; width: 452px; } #content-social ul { display: inline; float: right; } #content-social ul li { border-left: 1px solid #ccc; display: inline; float: left; overflow: hidden; } .fb-but, .twitter-but, .pinterest-but, .google-but, .linkedin-but, .rss-but { float: left; transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; -webkit-transition: all .1s; width: 30px; height: 30px; } .fb-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) 0 0; } .fb-but:hover { background: #3b5997 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) 0 -30px; } .twitter-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -30px 0; } .twitter-but:hover { background: #00aced url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -30px -30px; } .pinterest-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -60px 0; } .pinterest-but:hover { background: #cb2027 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -60px -30px; } .google-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -90px 0; } .google-but:hover { background: #000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -90px -30px; } .youtube-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -120px 0; float: left; transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; -webkit-transition: all 0.1s; width: 54px; height: 30px; } .youtube-but:hover { background: #f00 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -120px -30px; } .linkedin-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -174px 0; } .linkedin-but:hover { background: #069 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -174px -30px; } .rss-but { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -204px 0; } .rss-but:hover { background: #f60 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVSbi4_2LcLpJzDCDDNre4AQ8dNjIRioxa4_75nABfIJ-bcX2_2fgLkovqd90RW7ajsySRYrZrF2kTf84lM8ZzWK2NJko-f3xcxlj4IaURZ5NEBoIfWRoFYPjp5OLIQbJfvY6K2Zw4_6q2/s1600/Social-Buttons.png) -204px -30px; } #searchform { float: right; position: relative; } #searchform input { background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-wvhoNJhJwCj836bNJBpaJg-99Jo5sTOhg-kPGdAw9RYwMuPxoMg3J0dxqNSP0VNWSZgclWE6y3e3U9Xr_PfF6E56tWmWRvrtbGFDqe3I9CTJ_7R6CkyWeibzoHRHJQouoval9OJ0dyk/s1600/searchd.png) no-repeat right 50%; border: none; color: #777; float: left; font: 400 12px/30px Open Sans, sans-serif; margin: 0; padding: 0 0 0 10px; width: 200px; height: 30px; } #searchform #search-button { border: none; float: left; } #searchform #s:focus { outline: none; }
daha sonra head kodunun üstüne aşağıdaki kodu ekleyin
ve en son olarak HtmlJavascript Olarak blog kayıtlarınızın üstüne ekliyorsunuz.
Don't miss
- Samsung Galazy Note 2 ReviewCheck out now!
- Facebook Introduces Graph Search TodayCheck out now!
- What Is Google Author Rank?Check out now!
Etiketler: Blogger Eklentileri, Genel Katagori, post ticker
Kaydol:
Yorumlar [Atom]