Membuat Breaking News Ticker Wordpress

Banyak orang yang belum tau apa itu News Ticker, tapi itu hanya belum tau soal nama. News Ticker atau yang biasa disebut breaking news berjalan yang ada di portal berita besar seperti detik.com kompas.com dan sebagainya. Sebagai contoh saya aplikasikan di template kotareyog.com

[caption id="attachment_2163" align="aligncenter" width="402" caption="Breaking News Ticker Script for Wordpress"][/caption]

Pada dasarnya pembuatan ticker news ini hampir sama, cuma kita harus mengerti scipt untuk memanggil postingan terbaru atau postingan dalam kaegori terentu. Kali ini saya akan membagikan script news ticker untuk wordpress.

Pertama copy script dibawah ini dan taruh di functions.php

/* Ticker */

<?php
function jidat_news($no_posts = 5, $before = '<li>', $after = '</li> ', $hide_pass_post = true, $skip_posts = 0, $show_excerpts = false, $include_pages = false ) {global $wpdb;$time_difference = get_settings( 'gmt_offset' );$now = gmdate( "Y-m-d H:i:s", time() );$request = "SELECT ID, post_title, post_excerpt FROM $wpdb->posts WHERE post_status = 'publish' ";if ( $hide_pass_post )$request .= "AND post_password ='' ";if ( $include_pages )$request .= "AND (post_type='post' OR post_type='page') ";else    $request .= "AND post_type='post' ";$request .= "AND post_date_gmt < '$now' ORDER BY post_date DESC LIMIT $skip_posts, $no_posts";$posts = $wpdb->get_results( $request );$output = '';if ( $posts ) {foreach ( $posts as $post ) {$post_title = $post->post_title;$permalink = get_permalink( $post->ID );$output .= $before . '<a href="' . esc_url( $permalink ) . '" rel="bookmark" title="Permanent Link: ' . esc_attr( $post_title ) . '">' . esc_html( $post_title ) . '</a>';if ( $show_excerpts ) {$post_excerpt = esc_html( $post->post_excerpt );$output.= '<br />' . $post_excerpt;}
$output .= $after; }     } else {$output .= $before . "None found" . $after;}  echo $output;} ?>
/* Ticker Ends*/

Copy Java Script dibawah ini diheader.php atau tepatnya di area javascript.

<script type="text/javascript">  $(document).ready(function () {  createTicker();  }); function createTicker(){ var tickerLIs = $("#header3-1-left-ticker ul").children();  tickerItems = new Array(); tickerLIs.each(function(el) { tickerItems.push( jQuery(this).html() ); });
i = 0
rotateTicker(); }  function rotateTicker(){   if( i == tickerItems.length ){i = 0;}
tickerText = tickerItems[i];  c = 0;  typetext();     setTimeout( "rotateTicker()", 5000 );
i++;    }   var isInTag = false;  function typetext() { var thisChar = tickerText.substr(c, 1);  if( thisChar == '<' ){ isInTag = true; } if( thisChar == '>' ){ isInTag = false; }  $('#header3-1-left-ticker').html("&nbsp;" + tickerText.substr(0, c++));
if(c < tickerText.length+1) if( isInTag ){ typetext(); }else{ setTimeout("typetext()", 28); }
else {     c = 1;       tickerText = "";  } }</script>

setelah itu gunakan script <ul><?php jidat_news(); ?></ul> untuk memanggil atau memunculkan postingan secara berurutan dan otomatis. cukup mudah dan simpel untuk membuat template blog kita seperti portal berita :)