21 September 2009

Selamat Idul Fitri 1 Syawal 1430 H


Tia ucapkan Selamat Idul Fitri 1 Syawal 1430 H, Taqoballahu minna wa minkumwaja'alna minal'aidin walfaizin untuk kakak-kakak semua yang selama ini sudah support Tia di sini.



Selamat meraih hari kemenangan nan fitri angel semoga Allah SWT menerima segala amal ibadah kita star teriring Doa yang tulus doa dan dengan sepenuh hati ucapkan maaf atas semua kesalahan yang pernah Tia lakukan ke kakak-kakak semua sembah karena Tia hanyalah manusia biasa yang masih banyak kekurangannya dan tidak luput dari khilaf dan dosapeace

Semoga pintu maaf masih terbuka lebar untuk Tia doa dan semoga tahun depan kita dapat berjumpa kembali dalam bulan suci Ramadhan yang penuh rahmat dan maghfirah ... Amin


Selamat Idul Fitri 1 Syawal 1430 H

Cyntia Bookmark and Share

20 September 2009

Bye.. bye NaVbaR

Makasih yang buanyak Tia ucapkan buat kakak-kakak yang udah mampir ke Blog ini, harap maklum yah kak kalo postingannya lom banyak dan layoutnya berubah-rubah.. namanya juga baru belajar ihikhik Tampilan baru di Blog Tia kali ini adalah nga ada Navigasi bar yang mengganggu pemandangan sengihnampakgigi coz Nav Bar adanya di paling atas dengan warna biru yang ngejreng hah Bye.. Bye Navbar

Mulanya Tia tanya-tanya di paman google, cari info dari para senior blogger yang udah paham betul soal edit-edit blog, akhirnya ketemu juga cara untuk menghilangkan navbar blogger, sembahyang ternyata ada 2 cara yang sangat simple, tinggal menambahkan kode-kode di bawah ini :


/* cara menghilangkan navbar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Atau menaruh kode berikut persis di bawah kode <body> :

<style type='text/css'>
#navbar-iframe {display:none;}
</style>


Silakan dipilih salah satu ajah coz keduanya punya fungsi yang sama yaitu menghilangkan Navbar di blogger, ups....kalo kakak masih bingung juga saat masang kodenya, silahkan ikuti langkah-langkah berikut ini :

*** Untuk kakak yang masi menggunakan Templete Asli dari blogger, silakan gunakan kode berikut
  • Pilih menu TEMPLETE >> EDIT HTML
  • Cari kode </style> lalu copy dan paste kode berikut persis di atas kode tersebut
/* cara menghilangkan navbar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

</style>
  • Klik tombol SIMPAN PERUBAHAN TEMPLE >> Selesai

*** Sedangkan untuk kakak yang sudah menggunakan Templete Baru, baik yang 2 sisi , 3 sisi atau pun yang 4 coloum, silakan gukakan kode berikut
  • Pilih menu LAYOUT >> EDIT HTML
  • Cari kode ]]></b:skin>, lalu copy paste kode berikut persis di atas kode ]]></b:skin>
/* cara menghilangkan navbar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
  • Klik tombol SIMPAN TEMPLETE >> Selesai

Gampang kan??? Coba sekarang kakak buka Blognya deh... dan liat, udah nga ada lagi garis biru genjreng yang nyolok mata di atas blog kita love Untuk sekedar jaga-jaga, Download semua templete pilihan yang sudah kakak punya dan simpan baik-baik, jika terjadi kekacauan edit** Tia sering ngalamin lho** gunakan kembali templete tersebut agar tampilan blog kita nga kacau jelir, trus gimana cara mengganti Favicon dan bikin Yahoo Emo di postingan?? yuk mari ke postingan Tia berikutnya


Bye bye Navbar blog !



Cyntia Bookmark and Share

18 September 2009

Cara bikin Related post dengan Thumbnails

Kalo di dua postingan sebelumnya Tia sharing tips tentang Cara bikin link terkait dan Related post dengan Linkwithin, nah postingan yang kali ini juga masi tentang Related Post kak, cuman bedanya yang ini pake script sendiri, trus bisa di edit juga tampilannya biar sesuai selera kakak n ada gambarnya juga. Menurut para kakak senior dengan mendisplay related post yang disertai gambar or thumbnails bisa meningkatkan page view kita kak rindu coz postingan jadi lebih menarik n cantik, nah untuk lebih lengkapnya yuk kita simak sama-sama kak Cara bikin Related post dengan Thumbnails



1. Login ke Blogger trus masukin username dan passwordnya kakak

2. Klik di Layout>> Edit HTML trus jangan lupa klik di Expand Widget Tempalte, sekalian kak di download dolo full templatenya sekedar buat jaga-jaga ajah sih ihikhik

3. Trus kakak cari kode ini </head> dan kopas kode Related thumbnails ini tepat diatas nya

Hasilnya jadi kayak gini kak
--kode Related Thumbnails--
</head>

4. Kalo udah yang itu.. sekarang kakak cari kode ini
<div class='post-footer-line post-footer-line-1'>

atau kalo nga ketemu yang itu, coba cari yang ini kak, sama aja kok
<p class='post-footer-line post-footer-line-1'>

trus kopas kode berikut tepat di bawahnya
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>


Yang bisa kakak rubah ada di :
Warna Merah : jumlah Related post yang ingin kakak tampilkan
Warna Kuning : Tulisan yang bisa diganti sesuai seleranya kakak

5. Selesai kak.. trus klik Save Template

Gimana kak?? gampang kan menariTia juga udah pernah pake buat blog ini kok kak but Tia apus lagi coz takut tabrakan dengan Link Artikel terkait yang udah Tia pasang sebelumnya sengihnampakgigi uhmm.. makin banyak ajah yah kak pilihan widget buat mempercantik tampilan blog, keren-keren n bisa disesuaikan ama kebutuhan blog kita ya kak love


Related Post dengan Thumbnails, postingan makin cantik peace

Cyntia Bookmark and Share

 
Copyright 2010 Sharing Tips | Blogger Tips. Powered by Blogger Layout by Deluxe Templates