Denaihati

25 Perkara Menjadikan Tema Blog Lebih Menarik!

by Syahril Hafiz on February 16, 2011

Assalamualaikum dan Salam 1 Malaysia.

Dah nampak sedikit perubahan yang aku lakukan terhadap themes blog ini. Berperingkat la nampak gayanya dimana banyak benda nak kena godek lagi. Dan yang pasti, Sitelink mesti goodbye untuk kali ke-3 =( . Alhamdulillah, Twenty Ten makin menarik jika kita edit themes blog dengan serba sedikit tutorial yang dapat di Google.

Untuk kali ni, aku nak kongsi 25 perkara dimana menjadikan WordPress lebih menarik bak kata orang putih awesome! Jadi pengenalan untuk tajuk kali ini dimana, pengguna WordPress mempunyai banyak kelebihan untuk makeover blog diorang dengan erti kata lain sedap mata memandang.

Antara 25 perkara tersebut adalah :

1. Tunjukkan copyright date di blog.

Ini salah satu cara untuk menyampaikan kepada pembaca yang usia blog tersebut.

 Copyright &copy; 200x-<?php echo date('Y'); ?> Contoh.com  

2. Tunjukkan kebenaran HTML Tags

Kenapa ini perlu? Sebabnya pengomen boleh komen melalui HTML tags.  Jadi guna ini

 You may use: <?php echo allowed_tags(); ?>.  

3. Tunjukkan Entri berkaitan di entri (tag)

Korang boleh install plugin ini seperti diatas. Contoh plugin WordPress Related Post

4. Tunjukkan Entri berkaitan di entri (kategori)

Boleh pilih samaada nak tag atau kategori di bahagian entri korang.

5. Tutup komen selepas satu bulan

Ini aku pernah nampak di JomLinux, tapi tak kisahlah, semua itu atas kehendak admin menentukan entri yang lepas kekal atau sementara. Boleh tambah kod ini di bahagian functions.php(nota- tukar tarikh yang korang nak, 30 seperti dibawah)

 <?php
function close_comments( $posts ) {
 if ( !is_single() ) { return $posts; }
 if ( time() - strtotime( $posts[0]->post_date_gmt ) > ( 30 * 24 * 60 * 60 ) ) {
 $posts[0]->comment_status = 'closed';
 $posts[0]->ping_status    = 'closed';
 }
 return $posts;
}
add_filter( 'the_posts', 'close_comments' );
?>  

6. Letakkan “Edit” di entri

Penggunaan ini seperti edit segera, dimana memudahkan admin menukar kandungan yang patut ditokok tambah.

 <?php edit_post_link('Edit', ''); ?>  

7. 404 Page error

Ini penting kerana sesetengah entri berkaitan tidak dijumpai. Masih menunggu tutorial dari blogger Anarm mengenai 404 Page yang ada pada blog beliau. :o : . Korang boleh tambah ini

 <?php endwhile; ?>
<?php else : ?>
<404 TEXT HERE>
<?php endif; ?>  

Tukar else kepada

 <?php include('404.php');?>  

8. Widget entri paling popular disidebar

Amat berguna untuk pelawat yang mencari artikel berkaitan dan kemungkinan menunjukkan entri tersebut paling hangat daripada biasa.

9. Tunjukkan “Tweet This” link

Boleh guna plugin seperti DiggDigg ataupun tambah kod ini

 <a href="http://twitter.com/home?status=I just read <?php the_permalink(); ?>" title="Send this page to Twitter!" target="_blank">Tweet This!</a>  

10. SHARE atau LIKE button Facebook

Sharing is caring right? Jadi jangan menghampakan pembaca blog korang yang betul-betul berminat untuk berkongsi entri di Facebook beliau. Boleh tambah kod ini

<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?>&t=<?php the_title(); ?>" target="blank">Share on Facebook</a>  

11. Kemaskan bahagian sidebar blog

Widget memainkan peranan penting dalam sesuatu blog. Jangan abaikannya dan widgettize sidebar korang. Boleh tambah kod ini di functions.php

 /*For Sidebar Widget*/

if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'sidebar',
'before_widget' => '<div>',
'after_widget' => '</div><!--.box-->',
'before_title' => '<h3>',
'after_title' => '</h3>',
));</p>
<p style="text-align: left;">/*End of For Sidebar Widget*/  

