× İletişim Formu Blogger Yeni Yayınlar Widget'ı Arlina Design 8/09/2018 Etiketler : CSS javaScript Widget Arlina Design <!DOCTYPE html> <html> <head> <title>Blogger Son Yayınlar Widget'ı</title> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700'); body {font-family:'Roboto', sans-serif;line-height:1.5} #recent_article .widget-content,#recent_article ul{max-width:300px;padding:0;margin:0 auto;display:block} #recent_article a:link,#recent_article a:visited{font-weight:normal} #recent_article ul li{background:#fff;margin:0 auto!important;padding:8px 10px!important;list-style:none;position:relative;border:1px solid #d6dee4;border-top-width:0;border-left-width:4px;border-left-color:#fe8f04;font-size:92%;text-align:left!important} #recent_article ul li:nth-child(1){border-top-width:1px!important} #recent_article ul li a{font-weight:400!important;display:block;color:#444!important;text-decoration:none!important;line-height:1.4em!important;padding-right:8px!important} #recent_article ul li a:hover{color:#028271!important} #recent_article ul li:before,#recent_article ul li .item-title a{font-weight:400;font-size:12px;color:inherit;text-decoration:none} </style> </head> <body> <div id='recent_article' class='recent_article'><ul id="recent-posts"></ul></div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> //<![CDATA[ numPosts = 10;function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");ct.async=true;for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.async=true;rcp.src='https://bloggereklentileri.blogspot.com/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp); //]]> </script> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger Yeni Yayınlar Widget'ı" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger Yeni Yayınlar Widget'ı Arlina Design 8/09/2018 Etiketler : CSS javaScript Widget Arlina Design <!DOCTYPE html> <html> <head> <title>Blogger Son Yayınlar Widget'ı</title> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700'); body {font-family:'Roboto', sans-serif;line-height:1.5} #recent_article .widget-content,#recent_article ul{max-width:300px;padding:0;margin:0 auto;display:block} #recent_article a:link,#recent_article a:visited{font-weight:normal} #recent_article ul li{background:#fff;margin:0 auto!important;padding:8px 10px!important;list-style:none;position:relative;border:1px solid #d6dee4;border-top-width:0;border-left-width:4px;border-left-color:#fe8f04;font-size:92%;text-align:left!important} #recent_article ul li:nth-child(1){border-top-width:1px!important} #recent_article ul li a{font-weight:400!important;display:block;color:#444!important;text-decoration:none!important;line-height:1.4em!important;padding-right:8px!important} #recent_article ul li a:hover{color:#028271!important} #recent_article ul li:before,#recent_article ul li .item-title a{font-weight:400;font-size:12px;color:inherit;text-decoration:none} </style> </head> <body> <div id='recent_article' class='recent_article'><ul id="recent-posts"></ul></div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> //<![CDATA[ numPosts = 10;function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");ct.async=true;for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.async=true;rcp.src='https://bloggereklentileri.blogspot.com/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp); //]]> </script> </body> </html>
Yorum Gönder