15 Eylül 2024 Pazar

HTML Resimli rastgele yazı kodu

 HTML, temel olarak web sayfalarının yapısını oluşturan bir dildir. İçine doğrudan rastgele metin üretme özelliği bulunmaz. Ancak, JavaScript gibi programlama dillerini kullanarak HTML sayfalarına dinamik özellikler ekleyebiliriz.


<fieldset><style>#random-posts img{float:left;margin-right:10px;border:1px solid #eee;background:#007aaf;width:36px;height:36px;padding:3px}</style> <ul id='random-posts'> <script type='text/javaScript'> var rdp_numposts=5; var rdp_snippet_length=150; var rdp_info='yes'; var rdp_comment='Yorum Var'; var rdp_disable='Comments Disabled'; var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum}; </script> <script type='text/javaScript'> function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://cdn.pixabay.com/photo/2023/10/26/20/52/rainbow-8343468_640.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')}; </script></fieldset>

Okuyun >>>

20 Ocak 2015 Salı

Yazı içine adsense

Google adsense reklamlarından iyi bir sonuç almak için yazı içine yerleştirmeyi deneyebilirsiniz.Yazı içine adsense reklamlarını yerleştirmek için bazı yardımcı kodlara ihtiyacımız var.Yazı içine yerleştirme yapabilmek için aldığımız adsense reklam kodlarımızı olduğu gibi sitemizin CSS kodlarına yerleştiremeyiz,bunun için convert ederek bunları yapabilirsiniz.İşte bu yazımda size adsense reklamlarını nasıl yazı içine yerleştireceğinizi anlatacağım.

Size ait olan adsense reklam kodlarını baştan buradan convert ettikten sonra aşağıda verdiğim kodların içine yerleştirin.

* AdSense Reklamını Yazının Solunda Gösterme kodu

<b:if cond='data:blog.pageType == "item"'>  
<div style="float:left;margin-right: 5px;"> 
Convert edilmiş adsense kodları buraya gelecek</div> 
</b:if> 

AdSense Reklamını Yazının Sağında Gösterme kodu

<b:if cond='data:blog.pageType == "item"'>  
<div style="float:right;margin-left: 5px;"> 
Convert edilmiş adsense kodları buraya gelecek</div> 
</b:if>

Bu kodları eklemek için ( Blogger için anlatıyorum) Blogger'da yazı içine resim ekler gibi HTML sekmesini açarak kodları ekleyebilirsiniz.

*AdSense Reklamını Yazı Başlığının Altında Gösterme  kodu

Şablon > HTML Düzenle'ye gidildikten sonra
 <div class='post-footer'> kodunu bulup hemen üstüne


<b:if cond='data:blog.pageType == "item"'> 
<div align='center'>  
Convert Edilmiş Gooogle Adsense Reklam Kodu Buraya Gelecek      
</div> 
 </b:if>

* AdSense Reklamını Yazının Sonuna Ekleme kodu
Sitenizin CSS kodları içinde <div class='post-footer'> bulun ve hemen üstüne

<b:if cond='data:blog.pageType == "item"'> 
<div align='center'>  
Convert Edilmiş Gooogle Adsense Reklam Kodu Buraya Gelecek      
</div> 
 </b:if>

Blogger Yazı İçine Reklam Ekleme - AdSense Reklamlarını Blogger'da Yazı İçine Ekleme - Adsense Reklamları Blogger'da Yazı İçine Nasıl Eklenir? - Blogger'da Yazı içine Adsense Reklamı Koyma - Blogspot Yazı Ortasına Içine Başına Sonuna Adsense - Yazı içine adsense ekleme - Blogger Yazı İçinde Adsense Reklam Gösterme - Blogger Yazı İçine Reklam Ekleme - Blogger Yazı İçine Adsense Reklamı Yerleştirme
Okuyun >>>

13 Ocak 2015 Salı

Sitene Rastgele Yazılar Kodu

Sitene Rastgele Yazılar Kodu ekle.Sitenizdeki yazıları gösteren güzel bir kod yazılımı.Sayfalar değiştikçe farklı bir konu gösteren  bir kod.Blogger bloğunuza eklemek için. Yerleşim - Gadget ekle -HTML/JavaScript - Kaydet diyerek sitenizde nerede gözükmesini istiyorsanız oraya yerleştiriyorsunuz.Kodda değişiklik yapmanıza gerek yok direk çalışmaya başlayacaktır.


<script type="text/javascript">var randarray=new Array();var l=0;var flag;var numofpost=10;function randomposts(json){var total=parseInt(json.feed.openSearch$totalResults.$t,10);for(i=0;i<numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){flag=1}}if(flag==0&&l!=0){randarray[i++]=l}}document.write('<ul>');for(n in randarray){var p=randarray[n];var entry=json.feed.entry[p-1];for(k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){var item="<li>"+"<a href="+entry.link[k].href+">"+entry.title.$t+"</a></li>";document.write(item)}}}document.write('</ul>')}</script><script src="/feeds/posts/summary?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts"type="text/javascript"></script>
Okuyun >>>

