Laman

Tampilkan postingan dengan label Trick Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Trick Blog. Tampilkan semua postingan

Teks berjalan di bar menu

Apa ya maksud judul postingan iniya,gini maksudnya anda pernahkan melihat sebuah blog dengan teks yang berjalan di menu bar(di bagian atas),untuk lebih memudahkan anda memahaminya silahkan alihkan perhatian anda sebentar ke bagian atas layar monitor anda,anda pasti melihat teks yang berjalan-jalan,gimana ngertikan,masa itu aja gak ngerti,ok kita kembali ke bahasan,sebenarnya ada banyak mode teks berjalan yang dapat di pasang bi menu bar,tapi,kita akan belajar membuat teks berjalan seperti punya saya saja.

Anda tentu tertarik membuatnyakan karna lebih membuat blog lebih hidup,lebih fres gitu, sebenarnya caranya cukup mudah hanya dengan sedikit trik aja,anda dapat melakukannya baiklah kita langsung aja mulai membuatnya,silahkan anda copy kode di bawah ini dan letakan diatas kode <head>





Jika anda melakukannya dengan benar,anda dapat melihat hasilnya di menu bar layar anda Ok selamat berkarya,dan stop penjiplakan.

oh ya pada teks yang berwarna merah ubah dengan kata-kata anda sendiri Ok
^_^
Label:

Menghilangkan Garis Bawah Link

Jika kawan perhatikan baik-baik,ketika Kursor Mouse diarahkan kesuatu link ,maka secara otomatis akan ditampilkan garis bawah pada link tersebut,tentu hal tersebut akan menggangu keindahan blog.jadi jika kawan ingin menghilangkan garis bawahnya(seperti blog qu),ikutilah tutorial berikut ini(seperti siaran radio ya)


1.Logn in lah ke blogger
2.Jika sudah masuk kehalaman Dashboard,klik link Layout,lalu pilih Edit HTML
3.Pada halaman Edit HTML,carilah kode dibawah ini



4.Lalu ubah menjadi kode dibawah ini




5.Lalu klik SAVE TEMPLATE
6.Lihatlah blog kawan ,dan cobalah mengarahkan Kursos Mouse ke sebuah link,jika kawan menempatkan kodenya dengan benar,maka garis bawah tidak akan ditampilkan lagi.
Label: ,

cara menghilangkan tulisan didukung oleh blogger




Bagi sobat yang menggunakan template yang disediakan oleh blogger, maka dibagian bawah biasanya ada tulisan "didukung oleh blogger", mungkin ada sebagian dari sobat yang ingin menghilangkannya adapun caranya adalah sebagai berikut:


1. sobat login ke dasbor
2. Klik rancangan
3. Klik edit HTML
4. Cari kode ]]></b:skin>
5. Copy kode dibawah ini :








#Attribution1 {
height:0px;
visibility:hidden;
display:none
}


6. Letakkan kode tepat diatas kode ]]></b:skin>
7. Klik simpan template.


selamat mencoba semoga berhasil

^_^
Label: ,

Cara menghilangkan menu navbar bawaan blogspot

Hayy sobat apa kabar… saya harap kabar sobat-sobat semua hari ini baik-baik aja… kali ini saya mencoba menulis cara menghilangkan menu navbar atau menu navigation bawaan blogger, “menu navbar apaan sih…???” menu navbar adalah kotak kecil yang memanjang dan berada diatas blog kita (blogspot), ” terus.. kegunaan menu navbar apaan…???” yaaa kegunaannya banyak seperti sign in atau sign out membuat blog baru dan lain-lain.
“Terus cara menghilangkan menu navbar gimana…?”
Cara menghilangkan menu navbar di blogspot mudah banget, pertama-tama sobat loggin dulu ke akun blogger sobat kemudian pergi ke rancangan >> edit html ,
kemudian copy pastekan kode dibawah:
#navbar-iframe {
display: none !important;
}
Diatas kode:
/* Variable definitions
Atau coba perhatikan kode dibawah:
———————————————–
Blogger Template Style
Name:     Ethereal
Designer: Jason Morrow
URL:      jasonmorrow.etsy.com
———————————————– */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name=”keycolor” description=”Main Color” type=”color” default=”#000000″ value=”#adbbd5″/>
Kira-kira seperti itulah cara menghilangkan menu navbar di blogspot, saya pikir cukup sampai disini dulu tulisan saya kali ini,
Jika ada sumur di ladang
Boleh kita menumpang mandi
Jika ada umur yang panjang
Pasti kita berjumpa lagi…
Sekian terimakasih, dan semoga bermanfaat bagi sobat-sobat semua….
Label: ,

Cara menampilkan foto profil/avatar komentar di blogger

selain gambar profil blogger, pemilik blog juga bisa menggantinya dengan gambar avatar pilihan sebagai identitas para komentator semisal komentar 'anonim'. Untuk sebagian template bisa dengan mudah menampilkan gambar profil yang memberikan komentar. Tapi ada juga yang mesti sedikit mengoprek template guna menampilkan foto profil komentar. Jika blog sobat termasuk demikian, simak tutorial di bawah ini.

1. Login ke blogger, setelah masuk klik pengaturan, lalu pilih pengaturan komentar.

2. Pada pilihan Tampilkan gambar profil dalam komentar? sobat pilih ya.

3. Lalu klik simpan setelan. Sampai ada keterangan Setting Telah Berhasil Disimpan. Dan lihat hasilnya, Silakan dicoba dengan menulis komentar dengan ID blogger sobat pada salah satu posting. apakah gambar/foto profilnya sudah muncul alias terlihat?

Jika terlihat, berarti cara menampilkan foto profil/avatar komentar di bloggercukup sampai disini. Sebaliknya, jika gambar profilnya masih belum muncul juga. Sobat perlu melakukan langkah tambahan sebagai berikut:

4. Masih dalam keadaan login. Klik rancangan, lanjut dengan mengklik Edit html.

5. Untuk mengantisipasi jika nanti terjadi kesalahan. Backup template dengan cara: klik link download template lengkap.

6. Setelah selesai, beri centang pada kombo disamping expand template widget

7. Selanjutnya cari kode:
]]></b:skin>

8. Setelah ketemu, tepat diatasnya taruh kode berikut:

#comments-block .avatar-image-container img {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY6rkvvMAm-hYx8kKV7dvVoNmJuvyAKQCAqCdk9RTjUOMkqqP3s971rdMzmLPwMjj1yNwfBJCmYOQgC5yigrASqSeHYdZNNiwHSKdvpRPjTvz-r6X1Qsaho2ch0GjZbeYEj6Pb8IzRN6uI/) no-repeat left top; width:35px;height:35px}

Pada teks berwarna merah adalah URL gambar avatar yang disimpan pada file hosting. Sobat bisa menggantinya dengan avatar pilihan sobat.

9. Lanjut dengan mecari kode:

<dl id='comments-block'>

10. Hapus kode tersebut lalu ganti dengan kode berikut:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

11. Masih belum selesai, terakhir cari:

<a expr:name='data:comment.anchorName'/>

12. Lalu hapus dan ganti kode tersebut dengan
kode seperti dibawah ini:

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

13. Selesai mengutak-atik kode diatas. Langkah terakhir Klik simpan template.

14. Jika berhasil, akan muncul keterangan perubahan anda telah disimpan 'lihat blog'.

Untuk melihat hasilnya. lakukanlah ujicoba dengan memberi/mengetik komentar pada salah satu postingan blog sobat dengan ID blogger (dalam keadaan login). Otomatis foto profil akun blogger sobat akan terlihat. Coba juga dengan ID anonim atauNAME/URL. Maka yang muncul adalah gambar avatar yang sudah ditentukan oleh sobat.

Nah, kurang lebih begitulah Cara menampilkan foto profil/avatar komentar di blogger. Seperti yang pernah saya lakukan pada template ini. Selamat mencoba!

Label:
Langganan: Postingan (Atom)