fahrurrozi.com » Yusuf Fahrurrozi Blog’s

Membuat Popular Artikel tanpa plugin di blog WordPress. Cara menampilkan artikel yang paling populer sebuah blog tanpa menggunakan WP plugin, sudah lama mencari dan mencoba-coba dari banyak tutorial selalu gagal. Tadi malam tanpa sengaja menemukan kode php, langsung di uji coba ternyata berhasil. Karena sukses dipasang pada blog ini, maka langsung saja berbagi kode php dan css tersebut. Berikut cara membuat artikel populer di sidebar WordPress tanpa plugin.

Sebelum dilanjutkan, sebaiknya dalam membuat kode artikel populer JANGAN langsung copy paste ke blog, karena setiap theme WordPress mempunyai karakteristik yang berbeda-beda, sehingga terkadang tidak sama dalam penempatan kode php-nya. Silahkan coba dulu di localhost, baca artikel Install WordPress secara Offline/server local

Buka file function.php theme WordPress, copy-paste di dalamnya. Silahkan dicoba-coba, karena awalnya saya berulangkali error Akhirnya setelah berulang kali bongkar pasang kode, berhasil pasang di bawah kode <?php // Widgetized Sidebar pada baris kedua. Tentunya bisa berbeda dalam setiap theme.

function popularPosts($num) {
    global $wpdb;

    $posts = $wpdb->get_results("SELECT comment_count, ID, post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , $num");

    foreach ($posts as $post) {
        setup_postdata($post);
        $id = $post->ID;
        $title = $post->post_title;
        $count = $post->comment_count;

        if ($count != 0) {
            $popular .= '<li>';
            $popular .= '<a href="' . get_permalink($id) . '" title="' . $title . '">' . $title . '</a> ';
            $popular .= '</li>';
        }
    }
    return $popular;
}

Untuk memanggil fungsi di atas, maka copy-paste kode di bawah ini ke dalam sidebar.php

<div>
    <h2>Most Popular Posts</h2>
    <ul>
        <?php echo popularPosts(10); ?>
    </ul>
</div>

Masukkan kode di atas di bawah fungsi <div id=“sidebar”>. Angka 10 adalah jumlah posting yang populer, bisa diganti. Selanjutnya untuk mempercantik tampilannya, bisa ditambahkan kode di bawah ini ke dalam style.css

.popular {
	clear: both;
	float: left;
	margin: 10px 0;
	width: 283px;
	}

.popular ul, .popular ul li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	}

.popular ul li {
	margin: 4px 0;
	padding-left: 20px;
	background: url(images/star.png) no-repeat 2px 2px;
	}

.popular h2 {
	border: 0;
	border-bottom: 1px solid #aaa;
	font-size: 22px;
	font-weight: normal;
	font-family: Georgia,serif;
	margin: 0 0 15px;
	padding: 0 0 5px;
	}

Dalam contoh kode css ini, list style berupa gambar bintang [ ]. Karena sebagian kode ini saat saya coba tidak berfungsi, maka saya edit menjadi seperti di bawah ini.

.popular {
	clear: both;
	float: left;
	margin: 10px 0;
	background: #ececec;
	border: #eecf00 1px solid;
	-moz-border-radius:6px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
.popular h2 {
	border: 0;
	border-bottom: 1px solid #aaa;
	text-align:center;
	font-size: 22px;
	font-weight: bold;
	font-family: Arial;
	margin: 0 0 15px;
	padding: 0 0 5px;
	}

Hasilnya seperti yang saya pasang dalam blog ini. Thank’s to C. Bavota

Demikian cara membuat Artikel Populer WordPress tanpa plugin. Selain kode di atas ada, untuk menampilkan artikel paling populer bisa menggunakan plugin WordPress. Saya memilih pasang kode Popular Article buatan sendiri ini, agar tidak banyak install plugin. Selamat mencoba, maaf dan matur nuwun.

Random Posts :

• Linkbuilding Ketemu Artikel Sendiri
• Photoshop: Membuat Size Gambar Kecil
• Proteksi Data Penting Dengan Winrar
• Edit Gambar Dengan Cepat Menggunakan Light Image Resizer
• Mengenal Backlink NoFollow DoFollow
• Mengawasi Anak Bermain Benda Berbahaya
• Kontes SEO Promo Alfamart
• Box Shadow dan CSS3 Dasar
• Membuat Kotak Cantik Posting Blog
• Cara Menggunakan System Restore Windows 7