dan kemudian untuk widget itu muncul, tambah ini

 <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else:  ?>
 <?php endif; ?>  

12. Bio mengenai penulis blog

Twenty Ten menyedia satu ruangan dimana boleh menambah bio mengenai diri anda. Jadi melalui admin panel boleh masukkan pengenalan tentang diri korang ye :[ . Edit disini

 <?php the_author_description(); ?>  

13. Tambah print button di entri

Perlu ke? Bagi sesetengah blog yang berkongsi tentang info dan sebagainya. Button ini penting kerana mudahkan pembaca print terus tanpa copy and paste. Tambah ini dia single.php

 <a href="javascript:window.print()">Print this Article</a>  

14. Tunjukkan Schedule Post

Seperti kita tahu masa itu emas. Jadi korang boleh tambah kod ini single.php

 <?php
 $my_query = new WP_Query('post_status=future&order=DESC&showposts=5');
 if ($my_query->have_posts()) {
 while ($my_query->have_posts()) : $my_query->the_post(); ?>
 <?php the_title(); ?>
 <?php endwhile;
}
 ?>  

15. Bagaimana untuk exclude subpages dari navi

Sesetengahnya,  korang boleh exclude subpage bila page nav ke WP themes

 <?php wp_list_pages (array ( 'depth' => 1, 'title_li' => _ _('')))?>  

16. Tunjukkan Komen Terkini

Boleh pasang plugin untuk Recent Comment ini ataupun tambah kod ini di functions.php

 <?php
function recent_comments($src_count=10, $src_length=60, $pre_HTML='<ul>', $post_HTML='</ul>') {
global $wpdb;
$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,
SUBSTRING(comment_content,1,$src_length) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' AND post_password = '' ORDER BY comment_date_gmt DESC
LIMIT $src_count";
$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
foreach ($comments as $comment) {
$output .= "<li><a href=\"" . get_permalink($comment->ID) . "#comment-" . $comment->comment_ID . "\" title=\"on " . $comment->post_title . "\">" . strip_tags($comment->com_excerpt) ."...</a></li>";
}
$output .= $post_HTML;
echo $output;
}
?> 

Kemudian korang boleh tambah kod ini dimana-mana dalam themes

 <?php recent_comments(); ?> 

17. Buang Curly Quotes dari artikel

Untuk tambah kod ini, korang masuk function.php

 <?php remove_filter('the_content', 'wptexturize'); ?> 

18. Widget Kategori sebagai Dropdown

Seperti kita tahu, kategori memainkan peranan penting dalam menyelaraskan entri yang berkaitan. Ini memudahkan pembaca untuk mencari. Boleh tambah kod ini dalam themes

 <?php wp_dropdown_categories( ); ?> 

19. Tunjuk Login/Logout link

Bagi yang membuka blog tersebut kepada umum untuk dikongsi bersama. Korang patut tambah widget ini.

 <?php wp_loginout(); ?> 

20. Tunjuk Admin Panel/Register link

Sama seperti diatas, tunjuk user login untuk memudahkan sebarang kemaskini terhadap blog kongsi.

 <?php wp_register(); ?> 

21. Ceriakan dengan sebarang iklan di entri lama

Seperti kita sedia ketahui, post lama selalunya berkekalan, jadi target korang boleh tambah iklan di post lama tersebut. Tambah kod ini di functions.php

 function is_old_post($post_id=null){
 $days = 30;
 global $wp_query;
 if(is_single() || is_page()) {
 if(!$post_id) {
 $post_id = $wp_query->post->ID;
 }
 $current_date = time();
 $offset = $days *60*60*24;
 $post_id = get_post($post_id);
 $post_date = mysql2date('U',$post_id->post_date);
 $cunning_math = $post_date + $offset;
 $test = $current_date - $cunning_math;
 if($test > 0){
 $return = true;
 }else{
 $return = false;
 }
 }else{
 $return = false;
 }
 return $return;
} 

Kemudian, tambah kod ini di single.php

 <?php if(is_old_post()){ ?>
INSERT AD CODE HERE
<?php } ?> 

22. Tunjukkan jumlah entri

Kalau nak showoff, korang boleh cuba dengan menambah kod dibawah

 <?php $numposts = $wpdb->get_var("SELECT count(*) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post'");
if (0 < $numposts)
 $numposts = number_format($numposts);
echo $numposts.' posts.';
?> 

23. Tunjuk iklan di atas entri

Sama seperti blog ini dibahagian atas, korang boleh tambah kod dibawah di index.php

 <?php if ($loopcounter <= 1) { include (TEMPLATEPATH . '/ad.php'); } ?> 

24. Tunjukkan entri berkaitan

Entri berkaitan amatlah penting untuk mengekalkan bounce rate dalam blog. Korang boleh memasang plugin Linkwithin untuk Thumbnail Post atau WordPress Related Post

Atau tambah kod ini di themes korang

 <?php query_posts('cat=2&showposts=5'); ?>  <ul>   <?php while (have_posts()) : the_post(); ?>   <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>   <?php endwhile;?> </ul> 

Number selepas “cat=” sepatutnya diubah mengikut ID dalam kategori.

25. Kecualikan sesetengah entri yang tak berkaitan

Kalau korang tak nak entri berkaitan di tunjuk kat point 24 tadi, boleh tambah kod dibawah

 <?php query_posts('cat=-YOUR CATEGORY ID NUMBER'); ?>  <?php while (have_posts()) : the_post(); ?>   //the loop here <?php endwhile;?> 

#Seperti sedia maklum, entri ini telah diolah dari website NetCake untuk dikongsikan bersama. Untuk kefahaman bersama, saya sertakan link untuk maklumat selanjutnya di @net-cake. Selamat mencuba~   :)

pengiklanan, iklan murah di blog, pengiklanan murah, trafik

{ 42 comments… read them below or add one }

hafizmd May 20, 2011 at 4:51 pm

terbaiklah…lengkap 25 tips…

kali ni, aku nak tahu yg no 8 tu…menarik tertarik pulak…widget utk artikel paling popular tuh…camne ek?

terima kasih :D
hafizmd recently posted..Hikayat Malim Kondeng yang tragik…My Profile

Reply

reezluv May 9, 2011 at 12:53 pm

banyak gile codenya..pergh..best2

Reply

Syahril Hafiz May 9, 2011 at 2:48 pm

adeh, aku pun 2 3 je sumbat dalam blog ni..hehe

Reply

Mohd Isa February 26, 2011 at 8:39 am

pergh…otai theme…semua nak paste tang mana aku sendiri dah lupa…skg pakai thesis semua kena paste dalam custom_functions.php jerk…damn
Mohd Isa recently posted..Pakej Hosting Termurah Daripada WeirdobytescomMy Profile

Reply

Syahril Hafiz February 26, 2011 at 10:28 am

alamak, tak pandai la pulak dalam thesis ni
try and error tengok bro.;P

Reply

reezluv May 9, 2011 at 12:55 pm

orang pakai Thesis..memang best la..:P

Reply

Inani February 22, 2011 at 11:46 am

Nice..
Follow you..Follow me back aa

Reply

Anarm February 21, 2011 at 7:31 am

waahh.. terbaik ahh entri ni.. bagus2.. bleh aku buat rujukan nanti kot2 ade bende yg tertinggal..

entri page 404 tu aku akan publish pagi ni.. dah siap dh.. hehee~
Anarm recently posted..Perisian Screen Capture dengan Image EditorMy Profile

Reply

tips-kurus February 20, 2011 at 4:29 pm

info ini sangat menarik. TQ :-)
tips-kurus recently posted..Tips berhentikan darahMy Profile

