Top Ad unit 728 × 90

Cara Membuat Super Vertical CSS Menu Blogger/Blogspot


Vertical menu (menu yang berupa list dalam posisi vertikal) bisa menjadi alternatif navigasi blog Blogger anda. Menu ini biasa diletakkan di bagian sidebar, baik di atas maupun dibawah.Dalam posting ini, saya persembahkan dua vertical menu dengan CSS murni dan image (gambar), yang setting dan pemasangannya di blog Blogger/Blogspot sangat mudah.Kode CSS:
");$(".post-body *").replaceText(o,"");$(".post-body *").replaceText(u,"");(function(e){var t=e("a.newer-link");var n=e("a.older-link");e.get(t.attr("href"),function(n){t.html('Next '+e(n).find(".post h1.post-title").text()+"")},"html");e.get(n.attr("href"),function(t){n.html(' Previous '+e(t).find(".post h1.post-title").text()+"")},"html")})(jQuery)});$(window).bind("load",function(){$(".intro-loader").remove();$("p.trans").each(function(){var e=$(this).text();var t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})}); $(document).ready(function(){var e="[post_ad]";var t=$(".item .ad-inside");$(".item .post *").replaceText(e,'
');$(".ad-inside-to").append(t);var n=$(".post-body .ad-inside").width();$(".post-body .ad-inside-to").width(n)}); $(document).ready(function(){$(".comments-tabs").simpleTab({active:1,fx:"fade",showSpeed:400,hideSpeed:400});$('.tab-blogger').append( $('#comments') );$(".comments-tabs.simpleTab .tab-wrapper").wrap("
");$('.comments-tabs-header').prepend('

Post Comment

');}); $(document).ready(function() { if ( $('.articleAuthor').length != 0 && $('.author-boxs .widget').length != 0 ) { var ID = $('i.author-ID').text(); if (ID.indexOf(' ') >= 0) { var box_class = ID.replace(/\s+/g, ''); } else { var box_class = ID; } $('.articleAuthor').addClass(box_class); $('.author-boxs .widget').each(function() { var box = $(this); var name = box.find('h2').text(); if (name.indexOf(' ') >= 0) { var box_class_2 = name.replace(/\s+/g, ''); } else { var box_class_2 = name; } box.addClass(box_class_2); }); if ( $('.author-boxs .' + box_class).length != 0 ) { $('.author-boxs .widget').not('.' + box_class).remove(); var des = $('.author-boxs .widget').find('span.caption').text(); var image = $('.author-boxs .widget').find('img').attr('src'); var social = $('.author-boxs .widget').find('a').attr('href'); var soc = social.match(/[^[\]]+(?=])/g); var arnum = soc[0]; var twitternum = soc[1]; var facebooknum = soc[2]; var gplusnum = soc[3]; var youtubenum = soc[4]; var dribbblenum = soc[5]; var linkedinnum = soc[6]; $('.articleAuthor .authorContent p').text(des); $('.authorDetails h2 span').text(ID); $('.authorLeft .authorAvatar img').attr('src',image); $('.authorDetails .AuthorPostsCount .itnm').text(arnum); $('.authorContent .authorSocial a.fa-twitter').attr('href', twitternum); $('.authorContent .authorSocial a.fa-facebook').attr('href', facebooknum); $('.authorContent .authorSocial a.fa-google-plus').attr('href', gplusnum); $('.authorContent .authorSocial a.fa-youtube').attr('href', youtubenum); $('.authorContent .authorSocial a.fa-dribbble').attr('href', dribbblenum); $('.authorContent .authorSocial a.fa-linkedin').attr('href', linkedinnum); $('.author-boxs-hide').remove(); } else { $('.author-boxs-hide').remove(); } } else { $('.author-boxs-hide').remove(); } }); var static_page_text = $.trim( $('.static_page .post-body').text() ); if ( static_page_text === "[sitemap]" ) { var postbody = $('.static_page .post-body'); $.ajax({ url: "/feeds/posts/default?alt=json-in-script", type: 'get', dataType: "jsonp", success: function (dataZ) { var blogLabels = []; for (var t = 0; t < dataZ.feed.category.length; t++) { blogLabels.push(dataZ.feed.category[t].term); } var blogLabels = blogLabels.join('/'); postbody.html('
'); $('.static_page .post-body .siteLabel').text(blogLabels); var splabel = $(".siteLabel").text().split("/"); var splabels=""; for (get = 0; get < splabel.length; ++get) { splabels+= ""+splabel[get]+""; } $(".siteLabel").html(splabels); $('.siteLabel span').each(function() { var mapLabel = $(this); var mapLabel_text = $(this).text(); $.ajax({ url: "/feeds/posts/default/-/" + mapLabel_text + "?alt=json-in-script", type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = '
'; for (var i = 0; i < data.feed.entry.length; i++) { for (var j = 0; j < data.feed.entry[i].link.length; j++) { if (data.feed.entry[i].link[j].rel == "alternate") { posturl = data.feed.entry[i].link[j].href; break; } } var posttitle = data.feed.entry[i].title.$t; var get_date = data.feed.entry[i].published.$t, year = get_date.substring(0, 4), month = get_date.substring(5, 7), day = get_date.substring(8, 10), date = '' + day.replace(/^0+/, '') + '' + text_month[parseInt(month, 10)] + ' ' + year + ''; htmlcode += '
' + date + '

