× İletişim Formu Blogger Ajax Menü Arlina Design 8/04/2017 Etiketler : Blogger Menü Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @import url(https://fonts.googleapis.com/css?family=Oswald);@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');body{font-family:'Fira Sans Condensed',sans-serif;background:#f9f9f9;font-size:16pxcolor:#444} .post-body h2{color:#f54325;font-weight:400;text-align:center;font-family:'Oswald'} .post-body{background:#fff;color:#444;max-width:680px;margin:20px auto;padding:15px 20px;font-family:'Arial';font-size:13px;border:10px solid #f2f2f2} .mega-menu *{padding:0;margin:0} ul.mega-menu{line-height:1;list-style:none;overflow:visible!important} ul.mega-menu:after{padding:0;margin:0;content:' ';height:0;display:block;clear:both} ul.mega-menu li{float:left;font-size:14px;font-weight:400;display:inline;position:relative;text-transform:capitalize} ul.mega-menu li a{line-height:50px;padding:0 20px;display:block;font-family:'Oswald';text-decoration:none;color:#2c2c2c;font-size:13px;font-weight:400;transition:all 0.3s ease-in-out} ul.mega-menu li a:hover,ul.mega-menu li a.hoverover{color:#fff;background:#f54325} ul.mega-menu ul{top:100%;border:1px solid #ddd;position:absolute;display:none} ul.mega-menu li:hover > ul{display:block} ul.mega-menu ul li{background:#f6f6f6;text-shadow:none;z-index:72;float:none;min-width:160px} ul.mega-menu ul li a{color:#aaa;font-family:'Arial';text-transform:none;font-weight:normal} ul.mega-menu ul li a:hover,ul.mega-ajax-menu ul li a.hover{background:#f54224} ul.mega-menu ul ul{left:100%;display:none;top:0} ul.mega-ajax-menu li div.submenu{z-index:90;left:0;position:absolute;width:600px;top:100%;overflow:hidden;opacity:0;color:#919191;box-shadow:0 10px 7px -7px rgba(0,0,0,0.1);-moz-transform:translate(0,30px);-webkit-transform:translate(0,30px);min-height:150px;background:#f0f0f0;-o-transform:translate(0,30px);transform:translate(0,30px);transform-origin:50% 0;visibility:hidden;transition:all 0.3s ease-in-out} ul.mega-ajax-menu li:hover div.submenu{visibility:visible;opacity:1;-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)} ul.mega-ajax-menu ul,ul.mega-ajax-menu ul li{display:block!important;border:0 none!important;margin:0!important;padding:0!important} ul.mega-ajax-menu ul li{background:none!important;float:none!important} ul.mega-ajax-menu ul.verticlemenu{position:absolute;width:33%;left:0;top:0;bottom:0;background:#212121} ul.mega-ajax-menu ul.postslist{position:relative;display:block;width:65%;float:right;margin:0 0 15px 0!important;background:none} ul.mega-ajax-menu ul.postslist li{display:block;overflow:hidden;position:relative;min-height:60px;padding:15px 8px 15px 110px!important} ul.mega-ajax-menu ul.postslist li .imgCont{position:absolute;left:0;top:15px;width:100px;height:70px;overflow:hidden;font-size:0;line-height:0;border:1px solid #929292} ul.mega-ajax-menu ul.postslist li .imgCont img{position:relative;top:-20px;padding:0;width:100px;height:100px;display:block} ul.mega-ajax-menu ul.postslist li a{display:block;line-height:1.4;padding:0!important;color:#666;font-family:'Arial';font-size:12px;transition:all 0.3s ease-in-out} ul.mega-ajax-menu ul.postslist li a:hover{color:#f54325;background:transparent} ul.mega-ajax-menu .loader{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPnnwZANahUOs4ylDy6rJSIrW1embZTsdjBzl1ugm7VB_drboq4EPvdY-qlmf46XHxwplnjvpugwveG9y_OzuD3pfHDDCWMn7nqIocvR67-KNvWMj7qClQ7pwzueLZTPlMhrgxAyUayGk/s1600/beloading.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position:absolute;top:50%;margin-top:-11px;right:5px} ul.mega-ajax-menu .menuArrow{border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #fff;display:block;height:0;margin-top:-4px;position:absolute;right:11px;top:50%;width:0} #mega-ajax-menu{background:#fff;height:50px;width:100%;position:relative;border:1px solid #e6e6e6;max-width:980px;margin:0 auto;padding:0 20px} li.search-form{float:right!important;line-height:50px;margin:0 20px 0 0} li.search-form .searchbox{border:none;padding:10px 5px;background:#f9f9f9;color:#fff;width:130px} li.search-form .searchbox:focus{border:none;outline:none;background:#fafafa;color:#666} li.search-form .searchsubmit{background:#f54325;border:none;color:#fff;cursor:pointer;padding:10px 5px;transition:all 0.3s ease-in-out} li.search-form .searchsubmit:hover{opacity:0.9} .search-alert{color:#f9f9f9;display:none;margin:5px;padding:2px 15px 2px 40px;background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_JcpsGp45o3RzMIKw86NG3g5_-AI3_hjox_6Jo5uPg7HnRV8Vb57fJeLxyVB7XB1pVV61QjQMJxQwyq41_g2zA4Iyfx0QEGOBBKflp8K-Igmu6FsbjKDgYhDR9TooVR7GlWywSVXojfo/s1600/not.png) no-repeat;background-position:10px;text-transform:lowercase;border-radius:5px} </style> </head> <body> <ul id="mega-ajax-menu" class="mega-menu"> <li><a href='/'><i class='fa fa-home fa-lg'></i></a></li> <li><a href="#">Kategori 1</a> <ul> <li><a href="http://bloggereklentileri.blogspot.com/search/label/Blogger%20%C4%B0pu%C3%A7lar%C4%B1">Blogger İpuçları</a></li> <li><a href="http://bloggereklentileri.blogspot.com/search/label/Blogger%20Temalar%C4%B1">Blogger Temaları</a></li> <li><a href="http://bloggereklentileri.blogspot.com.tr/search/label/CSS">Blogger CSS</a></li> <li><a href="http://bloggereklentileri.blogspot.com/search/label/Javascript">Blogger javaScript</a></li> <li><a href="http://bloggereklentileri.blogspot.com/search/label/SEO">Blogger SEO</a></li> </ul> </li> <li><a href="#">Kategori 2</a> <ul> <li><a href="http://saglikveguzellikonerileri.blogspot.com/search/label/Beyin%20Uyar%C4%B1m%20Teknikleri">Beyin Uyarıcı Teknikler</a></li> <li><a href="http://saglikveguzellikonerileri.blogspot.com/search/label/Cilt">Cilt</a></li> <li><a href="http://saglikveguzellikonerileri.blogspot.com/search/label/Diyabet">Diyabet</a></li> <li><a href="http://saglikveguzellikonerileri.blogspot.com/search/label/G%C3%BCzellik">Güzellik</a></li> <li><a href="http://saglikveguzellikonerileri.blogspot.com/search/label/Vitamin">Vitamin</a></li> </ul> </li> <li><a href="#">Kategori 3</a> <ul> <li><a href="http://cizgifilmhikayeleri.blogspot.com/search/label/Harika%20Kanatlar">Harika Kanatlar</a></li> <li><a href="http://cizgifilmhikayeleri.blogspot.com/search/label/%C4%B0stanbul%20Muhaf%C4%B1zlar%C4%B1">İstanbul Muhafızları</a></li> <li><a href="http://cizgifilmhikayeleri.blogspot.com/search/label/Niloya">Niloya</a></li> <li><a href="http://cizgifilmhikayeleri.blogspot.com/search/label/Rafadan%20Tayfa">Rafadan Tayfa</a></li> <li><a href="http://cizgifilmhikayeleri.blogspot.com/search/label/Ma%C5%9Fa%20%C4%B0le%20Koca%20Ay%C4%B1">Maşa ile Koca Ayı</a></li> </ul> </li> <li class='search-form'> <form action='/search' class='searchblog' method='get'> <input class='searchbox' name='q' placeholder='Aranacak kelime' size='30' type='text'/> <input class='searchsubmit' type='submit' value='Ara'/> </form> <p class='search-alert'>Arama formu boş! </li> </ul> <div class='clear'></div> <div class='post-body'> <h2 class='post-title'>Blogger Eklentileri</h2> <p>Blogger Eklentileri, özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog.</p> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler.</p> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script type='text/javascript'> //<![CDATA[ (function(e){var t=function(e,t){this.elem=e;this.settings=t;this.addAjaxHtml();this.ajaxcall=null;this.lielem=this.elem.find(".verticlemenu li a");this.menuHelper(this.elem);this.addEvents()};t.prototype={regex:{islabel:new RegExp("/search/label/","g"),issearch:new RegExp("[?&]q=","g"),labelsearch:new RegExp("(http://[^/]+)/search/label/([^/?&]+).*[?&]q=([^$&]+)(?:[^$]+)?","g"),label:new RegExp("(http://[^/]+)/search/label/([^/?&$]+)","g"),search:new RegExp("(http://[^/]+)/search/?[?&]q=(.*)","g")},addEvents:function(){var t=this;this.lielem.hover(function(){if(e(this).data("menuloaded")!=="true"){t.li=e(this);t.url=t.li.attr("href");t.container=t.li.closest("ul").siblings("ul");t.hoverOver()}},function(){t.hoverOut()})},hoverOver:function(){var t=this;this.getAJAXUrl();if(!this.ajaxUrl)return;this.ajaxcall=e.ajax({type:"GET",url:t.ajaxUrl,dataType:"jsonp",data:t.ajaxData,beforeSend:function(){t.showLoader()},success:function(e){t.hideLoader();t.addArrow();t.showPosts(e)},error:function(e){t.showError(e)}})},hoverOut:function(){this.ajaxcall.abort();this.hideLoader()},getAJAXUrl:function(){if(this.url){var e=this;this.ajaxData={alt:"json","max-results":this.settings.numPosts};this.url.search(this.regex.islabel)!==-1&&this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.labelsearch,function(t,n,r,i){e.ajaxData.q=i;return[n,"/feeds/posts/default/-/",r,"/"].join("")}):this.url.search(this.regex.islabel)!==-1&&this.url.search(this.regex.issearch)===-1?this.ajaxUrl=this.url.replace(this.regex.label,function(t,n,r){delete e.ajaxData.q;return[n,"/feeds/posts/default/-/",r,"/"].join("")}):this.url.search(this.regex.islabel)===-1&&this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.search,function(t,n,r){e.ajaxData.q=r;return[n,"/feeds/posts/default"].join("")}):this.ajaxUrl=!1}else this.ajaxUrl=!1},showLoader:function(){e("<span></span>",{"class":"loader"}).appendTo(this.li.closest("li"))},hideLoader:function(){this.li.closest("li").find("span.loader").remove()},showPosts:function(t){var n=this,r=[],i,s,o;t.feed.openSearch$totalResults.$t>0?e.each(t.feed.entry,function(t,u){i=u.title.$t;e.each(u.link,function(e,t){t.rel==="alternate"?s=t.href:s="#"});o=u.media$thumbnail?u.media$thumbnail.url.replace(/\/s72\-c\//,"/s100-c/"):n.settings.defaultImg;r.push('<li><span class="imgCont"><img alt="',i,'" src="',o,'"/></span><a rel="nofollow" title="',i,'" href="',s,'">',i,"</a></li>")}):r.push("<h5>","Sorry!!, No Posts to Show","</h5>");this.container.html(r.join(""));this.lielem.removeData("menuloaded");this.li.data("menuloaded","true")},showError:function(e){if(e.statusText==="error"){this.hideLoader();this.addArrow();this.container.html("<h5>Error!! Could not fetch the Blog Posts!</h5>")}},addArrow:function(){this.lielem.closest("li").find("span").remove();this.lielem.removeClass("hoverover");this.li.addClass("hoverover");e("<span></span>",{"class":"menuArrow"}).appendTo(this.li.closest("li"))},menuHelper:function(t){var n=this;t.find(">li").hover(function(){var t=e(this);t.find("a:first").addClass("hoverover");var r=e(this).find("ul.verticlemenu li").height()*e(this).find("ul.verticlemenu li").length;t.find("ul.postslist").css({"min-height":r+"px"});n.requestFirstAjax(t)},function(){e(this).find("a:first").removeClass("hoverover")})},addAjaxHtml:function(){this.elem.find("ul ul").remove();this.elem.addClass("mega-ajax-menu").find(">li").find("ul:first").addClass("verticlemenu").wrap(e("<div></div>",{"class":this.settings.divClass}));e("ul.verticlemenu").after(e("<ul></ul>",{"class":"postslist"}))},requestFirstAjax:function(e){e=e.find(".verticlemenu li:first-child a");this.url=e.attr("href");this.container=e.closest("ul").siblings("ul");this.li=e;this.hoverOver()}};e.fn.ajaxBloggerMenu=function(n){var r={numPosts:4,divClass:"submenu",postsClass:"postslist",defaultImg:"/default.png"},i=e.extend({},r,n);return this.each(function(){var n=new t(e(this),i)})}})(jQuery); //]]> </script> <script>jQuery(document).ready(function($) { $('#mega-ajax-menu').ajaxBloggerMenu({ numPosts : 4, defaultImg : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCFt0_PMawmM86jm9u0OcCyiR4AkVnptyymBEXr1amrZsUHsu2TcCe9X6YAHwfvM4996PNJW3NP872grrG-u1bBb2vZf75Ce5s2AVB_Y-emTZmiAVObwllbFDuWD-eSdi5KJWUPG995Dw/s1600/nothumb.png'});}); $(function(){ $('.searchblog').submit(function(e){ if($('.search-form .searchbox').val().length==0){ $('.search-form .search-alert').fadeIn().css('display','inline-block'); e.preventDefault();}});}); </script> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger Ajax Menü" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger Ajax Menü Arlina Design 8/04/2017 Etiketler : Blogger Menü Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @import url(https://fonts.googleapis.com/css?family=Oswald);@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed');@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');body{font-family:'Fira Sans Condensed',sans-serif;background:#f9f9f9;font-size:16pxcolor:#444} .post-body h2{color:#f54325;font-weight:400;text-align:center;font-family:'Oswald'} .post-body{background:#fff;color:#444;max-width:680px;margin:20px auto;padding:15px 20px;font-family:'Arial';font-size:13px;border:10px solid #f2f2f2} .mega-menu *{padding:0;margin:0} ul.mega-menu{line-height:1;list-style:none;overflow:visible!important} ul.mega-menu:after{padding:0;margin:0;content:' ';height:0;display:block;clear:both} ul.mega-menu li{float:left;font-size:14px;font-weight:400;display:inline;position:relative;text-transform:capitalize} ul.mega-menu li a{line-height:50px;padding:0 20px;display:block;font-family:'Oswald';text-decoration:none;color:#2c2c2c;font-size:13px;font-weight:400;transition:all 0.3s ease-in-out} ul.mega-menu li a:hover,ul.mega-menu li a.hoverover{color:#fff;background:#f54325} ul.mega-menu ul{top:100%;border:1px solid #ddd;position:absolute;display:none} ul.mega-menu li:hover > ul{display:block} ul.mega-menu ul li{background:#f6f6f6;text-shadow:none;z-index:72;float:none;min-width:160px} ul.mega-menu ul li a{color:#aaa;font-family:'Arial';text-transform:none;font-weight:normal} ul.mega-menu ul li a:hover,ul.mega-ajax-menu ul li a.hover{background:#f54224} ul.mega-menu ul ul{left:100%;display:none;top:0} ul.mega-ajax-menu li div.submenu{z-index:90;left:0;position:absolute;width:600px;top:100%;overflow:hidden;opacity:0;color:#919191;box-shadow:0 10px 7px -7px rgba(0,0,0,0.1);-moz-transform:translate(0,30px);-webkit-transform:translate(0,30px);min-height:150px;background:#f0f0f0;-o-transform:translate(0,30px);transform:translate(0,30px);transform-origin:50% 0;visibility:hidden;transition:all 0.3s ease-in-out} ul.mega-ajax-menu li:hover div.submenu{visibility:visible;opacity:1;-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)} ul.mega-ajax-menu ul,ul.mega-ajax-menu ul li{display:block!important;border:0 none!important;margin:0!important;padding:0!important} ul.mega-ajax-menu ul li{background:none!important;float:none!important} ul.mega-ajax-menu ul.verticlemenu{position:absolute;width:33%;left:0;top:0;bottom:0;background:#212121} ul.mega-ajax-menu ul.postslist{position:relative;display:block;width:65%;float:right;margin:0 0 15px 0!important;background:none} ul.mega-ajax-menu ul.postslist li{display:block;overflow:hidden;position:relative;min-height:60px;padding:15px 8px 15px 110px!important} ul.mega-ajax-menu ul.postslist li .imgCont{position:absolute;left:0;top:15px;width:100px;height:70px;overflow:hidden;font-size:0;line-height:0;border:1px solid #929292} ul.mega-ajax-menu ul.postslist li .imgCont img{position:relative;top:-20px;padding:0;width:100px;height:100px;display:block} ul.mega-ajax-menu ul.postslist li a{display:block;line-height:1.4;padding:0!important;color:#666;font-family:'Arial';font-size:12px;transition:all 0.3s ease-in-out} ul.mega-ajax-menu ul.postslist li a:hover{color:#f54325;background:transparent} ul.mega-ajax-menu .loader{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPnnwZANahUOs4ylDy6rJSIrW1embZTsdjBzl1ugm7VB_drboq4EPvdY-qlmf46XHxwplnjvpugwveG9y_OzuD3pfHDDCWMn7nqIocvR67-KNvWMj7qClQ7pwzueLZTPlMhrgxAyUayGk/s1600/beloading.gif') no-repeat scroll 0 0 transparent;width:22px;height:22px;position:absolute;top:50%;margin-top:-11px;right:5px} ul.mega-ajax-menu .menuArrow{border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #fff;display:block;height:0;margin-top:-4px;position:absolute;right:11px;top:50%;width:0} #mega-ajax-menu{background:#fff;height:50px;width:100%;position:relative;border:1px solid #e6e6e6;max-width:980px;margin:0 auto;padding:0 20px} li.search-form{float:right!important;line-height:50px;margin:0 20px 0 0} li.search-form .searchbox{border:none;padding:10px 5px;background:#f9f9f9;color:#fff;width:130px} li.search-form .searchbox:focus{border:none;outline:none;background:#fafafa;color:#666} li.search-form .searchsubmit{background:#f54325;border:none;color:#fff;cursor:pointer;padding:10px 5px;transition:all 0.3s ease-in-out} li.search-form .searchsubmit:hover{opacity:0.9} .search-alert{color:#f9f9f9;display:none;margin:5px;padding:2px 15px 2px 40px;background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_JcpsGp45o3RzMIKw86NG3g5_-AI3_hjox_6Jo5uPg7HnRV8Vb57fJeLxyVB7XB1pVV61QjQMJxQwyq41_g2zA4Iyfx0QEGOBBKflp8K-Igmu6FsbjKDgYhDR9TooVR7GlWywSVXojfo/s1600/not.png) no-repeat;background-position:10px;text-transform:lowercase;border-radius:5px} </style> </head> <body> <ul id="mega-ajax-menu" class="mega-menu"> <li><a href='/'><i class='fa fa-home fa-lg'></i></a></li> <li><a href="#">Kategori 1</a> <ul> <li><a href="http://bloggereklentileri.blogspot.com/search/label/Blogger%20%C4%B0pu%C3%A7lar%C4%B1">Blogger İpuçları</a></li> <li><a href="http://bloggereklentileri.blogspot.com/search/label/Blogger%20Temalar%C4%B1">Blogger Temaları</a></li> <li><a href="http://bloggereklentileri.blogspot.com.tr/search/label/CSS">Blogger CSS</a></li> <li><a href="http://bloggereklentileri.blogspot.com/search/label/Javascript">Blogger javaScript</a></li> <li><a href="http://bloggereklentileri.blogspot.com/search/label/SEO">Blogger SEO</a></li> </ul> </li> <li><a href="#">Kategori 2</a> <ul> <li><a href="http://saglikveguzellikonerileri.blogspot.com/search/label/Beyin%20Uyar%C4%B1m%20Teknikleri">Beyin Uyarıcı Teknikler</a></li> <li><a href="http://saglikveguzellikonerileri.blogspot.com/search/label/Cilt">Cilt</a></li> <li><a href="http://saglikveguzellikonerileri.blogspot.com/search/label/Diyabet">Diyabet</a></li> <li><a href="http://saglikveguzellikonerileri.blogspot.com/search/label/G%C3%BCzellik">Güzellik</a></li> <li><a href="http://saglikveguzellikonerileri.blogspot.com/search/label/Vitamin">Vitamin</a></li> </ul> </li> <li><a href="#">Kategori 3</a> <ul> <li><a href="http://cizgifilmhikayeleri.blogspot.com/search/label/Harika%20Kanatlar">Harika Kanatlar</a></li> <li><a href="http://cizgifilmhikayeleri.blogspot.com/search/label/%C4%B0stanbul%20Muhaf%C4%B1zlar%C4%B1">İstanbul Muhafızları</a></li> <li><a href="http://cizgifilmhikayeleri.blogspot.com/search/label/Niloya">Niloya</a></li> <li><a href="http://cizgifilmhikayeleri.blogspot.com/search/label/Rafadan%20Tayfa">Rafadan Tayfa</a></li> <li><a href="http://cizgifilmhikayeleri.blogspot.com/search/label/Ma%C5%9Fa%20%C4%B0le%20Koca%20Ay%C4%B1">Maşa ile Koca Ayı</a></li> </ul> </li> <li class='search-form'> <form action='/search' class='searchblog' method='get'> <input class='searchbox' name='q' placeholder='Aranacak kelime' size='30' type='text'/> <input class='searchsubmit' type='submit' value='Ara'/> </form> <p class='search-alert'>Arama formu boş! </li> </ul> <div class='clear'></div> <div class='post-body'> <h2 class='post-title'>Blogger Eklentileri</h2> <p>Blogger Eklentileri, özel yeni nesil eklentileri, temaları, CSS, CSS3, HTML, HTML5 Javascript ve JQuery kodları ile blog sitelerinize farklı tasarımlar kazandırmayı amaçlayan, blogger ipuçları hakkında bilgiler paylaşan ve rehberlik yapan kişisel bir blog.</p> <p> Daha iyi bloglar için faydalı bilgilerin yanı sıra blog sitelerine katkıda bulunmak temel amacımızdır. Teşekkürler.</p> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script type='text/javascript'> //<![CDATA[ (function(e){var t=function(e,t){this.elem=e;this.settings=t;this.addAjaxHtml();this.ajaxcall=null;this.lielem=this.elem.find(".verticlemenu li a");this.menuHelper(this.elem);this.addEvents()};t.prototype={regex:{islabel:new RegExp("/search/label/","g"),issearch:new RegExp("[?&]q=","g"),labelsearch:new RegExp("(http://[^/]+)/search/label/([^/?&]+).*[?&]q=([^$&]+)(?:[^$]+)?","g"),label:new RegExp("(http://[^/]+)/search/label/([^/?&$]+)","g"),search:new RegExp("(http://[^/]+)/search/?[?&]q=(.*)","g")},addEvents:function(){var t=this;this.lielem.hover(function(){if(e(this).data("menuloaded")!=="true"){t.li=e(this);t.url=t.li.attr("href");t.container=t.li.closest("ul").siblings("ul");t.hoverOver()}},function(){t.hoverOut()})},hoverOver:function(){var t=this;this.getAJAXUrl();if(!this.ajaxUrl)return;this.ajaxcall=e.ajax({type:"GET",url:t.ajaxUrl,dataType:"jsonp",data:t.ajaxData,beforeSend:function(){t.showLoader()},success:function(e){t.hideLoader();t.addArrow();t.showPosts(e)},error:function(e){t.showError(e)}})},hoverOut:function(){this.ajaxcall.abort();this.hideLoader()},getAJAXUrl:function(){if(this.url){var e=this;this.ajaxData={alt:"json","max-results":this.settings.numPosts};this.url.search(this.regex.islabel)!==-1&&this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.labelsearch,function(t,n,r,i){e.ajaxData.q=i;return[n,"/feeds/posts/default/-/",r,"/"].join("")}):this.url.search(this.regex.islabel)!==-1&&this.url.search(this.regex.issearch)===-1?this.ajaxUrl=this.url.replace(this.regex.label,function(t,n,r){delete e.ajaxData.q;return[n,"/feeds/posts/default/-/",r,"/"].join("")}):this.url.search(this.regex.islabel)===-1&&this.url.search(this.regex.issearch)!==-1?this.ajaxUrl=this.url.replace(this.regex.search,function(t,n,r){e.ajaxData.q=r;return[n,"/feeds/posts/default"].join("")}):this.ajaxUrl=!1}else this.ajaxUrl=!1},showLoader:function(){e("<span></span>",{"class":"loader"}).appendTo(this.li.closest("li"))},hideLoader:function(){this.li.closest("li").find("span.loader").remove()},showPosts:function(t){var n=this,r=[],i,s,o;t.feed.openSearch$totalResults.$t>0?e.each(t.feed.entry,function(t,u){i=u.title.$t;e.each(u.link,function(e,t){t.rel==="alternate"?s=t.href:s="#"});o=u.media$thumbnail?u.media$thumbnail.url.replace(/\/s72\-c\//,"/s100-c/"):n.settings.defaultImg;r.push('<li><span class="imgCont"><img alt="',i,'" src="',o,'"/></span><a rel="nofollow" title="',i,'" href="',s,'">',i,"</a></li>")}):r.push("<h5>","Sorry!!, No Posts to Show","</h5>");this.container.html(r.join(""));this.lielem.removeData("menuloaded");this.li.data("menuloaded","true")},showError:function(e){if(e.statusText==="error"){this.hideLoader();this.addArrow();this.container.html("<h5>Error!! Could not fetch the Blog Posts!</h5>")}},addArrow:function(){this.lielem.closest("li").find("span").remove();this.lielem.removeClass("hoverover");this.li.addClass("hoverover");e("<span></span>",{"class":"menuArrow"}).appendTo(this.li.closest("li"))},menuHelper:function(t){var n=this;t.find(">li").hover(function(){var t=e(this);t.find("a:first").addClass("hoverover");var r=e(this).find("ul.verticlemenu li").height()*e(this).find("ul.verticlemenu li").length;t.find("ul.postslist").css({"min-height":r+"px"});n.requestFirstAjax(t)},function(){e(this).find("a:first").removeClass("hoverover")})},addAjaxHtml:function(){this.elem.find("ul ul").remove();this.elem.addClass("mega-ajax-menu").find(">li").find("ul:first").addClass("verticlemenu").wrap(e("<div></div>",{"class":this.settings.divClass}));e("ul.verticlemenu").after(e("<ul></ul>",{"class":"postslist"}))},requestFirstAjax:function(e){e=e.find(".verticlemenu li:first-child a");this.url=e.attr("href");this.container=e.closest("ul").siblings("ul");this.li=e;this.hoverOver()}};e.fn.ajaxBloggerMenu=function(n){var r={numPosts:4,divClass:"submenu",postsClass:"postslist",defaultImg:"/default.png"},i=e.extend({},r,n);return this.each(function(){var n=new t(e(this),i)})}})(jQuery); //]]> </script> <script>jQuery(document).ready(function($) { $('#mega-ajax-menu').ajaxBloggerMenu({ numPosts : 4, defaultImg : 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCFt0_PMawmM86jm9u0OcCyiR4AkVnptyymBEXr1amrZsUHsu2TcCe9X6YAHwfvM4996PNJW3NP872grrG-u1bBb2vZf75Ce5s2AVB_Y-emTZmiAVObwllbFDuWD-eSdi5KJWUPG995Dw/s1600/nothumb.png'});}); $(function(){ $('.searchblog').submit(function(e){ if($('.search-form .searchbox').val().length==0){ $('.search-form .search-alert').fadeIn().css('display','inline-block'); e.preventDefault();}});}); </script> </body> </html>
Yorum Gönder