Home / Archived For May 2014

Tuesday, May 6, 2014

Membuat Recent Comment atau Komentar Terbaru di blogger

Add Comment

Membuat Recent Comment atau Komentar Terbaru


ini dia cara-cara mudah nya

1. Sign in di  Blogger.com  yang pastinya dengan akun anda.

2. pada dasbor, pilih blog yang akan anda tambahkan widget ini.

3. Lalu pilih  Rancangan

4. Pilih tambahkan widget, dimana anda akan meletakkannya tapi jangan khawatir lokasi widget bisa di pindahkan kok nanti

5. Lakukan pencarian widget seperti gambar di bawah ini

Membuat Recent Comment atau Komentar Terbaru

6. Pilih salah satu yang kalian akan terapkan.

Membuat Recent Comment atau Komentar Terbaru

     1. Recent Comment standar
     2. Recent Comment advance
saya sarankan gunakan lah yang pertama karena simple

7. Isi isian sesuai keinginan anda  Lalu piilih simpan atau save

Membuat Recent Comment atau Komentar Terbaru


Lalu lihat blog anda, pasti deh sudah terdapat recent commentnya

semoga bermanfaat yaa

Monday, May 5, 2014

Menghilangkan Navbar blogger (Navigation Bar) di blogger

Add Comment
Cara Menghilangkan Navbar (Navigation Bar) - Navbar adalah Seperti garis yang melintang darikiri ke kanan yang terletak di halaman atas dari setiap blog yang di bikin di blogger. seperti ini nih yang namanya Navbar


Menghilangkan Navbar blogger (Navigation Bar)

Memag jika Navbar ini di hilangkan, tampilan blog akan lebih asik dilihatnya dan menambah sedikit lebih menarik

Cara Menghilangkan Navbar 

Sampai saat ini , banyak sekali blogger yang menghilangkan Navbar termasuk juga saya etapi selama ini aman-aman saja kok. memang dalam Term of Service (TOS) blogger tidak di bahas dengan jelas tentang Navbar
Untuk anda yang berminat, Ini dia triknya

1. Sign di Blogger

2. Pilih Template lalu edit HTML

3. Cari kode <body>

4. Jika sudah ketemu taruh kode berikut di atasnya:


/* hilangkan navbar
----------------------------- */

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

5. Simpan template

Pasti Navbar anda sudah tak tampak

Sunday, May 4, 2014

Menghilangkan Tulisan Posting Baru/Newer Post pada blogger

Add Comment

Menghilangkan tulisan Posting Baru/Newer Post 


anda pernah melihat tulisan seperti gambar di bawah ini ?


Menghilangkan Tulisan Posting Baru/Newer Post

Jika kalian terganggu dengan tulisan ini, kalian bisa kok menghapusnya

Begini nih kira-kira

1. Seperti biasa anda harus sign in di akun blogger.com kalian
2. Pilih blog yang akan kalian terapkan trik ini
3. Pilih menu Template lalu Edit HTML;
4. Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):  


<data:newerPageTitle/>

5. Hapus kode tersebut lalu simpan deh template nya Coba di lihat hasilnyaSemoga berhasil Kalian Bisa kasih komentar untuk konsultasi masalah trik ini 

jika kalian menemukan kode lebih dari 1, maka hapus saja semua kode yang persis tersebut

Membuat Kotak Pencarian/Search Engine

Add Comment
Search engine atau kotak pencari adalah sebuah fasilitas yang digunakan untuk mencari halaman dan konten berdasarkan keyword atau kata kunci yang kita cari. Kotak pencari ini juga sangat bermanfaat untuk pengunjung kita dalah mencari konten yang ada di blog sehingga tidak usah membuka satu persatu post yang ada dalam blog, dengan anda hanya mengetikan kata kunci yang ingin di cari lalu klik enter, tarangggg. Keluar deh hasil yang kalian inginkan...

Ini nih kenampakan kotak pencarian 
Membuat Kotak Pencarian/Search Engine

Untuk kalian yang ingin menaruhnya di blog gampang kok cara nya. cekidott
1. Masuk dengan akun blogger anda 

2. Pilih blog yang akan kalian taruh kotak pencarian

3. Lalu pilih tata letak, tambah gadget pada tempat yang di inginkan 

4. Pilih HTML/Javascript 