' + posttitle + '

'; } htmlcode += '
'; mapLabel.replaceWith('

' + mapLabel_text + '

' + htmlcode + '
'); $(document).on('click','.maplabel h2',function(){ $(this).parent('.maplabel').addClass('active'); $(this).find('.butoo .fa').removeClass('fa-plus-circle').addClass('fa-minus-circle'); }); $(document).on('click','.maplabel.active h2',function(){ $(this).parent('.maplabel').removeClass('active'); $(this).find('.butoo .fa').addClass('fa-plus-circle').removeClass('fa-minus-circle'); }); } }); }); } }); } $('.intro .HTML .widget-content').each(function () { var text = $(this).text(); if (text.match('random')) { $.ajax({ url: "/feeds/posts/default?alt=json-in-script", type: 'get', dataType: "jsonp", success: function (datax) { var numpost = datax.feed.entry.length; var min = 0; var max = numpost-3; var random = Math.floor(Math.random() * (max - min + 1)) + min; $.ajax({ url: "/feeds/posts/default?alt=json-in-script&start-index=" + random + "&max-results=3", type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = '
    '; for (var i = 0; i < data.feed.entry.length; i++) { for (var j = 0; j < data.feed.entry[i].link.length; j++) { if (data.feed.entry[i].link[j].rel == "alternate") { posturl = data.feed.entry[i].link[j].href; break; } } var posttitle = data.feed.entry[i].title.$t; var author = data.feed.entry[i].author[0].name.$t; var get_date = data.feed.entry[i].published.$t, year = get_date.substring(0, 4), month = get_date.substring(5, 7), day = get_date.substring(8, 10), date = text_month[parseInt(month, 10)] + ' ' + day + ', ' + year; var tag = data.feed.entry[i].category[0].term; var content = data.feed.entry[i].content.$t; var $content = $('
    ').html(content); if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1 ) { var src2 = data.feed.entry[i].media$thumbnail.url; var thumb = ''; } else if (content.indexOf(" -1 ) { var src = $content.find('img:first').attr('src'); var thumb = ''; } else { var thumb = ''; } htmlcode += '
  • ' + thumb + '

    ' + posttitle + '

    ' + date + '' + author + '
  • '; } htmlcode += '