Reply

PakarBuahPinggang February 20, 2011 at 3:42 am

Salam bro,

Terima kasih kerana berkongsi artikel di atas.Cumanya saya rasa perlu detailkan lagi dekat mana nak letakkan kod-kod di atas tu.

Reply

Syahril Hafiz February 20, 2011 at 8:11 am

kalau pasal detail tu,
kena buat untuk entri seterusnya la kot..
cer cer citer kat mana yang harus dibuat..;D

Reply

Computer Tips February 19, 2011 at 11:52 pm

Tips yang sangat berguna walaupun byk dan memeningkan…tapi mesti cuba..

Reply

Syahril Hafiz February 20, 2011 at 8:08 am

yup.
harus dicuba dan diamalkan selalu ;)

Reply

MDHAFiZ.NET February 18, 2011 at 10:51 pm

nice info.. :)
MDHAFiZ.NET recently posted..Thank You AllahThank You Maher ZainMy Profile

Reply

fikryn February 18, 2011 at 3:44 pm

Nice.. lepas ni kena ambik penyapu, check semua blog.. bersihkan apa yg patut.. hi hi
fikryn recently posted..Apa Yang Harus Tiada Di Home Page BlogMy Profile

Reply

Syahril Hafiz February 19, 2011 at 9:32 pm

