14 September 2009

Cara membuat link artikel terkait


Beberapa hari ini Tia agak nga enak badan, mungkin karena perubahan cuaca or emang lagi musim kale yah*emangnya duren pake musim segala malu Kalo kata kak Al-Basri ros " Hati-hati dik Tia nanti bisa kena demam Tikus" gigitjarihiks nama sakit yang aneh, tapi makasih ya kak atas anjuran kesehatannya star uhmm maaf ya kak kalo Tia jadi agak lambat berkunjung balik sembah trus juga maaf kalo pas kakak berkunjung ke blog Tia ini lom ada postingan baru. Hari ini alhamdulillah kondisi Tia dah agak baikan kak menari dan siap untuk Sharing tips mempercantik tampilan blog ini lagi. Dan di postingan Tia kali ini akan sharing tentang Cara membuat link artikel terkait


Setelah Tia cari infonya di mbah Google, sebenernya ada beberapa cara untuk menampilkan artikel terkait di bawah postingan, dan salah satunya udah Tia pake sendiri n akan coba Tia share juga sama kakak disini love ternyata eh ternyata bikinnya nga pake susah loh kak xixixixi menari mudah-mudahan bermanfaat buat kakak juga yah peace

1. Login ke www.blogger.com masukin nama dan usernamenya kakak

2. Klik di Layout >> Edit HTML >> trus kakak klik Expand Widget Template n seperti biasa ya kak coz ini Edit HTML, buat jaga-jaga jangan lupa kakak Download Full Template nya dolo

3. Trus kakak cari kode ini <data:post.body/> trus kopas semua kode yang ada disini Kode Artikel Terkait tepat di bawahnya

hasilnya jadi begini kak
<data:post.body/>
Kode Artikel terkait

4. Kalo mo kakak edit, bisa di bagian ini kak
<div style='border: 0px; overflow:auto; width:460px; height:200px; text-align: left; '>
<div class='widget-content'>
<h2>Lihat Postingan Tia yang lain yuk kak </h2>


Warna Merah : Lebar dari frame yang akan tampil, dirubah ya kak sesuai dengan ukuran Templatenya kakak
Warna Biru : Tinggi dari frame, disesuaikan dengan kebutuhannya kakak
Warna Kuning : dirubah kata-katanya sesuai keinginan kakak jelir

5. Kalo udah diedit, jangan lupa klik Save Template ya kak... Selesai deh siul

Oiya kak.. kakak liat ada perubahan nga di postingan Tia kali ini?? coba deh kakak perhatiin lagi postingan Tia yang kemarin-kemarin ama yang sekarang, bedanya apa coba kak senyumkenyit Yhapp betul banget kak...di postingan Tia tentang Cara membuat link artikel terkait lebih singkat dan nga terlalu panjang coz Tia pake Google Document buat naro kode-kode HTML nya, tanya kenapa soal supaya lebih ringkas aja sih n loadingnya nga pake lama senyumkenyit udah ahh.. Tia dah ngantuk nih kak ngantuk besok-besok Tia mo sharing tentang cara bikin Artikel terkait dengan LinkWithin ahhh babai


Tunggu postingan Tia selanjutnya ya kak love



cyntia,sharing tips Cyntia Bookmark and Share

11 September 2009

Link pengganti Banner Favorite


Beberapa hari lalu, Kak Hitsuke dan kak f.uf.u mampir ke blog Tia n komplen kalo blog ini loadingnya berat hah .. hik hik iyah kak.. maap yahh sembah mungkin karena kebanyakan gambar yang Tia pasang di halaman depan makanya rada leletzzz loadingnya sedih Trus Tia konsultasi ama kakak yang selalu dukung dan support Tia love ditambah diskusi yang alot serta argumen yang ngotot *cieee mang lagi mo ngapain sihhh** akhirnya dengan berat hati Tia putusin untuk ngilangin Footer Banner Favorite angel dan sebagai gantinya... Tia pasang semua link dari banner-banner kakak itu di Friends Link nya Tia * masi dalam proses terus mengedit nih kak menari


Walopun nga ada gambar or bannernya kakak disini.. tapi insya Allah niat nya sampe kok kak coz sama aja kan kak, tetep ada link di blog ini yang bisa selalu Tia kunjungin setiap saat untuk mempererat tali silahturahmi ke blog nya kakak-kakak semua sembah

Postingan ini juga sebagai konfirmasi kak, untuk kakak-kakak yang mungkin udah pasang Link Tia tapi lom Tia pasang balik, tolong kasi tau Tia disini yah.. insya Allah Tia datengin blog kakak sambil ambil link nya kakak buat dipasang di Blog Tia ini peace Biar kita bisa lebih sering bersilahturami ya kak malu

