Lunaricx: Javascript

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZvrEEenTYnL6LZ-WFWEckhYUsWfjjchf9VOs_INfrL-8Awg5FbrgohZxCg5TehAU4UpVQu-ItbAwARqIPkFVZg5p4-9G2OITXegGzeIWytpQx2kf65TTK1KPhOgRVmwbJbyoAiJ62zac/s1600/breaking+news.png" imageanchor="1"><img alt="Cara Memasang Breaking News Di Blog, Menambahkan Breaking News Di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZvrEEenTYnL6LZ-WFWEckhYUsWfjjchf9VOs_INfrL-8Awg5FbrgohZxCg5TehAU4UpVQu-ItbAwARqIPkFVZg5p4-9G2OITXegGzeIWytpQx2kf65TTK1KPhOgRVmwbJbyoAiJ62zac/s1600/breaking+news.png" title="Cara Memasang Breaking News Di Blog" /></a></div><div class="awal">H</div>alo Sobat - Kali ini saya akan membagikan tutorial Cara Memasang Breaking News Di Blog.Setelah beberapa hari tidak posting akhirnya saya posting juga.Penasaran?Intip aja yuk! <h4>Memasang Breaking News Di Blog</h4>1. Ke beranda blog > Template > Edit HTML 2. Taruh kode dibawah tepat diatas kode <kbd>]]></b:skin></kbd>atau<kbd></style></kbd> <pre data-codetype="CSSku" title="CSS"><code class="language-markup"> /* CSS Breaking News */ #breakingnews {margin:15px 0 0 0;margin-right:15px;height:42px;line-height:29px;overflow:hidden;background:#fff;border:1px solid #e6e6e6;} #breakingnews .breakhead {position:absolute;background:none repeat scroll 0 0 #F78297;color:#fff;display:block;float:left;font-family:inherit;font-size:16px;font-weight:400;text-transform:uppercase;padding:6.5px 22px;} #adbreakingnews li a {font-family:inherit;font-weight:400;color:#666;margin-top:10px;transition:all 0.5s ease-in-out;} #adbreakingnews li a:hover {color:#359bed;} #adbreakingnews {float:left;margin-left:75px;margin-top:6px;} #adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0} @media only screen and (max-width:640px){ #breakingnews {margin:20px 0 0 0;margin-right:0;} #breakingnews .breakhead {padding:6.5px 14px;} #adbreakingnews {margin-left:50px;}}</code></pre>3. Tambahkan kode dibawah tepat diatas kode<kbd></body></kbd> <pre data-codetype="JavaScriptku" title="JavaScript"><code class="javascript-markup"><script type='text/javascript'> //<![CDATA[ // Breaking News $(document).ready(function(){var e="http://ferdistyle.xyz,t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("No result!")},error:function(){$("#adbreakingnews").html("Error Loading Feed!")}})}); //]]> </script></code></pre>Ganti http://ferdistyle.xyz dengan link blog sobat 4. Simpan kode dibawah diantara<kbd><body></kbd> Dan <kbd></body></kbd> <pre data-codetype="HTMLku" title="HTML"><code class="language-markup"><b:if cond='data:blog.pageType == &quot;index&quot;'> <div id='breakingnews'> <div id='adbreakingnews'>Memuat...</div></div> </b:if></code></pre>Sekian tutorial kali ini sobat,Jika ada kesulitan silahkan bertanya melalui Kotak Komentar

Cara Memasang Breaking News Di Blog

H alo Sobat - Kali ini saya akan membagikan tutorial Cara Memasang Breaking News Di Blog. Setelah beberapa hari tidak posting akhirnya saya ...

Baca selengkapnya »

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlekcFwXfLUyN7ZnhZnFaivsWUe6cezbE5VpLPrex1EPiE7bIxgBzyMFiwt-HGuJbgy9-wdAmF8CPxchLEWbIRYhXFRLu98Sfab5Wwmd5YbPBPhQLUv5t5gvsoFVw7CDZyOsqdUSPB5Fg/s1600/pinterest.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlekcFwXfLUyN7ZnhZnFaivsWUe6cezbE5VpLPrex1EPiE7bIxgBzyMFiwt-HGuJbgy9-wdAmF8CPxchLEWbIRYhXFRLu98Sfab5Wwmd5YbPBPhQLUv5t5gvsoFVw7CDZyOsqdUSPB5Fg/s1600/pinterest.png" /></a></div>Halo Sobat - Kali Ini Ferdi Style akan membagikan cara memasang pin it button saat gambar di hover pada blog,penasaran?liat yuk! 1. Masuk ke Beranda blogger > Template > Edit HTML 2. Cari Kode <kbd></head></kbd>Lalu Pasang kode dibawah ini diatas kode <kbd></head></kbd> <pre data-codetype="JavaScriptku" title="JavaScript"><code class="javascript-markup"><script data-pin-hover='true' src='//assets.pinterest.com/js/pinit.js' type='text/javascript'></script></code></pre>3. Simpan Template Anda Sekian sob, Jika ada kesulitan silahkan tanyakan melalui kotak komentar dibawah

Cara Memasang Pin It Button Pada Gambar Saat Disentuh Di Blog

Halo Sobat - Kali Ini Ferdi Style akan membagikan cara memasang pin it button saat gambar di hover pada blog,penasaran?liat yuk! 1. Masuk ke...

Baca selengkapnya »