yea..sapu semua bagi smooth nak load..hehe

Reply

kulanz February 17, 2011 at 11:04 pm

daripada kesemua yang ada dalam list tu.. banyak juga yang aku x simpan.. lepas ni mungkin boleh tambah mana yang perlu..
kulanz recently posted..Ketahui Siapa Membuang Anda daripada Senarai Rakan FacebookMy Profile

Reply

Syahril Hafiz February 19, 2011 at 9:38 pm

sama lah kita bro
banyak sangat yang miss.
sedangkan benda ni keperluan untuk reader

Reply

akubiomed February 17, 2011 at 10:19 pm

Wow, menarik tidak perlu lagi bersusah payah hendak Google semua ada didalam entri ini. Terima kasih bro :-)
akubiomed recently posted..Angka pertama didalam kehidupanMy Profile

Reply

Syahril Hafiz February 19, 2011 at 9:37 pm

sama2.
sama-sama lah kita pratik benda ni.

Reply

Nine February 17, 2011 at 4:07 pm

perghh .Php code terer Hafiz..theme twenty ten nih pun dah ubah jadi gempaq jer..hehe..cayalah bro… 8)

Reply

Syahril Hafiz February 19, 2011 at 9:34 pm

hehe, terima kasih bro
ingat nak bagi lagi baik punya
tapi need a time to dush it..;D

Reply

zik February 17, 2011 at 12:35 am

banyak lagi aku tak buat… menarik2..
zik recently posted..Permainan games video yang pertama didunia- Brown BoxMy Profile

Reply

wazy February 16, 2011 at 11:58 pm

bagus ni
kadang-kadang ada benda yang kita terlepas pandang
jadi kene sentiasa alert demi kebaikan blog
wazy recently posted..Slot Akasia Begitukah Cinta TV3My Profile

Reply

azizan4444 February 16, 2011 at 11:04 pm

terima kasih bro..memang menarik entri ni..aku baru nak belajar..hoho
azizan4444 recently posted..Kenapa Perlu Malu Kawan-kawan Tahu Blog AndaMy Profile

Reply

Ali ridha February 16, 2011 at 4:29 pm

kebenaran HTML Tags tu penting.
sebab mana nak Cintakomen ada
masalah.boleh tinggal backlink
guna HTML Tags.