Sekali lagi maap ya kak.... bukannya Tia nga suka bannernya kakak, tapi ini semua buat kelancaran loading blognya Tia... mudah-mudahan kakak-kakak semua bisa maklum yahh....senyumkenyit Makasih banyak ya kak atas supportnya selama ini... I Love You Full love


Selamat menjalankan Ibadah Puasa...Wassalamualaikum



cyntia,sharing tips Cyntia Bookmark and Share

09 September 2009

Cara menyembunyikan komentar pada postingan


Kalo kemarin Tia bikin postingan tentang cara optimalisasi shoutbox, di postingan yang sekarang Tia mo berbagi ke kakak-kakak semua tentang cara menyembunyikan komentar pada postingan, yang insya Allah berguna banget jika jumlah kometar di tiap postingan kakak lebih dari 10 komentar.

Awalnya permintaan dari kakak-kakak love yang rajin kasi komen ke postingan Tia yang ngusulin supaya Tia pasang Emoticon di kotak komentar trus setelah cari referensi dan Tia tanya sana sini, alhamdulillah bisa dan berhasil juga penat sekarang kakak bisa kasi komentar dengan emoticon yang lucu-lucu peace coz komentarnya makin banyak, tampil semua n memanjang di bawah postingan akhirnya kotak komentarnya juga ikutan terjun bebas deh kependem dipaling bawah ketukmeje yang jelas itu bakal nyusahin kakak-kakak yang laen kalo mo kasi komentar di postingannya Tia.


Tapi sekarang Tia punya solusinya kak, hasil dari pencarian di mbah google dan ngintip di humnya kakak-kakak senior jugamenari coba deh kakak liat tulisan blinking " Liat Komentar kakak yang lain Yuk.." di atas kotak komentarnya Tia, kalo di klik bakal muncul semua loh komen yang udah kakak tulis untuk postingan Tia itu, mudah-mudahan ini juga bisa menjawab pertanyaan kak f.uf.u, kak Tomie dan kak Bagir soal komentar Tia yang "hilang"celebrate kakak mau juga kan yang kayak gitu, caranya gampang banget kok, kita bahas bareng-bareng yah senyumkenyit

1. Langkah pertama Login ke www.blogger.com masukin username dan passwordnya kakak

2. Klik di Layout>> Edit Html trus klik di Expand Widget template oiya kak, jangan lupa untuk selalu men download full template dulu setiap mo edit Html, yah sekedar buat jaga-jaga aja sih kenyit

3. kakak cari kode ini :
.feed-links {
clear: both;
line-height: 2.5em;
margin-left: 13px;
}

kalo udah ketemu kakak kopas kode berikut tepat diatas nya
.commenthidden {
display:none
}
.commentshown {
display:inline
}

4. Trus kakak cari kode ini lagi </head> trus kakak kopas kode berikut tepat diatas nya
<script type='text/Javascript'>
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className==&quot;commentshown&quot;) {
whichpost.className=&quot;commenthidden&quot;;
}
else {
whichpost.className=&quot;commentshown&quot;;
}
}
</script>


Ayo kak semangatt..... dikit lagi selesai kok love

5. Langkah selanjutnya kakak cari kode ini
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>


atau kalo nga ketemu kode ini sama aja kak
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>

kalo udah ketemu, kopas kode berikut tepat diatas nya
<base target='_self'><h2><a aiotitle='click to expand' href='javascript:togglecomments (&quot;comments-block&quot;)' rel='nofollow'><b> <center><blink>Komentar kakak yang lain</blink></center></b></a></h2></base>
<dl class='commenthidden' id='comments-block'><br/>
trus kakak tambahkan kode </dl>

hingga hasil akhirnya jadi kayak gini kak :
<base target='_self'><h2><a aiotitle='click to expand' href='javascript:togglecomments (&quot;comments-block&quot;)' rel='nofollow'><b> <center><blink>Komentar kakak yang lain</blink></center></b></a></h2></base>
<dl class='commenthidden' id='comments-block'><br/>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
...dan seterusnya sampai...
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</dl>

Warna yang kuning bisa kakak ganti dengan tulisan apa aja sesuai keinginan kakak peace

6. Selesai kak penatjangan lupa klik Preview dolo sebelum kakak klik Save Template, biar lebih yakin ajah sih kakpeace

Kalo sukses, mulai sekarang, komentarnya kakak bakal tersembunyi semua di bawah postingan, jadi tampilan nya nga terlalu memanjang lagi kak menari oiya kak, kode-kode ini udah Tia tes n pake sendiri di blog ini persis sama, jadi kalo nti dicoba ditempat kakak n nga berhasil berarti ada kesalahan kopas sengihnampakgigi di cek ulang lagi aja yah kakangel


Jangan lupa kasi komentarnya yah kak... yuk mari senyumkenyit


cyntia,sharing tips Cyntia Bookmark and Share
 
Copyright 2010 Sharing Tips | Blogger Tips. Powered by Blogger Layout by Deluxe Templates