4 Eylül 2014 Perşembe

Blogger Slayt kodu


Blogger Slayt kodu.Sitene Blogger slayt kodu ekle.Kodun içindeki kırmızı işaretli linki kendi sitenizin linkiyle değiştirdiğinizde çalışmaya başlar.Blogger blogspot site için yazılmış bir koddur.
Son yazdığınız yazıdan itibaren tarihleriyle göstermeye başlar.Kodu gadgetlere eklemeniz yeterlidir.Kaç adet yazı gözükmesini isterseniz ayarlayabilirsiniz.

Kodun en altındadır:
blogURL:" http://ww.siteadınız.com/"
MaxPost:8



<style type="text/css">
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#slides ul,#slides li{list-style:none;position:relative;margin:0;padding:0;}
#slides ul{height:250px;}
#slides li{width:49.9%;height:100%;position:absolute;display:none;}
#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{display:block;width:100%;height:100%;border:0;background-color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:4px;}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT2NFeR3yN5-QQaqnSwW6-OG9flh_d0NzHH6I02i3e54Jn1jZHgUHh1Ndsagzf2qzH4TCLhHoBMQs3LAl3VLvYjt3K2TqeztAQOxcZV7W9BdiK8SqjkP8daR_6BbFW6Du6o2PaoqSeM4rJ/s1600/fadebg.png);background-position:50% 50%;background-repeat:repeat-x;border:4px solid #282c2f;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#slides h4{position:absolute;bottom:30px;font-size:18px;font-family:Arial;left:0;color:#FFF;z-index:3;line-height:20px;font-weight:400;margin:0;padding:0 10px;}
#slides li:nth-child(2) h4,#slides li:nth-child(3) h4{font-size:13px;line-height:15px;}
#slides .label_text{font-size:9px;color:#FFF;bottom:10px;z-index:3;left:10px;font-family:Verdana,Geneva,sans-serif;position:absolute;}
#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{text-align:center;background:#282c2f;width:10%;margin:5px auto;}
#buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative;}
#buttons a::before{content:"";width:0;height:0;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%;border-color:transparent #fff transparent transparent;border-style:solid;border-width:8px 7px;}
#buttons a#nextx::before{margin-left:-3px;border-color:transparent transparent transparent #fff;}
.footer-widget-box-last,#mef-organic-tabs .nav li.last{margin-right:0;}
#header,#main,#footer,.clearfix,#slides li:nth-child(1),#slides li:nth-child(2),#slides li:nth-child(3),#slides li:nth-child(4){display:block;}
#crosscol-wrapper,#PopularPosts1 h2,#BlogArchive1 h2,#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none;}
@media only screen and max-width600px {
#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%;}
}
</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 type="text/javascript">
//<![CDATA[
function FeaturedPost(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"#featuredpost",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwvK56eCmVhGqApfPX2oRNz0KWuQKuq9Z0ajiAsORX1vf1647t2jJGlssIoZdO7t0mWSRgu6uWaHTKW9S87jtepUosl6xRmBoVq7GAIE9fbCk-ym0oXLuCOAWdoRKC2G_rzfXe8R4bh9j_/s1600/grey.gif",MonthNames:["Ocak","&#350;ubat","Mart","Nisan","May&#305;s","Haziran","Temmuz","A&#287;ustos","Eyl&#252;l","Ekim","Kas&#305;m","Aral&#305;k"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var c=h.blogURL;var d=h.MaxPost*200;if(h.blogURL===""){c=window.location.protocol+"//"+window.location.host}g.html('<div id="slides"><ul class="randomnya"></ul></div><div id="buttons"><a href="#" id="prevx">prev</a><a href="#" id="nextx">next</a></div>').addClass(h.loadingClass);var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail"in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'" alt="'+k+'" width="'+h.ImageSize+'px" height="'+h.ImageSize+'px"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l)};var b=function(){var i="/-/"+h.tagName;if(h.tagName===false){i="";e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}else{e.ajax({url:c+"/feeds/posts/default"+i+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:f,dataType:"jsonp",cache:true})}(function(){setTimeout(function(){e("#prevx").click(function(){e("#slides li:first").before(e("#slides li:last"));return false});e("#nextx").click(function(){e("#slides li:last").after(e("#slides li:first"));return false});if(h.autoplay){var k=h.interval;var l=setInterval("rotate()",k);e("#slides li:first").before(e("#slides li:last"));e("#slides").hover(function(){clearInterval(l)},function(){l=setInterval("rotate()",k)});function j(){e("#nextx").click()}}g.removeClass(h.loadingClass)},d)})()};e(document).ready(b)})(jQuery)};function rotate(){$('#nextx').click()}
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
FeaturedPost({
blogURL:" http://24bti.blogspot.com/",
MaxPost:8,
idcontaint:"#featuredpost",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false});});
//]]>
</script>
Okuyun >>>