tetapi awak.jangan lebih dari satu
pautan.nanti aku padam komen jenis ni.
Ali ridha recently posted..Maulidur Rasul 1432H 2011 tanpa kek dan lilinMy Profile

Reply

Ali ridha February 16, 2011 at 3:52 pm

usia blog aku tak tercatit
pada bahagian hakcipta.
nak tahu tanya aku sendiri. :cool:
Ali ridha recently posted..Maulidur Rasul 1432H 2011 tanpa kek dan lilinMy Profile

Reply

luthfi February 16, 2011 at 1:33 pm

semua aku suka! nanti hang buat tutorial macam mana nak bulatkan bucu theme ni bro. comel la. siap boh bayang2 lagi. aku suka theme hang.. awww.. :D

Reply

Syahril Hafiz February 19, 2011 at 9:31 pm

dah ada bro..
cuba search cara nak buat bucu tu kat blog ni

Reply

Anarm February 21, 2011 at 8:14 am

code bucu bulat tu kalau tak silap aku pkai border-radius.. http://syahrilhafiz.com/blog/edit-themes-blog-anda-lebih-kemas-dan-menarik.html
Anarm recently posted..Perisian Screen Capture dengan Image EditorMy Profile

Reply

Affan February 16, 2011 at 1:21 pm

no 26, sila guna plugin syntaxhighlighter evolution (aku tak pasti ejaan) untuk paparkan code.
kalau tak, jadi bersepah cam kat atas. hehe
Affan recently posted..Kanada Snow Day- yay Cuti!My Profile

Reply

aman February 16, 2011 at 1:55 pm

hehe. betol-betol.setuju. =)
aman recently posted..Maumy Bakal Membolehkan Pengiklanan Terus Pada Halaman FacebookMy Profile

Reply

RozaniGhani February 16, 2011 at 8:36 pm

guna syntaxhighlighter evolved buatan wordpress developer, viper007bond. cun highlighter tu.
RozaniGhani recently posted..2010 Weaver Dah Jadi WeaverMy Profile

Reply

Syahril Hafiz February 19, 2011 at 9:30 pm

hehe, aku dah guna la
maybe load tak habis la tuh

Reply

afique February 16, 2011 at 1:17 pm

NICE SH. ni yang terase nak pakai twenty ten ni. hee :)
afique recently posted..Video- MBLAQ – StayMy Profile

Reply

Syahril Hafiz February 19, 2011 at 9:30 pm

yeaa!!
jom la tukar sekali..
2010 best weh..hehe

Reply

naimulfirdaus.blogspot.com February 16, 2011 at 12:37 pm

saya masih menggunakan blogspot.
adakah ini juga boleh diguna di blogspot?

penulisan terbaru saya: letak link blog anda di sini

tutorial hebat: tips blogger terhebat yang saya tak pernah dengar mana-mana otai sebut setakat ini
naimulfirdaus.blogspot.com recently posted..jika benar kita cintakan bagindaMy Profile

Reply

Syahril Hafiz February 19, 2011 at 9:29 pm

boleh aje..
untuk sesetengah dari tu boleh masukkan dalam BS

Reply

Hanis February 16, 2011 at 12:32 pm

nice.nice
terbaek. thank you. =)

ada masa aku nak juga godek coding blog. :)
Hanis recently posted..Befriend With Your Friend’s BF-GF is IllegalMy Profile

Reply

Syahril Hafiz February 19, 2011 at 9:28 pm

welcome hanis
hopely like it..

Reply

mommy nana February 16, 2011 at 12:30 pm

terima kasih…. tips menarik dan saya bookmark entry ini :D
mommy nana recently posted..Blogger Yang Jatuh CintaMy Profile

Reply

Syahril Hafiz February 19, 2011 at 9:28 pm

sama2..
pratik selalu ;)

Reply

Leave a Comment

CommentLuv badge

{ 5 trackbacks }

Previous post:

Next post: