Minggu

Trik Navbar Blogger.

Apa itu Navbar Blogger? Untuk lebih mudahnya teman-teman bisa langsung melihat gambar ini:
, navbar ini masih ada di atas


template blog sobat kalau blog itu baru saja di buat. Sebagian blogger merasa tidak srek atau tidak nyaman kalau navbar ini tampil di blog mereka, biasanya si ada beberapa template buatan para master otomatis menyembunyikannya. Beberapa alasan yang biasa muncul adalah karena takut nantinya para pengunjung mengklik tulisan blog berikut, sehingga dengan mengklik tulisan ini maka si pengunjung akan dibawa ke blog lain, alasan lainnya lagi karena memang tampilannya kurang menarik, dll. oleh karenanya banyak dari para blogger berusaha untuk tidak menampilkan navbar ini, baik itu dengan tidak menampilkannya secara permanen, ataupun dengan cara menyembunyikannya akan tetapi jika kita mengarahkan mouse kita ke navbar, maka navbar tersebut akan muncul, atau biasa juga disebut dengan navbar auto hide (contohnya saja blog pemula ini).

Untuk melakukan trik navbar ini kita hanya perlu sedikit mengotak atik kode HTML template kita.

A. Membuat Navbar Auto-Hide.

Trik ini akan menjadikan navbar blog kita tidak kelihatan, namun tidak hilang. Karena cukup dengan mengarahkan kursor mouse kita ke arah navbar (bagian atas blog) maka secara otomatis navbar blog akan kelihatan. Untuk lebih jelasnya silahkan untuk mengarahkan kursor mouse anda ke bagian navbar blog ini. Bagaimana, tertarikkah anda untuk mencobanya? kalau tertarik, langkah-langkahnya adalah sebagai berikut:

1. Login ke Blogger.

2. Klik Tata Letak.

3. Klik Edit HTML.

4. Lalu cari kode ]]></b:skin> (tekan F3 di keyboard) lalu kopi-paste kode berikut di atas kode ]]></b:skin> :


#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}


5. Klik Simpan Template.

6. Sekarang silahkan dilihat hasil kerjaan anda.


B. Membuat Navbar Hilang/ Menghilangkan Navbar.

Selanjutnya cara menghilangkan navbar, dan tentunya ini tidak bisa muncul seperti trik auto-hide. Beberapa blogger masih membahas apakah menghilangkan navbar blogger itu termasuk melanggar TOS (Term of Service) Blogger atau tidak. Akan tetapi secara pribadi si empunya blog hanya menemukan di ruang TOS Blogger menyatakan tentang kegunaan navbar ini adalah untuk/ agar si pengunjung blog tertentu bisa mengunjungi blog berikutnya, tentunya ini tidak menentu alias secara acak. Sedang kegunaan lain bisa anda temukan di navbar itu sendiri, seperti: mencari sesuatu yang ada di blog yg sedang kita kunjungi, berbagi atau sharing isi blog, forum untuk melaporkan penyalah gunaan blog, entri baru, kostumisasi, dan sign in/ sign out. Jadi selama belum ada peraturan mengenai hal ini, teman2 santai saja gak perlu khawatir. Toh belum ada laporan mengenai blog yang dihapus gara-gara navbar-nya dihilangkan^.

Ok, langkah-langkah menghilangkan navbar adalah sebagai berikut:

1. Login ke Blogger.

2. Klik Tata Letak >> Edit HTML.

3. Letakkan kode berikut setelah bagian yang ada tulisan "Blogger Template Style"
atau di atas kode yang bertuliskan /* Variable definitions .


/*---Hide navbar---*/

#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}




4. Klik Simpan Template.

5. Selesai...


Sedikit Clue: Kalau navbarnya mau dimunculin lagi, tinggal dihapus aja kode tersebut.
Klik disini, untuk baca seLengkapnya...

Sabtu

Tampilan Baruku dengan Minima Black Version.

Sudah lama ni..
Aku ngga' update, tidak tau kenapa akhir-akhir ini tidak pernah mood dengan aktivitas Internet. Dan aku pun mulai lagi inetnya waktu kepikiran mau ngotak-atik template ni blog., Dan jadilah tampilan baru ini. Walau pun hanya sederhana tapi aku sudah puas dengan tampilan ini.
Sebenarnya template ini adalah standar dari blogger, hanya saja mendapat sedikit sentuhan dari aku.

Buat teman-teman yang juga berminat menggunakan template Minima Black Versi saya ini silahkan di download aja, gratis kok....

ni link downloadnya...



Klik disini, untuk baca seLengkapnya...

Membuat Efek Pelangi Pada Link.

Sudah lama aku tidak update lagi, maklum sibuk mencari kesibukan untuk menghibur diri karena pusing dengan semua masalahku. Sebenarnya beberapa hari yang lalu aku mau update tapi tiba-tiba ku terserang penyakit aneh...

Trus apa hubungannya dengan judul di atas ??????

Okelah kalau begitu kita mulai aja tutorialnya... Tapi sebelumnya perlu sobat ketahui kalau yang dimaksud efek pelangi pada link adalah...(coba aja anda tunjuk salah satu link di blog ini) itulah yang di sebut Efek Pelangi pada Link.

Kalau sobat tertarik mau bikin kayak gituan, Langsung aja :

1. Masuk ke account blogger anda.
2. Pilih tata letak/layout



3. Pilih edit HTML.


4. Copas kode di bawah ini, di atas bawah kode </head>


<script src='http://h1.ripway.com/Fais7/pelangiefe.js' type='text/javascript'>
</script>



Setelah anda mencopy paste kode di atas pilih simpan.
Dan anda lihat hasilnya, selesai dech.
Klik disini, untuk baca seLengkapnya...

Jumat

Curahan Hatiku yang ke-2.

Akhir-akhir ini saya sering dihantui oleh rasa takutku akan kejadian beberapa hari yang lalu. Sebenarnya kejadian itu sudah tak asing bagi saya tapi kejadian yang sudah beberapa bulan itu baru terjadi lagi. Padahal trauma itu sudah hilang sejak kejadian itu lama tidak terjadi.


Sebenarnya kejadian apa sich itu.
Kalian pernah dengarkan Black Magic dari mbak ‘GEK’ itulah yang dilakukan tetanggaku ke mamiku. Dia sudah melakukan rencana untuk membunuh mamiku dari sejak 3 tahun lalu dengan cara Black Magic/dukun, tapi sampai sekarang belum kesampaian. Memang sich nenekku, mertuanya, iparnya, dan 2 orang lainnya aku lupa siapa. Tetanggaku ini sebenarnya masih keluarga dengan papiku tapi demi keberhasilan anaknya dia menggunakan Black Magic. Pengen cepat kaya tu seperti di sinetron-sinetron.

Kejadian ini sebenarnya terjadi karena beberapa factor yaitu :
1. Orang itu selalu membutuhkan tumbal bila tiba waktunya.
2. Iri dengan mamiku yang lebih cantik dan bergaya dari dia. Hehehe
3. Anak ceweknya ditolak oleh kakak saya yang lebih memilih pacarnya untuk diperistri.

Coba bayangkan dia sampai menjual mobilnya yang harganya kisaran 200juta lebih untuk mencari dukun yang lebih hebat dari sebelumnya selama 1 bulan dan dukun itu dia dapat di Makassar. Jadi sekarang ada 5 setan di tubuh mamiku dengan beberapa dukun (saya juga tidak tau ada berapa dukun yang dia gunakan). Bentuknya yaitu :
1. Kucing
2. Kambing
3. Wanita yang bersuara seperti kuntilanak.
4. Laki-laki yang besar.
5. Laki-lai juga.

Sebelum kejadian itu saya tidak pernah takut tapi sekarang., takutttttttttttttttttt.
Jujur tiap mengingat kejadian ini saya mau menangis, marah, tidak jelas maunya apa.
Dia kan tetangga yang tinggal depan rumah saya jadi tiap dia bertapa ada yang aneh jika kumelihat ke rumahnya, jadi saya meronda untuk jaga-jaga siapa tahu dia datang menanam sesuatu.

Sebenarnya saya takut kalau postingan ini dibaca oleh saudaraku karena dia selalu marah kalau saya selalu lebay. Karena 8 bersaudara cowok semua cakep-cakep lagi tidak mau jika ada diantara kami ada yang cengeng.

Sekian dulu ya curhatan hatiku yang ke-2.

Klik disini, untuk baca seLengkapnya...

Membuat Daftar Isi.

