Mangsa seterusnya untuk dibedah dan di’godek’ oleh saya untuk melepasi ujian Google Snippets. Tema ini juga dikategorikan sebagai ‘framework’ sama seperti tema ‘Thesis’. Ramai juga dikalangan rakan-rakan blogger yang menggunakkannya dan salah satu diantaranya ialah Puteri Kasih. Berbeza dengan entri sebelum ini, tema Chip Life memerlukan kita untuk mengubahsuai fail CSS untuk memberikan kesan yang sama sebelum diubahsuai. Ia tidaklah sukar dan tidak memerlukan CSS yang baru kerana ia hanyalah salinan asal ‘class’ yang lama kepada ‘class’ yang baru. Rakan-rakan blogger digalakkan menggunakan Google Plus Author Information in Search Result (GPAISR) kerana ianya mudah dan senang untuk menghubungkan profil Google Plus dan blog kita.
Updated Error
Terdapat beberapa amaran setelah ujian Google Snippets dijalankan. Amaran ‘Updated’ dan ‘Hcard’ dipaparkan didalam keptusan ujian. Berikut merupakan langkah-langah yang boleh diambil untuk menyelesaikan maslaah ‘updated’ dan mematuhi standard ‘microdata’ Google Snippets.
- Login ke WP Admin -> Appearance -> Editor -> edit fail stylesheet.css
- Cari .post-time dan copy.
- Scroll stylesheet.css paling bawah dan paste. Ubah .post-time kepada .updated seperti dibawah.
- Cari .post-author dan copy paste dibawah .updated. Tukar kepada .vcard
.updated {
background: url(images/icon-time.png) no-repeat top left;
margin: 0 3px 0 3px;
padding: 1px 0 1px 20px;
}
.vcard{
background: url(images/icon-author.png) no-repeat top left;
margin: 0 3px 0 3px;
padding: 1px 0 1px 20px;
- Login Cpanel dan terus ke folder theme Chip Life
- Pilih folder chip -> folder functions -> edit fail shortcodes.php
- Cari kod seperti dibawah.
/** * Post Shortcodes */
/** Output */
{
$output = sprintf( '<span class="post-date post-published post-time" title="%4$s"><a title="%6$s" href="%5$s" rel="bookmark">%1$s%3$s%4$s%2$s</a></span> ', $atts['before'], $atts['after'], $atts['label'], $post_date, get_permalink(), the_title_attribute( 'echo=0' ) ); return apply_filters( 'chip_life_post_date_shortcode_output', $output, $atts );
}
Tukar kepada kod dibawah.
/**
* Post Shortcodes
*/
/** Output */
{
$output = sprintf( '<span class="updated" title="%4$s"><a href="%5$s" title="%6$s" rel="bookmark">%1$s%3$s%4$s%2$s</a></span> ', $atts['before'], $atts['after'], $atts['label'], $post_date, get_permalink(), the_title_attribute( 'echo=0' ) );
return apply_filters( 'chip_life_post_date_shortcode_output', $output, $atts );
}
Hcard Error
- Cari kod berikut didalam shortcodes.php
/**
* Author Shortcodes
*/
{
/** Output */
$output = sprintf( '<span class="post-author post-vcard">%2$s<span class="fn">%1$s</span>%3$s</span>', $author, $atts['before'], $atts['after'] );
return apply_filters( 'chip_life_post_author_posts_link_shortcode_output', $output, $atts );
}
Dan tukar kepada kod seperti berikut.
/**
* Author Shortcodes
*/
{
/** Output */
$output = sprintf( '<span class="vcard">%2$s<span class="url fn">%1$s</span>%3$s</span>', $author, $atts['before'], $atts['after'] );
return apply_filters( 'chip_life_post_author_posts_link_shortcode_output', $output, $atts );
}
mcm leh wat bisness la kerja mcm ni..hehe
Apa lagi kasi bisnes la… 🙂
kene promo dulu la..hehe
Promo jangan tak promo 🙂
Ce tengok layout baru aku, gambar tu sementara je cuba dulu coding bagai tadi.hehe
fuiyo..simple jer..tp cun 🙂
kemas dan simple 🙂
Hehehe TQ bro! Berkat usaha belajaq coding pagi tadi 🙂
Mau tukar kaler purple 🙂
Responsive aku masuk sekali lam Thesis tu. Tapi kalau skrin kecik macam ada yang tak berapa ngam kot :p
TQ bro. Nampak dah kemas sikit dari yang hari tu. Aku dok tgk coding lagi nak tukar warna font dan background body. Nak warna ungu 🙂
experimentasi diri.. 🙂
Tula trademark kau 😛 hehehe
Aku da buat link sume,dia x nk kua aku x tw la pe hal bro. Last2 aku letak microformat data trus kt /about aku 🙂
owh..aku dh tau kenapa..hehe
Kenapa jebeng..ce twitter aku 🙂
tak pernah guna lagi ni..tapi entri ni akan dijadikan bahan rujukan kepada pondok kecil nanti..hehe
cuba2 jer..hehe
Adehh… kawe paham perenggan pertama jer 😀
hehe..kalo x phm leh tlg explain kan..
dok2 baca.. rupanya sop pakai blogspot.. heheheh
kalo dh tukar hosting…leh la cuba.. 🙂
dah boleh buat service google snippets,,, 😀
hehe..utk member link exhcnge free of charge jer.. 🙂
Ini utk WP je.. Blogspot ada?
chip life ker??..yg ni utk wp…kalo blogspot lom ag..tp leh bg html utk torai..huhu
hehe.abis theme dah kena bedah ni..waa..lepas ni try framework genesis pulak. 🙂
genesis?..ok set 🙂
satu benda pun aku tak tau ,tapi kalau kau suruh buat program cnc sikit – sikit aku boleh buat
owh..pki mastercam boleh gak wat..tp 3d mmg lom expert ag..hehe 🙂
Dari coding pertama hingga la yg terakhir, 1 apa pun mak x paham. Klu bab koding2 ni, mmg awal lg mak dah angkat tgn surender. Huhuhu..
hehe..cuba la..mana la tau jdik wanita pertama malaysia terer koding2 ni..hehe
Dah ok sikit cuma ada part yang dekat bahagian post kecik2 tu je missing 1 tempat.
aah..br smlm mengkaji part post teaser tu..kene wat penambahan skit author kat situ..hehe
Aku da tau sebab aku x tick link admin pd plugin tu.bila da tick tgl 1 je lg merah,hcard utk teaser lak..huhuhu
tahniah bro..hmpir2 dah tu..hehe
p/s : leh sama2 try godek2 utk teaser tu..hehe
Kena cari kat bahagian mana coding tu duduk, pastu kita bedah dia cukup2! Geram da nih! @_@
jebeng mmg otailah!!
eh x derla..godek skit2 jer.. 🙂