Cara Membuat Headline News Di Blog

12:47 AM
Cara Membuat Headline News Di Blog

Salam Blogger, Artikel bloggingpasuruan kali ini tentang kali ini tentang Cara Membuat Headline News Di Blog. Widget ini sebagai navigasi yang memberikan informasi dan kemudahan bagi pengunjung Blog Sobat tentunya memberikan informasi ter-update dari artikel Sobat. Jika Sobat melihat tayang TV dan dibawahnya terdapat tulisan berjalan ( short info ) sebagai ulasan dari wacana yang ada didalamnya, ini sama halnya dengan Headline News seperti tema artikel yang akan kita bahas...Responsive kah ??? Of course..Sudah di update script april 2016.

Langsung saja kita ikuti langkah langkahnya :

1. Login terlebih dahulu ke Akun Blogger Sobat.
2. Pilih menu Templete >> Edit HTML
3. Cari kode </head>
4.Copy kode di bawah ini di atas kode </head>

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>
<script type='text/javascript'>
//<![CDATA[
var _0x5587=["\x65\x61\x73\x79\x54\x69\x63\x6B\x65\x72","\x75\x70","\x73\x77\x69\x6E\x67","\x73\x6C\x6F\x77","\x61\x75\x74\x6F","","\x50\x6C\x61\x79","\x53\x74\x6F\x70","\x6F\x70\x74\x73","\x65\x78\x74\x65\x6E\x64","\x65\x6C\x65\x6D","\x74\x61\x72\x67","\x3A\x66\x69\x72\x73\x74\x2D\x63\x68\x69\x6C\x64","\x63\x68\x69\x6C\x64\x72\x65\x6E","\x74\x69\x6D\x65\x72","\x6D\x48\x6F\x76\x65\x72","\x77\x69\x6E\x46\x6F\x63\x75\x73","\x62\x6C\x75\x72\x2E\x6A\x71\x65\x74","\x6F\x6E","\x6F\x66\x66","\x66\x6F\x63\x75\x73\x2E\x6A\x71\x65\x74","\x6D\x6F\x75\x73\x65\x50\x61\x75\x73\x65","\x74\x69\x6D\x65\x72\x54\x65\x6D\x70","\x6D\x6F\x75\x73\x65\x6C\x65\x61\x76\x65","\x6D\x6F\x75\x73\x65\x65\x6E\x74\x65\x72","\x63\x6C\x69\x63\x6B","\x70\x72\x65\x76\x65\x6E\x74\x44\x65\x66\x61\x75\x6C\x74","\x63\x6F\x6E\x74\x72\x6F\x6C\x73","\x64\x6F\x77\x6E","\x74\x6F\x67\x67\x6C\x65","\x6D\x61\x72\x67\x69\x6E","\x63\x73\x73","\x72\x65\x6C\x61\x74\x69\x76\x65","\x68\x65\x69\x67\x68\x74","\x68\x69\x64\x64\x65\x6E","\x61\x62\x73\x6F\x6C\x75\x74\x65","\x64\x69\x72\x65\x63\x74\x69\x6F\x6E","\x69\x6E\x74\x65\x72\x76\x61\x6C","\x73\x74\x6F\x70\x54\x65\x78\x74","\x68\x74\x6D\x6C","\x65\x74\x2D\x72\x75\x6E","\x61\x64\x64\x43\x6C\x61\x73\x73","\x70\x6C\x61\x79\x54\x65\x78\x74","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x3A\x76\x69\x73\x69\x62\x6C\x65","\x69\x73","\x2D\x3D","\x61\x70\x70\x65\x6E\x64\x54\x6F","\x3A\x6C\x61\x73\x74\x2D\x63\x68\x69\x6C\x64","\x2B\x3D","\x70\x72\x65\x70\x65\x6E\x64\x54\x6F","\x6F\x75\x74\x65\x72\x48\x65\x69\x67\x68\x74","\x70\x78","\x73\x70\x65\x65\x64","\x65\x61\x73\x69\x6E\x67","\x66\x61\x64\x65\x49\x6E","\x68\x69\x64\x65","\x74\x6F\x70","\x61\x6E\x69\x6D\x61\x74\x65","\x73\x74\x6F\x70","\x64\x69\x73\x70\x6C\x61\x79","\x62\x6C\x6F\x63\x6B","\x65\x61\x63\x68","\x3A\x6C\x74\x28","\x76\x69\x73\x69\x62\x6C\x65","\x29","\x6E\x61\x6D\x65","\x63\x61\x6C\x6C\x65\x72","\x63\x61\x6C\x6C\x65\x65","\x69\x6E\x69\x74","\x66\x6E","\x64\x61\x74\x61","\x64\x61\x74\x61\x2D\x64\x6F\x6D\x61\x69\x6E","\x61\x74\x74\x72","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E","\x2F\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x2F\x3F\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x35\x26\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x69\x63\x6B\x65\x72\x77\x72\x61\x70\x70\x65\x72\x22\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x69\x63\x6B\x68\x65\x61\x64\x22\x3E\x4C\x61\x74\x65\x73\x74\x20\x4E\x65\x77\x73\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x69\x63\x6B\x65\x72\x32\x22\x3E\x3C\x75\x6C\x3E\x3C\x2F\x75\x6C\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x63\x65\x6E\x74\x65\x72\x3E\x57\x69\x64\x67\x65\x74\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x62\x6C\x6F\x67\x67\x69\x6E\x67\x70\x61\x73\x75\x72\x75\x61\x6E\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x3E\x42\x6C\x6F\x67\x67\x69\x6E\x67\x70\x61\x73\x75\x72\x75\x61\x6E\x3C\x2F\x61\x3E\x3C\x2F\x63\x65\x6E\x74\x65\x72\x3E","\x61\x70\x70\x65\x6E\x64","\x47\x45\x54","\x61\x70\x70\x6C\x69\x63\x61\x74\x69\x6F\x6E\x2F\x6A\x73\x6F\x6E","\x6A\x73\x6F\x6E\x70","\x6C\x65\x6E\x67\x74\x68","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x24\x74","\x74\x69\x74\x6C\x65","\x3C\x6C\x69\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x6C\x69\x3E","\x2E\x74\x69\x63\x6B\x65\x72\x32\x20\x75\x6C","\x2E\x74\x69\x63\x6B\x65\x72\x32","\x61\x6A\x61\x78","\x2E\x6E\x65\x77\x73\x2D\x74\x69\x63\x6B\x65\x72"];(function(_0x68a2x1,_0x68a2x2,_0x68a2x3,_0x68a2x4){var _0x68a2x5=_0x5587[0],_0x68a2x6={direction:_0x5587[1],easing:_0x5587[2],speed:_0x5587[3],
interval:2000,height:_0x5587[4],visible:0,mousePause:1,controls:{up:_0x5587[5],down:_0x5587[5],toggle:_0x5587[5],playText:_0x5587[6],
stopText:_0x5587[7]}};function _0x68a2x7(_0x68a2x8,_0x68a2x9){var _0x68a2xa=this;_0x68a2xa[_0x5587[8]]=_0x68a2x1[_0x5587[9]]({},_0x68a2x6,_0x68a2x9);_0x68a2xa[_0x5587[10]]=_0x68a2x1(_0x68a2x8);_0x68a2xa[_0x5587[11]]=_0x68a2x1(_0x68a2x8)[_0x5587[13]](_0x5587[12]);_0x68a2xa[_0x5587[14]]=0;_0x68a2xa[_0x5587[15]]=0;_0x68a2xa[_0x5587[16]]=1;_0x68a2xc();_0x68a2xd();_0x68a2x1([_0x68a2x2,_0x68a2x3])[_0x5587[19]](_0x5587[20])[_0x5587[18]](_0x5587[20],function(){_0x68a2xa[_0x5587[16]]=1})[_0x5587[19]](_0x5587[17])[_0x5587[18]](_0x5587[17],function(){_0x68a2xa[_0x5587[16]]=0});if(_0x68a2xa[_0x5587[8]][_0x5587[21]]==1){_0x68a2xa[_0x5587[10]][_0x5587[24]](function(){_0x68a2xa[_0x5587[22]]=_0x68a2xa[_0x5587[14]];_0x68a2xe()})[_0x5587[23]](function(){if(_0x68a2xa[_0x5587[22]]!==0){_0x68a2xd()}})};_0x68a2x1(_0x68a2xa[_0x5587[8]][_0x5587[27]][_0x5587[1]])[_0x5587[18]](_0x5587[25],function(_0x68a2xb){_0x68a2xb[_0x5587[26]]();_0x68a2x16(_0x5587[1])});_0x68a2x1(_0x68a2xa[_0x5587[8]][_0x5587[27]][_0x5587[28]])[_0x5587[18]](_0x5587[25],function(_0x68a2xb){_0x68a2xb[_0x5587[26]]();_0x68a2x16(_0x5587[28])});_0x68a2x1(_0x68a2xa[_0x5587[8]][_0x5587[27]][_0x5587[29]])[_0x5587[18]](_0x5587[25],function(_0x68a2xb){_0x68a2xb[_0x5587[26]]();if(_0x68a2xa[_0x5587[14]]==0){_0x68a2xd()}else {_0x68a2xe()}});function _0x68a2xc(){_0x68a2xa[_0x5587[10]][_0x5587[13]]()[_0x5587[31]](_0x5587[30],0)[_0x5587[13]]()[_0x5587[31]](_0x5587[30],0);_0x68a2xa[_0x5587[10]][_0x5587[31]]({position:_0x5587[32],height:_0x68a2xa[_0x5587[8]][_0x5587[33]],overflow:_0x5587[34]});_0x68a2xa[_0x5587[11]][_0x5587[31]]({"\x70\x6F\x73\x69\x74\x69\x6F\x6E":_0x5587[35],"\x6D\x61\x72\x67\x69\x6E":0});setInterval(function(){_0x68a2x1c()},100)}function _0x68a2xd(){_0x68a2xa[_0x5587[14]]=setInterval(function(){if(_0x68a2xa[_0x5587[16]]==1){_0x68a2xf(_0x68a2xa[_0x5587[8]][_0x5587[36]])}},_0x68a2xa[_0x5587[8]][_0x5587[37]]);_0x68a2x1(_0x68a2xa[_0x5587[8]][_0x5587[27]][_0x5587[29]])[_0x5587[41]](_0x5587[40])[_0x5587[39]](_0x68a2xa[_0x5587[8]][_0x5587[27]][_0x5587[38]])}function _0x68a2xe(){clearInterval(_0x68a2xa[_0x5587[14]]);_0x68a2xa[_0x5587[14]]=0;_0x68a2x1(_0x68a2xa[_0x5587[8]][_0x5587[27]][_0x5587[29]])[_0x5587[43]](_0x5587[40])[_0x5587[39]](_0x68a2xa[_0x5587[8]][_0x5587[27]][_0x5587[42]])}function _0x68a2xf(_0x68a2x10){var _0x68a2x11,_0x68a2x12,_0x68a2x13;if(!_0x68a2xa[_0x5587[10]][_0x5587[45]](_0x5587[44])){return};if(_0x68a2x10==_0x5587[1]){_0x68a2x11=_0x5587[12];_0x68a2x12=_0x5587[46];_0x68a2x13=_0x5587[47]}else {_0x68a2x11=_0x5587[48];_0x68a2x12=_0x5587[49];_0x68a2x13=_0x5587[50]};var _0x68a2x14=_0x68a2xa[_0x5587[11]][_0x5587[13]](_0x68a2x11);var _0x68a2x15=_0x68a2x14[_0x5587[51]]();_0x68a2xa[_0x5587[11]][_0x5587[59]](true,true)[_0x5587[58]]({"\x74\x6F\x70":_0x68a2x12+_0x68a2x15+_0x5587[52]},_0x68a2xa[_0x5587[8]][_0x5587[53]],_0x68a2xa[_0x5587[8]][_0x5587[54]],function(){_0x68a2x14[_0x5587[56]]()[_0x68a2x13](_0x68a2xa[_0x5587[11]])[_0x5587[55]]();_0x68a2xa[_0x5587[11]][_0x5587[31]](_0x5587[57],0);_0x68a2x1c()})}function _0x68a2x16(_0x68a2x10){_0x68a2xe();if(_0x68a2x10==_0x5587[1]){_0x68a2xf(_0x5587[1])}else {_0x68a2xf(_0x5587[28])}}function _0x68a2x17(){var _0x68a2x15=0;var _0x68a2x18=_0x68a2xa[_0x5587[10]][_0x5587[31]](_0x5587[60]);_0x68a2xa[_0x5587[10]][_0x5587[31]](_0x5587[60],_0x5587[61]);_0x68a2xa[_0x5587[11]][_0x5587[13]]()[_0x5587[62]](function(){_0x68a2x15+=_0x68a2x1(this)[_0x5587[51]]()});_0x68a2xa[_0x5587[10]][_0x5587[31]]({"\x64\x69\x73\x70\x6C\x61\x79":_0x68a2x18,"\x68\x65\x69\x67\x68\x74":_0x68a2x15})}function _0x68a2x19(_0x68a2x1a){var _0x68a2x1b=0;_0x68a2xa[_0x5587[11]][_0x5587[13]](_0x5587[63]+_0x68a2xa[_0x5587[8]][_0x5587[64]]+_0x5587[65])[_0x5587[62]](function(){_0x68a2x1b+=_0x68a2x1(this)[_0x5587[51]]()});if(_0x68a2x1a==1){_0x68a2xa[_0x5587[10]][_0x5587[59]](true,true)[_0x5587[58]]({height:_0x68a2x1b},_0x68a2xa[_0x5587[8]][_0x5587[53]])}else {_0x68a2xa[_0x5587[10]][_0x5587[31]](_0x5587[33],_0x68a2x1b)}}function _0x68a2x1c(){if(_0x68a2xa[_0x5587[8]][_0x5587[33]]==_0x5587[4]&&_0x68a2xa[_0x5587[8]][_0x5587[64]]!=0){anim=arguments[_0x5587[68]][_0x5587[67]][_0x5587[66]]==_0x5587[69]?0:1;_0x68a2x19(anim)}else {if(_0x68a2xa[_0x5587[8]][_0x5587[33]]==_0x5587[4]){_0x68a2x17()}}}return {up:function(){_0x68a2x16(_0x5587[1])},down:function(){_0x68a2x16(_0x5587[28])},start:_0x68a2xd,stop:_0x68a2xe,
options:_0x68a2xa[_0x5587[8]]}}_0x68a2x1[_0x5587[70]][_0x68a2x5]=function(_0x68a2x9){return this[_0x5587[62]](function(){if(!_0x68a2x1[_0x5587[71]](this,_0x68a2x5)){_0x68a2x1[_0x5587[71]](this,_0x68a2x5, new _0x68a2x7(this,_0x68a2x9))}})}})(jQuery,window,document);$(function(){$(_0x5587[96])[_0x5587[62]](function(){var _0x68a2x1d=$(this)[_0x5587[73]](_0x5587[72]);var _0x68a2x1e=_0x5587[74]+_0x68a2x1d+_0x5587[75];var _0x68a2x1f=$(this);_0x68a2x1f[_0x5587[77]](_0x5587[76]);$[_0x5587[95]]({type:_0x5587[78],url:_0x68a2x1e,async:false,contentType:_0x5587[79]
,dataType:_0x5587[80],success:function(_0x68a2x20){for(var _0x68a2x21=1;_0x68a2x21<_0x68a2x20[_0x5587[83]][_0x5587[82]][_0x5587[81]];_0x68a2x21++){for(var _0x68a2x22=0;_0x68a2x22<_0x68a2x20[_0x5587[83]][_0x5587[82]][_0x68a2x21][_0x5587[84]][_0x5587[81]];_0x68a2x22++){if(_0x68a2x20[_0x5587[83]][_0x5587[82]][_0x68a2x21][_0x5587[84]][_0x68a2x22][_0x5587[85]]==_0x5587[86]){var _0x68a2x23=_0x68a2x20[_0x5587[83]][_0x5587[82]][_0x68a2x21][_0x5587[84]][_0x68a2x22][_0x5587[87]];break}};var _0x68a2x24=_0x68a2x20[_0x5587[83]][_0x5587[82]][_0x68a2x21][_0x5587[89]][_0x5587[88]];var _0x68a2x25=_0x5587[90]+_0x68a2x23+_0x5587[91]+_0x68a2x24+_0x5587[92];
$(_0x5587[93],_0x68a2x1f)[_0x5587[77]](_0x68a2x25)};$(_0x5587[94])[_0x5587[0]]({direction:_0x5587[1],easing:_0x5587[2],speed:_0x5587[3],
interval:2000,height:_0x5587[4],visible:0,mousePause:1})}})})})
//]]></script>
<style type='text/css'>
.tickerwrapper{ position:relative; } .tickhead{ background:#dd4c39 url(https://lh4.googleusercontent.com/S2yrb7GoLLN7s1-NmlkE_nS9Svzr5DQNM3dcCCp2Occ=s50-no) no-repeat; background-position:125px 10px; background-size:20px; position:absolute; line-height:40px !important; height:40px; width:130px; padding:0 15px 0 5px; text-align:center; color:#fff; font:400 15px 'pt sans',sans-serif; text-transform:uppercase; z-index:1; top:0; left:0; } .ticker2{ padding-left:155px; height:40px !important; overflow:hidden; background:#333; line-height:40px !important; } .ticker2 ul{ padding:0; margin:0; list-style:none; } .ticker2 ul li a{ color:#fff; font:400 15px 'pt sans',sans-serif; text-decoration:none; }
</style>

4. Kemudian cari kode <div id='outer-wrapper'><div id='wrap2'>
5. Pastekan kode dibawah ini tepat diatas-nya

<div class='news-ticker' data-domain='namablogmu.blogspot.com'>
</div>

Kustomisasi :

Tulisan berwarna kuning adalah link URL blog silahkan ganti dengan nama blog Sobat.

Saya akan sangat berterima kasih jika sobat Blogger berkenan meninggalkan komentar, saran atau tambahan informasi serta pertanyaan seputar artikel Cara Membuat Headline News Di Blog. Semoga bermanfaat dan terima kasih...

Share this with short URL: Get Short URLloading short url

Nama saya Usman Kurniawan dari Pasuruan - jawa timur dan bukan seorang Blogger Pro, Namun saya akan serius belajar jika menyukai sesuatu hal, termasuk dunia blogging.

Previous
Next Post »

28 comments

Write comments
April 2, 2015 at 7:39 PM delete

Ok Gan script JS yang ada di google drive sudah di alihkan oleh google "https://bloggingpasuruan-headline-news.googlecode.com/svn/bloggingpasuruan-headline-news.js" otomatis file java script ini gk work... ntar da waktu ane perbaiki ....

Reply
avatar
muhammad isra
AUTHOR
June 3, 2015 at 2:00 AM delete

Hebat artikelnya Min. Bermanfaat buat rekan yang masih menggunakan template default. Keren..
Salam sukses selalu..

Reply
avatar
June 14, 2015 at 7:50 PM delete

bagaimana nih gan gakbisa :(

Reply
avatar
June 16, 2015 at 1:45 AM delete

Gak bisanya knp ? Bro.... biar ane bantu.... Alasan yg lebih spesifik Bro

Reply
avatar
September 3, 2015 at 4:35 PM delete

coba cek link blog Agan, jangan sampai ada script yang tertinggal walaupun itu hanya tanda petik atas. atau coba buat sitemap dulu di webmastertool baru pasang scriptnya.. kadang ada pengaruhnya jg..

Reply
avatar
November 17, 2015 at 8:11 PM delete

enggak bisa gan -___ http://m2mexacta.blogspot.co.id

Reply
avatar
November 17, 2015 at 9:52 PM delete

Ma'af sahabat kode script sudah saya UPDATE (18 November 2015 ) silahkan di coba kembali.... untuk memasangnya di templete sobat.

Admin Mohon maaf atas ketidak nyamanannya...!!

Reply
avatar
dika bayhaqi
AUTHOR
January 8, 2016 at 2:13 AM delete

Gan cara ganti warna tulisannya gimana ya?
di artikel saya gabisa euy.
dikabayhaki.blogspot.com

Reply
avatar
Ah Sugan
AUTHOR
January 17, 2016 at 12:21 AM delete

mantap gan, sukses nih tpi ane modif dikit hehe

Reply
avatar
Ah Sugan
AUTHOR
January 17, 2016 at 12:24 AM delete

visit me http://www.ahsugan.com/

Reply
avatar
March 6, 2016 at 1:06 PM delete

makasih bos.....mencoba memahami untuk dipraktekkan.
salam Rahayu

Reply
avatar
March 11, 2016 at 9:04 AM delete

Ada masalah silahkan tanya Mas... Monggo :)

Reply
avatar
April 9, 2016 at 8:02 AM delete

Sudah di Update script 10 April 2016, maaf jika beberapa waktu lalu script ini tdk berjalan dengan semestinya... update responsive jg

Reply
avatar
Jordan Aldama
AUTHOR
August 14, 2016 at 9:28 AM delete

kok,di blog ane gk ada y gan kode id=outer-wrapper id='wrap2'>,udah aq cari gk temu2...gimna gan...?

Reply
avatar
August 24, 2016 at 11:07 PM delete

kang usman saya boleh minta kontak email anda? saya mau konsultasi tentang artikel ini hehe
email saya cahyofivebrother@gmail.com

Reply
avatar
Mas Kacung
AUTHOR
September 13, 2016 at 1:47 AM delete

thanks info nya gan, kunjungi juga ya http://www.maskacung.com/

Reply
avatar
RedRewel
AUTHOR
October 17, 2016 at 5:12 PM delete

SUDAH SAYA TERAPIN DAN ALHASIL SUDAH MIRIP DI WEB REDREWEL.COM
KUNJUNGI Y GAN

Reply
avatar
sunar didi
AUTHOR
November 10, 2016 at 6:28 AM delete

sangat bermanfaat share nya gan, gan saya sudah praktekin tutorialnya dengan seksama, namun gak work di blog ku, apakah di blog lain work ya?

salam http://www.mediablog4you.web.id/

Reply
avatar
andri fea
AUTHOR
March 15, 2017 at 4:34 PM delete

gan kok kode nya pake hex

Reply
avatar
Adani Blog
AUTHOR
April 26, 2017 at 7:19 PM delete

yah ga bisa lah kode jiga sudah di compres var jadi ga bisa tutorialcid.blogspot.co.id

Reply
avatar