Update kali ini saya bingung mau buat postingan apa_an, hingga akhirnya saya memilih memposting Tutorial Membuat Daftar Isi. Mungkin diantara sobat blogger membuat daftar isi sangatlah mudah tapi bagi yang pemula seperti saya masih bingung cara pasangnya.

Dalam membuat widget Daftar Isi ada beragam caranya tapi untuk postingan ini saya hanya membahas 2 cara. Yuk mari sama-sama kita simak :

1. Masuk ke account blogger anda.
2. Pilih tata letak/layout


3. Pilih tambah gadget




4. Pilih HTML/javascript.




5. Kopas kode di bawah ini



<div style="border: 1px solid rgb(238, 238, 238); padding: 10px; overflow: auto; width: 280px; height: 150px; text-align: left;">

<a href="http://belajar-bersama-pemula.blogspot.com/2009/11/cara-membuat-blog-via-blogger.html">Cara Membuat Blog Via blogger</a><br/>


<a href="http://belajar-bersama-pemula.blogspot.com/2009/11/cara-setting-blog.html">Cara Setting blog</a><br/>


<a href="http://belajar-bersama-pemula.blogspot.com/2009/11/memilih-template.html">3. Memilih Template</a><br/>

</div>


Sedikit Clue :
Jadi tiap ada postingan baru anda harus menambah kode diatas kode </div> .

<a href="http://belajar-bersama-pemula.blogspot.com/2009/11/cara-membuat-blog-via-blogger.html">Cara Membuat Blog Via blogger</a><br/>
Catatan :
Kode yang warna orange itu dapat anda ganti dengan lebar widget yang anda inginkan.
Kode yang warna hijau dapat anda ganti sesuai dengan tinggi widget yang sesuai dengan template anda.
Kode yang warna merah anda ganti dengan URL postingan.
Kode yang warna biru anda ganti dengan judul postingannya tapi harus sesuai dengan URL tadi.



Kalau anda tidak mau repot menambah code tiap ada postingan kode di atas diganti aja dengan kode bawah ini :


<div style="border: 1px solid #000; overflow: auto; width: 300px; height: 220px;">
<script style="text/javascript" src="http://raezen.fileave.com/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://belajar-bersama-pemula.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script>
</div>


Catatan :
Kode yang warna orange itu dapat anda ganti dengan lebar widget yang anda inginkan.
Kode yang warna hijau dapat anda ganti sesuai dengan tinggi widget yang sesuai dengan template anda.
numposts : untuk menampilkan jumlah judul.
showpostdate : untuk menampilkan tanggal postingan ubah false menjadi true.
showpostsummary : untuk menampilkan ringkasan postingan ubah false menjadi true.
Kode yang warna merah anda ganti dengan URL anda.

Setelah anda mencopy paste salah satu kode di atas pilih simpan.
Dan anda lihat hasilnya, selesai dech.
Klik disini, untuk baca seLengkapnya...

Minggu

Cara Membuat Recent Comment.

Kali ini kita akan ngebahas tentang cara membuat widget Recent Comment ato Komentar Terbaru, versi Indonesia ala Belajar Ngeblog. Ok langsung aja praktek :

  1. Login >> Layout/Tata Letak
  2. Pada Elemen Halaman, klik Add gadget/Tambah gadget di lokasi yang Anda inginkan
  3. Pilih HTML/Javascript
  4. Tuliskan Judul seperti Recent Comment atau Komentar Terbaru dan isi content dengan kode di bawah ini:
    <script style="text/javascript" src="http://h1.ripway.com/Fais7/rrecentcoment.js">
    </script>
    <script style="text/javascript">
    var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 50;
    </script>
    <script src="http://belajar-bersama-pemula.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
    </script>
    Ganti kode yang warna kuning dengan URL blog anda.
  5. kode yang warna merah dengan jumlah komentar terbaru yang ingin ditampilkan
    kode yang warna biru dapat anda ganti dengan jumlah karakter dari komentar yang ingin ditampilkan.
  6. Klik Tombol Simpan
Selesai dech..
Tapi kalau malas mempraktekan code diatas kamu bisa install langsung ke blog mu :



Klik menu diatas kemudian pilih blog yang anda yang ingin disisipkan widget ini seperti diatas. Terus beri judul dan pilih ADD WIDGET.
Sedikit clue : ini tidak bisa dilakukan jika anda tidak dalam keadaan log in di blogger.com.
Klik disini, untuk baca seLengkapnya...