Membuat kotak Breaking News Blogger

Membuat kotak Breaking News - Alhamdulillah setelah sebelumnya J-PB update tentang upgrade blog dari blogspot ke web.id, sekarang update lagi tentang pemasangan widget Breaking News yan dewasa ini hampir setiap template blog memiliki hal tersebut, namun bagi sobat blogger yang dalam templatenya belum terdapat widget ini gak usah khawatir karena padakesempata ini J-PB akan mengulasnya secara singkat tentang pembuatan widget tersebut.

Untuk penampakan dari hasil koding dibawah kurang lebih seperti pada gambar ini :



UNTUK KODE HTML NYA
<section>
<div class="J-PB"></div>
</section>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

UNTUK KODE CSS NYA
.csTicker {
  width:700px; /*untuk menentukan lebar dari kotak breaking newsnya*/
  font-size: 14px; /*untuk menentukan ukuran hurup*/
  background: #fafcfa;/*untuk menentukan warna backgroundnya*/
  border-radius: 3px;
  overflow: hidden;
  height: 35px;
  position: relative;
}
.csTicker a {
  font-family:'Opensans';
  color: #1A86D6;
  text-decoration: none;
  cursor: pointer;
}
.csTicker ul {
  position: absolute;
}
.csTicker ul, .csTicker li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.csTicker .csTicker__title {
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  background: #5ac9b2;
  color: white;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 100;
  border-bottom: 5px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 720px) {
  .csTicker li {
    padding: 1em;
  }
}
@media (min-width: 1200px) {
  .csTicker li {
    padding: 1em;
  }
}
.csTicker li:before, .csTicker li:after {
  content: " ";
  display: table;
}
.csTicker li:after {
  clear: both;
}
.csTicker li:first-child {
  border-top: none;
}
.csTicker li > .col {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.csTicker li > .col:first-child {
  width: 25%;
}
.csTicker li > .col:last-child {
  width: 75%;
  padding-left: 1em;
}
@media (min-width: 720px) {
  .csTicker li > .col:last-child {
    padding-left: 1em;
  }
}
@media (min-width: 1200px) {
  .csTicker li > .col:last-child {
    padding-left: 1em;
  }
}
.csTicker img {
  width: 100%;
  height: auto;
  border-radius: 3px;
}
.csTicker p {
  margin: 0;
  font-size: 1em;
  line-height: 1.4em;
}
.csTicker p.h3 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.3em;
  color: #333333;
  font-weight: bold;
}
@media (min-width: 720px) {
  .csTicker p.h3 {
    margin-bottom: 0.5em;
  }
}
@media (min-width: 1200px) {
  .csTicker p.h3 {
    margin-bottom: 0.5em;
  }
}
.csTicker p.small {
  font-size: 0.875em;
  margin-top: 0.5em;
  color: #5ac9b2;
}
@media (min-width: 720px) {
  .csTicker p.small {
    margin-top: 0.5em;
  }
}
@media (min-width: 1200px) {
  .csTicker p.small {
    margin-top: 0.5em;
  }
}
.csTicker li.featured p.h3, .csTicker li.featured p.small {
  color: #DC0066;
}

@media (max-width: 799px) {
  .csTicker .csTicker__title {
    font-size: 1.2em;
    overflow: hidden;
    padding: 1.3em 6em 0.8em 1em;
    text-align: left !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.csTicker__buttons {
  height: 4em;
  position: absolute;
  right: 0;
  top: 0;
  width: 7em;
  z-index: 200;
}
.csTicker__buttons > div {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.6;
}
.csTicker__buttons > div:hover {
  opacity: 1;
}
.buttons__prev-button {
  background: url("../img/arrow_up.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  cursor: pointer;
  float: left;
  height: 4em;
  width: 3em;
}
.buttons__next-button {
  background: url("../img/arrow_down.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  cursor: pointer;
  float: left;
  height: 4em;
  width: 3em;
}
.csTicker.csTicker--mini .csTicker__buttons {
  background: #e8e8e8;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0;
  width: 6em;
  z-index: 200;
}
.csTicker.csTicker--mini .buttons__prev-button {
  height: 3em;
  background: url("../img/arrow_left.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.csTicker.csTicker--mini .buttons__next-button {
  height: 3em;
  background: url("../img/arrow_right.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.csTicker.csTicker--horizontal {
  height: auto;
  padding-bottom: 1em;
}
@media (min-width: 720px) {
  .csTicker.csTicker--horizontal {
    padding-bottom: 1em;
  }
}
@media (min-width: 1200px) {
  .csTicker.csTicker--horizontal {
    padding-bottom: 1em;
  }
}
.csTicker.csTicker--horizontal ul > li > .col:last-child {
  min-width: 75%;
}
.csTicker.csTicker--horizontal .buttons__prev-button {
  background: url(../img/arrow_left.png) no-repeat center;
}
.csTicker.csTicker--horizontal .buttons__next-button {
  background: url(../img/arrow_right.png) no-repeat center;
}
.csTicker.csTicker--horizontal ul {
  width: 100000px;
  height: 100%;
}
.csTicker.csTicker--horizontal ul > li {
  float: left;
  display: inline;
  border-bottom: 0;
  width: auto;
}
.csTicker.csTicker--mini {
  height: 3em;
}
.csTicker.csTicker--mini ul > li > .col:first-child {
  display: none;
}
.csTicker li{
  padding-top: 0.8em !important
}
.csTicker.csTicker--mini ul > li > .col:last-child {
  width: 100%;
  padding: 0;
}
.csTicker.csTicker--mini .csTicker__title {
  border-bottom: 0 none;
  display: block;
  float: left;
  font-size: 1em;
  height: auto;
  padding-bottom: 1em;
  padding-right: 1em;
  padding-top: 1em;
}
.csTicker.csTicker--mini ul {
  width: 100000px;
}
.csTicker.csTicker--mini ul > li {
  float: left;
  display: inline;
  width: auto;
}
.csTicker.csTicker--mini li > .col > p.h3, .csTicker.csTicker--mini li > p.h3 {
  display: block;
  font-size: 1em;
  color: #5c5c5c;
  font-weight: normal;
}
.csTicker__title {
  font-family:'Opensans';
  background:#1A86D6 !important;
}

UNTUK KODE JAVASCRIPT NYA
<script type="text/javascript">(function(e){e.fn.csTicker=function(t){function f(t){e(t).find("li").css("width",e(t).outerWidth()-e(t).find(".csTicker__title").outerWidth());e(t).find("ul").css("left",e(t).find(".csTicker__title").outerWidth());e(t).find(".wrapper").css("height",e(t).find("li").outerHeight());e(window).resize(function(){var n=e(t).find(".csTicker__title").outerWidth();e(t).find("li").css("width",e(t).outerWidth()-n);var r=e(t).find("ul").children("li").eq(s).position().left;var i=r-n;e(t).find("ul").css("left",-i);e(t).find(".wrapper").css("height",e(t).find("li").outerHeight())})}function l(n){titleWidth=e(n).find(".csTicker__title").outerWidth();buttonWidth=e(n).find(".csTicker__buttons").outerWidth();var r=e(n).parent().innerWidth();var i;if(r>768){i=3}else if(r>480){i=2}else{i=1}e(n).find("li").css("width",e(n).outerWidth()/i);var o=e(n).find("li").map(function(){return e(this).height()}).get();e(n).find(".wrapper").css("height",Math.max.apply(null,o)+20);e(n).find("ul").animate({left:"-"+e(n).find("ul").children("li").eq(s).position().left},t.speed,"swing");e(window).resize(function(){var r;var i=e(n).parent().innerWidth();if(i>768){r=3}else if(i>480){r=2}else{r=1}e(n).find("li").css("width",e(n).outerWidth()/r);var o=e(n).find("li").map(function(){return e(this).height()}).get();e(n).find(".wrapper").css("height",Math.max.apply(null,o)+20);e(n).find("ul").animate({left:"-"+e(n).find("ul").children("li").eq(s).position().left},t.speed,"swing")})}function c(e){setInterval(function(){h("next",e)},t.delay)}function h(n,r){if(!o){switch(n){case"next":if(s<e(r).find("li").length-1){switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(s+1).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(s+1).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(s+1).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s++}else{switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(0).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(0).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(0).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s=0}break;case"prev":if(s>0){switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(s-1).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(s-1).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(s-1).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s--}else{switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(e(r).find("ul").children("li").length-1).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(e(r).find("ul").children("li").length-1).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(e(r).find("ul").children("li").length-1).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s=0}break}}}var n={tickerMode:"vertical",customCSS:false,delay:5e3,speed:300,autoAnimate:true,buttons:true,highlightFeatured:true,stickyFeature:false,tickerTitle:false,contentFeed:false,feedCount:10,truncateAt:100,linkTarget:"_blank",addEllipsis:false,pauseOnHover:true,backgroundColour:false,titleColour:false,titleTextColour:false};var t=e.extend({},n,t);var r;var i=e(this).attr("id");var s=0;var o=false;if(t.customCSS){e("<link/>",{rel:"stylesheet",type:"text/css",href:customCSS}).appendTo("head")}var u=this;if(t.contentFeed){var a;e.ajax({type:"GET",url:document.location.protocol+"//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q="+encodeURIComponent(t.contentFeed),dataType:"json",error:function(){},success:function(n){a=n.responseData.feed.entries;var r="<ul>";e(a).each(function(){var n=e(this).html();r+="<li>";if(e(this).data("img")){r+='<div class="col"><img src="'+e(this).attr("img")+'"/>';r+='</div><div class="col">'}r+='<p class="h3"><a target="'+t.linkTarget+'" href="'+e(this).attr("link")+'">'+e(this).attr("title")+"</a></p>";if(t.truncateAt){var i=e(this).attr("contentSnippet").substr(0,t.truncateAt);i=i.substr(0,Math.min(i).length,i.lastIndexOf(" "))}else{var i=e(this).attr("contentSnippet")}if(t.addEllipsis){i+="..."}r+="<p>"+i+"</p>";r+='<p class="small">'+e(this).attr("author")+" - "+e(this).attr("publishedDate")+"</p>";if(e(this).data("img")){r+="</div>"}r+="</li>"});e(u).append(r+"</ul>").find(".csTicker__spinner").remove();f(u)}});e(this).append('<div class="csTicker__spinner"><img src="img/spinner.gif" /></div>')}if(t.tickerTitle){e(this).prepend('<div class="csTicker__title">'+t.tickerTitle+"</div>")}e(this).find("ul").wrap('<div class="wrapper"></div>');if(t.buttons){e(this).prepend('<div class="csTicker__buttons"><div class="buttons__prev-button"></div><div class="buttons__next-button"></div></div>')}if(!t.contentFeed){e(this).find("li").each(function(){var n=e(this).html();if(t.highlightFeatured&&e(this).data("featured")==true){e(this).addClass("featured")}var r="";if(e(this).data("img")){r+='<div class="col">';r+='<img src="'+e(this).data("img")+'"/>';r+='</div><div class="col">'}if(e(this).data("title")){r+='<p class="h3"><a target="'+t.linkTarget+'" href="'+e(this).data("link")+'">'+e(this).data("title")+"</a></p>"}if(t.truncateAt){var i=n.substr(0,t.truncateAt);i=i.substr(0,Math.min(i).length,i.lastIndexOf(" "))}else{var i=n}if(t.addEllipsis){i+="..."}r+="<p>"+i+"</p>";if(e(this).data("meta")){r+='<p class="small">'+e(this).data("meta")+"</p>"}if(e(this).data("img")){r+="</div>"}e(this).empty().append(r)})}e(this).addClass("csTicker");switch(t.tickerMode){case"horizontal":e(this).addClass("csTicker--horizontal");l(this);break;case"mini":e(this).addClass("csTicker--mini");f(this);break;case"grid":e(this).addClass("csTicker--grid");break;default:break}if(t.backgroundColour){e(this).css("background",t.backgroundColour)}if(t.titleColour){e(this).find(".csTicker__title").css("background",t.titleColour)}if(t.titleTextColour){e(this).find(".csTicker__title").css("color",t.titleTextColour)}if(t.pauseOnHover){e(u).find("ul").mouseenter(function(){o=true}).mouseleave(function(){o=false})}return this.each(function(){var n=e(this);if(t.autoAnimate){c(n)}if(t.buttons){e(this).find(".buttons__prev-button").click(function(){h("prev",n)});e(this).find(".buttons__next-button").click(function(){h("next",n)})}})}})(jQuery);(function(e){e.fn.csTicker=function(t){function f(t){e(t).find("li").css("width",e(t).outerWidth()-e(t).find(".csTicker__title").outerWidth());e(t).find("ul").css("left",e(t).find(".csTicker__title").outerWidth());e(t).find(".wrapper").css("height",e(t).find("li").outerHeight());e(window).resize(function(){var n=e(t).find(".csTicker__title").outerWidth();e(t).find("li").css("width",e(t).outerWidth()-n);var r=e(t).find("ul").children("li").eq(s).position().left;var i=r-n;e(t).find("ul").css("left",-i);e(t).find(".wrapper").css("height",e(t).find("li").outerHeight())})}function l(n){titleWidth=e(n).find(".csTicker__title").outerWidth();buttonWidth=e(n).find(".csTicker__buttons").outerWidth();var r=e(n).parent().innerWidth();var i;if(r>768){i=3}else if(r>480){i=2}else{i=1}e(n).find("li").css("width",e(n).outerWidth()/i);var o=e(n).find("li").map(function(){return e(this).height()}).get();e(n).find(".wrapper").css("height",Math.max.apply(null,o)+20);e(n).find("ul").animate({left:"-"+e(n).find("ul").children("li").eq(s).position().left},t.speed,"swing");e(window).resize(function(){var r;var i=e(n).parent().innerWidth();if(i>768){r=3}else if(i>480){r=2}else{r=1}e(n).find("li").css("width",e(n).outerWidth()/r);var o=e(n).find("li").map(function(){return e(this).height()}).get();e(n).find(".wrapper").css("height",Math.max.apply(null,o)+20);e(n).find("ul").animate({left:"-"+e(n).find("ul").children("li").eq(s).position().left},t.speed,"swing")})}function c(e){setInterval(function(){h("next",e)},t.delay)}function h(n,r){if(!o){switch(n){case"next":if(s<e(r).find("li").length-1){switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(s+1).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(s+1).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(s+1).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s++}else{switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(0).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(0).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(0).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s=0}break;case"prev":if(s>0){switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(s-1).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(s-1).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(s-1).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s--}else{switch(t.tickerMode){case"mini":e(r).find("ul").animate({left:"-"+(e(r).find("ul").children("li").eq(e(r).find("ul").children("li").length-1).position().left-e(r).find(".csTicker__title").outerWidth())},t.speed,"swing");break;case"horizontal":e(r).find("ul").animate({left:"-"+e(r).find("ul").children("li").eq(e(r).find("ul").children("li").length-1).position().left},t.speed,"swing");break;default:e(r).find("ul").animate({top:"-"+(e(r).find("ul").children("li").eq(e(r).find("ul").children("li").length-1).position().top-e(r).find(".csTicker__title").outerHeight())},t.speed,"swing");break}s=0}break}}}var n={tickerMode:"vertical",customCSS:false,delay:5e3,speed:300,autoAnimate:true,buttons:true,highlightFeatured:true,stickyFeature:false,tickerTitle:false,contentFeed:false,feedCount:10,truncateAt:100,linkTarget:"_blank",addEllipsis:false,pauseOnHover:true,backgroundColour:false,titleColour:false,titleTextColour:false};var t=e.extend({},n,t);var r;var i=e(this).attr("id");var s=0;var o=false;if(t.customCSS){e("<link/>",{rel:"stylesheet",type:"text/css",href:customCSS}).appendTo("head")}var u=this;if(t.contentFeed){var a;e.ajax({type:"GET",url:document.location.protocol+"//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q="+encodeURIComponent(t.contentFeed),dataType:"json",error:function(){},success:function(n){a=n.responseData.feed.entries;var r="<ul>";e(a).each(function(){var n=e(this).html();r+="<li>";if(e(this).data("img")){r+='<div class="col"><img src="'+e(this).attr("img")+'"/>';r+='</div><div class="col">'}r+='<p class="h3"><a target="'+t.linkTarget+'" href="'+e(this).attr("link")+'">'+e(this).attr("title")+"</a></p>";if(t.truncateAt){var i=e(this).attr("contentSnippet").substr(0,t.truncateAt);i=i.substr(0,Math.min(i).length,i.lastIndexOf(" "))}else{var i=e(this).attr("contentSnippet")}if(t.addEllipsis){i+="..."}r+="<p>"+i+"</p>";r+='<p class="small">'+e(this).attr("author")+" - "+e(this).attr("publishedDate")+"</p>";if(e(this).data("img")){r+="</div>"}r+="</li>"});e(u).append(r+"</ul>").find(".csTicker__spinner").remove();f(u)}});e(this).append('<div class="csTicker__spinner"><img src="img/spinner.gif" /></div>')}if(t.tickerTitle){e(this).prepend('<div class="csTicker__title">'+t.tickerTitle+"</div>")}e(this).find("ul").wrap('<div class="wrapper"></div>');if(t.buttons){e(this).prepend('<div class="csTicker__buttons"><div class="buttons__prev-button"></div><div class="buttons__next-button"></div></div>')}if(!t.contentFeed){e(this).find("li").each(function(){var n=e(this).html();if(t.highlightFeatured&&e(this).data("featured")==true){e(this).addClass("featured")}var r="";if(e(this).data("img")){r+='<div class="col">';r+='<img src="'+e(this).data("img")+'"/>';r+='</div><div class="col">'}if(e(this).data("title")){r+='<p class="h3"><a target="'+t.linkTarget+'" href="'+e(this).data("link")+'">'+e(this).data("title")+"</a></p>"}if(t.truncateAt){var i=n.substr(0,t.truncateAt);i=i.substr(0,Math.min(i).length,i.lastIndexOf(" "))}else{var i=n}if(t.addEllipsis){i+="..."}r+="<p>"+i+"</p>";if(e(this).data("meta")){r+='<p class="small">'+e(this).data("meta")+"</p>"}if(e(this).data("img")){r+="</div>"}e(this).empty().append(r)})}e(this).addClass("csTicker");switch(t.tickerMode){case"horizontal":e(this).addClass("csTicker--horizontal");l(this);break;case"mini":e(this).addClass("csTicker--mini");f(this);break;case"grid":e(this).addClass("csTicker--grid");break;default:break}if(t.backgroundColour){e(this).css("background",t.backgroundColour)}if(t.titleColour){e(this).find(".csTicker__title").css("background",t.titleColour)}if(t.titleTextColour){e(this).find(".csTicker__title").css("color",t.titleTextColour)}if(t.pauseOnHover){e(u).find("ul").mouseenter(function(){o=true}).mouseleave(function(){o=false})}return this.each(function(){var n=e(this);if(t.autoAnimate){c(n)}if(t.buttons){e(this).find(".buttons__prev-button").click(function(){h("prev",n)});e(this).find(".buttons__next-button").click(function(){h("next",n)})}})}})(jQuery);  $('.J-PB').csTicker({
				contentFeed:'http://www.alexjoen.web.id/feeds/posts/default', 
        tickerTitle: 'News and Updates', 
				tickerMode: 'mini', 
				buttons: false, 
				speed: 1200
			});</script> 

Catatan :
Silakan ganti link : http://www.alexjoen.web.id Dengan alamat blog sobat, terimaksih

Berlangganan update artikel terbaru via email:

47 Responses to "Membuat kotak Breaking News Blogger"

  1. panajng juga ya mas kodenya,kalau di letakkan di template pasti jadi panjang susunan kodenya

    ReplyDelete
    Replies
    1. iya mas panjang, kali aja mas agus suka yang panjang-panjang

      Delete
    2. ngomong2 ini naro kodenya dimana sob? thx.

      Delete
    3. silakan klik button INTRUKSI PEMASANGAN KODE

      Delete
    4. saya suka yang panjang kali lebar mas, biar kalau jadi rumah halamannya luas. hehehe

      Delete
    5. Bisa buat lapangan bola mas, hehhe

      Delete
    6. kang agus ini gimana seh...katanya lebih suka yang panjang bulet...;o)

      Delete
  2. lagi ngtren nih widget yang kaya gitu hehe :D

    ReplyDelete
    Replies
    1. iya bener mas, thank kunjungannya

      Delete
    2. alhamdulilah iklan pop-up di sini ilang hehe.. sempet kebingungan juga waktu iklannya menutupi konten? :D

      Delete
    3. iya gan setelah ane pikir-pikir mendingan di ilangin aja yang satu itu

      Delete
  3. wah ajax nya sudah versi terbaru ya mas .. ini dia nih yang saya cari saya praktek dulu mas..doakan berhasil hhee

    ReplyDelete
  4. Udah pernah pasang tapi dihapus lagi.
    Tapi ini keren Mas berbeda dengan yang pernah saya pasang!

    ReplyDelete
  5. Mas ijin koreksi,, sprtinya ini ada sdikit masalah, coba liat gmbar yg saya tunjuk berikut:
    [img]http://1.bp.blogspot.com/-9Y1x03V0eHk/UmZxaSqRchI/AAAAAAAAByY/V2E48phS_KE/s1600/koreksi.png[/img]
    Mungkin ukuran tingginya bsa dprkecil lagi atau paddingnya di ubah sdkit.. :)

    ReplyDelete
    Replies
    1. maaf mas di kompi ane terlihat normal2 saja, tapi saya cek pake browsr lain... terimaksih banyak masukannya,

      Delete
  6. jad semacam random post ya mast :)

    ReplyDelete
    Replies
    1. betul mas cuman dibikin sedikit simple dan ditmbah sedikit animasi

      Delete
  7. Bisa dicoba nih mas :D
    Terimakasih..

    ReplyDelete
  8. Keren pisan mas Alex....cocok ndak ya buat di blog ane :)

    ReplyDelete
    Replies
    1. biasa aja mas, ini bukan hasil karya saya sepenuhnya, tergantung selera aja mas

      Delete
  9. weheheh langsung menusuk artikelna kang ... keren lah

    ReplyDelete
  10. Kebetulan di templateku sudah ada sob, semoga manfaat buat yg mau pasang

    ReplyDelete
  11. kalo sayah pakek google API buat fitur breaking news nyah

    ReplyDelete
  12. bagus mas sejenis random post tidak teralu banyakmemakan tempatdi halaman blogspot...

    ReplyDelete
  13. kerenx jg mas.., tuk sementara sy nyimak aja dlu..., soalx css sy sdh kebanyakan.., makasih.. *smile

    mf baru sempat mampir, tampakx bbrp domain lg gangguan, bbrp teman blogger jg demikian, blogx gk bs diakses...,

    ReplyDelete
  14. dulu sih saya pernah coba pasang, tapi kayaknya blog saya gak cocok deh heheheh...

    ReplyDelete
  15. Widget yang bagus dan juga bisa membuat bertambah page view nya blog karena tentumya akan menarik bagi para pembaca untuk melihat artikel-artikelnya

    ReplyDelete
  16. Wah keren juga ya kalau blog ada kotak breaking news nya. Jadi bisa memberikan referensi bacaan yang lebih banyak kepada para pembaca. Thanks mas atas informasinya ya :)

    ReplyDelete
  17. keren banget nih kalau dipasang diblog desa, cuman berat ngga loadingnya nanti kang?

    ReplyDelete
    Replies
    1. gak juga kang teu sabreta batu lima ton, wkwkkkww

      Delete
  18. kodenya panjang juga kang... saya sekarang jarang utak atik blog. maklum blogwalkingnya pakai hape

    ReplyDelete
  19. Silaturahmi disini mas, masih perlu banyak yang dipelajari diisini, ijin dulu nyimak semua postingan yg banyak manfaatnya
    terima kasih

    ReplyDelete
  20. Izin bookmark dulu mas.
    Terima kasih informasi bagusnya, mas.
    Salam kenal sekaligus mengundang untuk submit URL atau artikel dlam rangka launchingnya Direktori Blog Dofollow Indonesia terbaru. :)
    Sukses selalu.

    ReplyDelete
  21. Ini yang saya cari-cari,
    terima kasih sob.

    ReplyDelete
  22. keren demo dan keaslian saat dipasang

    ReplyDelete

Terimakasih banyak atas kunjungannya, salam silatuhami Alexjoen

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel