× İletişim Formu Blog Son Eklenenler Widgeti Nasıl Oluşturulur? Arlina Design 3/25/2017 Etiketler : Blogger Widget Arlina Design <!DOCTYPE html> <html> <head> <title>Kodeks Editör</title> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed'); body { font-family: 'Fira Sans Condensed', sans-serif; -webkit-font-smoothing: antialiased; margin: 20px auto 0 auto; text-decoration: none; } ul#recent-posts { border: 1px solid #e3e3e3; margin: 0 auto; max-width: 300px; padding: 0 20px; list-style: none; } li.recent-posts { display: block; clear: both; overflow: hidden; list-style: none; border-bottom: 1px solid #e3e3e3; word-break: break-word; padding: 10px 0; margin: 0; } li.recent-posts:last-child { border-bottom: 0; } li.recent-posts a { color: #444; text-decoration: none; } li.recent-posts a:hover { color: #28a1f0; } </style> </head> <body> <ul id="recent-posts"></ul> <script> //<![CDATA[ var homePage = "http://bloggereklentileri.blogspot.com", numPosts = 10; function recentPosts(a) { if (document.getElementById("recent-posts")) { var e = a.feed.entry, title, link, content = "", ct = document.getElementById("recent-posts"); 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" rel="nofollow">' + title + '</a></li>' } ct.innerHTML = content } } var rcp = document.createElement('script'); rcp.src = homePage + '/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 "Blog Son Eklenenler Widgeti Nasıl Oluşturulur?" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blog Son Eklenenler Widgeti Nasıl Oluşturulur? Arlina Design 3/25/2017 Etiketler : Blogger Widget Arlina Design <!DOCTYPE html> <html> <head> <title>Kodeks Editör</title> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed'); body { font-family: 'Fira Sans Condensed', sans-serif; -webkit-font-smoothing: antialiased; margin: 20px auto 0 auto; text-decoration: none; } ul#recent-posts { border: 1px solid #e3e3e3; margin: 0 auto; max-width: 300px; padding: 0 20px; list-style: none; } li.recent-posts { display: block; clear: both; overflow: hidden; list-style: none; border-bottom: 1px solid #e3e3e3; word-break: break-word; padding: 10px 0; margin: 0; } li.recent-posts:last-child { border-bottom: 0; } li.recent-posts a { color: #444; text-decoration: none; } li.recent-posts a:hover { color: #28a1f0; } </style> </head> <body> <ul id="recent-posts"></ul> <script> //<![CDATA[ var homePage = "http://bloggereklentileri.blogspot.com", numPosts = 10; function recentPosts(a) { if (document.getElementById("recent-posts")) { var e = a.feed.entry, title, link, content = "", ct = document.getElementById("recent-posts"); 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" rel="nofollow">' + title + '</a></li>' } ct.innerHTML = content } } var rcp = document.createElement('script'); rcp.src = homePage + '/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