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

16 September 2009

Cara pasang Related post dengan LinkWithin

Jumpa lagi, dengan Tia disini malu *pake gaya Meissy* setelah 2 hari kemarin terserang batuk yang rada parah, malam ini Tia coba sharing tips lagi buat mempercantik tampilan blog love Kalo kemarin Tia posting tentang Cara membuat link artikel terkait nah kalo yang sekarang masi agak mirip juga kak tapi link artikel terkaitnya ditambahin gambar supaya lebih menarik ihikhik untuk lebih jelasnya, kita simak bareng-bareng ya kak Cara pasang Related post dengan Link Within peace


1. Langkah pertama, daftar dulu kak di sini, isi semua formulir yang disediakan sesuai dengan data Blog nya kakak trus klik Get Widget

2. Selanjutnya LinkWithin akan menyiapkan Related Postnya, tinggal kakak klik Install Widget aja n langsung otomatis terkirim ke blognya kakak, asalkan saat itu kakak pas lagi login di Blogger, kalo belum ya musti login dolo kak ihikhik

3. Di blog kakak akan tampil Add Page Element yang berisi kode script dari LinkWithin, kakak klik Add Widget nya yah

4. Langkah ke empat dan yang terakhir, kakak pindahin widget LinkWithin nya tepat di bawah widget postingan, supaya Related Post dengan LinkWithinnya tampil di bawah postingannya kakak.
5. Selesai deh kak.. penatjangan lupa klik Save

Sekarang coba kakak buka salah satu postingannya kakak, trus liat di paling bawah postingan, akan keliatan Related Post nya kakak dengan gambar, yang kalo di klik bakal mendarat dengan mulus ke postingan kakak yang lainpeace uhmm.. Tia kemarin udah coba fasilitas ini, but Tia nga pasang di blog ini, tanya kenapa angkatkening coz Tia udah pasang Link artikel terkait jadi nga mungkin double kan takbole secara nti malah bikin tampilan blog jadi kacau deh tumbuk


Seru kan kak Related Post nya ada gambarnya angel


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