5. Copy paste kode di bawah ini lalu simpan atau save


<form action="http://url-blog.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="25" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti url blog dengan nama blog anda. Angka 25 adalah panjang kotak pencarian yang kalian inginkan


Membuat Kotak Pencarian/Search Engine

Membuat Kotak Pencarian/Search Engine


Selamat mencoba ya

Friday, May 2, 2014

Cara Membuat Spoiler di Blog

Add Comment
Cara Buat Spoiler di Blog
Cara membuat Spoiler di Blogspot - Udah lihat gambar di atas ? Itu tuh yang di namakan spoiler, kegunaannya untuk menyembunyikan konten yang ada di dalam spoiler, untuk contohnya, kalian bisa lihat di bawah ini, agar lebih mengerti fungsi dari spoiler 

Cara membuat Spoiler di Blog

Hide and show button juga sebutan untuk spoiler, yang lebih gampangnya Tombol sembunyikan dan tampilkan konten, konten ini bisa berisi berbagai macam, seperti gambar, video, teks maupun script dan kode . spoiler ini juga bisa ditaruh di side bar maupun postingan blog. Kalian tinggal copy kode di bawah ini, edit dan ubah sesuai dengan yang kalian inginkan , lalu paste di side bar atau postingan yang kalian hendaki.. 


<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;">  
isi teks, kode html, script video, gambar dan lainnya
 <br> </div> </div> </div>


Semoga bermanfaat ya

Menyingkat komentar post dengan scrolling pada blog

Add Comment
Menyingkat komentar post dengan scrolling Sebuah postingan yang mempunyai ratusan komentar bahkan lebih, pasti sangat mengganggu tampilan blog anda dengan panjangnya deretan komentar-komentar yang ada pada posting. Untuk mengakalinya dan komentar masih tetap ada, ini dia triknya. Scrolling artinya putar, dimana kita tinggal memutarnya dengan scrolbar pada mouse untuk melihat semua komentar yang ada. Ingin menerapkannya pada blog anda?. Mari kita simak tips nya
Menyingkat komentar post dengan scrolling

Menyingkat komentar post dengan scrolling

1. Masuk dengan akun blogger anda 

2. Pilih blog yang akan anda terapkan trik ini 

3. Lalu pilih edit template atau edit HTML, jangan lupa ya di centang

4. Backup template untuk jaga-jaga sobat 

5. Cari kode yang seperti ini : 

#comments a {text-decoration: none;} 
#comments h2 {font-size: 1.3em;} 
#comments p {margin-bottom: 10px;line-height: 1.6em;} 
#comments form {padding: 0 10px;} 
#comments form p {margin-bottom: 5px;} 
#comments form input {margin-right: 5px;}

         6.Sisipkan kode berikut di atas kode berwarna merah seperti di atas

 #comments {height:500px;overflow:auto;}


        7. Sehingga kode nya seperti ini

#comments a {text-decoration: none;}  
#comments {height:500px;overflow:auto;} 
#comments h2 {font-size: 1.3em;} 
#comments p {margin-bottom: 10px;line-height: 1.6em;} 
#comments form {padding: 0 10px;} 
#comments form p {margin-bottom: 5px;} 
#comments form input {margin-right: 5px;}

1    8. Simpandehhh
  

    Menyingkat komentar post dengan scrolling


Catatan : 500px adalah panjang scrolling yang kita buat, ubah sesuai keinginan anda
    Jika pada template blog kalian tidak ada kode #comments h2 { , maka cari 
     kode #comments a

Thursday, May 1, 2014

Mengembalikan Tulisan Home pada blog

Add Comment
Untuk kalian yang ingin mengembalikan tulisan Home yang telah anda hapus, trik ini kaya nya pas deh untuk kalian

Mengembalikan Tulisan Home

1. Sign in di akun blogger kalian

2. Pilih blog yang akan kalian terapkan trik ini.

3. Pergi ke Template lalu Edit HTML

4. lalu tekan ctrl + f untuk mempermudah penempatan kode nya

5. cari kode yang kira-kira seperti di bawah ini.

Mengembalikan Tulisan Home


<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

6. semat kan kode <data:homeMsg/> seperti di atas

7. klik pertinjauan, jika sudah tampil langsung saja deh simpan template nya
Subscribe to: Posts (Atom)