'; $('.intro .HTML .widget-content').each(function () { if ($(this).text().match('random')) { $(this).html(htmlcode); $(this).removeClass('widget-content').addClass('layout-content'); $('.intro-loader').remove(); $(this).find('.rcp-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); } }); } }); } }); } else if (text.match('recent')) { $.ajax({ url: "/feeds/posts/default?alt=json-in-script", type: 'get', dataType: "jsonp", success: function (datax) { $.ajax({ url: "/feeds/posts/default?alt=json-in-script&max-results=3", type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = '
    '; for (var i = 0; i < data.feed.entry.length; i++) { for (var j = 0; j < data.feed.entry[i].link.length; j++) { if (data.feed.entry[i].link[j].rel == "alternate") { posturl = data.feed.entry[i].link[j].href; break; } } var posttitle = data.feed.entry[i].title.$t; var author = data.feed.entry[i].author[0].name.$t; var get_date = data.feed.entry[i].published.$t, year = get_date.substring(0, 4), month = get_date.substring(5, 7), day = get_date.substring(8, 10), date = text_month[parseInt(month, 10)] + ' ' + day + ', ' + year; var tag = data.feed.entry[i].category[0].term; var content = data.feed.entry[i].content.$t; var $content = $('
    ').html(content); if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1 ) { var src2 = data.feed.entry[i].media$thumbnail.url; var thumb = ''; } else if (content.indexOf(" -1 ) { var src = $content.find('img:first').attr('src'); var thumb = ''; } else { var thumb = ''; } htmlcode += '
  • ' + thumb + '

    ' + posttitle + '

    ' + date + '' + author + '
  • '; } htmlcode += '
'; $('.intro .HTML .widget-content').each(function () { if ($(this).text().match('recent')) { $(this).html(htmlcode); $(this).removeClass('widget-content').addClass('layout-content'); $('.intro-loader').remove(); $(this).find('.rcp-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); } }); } }); } }); } else { $.ajax({ url: "/feeds/posts/default/-/" + text + "?alt=json-in-script&max-results=3", type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = '
    '; for (var i = 0; i < data.feed.entry.length; i++) { for (var j = 0; j < data.feed.entry[i].link.length; j++) { if (data.feed.entry[i].link[j].rel == "alternate") { posturl = data.feed.entry[i].link[j].href; break; } } var posttitle = data.feed.entry[i].title.$t; var author = data.feed.entry[i].author[0].name.$t; var get_date = data.feed.entry[i].published.$t, year = get_date.substring(0, 4), month = get_date.substring(5, 7), day = get_date.substring(8, 10), date = text_month[parseInt(month, 10)] + ' ' + day + ', ' + year; var tag = data.feed.entry[i].category[0].term; var content = data.feed.entry[i].content.$t; var $content = $('
    ').html(content); if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1 ) { var src2 = data.feed.entry[i].media$thumbnail.url; var thumb = ''; } else if (content.indexOf(" -1 ) { var src = $content.find('img:first').attr('src'); var thumb = ''; } else { var thumb = ''; } htmlcode += '
  • ' + thumb + '

    ' + posttitle + '

    ' + date + '' + author + '
  • '; } htmlcode += '
'; $('.intro .HTML .widget-content').each(function () { $(this).html(htmlcode); $(this).removeClass('widget-content').addClass('layout-content'); $('.intro-loader').remove(); $(this).find('.rcp-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); }); } }); } }); $('.HTML .widget-content').each(function () { var text = $(this).text(); if (text.match('recentcomments')) { $.ajax({ url: "/feeds/comments/default?alt=json-in-script&max-results=" + recentcomments_number, type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = '
    '; for (var i = 0; i < data.feed.entry.length; i++) { if (i == data.feed.entry.length) break; for (var k = 0; k < data.feed.entry[i].link.length; k++) { if (data.feed.entry[i].link[k].rel == 'alternate') { posturl = data.feed.entry[i].link[k].href; break; } } if ("content" in data.feed.entry[i]) { var content = data.feed.entry[i].content.$t; } else if ("summary" in b_rc) { var content = data.feed.entry[i].summary.$t; } else var content = ""; var re = /<\S[^>]*>/g; content = content.replace(re, ""); if(content.length > 90){ content = ''+content.substring(0,70)+'...'; } var posttitle = data.feed.entry[i].title.$t; var author = data.feed.entry[i].author[0].name.$t; var thumburl = data.feed.entry[i].author[0].gd$image.src; if (thumburl.match('http://img1.blogblog.com/img/blank.gif')){ var thumb = '
    '; } else { if (thumburl.match('http://img2.blogblog.com/img/b16-rounded.gif')){ var thumb = '
    '; } else { var thumb = '
    '; } }; htmlcode += '
  • ' + thumb + '' + author + '"' + content + '"
  • '; } htmlcode += '
'; $('.HTML .widget-content').each(function () { if ($(this).text().match('recentcomments')) { $(this).html(htmlcode); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); } }) } }); } if (text.match('randomposts')) { $.ajax({ url: "/feeds/posts/default?alt=json-in-script", type: 'get', dataType: "jsonp", success: function (datax) { var numpost = datax.feed.entry.length; var min = 0; var max = numpost-randomposts_number; var random = Math.floor(Math.random() * (max - min + 1)) + min; $.ajax({ url: "/feeds/posts/default?alt=json-in-script&start-index=" + random + "&max-results=" + randomposts_number, type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = '
    '; for (var i = 0; i < data.feed.entry.length; i++) { for (var j = 0; j < data.feed.entry[i].link.length; j++) { if (data.feed.entry[i].link[j].rel == "alternate") { posturl = data.feed.entry[i].link[j].href; break; } } var posttitle = data.feed.entry[i].title.$t; var author = data.feed.entry[i].author[0].name.$t; var get_date = data.feed.entry[i].published.$t, year = get_date.substring(0, 4), month = get_date.substring(5, 7), day = get_date.substring(8, 10), date = text_month[parseInt(month, 10)] + ' ' + day + ', ' + year; var tag = data.feed.entry[i].category[0].term; var content = data.feed.entry[i].content.$t; var $content = $('
    ').html(content); if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1 ) { var src2 = data.feed.entry[i].media$thumbnail.url; var thumb = ''; } else if (content.indexOf(" -1 ) { var src = $content.find('img:first').attr('src'); var thumb = ''; } else { var thumb = ''; } htmlcode += '
  • ' + thumb + '

    ' + posttitle + '

    ' + date + '' + author + '
  • '; } htmlcode += '
'; $('.HTML .widget-content').each(function () { if ($(this).text().match('randomposts')) { $(this).html(htmlcode); $(this).find('.rcp-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); } }); } }); } }); } if (text.match('recentposts')) { $.ajax({ url: "/feeds/posts/default?alt=json-in-script", type: 'get', dataType: "jsonp", success: function (datax) { $.ajax({ url: "/feeds/posts/default?alt=json-in-script&max-results=" + recentposts_number, type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = '
    '; for (var i = 0; i < data.feed.entry.length; i++) { for (var j = 0; j < data.feed.entry[i].link.length; j++) { if (data.feed.entry[i].link[j].rel == "alternate") { posturl = data.feed.entry[i].link[j].href; break; } } var posttitle = data.feed.entry[i].title.$t; var author = data.feed.entry[i].author[0].name.$t; var get_date = data.feed.entry[i].published.$t, year = get_date.substring(0, 4), month = get_date.substring(5, 7), day = get_date.substring(8, 10), date = text_month[parseInt(month, 10)] + ' ' + day + ', ' + year; var tag = data.feed.entry[i].category[0].term; var content = data.feed.entry[i].content.$t; var $content = $('
    ').html(content); if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1 ) { var src2 = data.feed.entry[i].media$thumbnail.url; var thumb = ''; } else if (content.indexOf(" -1 ) { var src = $content.find('img:first').attr('src'); var thumb = ''; } else { var thumb = ''; } htmlcode += '
  • ' + thumb + '

    ' + posttitle + '

    ' + date + '' + author + '
  • '; } htmlcode += '
'; $('.HTML .widget-content').each(function () { if ($(this).text().match('recentposts')) { $(this).html(htmlcode); $(this).find('.rcp-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); } }); } }); } }); } }); $(".recent-layout .HTML .widget-content").each(function () { var t = $(this).html(), k = $(this).prev("h2").text(); var z = t.match(/[^[\]]+(?=])/g); $(this).html("" + z[0] + "" + z[1] + "" + z[2] + ""); var kkk = $(this).text(); var g = $(this).find("span").eq(0).text(); var style = $(this).find("span").eq(1).text(); var color = $(this).find("span").eq(2).text(); if (style.match('fbig1')) { $.ajax({ url: "/feeds/posts/default/-/" + g + "?alt=json-in-script&max-results=" + fbig1_number, type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = ''; $(".recent-layout .HTML .widget-content").each(function () { var text = $(this).text(); if (text == kkk) { $(this).html(htmlcode); $(this).parent().addClass('fbig1'); $(this).parent().addClass('fbig'); $(this).prev("h2").html('' + k + ''); $(this).prev("h2").css('background',color); $(this).prev("h2").wrap('
'); $(this).prev(".box-title").css('border-color',color); $(this).prev(".box-title").append('More'); $(this).find(".post-readmore a").css('background',color); $(this).removeClass('widget-content').addClass('layout-content'); $(this).find('.recent-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $(this).find('.first-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); } }); } }); } if (style.match('fbig2')) { $.ajax({ url: "/feeds/posts/default/-/" + g + "?alt=json-in-script&max-results=" + fbig2_number, type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = ''; $(".recent-layout .HTML .widget-content").each(function () { var text = $(this).text(); if (text == kkk) { $(this).html(htmlcode); $(this).parent().addClass('fbig2'); $(this).parent().addClass('fbig'); $(this).prev("h2").html('' + k + ''); $(this).prev("h2").css('background',color); $(this).prev("h2").wrap('
'); $(this).prev(".box-title").css('border-color',color); $(this).prev(".box-title").append('More'); $(this).removeClass('widget-content').addClass('layout-content'); $(this).find('.recent-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $(this).find('.first-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); } }); } }); } if (style.match('column1')) { $.ajax({ url: "/feeds/posts/default/-/" + g + "?alt=json-in-script&max-results=" + column1_number, type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = ''; $(".recent-layout .HTML .widget-content").each(function () { var text = $(this).text(); if (text == kkk) { $(this).html(htmlcode); $(this).parent().addClass('column'); $(this).parent().addClass('column1'); $(this).parent().addClass('fbig'); $(this).prev("h2").html('' + k + ''); $(this).prev("h2").css('background',color); $(this).prev("h2").wrap('
'); $(this).prev(".box-title").css('border-color',color); $(this).prev(".box-title").append('More'); $(this).removeClass('widget-content').addClass('layout-content'); $(this).find('.recent-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $(this).find('.first-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); } }); } }); } if (style.match('column2')) { $.ajax({ url: "/feeds/posts/default/-/" + g + "?alt=json-in-script&max-results=" + column2_number, type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = '
    '; for (var i = 0; i < data.feed.entry.length; i++) { for (var j = 0; j < data.feed.entry[i].link.length; j++) { if (data.feed.entry[i].link[j].rel == "alternate") { posturl = data.feed.entry[i].link[j].href; break; } } var posttitle = data.feed.entry[i].title.$t; var author = data.feed.entry[i].author[0].name.$t; var get_date = data.feed.entry[i].published.$t, year = get_date.substring(0, 4), month = get_date.substring(5, 7), day = get_date.substring(8, 10), date = text_month[parseInt(month, 10)] + ' ' + day + ', ' + year; var content = data.feed.entry[i].content.$t; var $content = $('
    ').html(content); if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1 ) { var src2 = data.feed.entry[i].media$thumbnail.url; var thumb = ''; } else if (content.indexOf(" -1 ) { var src = $content.find('img:first').attr('src'); var thumb = ''; } else { var thumb = ''; } htmlcode += '
  • ' + thumb + '

    ' + posttitle + '

    ' + date + '' + author + '
  • '; } htmlcode += '
'; $(".recent-layout .HTML .widget-content").each(function () { var text = $(this).text(); if (text == kkk) { $(this).html(htmlcode); $(this).parent().addClass('column'); $(this).parent().addClass('column2'); $(this).parent().addClass('fbig'); $(this).prev("h2").html('' + k + ''); $(this).prev("h2").css('background',color); $(this).prev("h2").wrap('
'); $(this).prev(".box-title").css('border-color',color); $(this).prev(".box-title").append('More'); $(this).removeClass('widget-content').addClass('layout-content'); $(this).find('.recent-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); } }); } }); } if (style.match('list')) { $.ajax({ url: "/feeds/posts/default/-/" + g + "?alt=json-in-script&max-results=" + list_number, type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = '
    '; for (var i = 0; i < data.feed.entry.length; i++) { for (var j = 0; j < data.feed.entry[i].link.length; j++) { if (data.feed.entry[i].link[j].rel == "alternate") { posturl = data.feed.entry[i].link[j].href; break; } } var posttitle = data.feed.entry[i].title.$t; var author = data.feed.entry[i].author[0].name.$t; var get_date = data.feed.entry[i].published.$t, year = get_date.substring(0, 4), month = get_date.substring(5, 7), day = get_date.substring(8, 10), date = text_month[parseInt(month, 10)] + ' ' + day + ', ' + year; var content = data.feed.entry[i].content.$t; var $content = $('
    ').html(content); if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1 ) { var src2 = data.feed.entry[i].media$thumbnail.url; var thumb = ''; } else if (content.indexOf(" -1 ) { var src = $content.find('img:first').attr('src'); var thumb = ''; } else { var thumb = ''; } htmlcode += '
  • ' + thumb + '

    ' + posttitle + '

    ' + date + '' + author + '
  • '; } htmlcode += '
'; $(".recent-layout .HTML .widget-content").each(function () { var text = $(this).text(); if (text == kkk) { $(this).html(htmlcode); $(this).parent().addClass('list'); $(this).parent().addClass('fbig'); $(this).prev("h2").html('' + k + ''); $(this).prev("h2").css('background',color); $(this).prev("h2").wrap('
'); $(this).prev(".box-title").css('border-color',color); $(this).prev(".box-title").append('More'); $(this).removeClass('widget-content').addClass('layout-content'); $(this).find('.recent-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); } }); } }); } if (style.match('gallery')) { $.ajax({ url: "/feeds/posts/default/-/" + g + "?alt=json-in-script&max-results=" + gallery_number, type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = '
    '; for (var i = 0; i < data.feed.entry.length; i++) { for (var j = 0; j < data.feed.entry[i].link.length; j++) { if (data.feed.entry[i].link[j].rel == "alternate") { posturl = data.feed.entry[i].link[j].href; break; } } var posttitle = data.feed.entry[i].title.$t; var author = data.feed.entry[i].author[0].name.$t; var get_date = data.feed.entry[i].published.$t, year = get_date.substring(0, 4), month = get_date.substring(5, 7), day = get_date.substring(8, 10), date = text_month[parseInt(month, 10)] + ' ' + day + ', ' + year; var content = data.feed.entry[i].content.$t; var $content = $('
    ').html(content); if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1 ) { var src2 = data.feed.entry[i].media$thumbnail.url; var thumb = ''; } else if (content.indexOf(" -1 ) { var src = $content.find('img:first').attr('src'); var thumb = ''; } else { var thumb = ''; } htmlcode += '
  • ' + thumb + '

    ' + posttitle + '

    ' + date + '' + author + '
  • '; } htmlcode += '
'; $(".recent-layout .HTML .widget-content").each(function () { var text = $(this).text(); if (text == kkk) { $(this).html(htmlcode); $(this).parent().addClass('gallery'); $(this).parent().addClass('recent-block'); $(this).prev("h2").html('' + k + ''); $(this).prev("h2").css('background',color); $(this).prev("h2").wrap('
'); $(this).prev(".box-title").css('border-color',color); $(this).prev(".box-title").append('More'); $(this).removeClass('widget-content').addClass('layout-content'); $(this).find('.recent-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); } }); } }); } if (style.match('videos')) { $.ajax({ url: "/feeds/posts/default/-/" + g + "?alt=json-in-script&max-results="+ videos_number, type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = '
    '; for (var i = 0; i < data.feed.entry.length; i++) { for (var j = 0; j < data.feed.entry[i].link.length; j++) { if (data.feed.entry[i].link[j].rel == "alternate") { posturl = data.feed.entry[i].link[j].href; break; } } var posttitle = data.feed.entry[i].title.$t; var author = data.feed.entry[i].author[0].name.$t; var get_date = data.feed.entry[i].published.$t, year = get_date.substring(0, 4), month = get_date.substring(5, 7), day = get_date.substring(8, 10), date = text_month[parseInt(month, 10)] + ' ' + day + ', ' + year; var content = data.feed.entry[i].content.$t; var $content = $('
    ').html(content); if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1 ) { var src2 = data.feed.entry[i].media$thumbnail.url; var thumb = ''; } else if (content.indexOf(" -1 ) { var src = $content.find('img:first').attr('src'); var thumb = ''; } else { var thumb = ''; } htmlcode += '
  • ' + thumb + '

    ' + posttitle + '

    ' + date + '' + author + '
  • '; } htmlcode += '
'; $(".recent-layout .HTML .widget-content").each(function () { var text = $(this).text(); if (text == kkk) { $(this).html(htmlcode); $(this).parent().addClass('videos'); $(this).parent().addClass('recent-block'); $(this).prev("h2").html('' + k + ''); $(this).prev("h2").css('background',color); $(this).prev("h2").wrap('
'); $(this).prev(".box-title").css('border-color',color); $(this).prev(".box-title").append('More'); $(this).removeClass('widget-content').addClass('layout-content'); $(this).find('.recent-thumb').each(function() { $(this).attr('style', function(i, src) { return src.replace('/default.jpg', '/mqdefault.jpg'); }).attr('style', function(i, src) { return src.replace('s72-c', 's1600'); }); }); $("p.trans").each(function() { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }); } }); } }); } if (style.match('carousel')) { $.ajax({ url: "/feeds/posts/default/-/" + g + "?alt=json-in-script&max-results=" + carousel_number, type: 'get', dataType: "jsonp", success: function (data) { var posturl = ""; var htmlcode = '