Membuat author gravatar pada blogspot

Banyak cara membuat modifikasi pada bagian komentar, seperti membuat mybloglog avatar, salah satu triknya suhu Jaloee dan lain-lain. Kali ini saya mencoba memberikan salah satu trik baru untuk modifikasi perwajahan bagian komentar dengan menampilkan author gravatar sehingga memberikan kesan seperti komentar themes wordpress. Trik ini memang ada beberapa kelemahan yaitu hanya owner blog yang bisa

Read more...

Membuat S3slider images show

Tutorial ringan ini akan membahas bagaimana cara membuat s3slider image show yang diaplikasikan ke dalam template blog terutama blogspot, feature ini dapat di gunakan sebagai pelengkap tambahan untuk model template dengan magazine style, proses instalasi ke dalam blog sangat mudah dan simple, untuk melihat sumber s3slider image silahakan ke situs resminya, jika sobat ingin melihat demonya bisa

Read more...

Membuat autoscroll dengan jquery

Membuat auto scroll ada banyak cara, di antaranya adalah dengan cara membuat link ke bagian div yang di inginkan atau juga dengan cara memasukkan script autoscroll dengan javascript, kali ini saya coba membahas bagamaimana cara membuat autoscroll dengan script jquery yang menurut saya auto scroll ini tampak lebih dinamis ketika kita melihat bagian header dari blog kita maka autoscroll tersebut

Read more...

Cara mengatur layout kolom di blogspot

Pada pembahasan sebelumnya sudah saya jelaskan bagaimana cara membuat kolom baru di blogspot, dan pada tutorial kali ini saya akan membahas bagaimana cara mengatur layout kolom yang sudah kita buat, dan pada dasarnya ini juga berlaku buat kolom yang sudah ada baik itu template dengan layout 2 kolom ataupun sudah menjadi 3 kolom. Trik ini sebenarnya tidak rumit karena kita hanya memindahkan kode

Read more...

Membuat kolom baru di blogspot

Bagaimana cara membuat atau menambahkan kolom baru di blogspot? Pada tutorial ringan ini saya akan coba sedikit memberikan konsep yang sangat sederhana bagaimana cara membuat atau menambahkan kolom baru di blogspot, baik itu membuat 2 kolom menjadi 3 kolom maupun 4 kolom atau bahkan lebih, jadi saya harapkan sobat blogger bisa berkreasi sendiri dengan panduan konsep dasar membuat kolom baru di

Read more...

Menampilkan real time di blogspot (2)

Buat sobat blogger yang tertarik dengan menampilkan realtime di blogspot bagian pertama , pasti akan lebih tertarik lagi dengan trik yang kedua ini karena kekurangan di bagian pertama tidak dapat menampilkan jam ketika mengakses blog sobat seperti kebanyakan sobat blogger yang menanyakan bagaimana cara menampilkan jamnya, maka di bagian kedua ini semua dapat di tampilkan dengan format tampilan :

Read more...

Menampilkan real time di blogspot

Trik ini saya dapatkan dari melihat hasil karya template suhu Herro,  sangat menarik sekali menurut saya karena ketika kita membuka blog akan terlihat hari kita mengaksesnya yang saya sebut real time , sehingga tampilan blog menjadi dinamis. Pemakaian real time dapat sobat lihat di blog ini, atau lihat screenshootnya di bawah ini :

Cara menampilkan realtime ini sangat mudah sekali, hanya

Read more...

Modifikasi perwajahan komentar

Kali ini saya hanya sedikit memodifikasi hasil kerja kang jaloee yaitu mengganti perwajahan komentar, di mana saya hanya ingin menambahkan author commentnya beda style atau istilahnya komentar pemilik blog berbeda style dengan komentar pengunjung, seperti yang sobat lihat screenshoot di bawah ini :


Menurut saya perwajahan komentar tersebut sangat menarik dan unik, kalau sobat tertarik ingin

Read more...

Menampilkan kode HTML/Javascript yang unik di postingan (4)

Satu lagi cara menampilkan kode HTML-an / javascript di postingan dengan menggunakan teknik scrollbox yaitu kode HTML-an di dalam kotak yang ada scrollnya, kalau sobat sudah membaca postingan bagaimana caranya menampilkan kode HTML/javascsript versi 1, versi 2, dan versi 3 tidak ada salahnya mencoba versi yang ke-4 ini, contohnya dapat di lihat di bawah ini :#rec { margin:20px;padding:20px;}
.

Read more...

Membuat 2 atau 3 kolom di bawah header

Penutup tutorial blog di bulan puasa ini , saya akan memposting bagaimana cara membuat 2 kolom di bawah header , ini buat sobat blogger yang suka menaruh banyak widget untuk mempercantik blognya, dan sempat di tanyakan juga oleh pembaca blog ini yaitu sobat badot, setelah mencari inspirasi akhirnya ketemu juga bagaimana caranya membuat 2 kolom di bawah header, kalau mau lihat screenshotnya di

Read more...

Membuat post signature

Everyone knows the signature is also your identity which can tell a little secret about your character - by Mochal
Sekarang lagi bingung mau posting apa ga ada bahan baru ya pakai bahan lama aja deh :p , kebetulan ada yang nanya bagaimana cara membuat post signature ya saya buatkan aja tutorialnya sekalian kalau ada nyasar and yang belum tahu bisa lihat postingan ini wekekeke :p , langsung aja

Read more...

Mengubah nama author jadi icon atau foto

Trik ini cukup bagus buat yang suka sama foto nya sendiri (bukan ngomongin saya lho wekekekek-red), dan biar nambah variatif dalam mendesain blog sobat yaitu mengganti nama authornya menjadi ikon atau foto caranya sangat simple sekali dalam membuat trik ini. Kalau mau tahu hasil triknya lihat screen shoot di bawah ini :Nih Screen Shootnya
Mau tahu cara buatnya?

1. Seperti biasa login terlebih

Read more...

Membuat bingkai foto di blogspot

Karena sekarang lagi momen bagi-bagi award di dunia blogger dan banyak juga sobat blogger yang kebagian award terus bingung mau menaruh di mana awardnya, nah saya punya cara bagaimana membuat bingkai foto , pas banget nih buat sobat blogger yang mau menaruh award ini di bingkai, jadi lebih rapi dan elegan :p . Oke kita lihat contoh di bawah ini :





Mau tahu cara buatnya?

1. Seperti biasa

Read more...

Another numbering comments

Tentunya sobat blogger pernah mencoba hack numbering comments ala fernadoo , dan yang sudah di alih bahasakan oleh kang firdaus. Nah kali ini saya kan membahas bagaimana memberi nomor urut dengan metode lain atau istilahnya another numbering comments. Sebelum melangkah lebih jauh saya kasih lihat screen shootnya di bawah ini :

Nih Scren Shootnya!!!

Atau bisa di lihat live demonya silahkan klik

Read more...

Membuat image CSS popup di blogspot

Kali ini saya akan memposting bagaimana cara membuat image atau gambar muncul (popup) di blogspot, yang apabila kita mengarahkan kursor mouse ke gambar tersebut maka akan muncul gambarnya menjadi besar, trick ini sangat bagus buat yang suka menaruh koleksi foto-foto pribadinya di blognya, teknik ini ga perlu javascript hanya sedikit permainan di bagian CSSnya. Kalau mau lihat contohnya bisa lihat

Read more...

Mengenal border lengkung

Kali ini saya akan membahas bagaimana membuat border lengkung tapi efek ini hanya bisa di lihat di browser firefox dan google chrome, border lengkung ini bisa di aplikasikan di blog sobat biar ga monoton dengan border-border lainnya biar nambah variatif dalam mendesain blog sobat, nih saya kasih contohnya.contoh dengan border biasa :
Memakai border biasacontoh dengan border lengkung :
Memakai

Read more...

Menampilkan kode HTML/Javascript yang unik di postingan (3)

Sehabis sahur buat posting baru nih sob biar masih refresh ingatan saya, sesuai dengan judulnya "Menampilkan kode HTML/Javascript yang unik di postingan versi 3" (biar lengkap bikin trilogynya-red). Seperti yang sudah saya posting sebelumnya di blog ini,ada banyak cara menampilkan kode HTML/Javascript di dalam postingan, kalau yang belum baca silahkan klik di sini untuk versi 1 dan klik di sini

Read more...

Refresh otomatis pada blog

Kebetulan kakak saya adalah seorang programmer, disalah satu operator seluler di Indonesia, nah kebetulan juga saya pas ngacak-ngacak kamarnya nemu kumpulan kliping HTML-an ketika kakak saya masih kuliah, salah satunya adalah membuat halaman web refresh otomatis. Kegunaan refresh otomatis ini apabila ada pengunjung yang nongkrong di blog sobat akan selalu update dengan isi blog sobat, jadi bisa

Read more...

Membuat read more sesuai dengan judul postingan

Bagi sobat blogger pastinya sudah tidak asing lagi dengan istilah read more atau baca lebih lengkap, bagi yang sudah menerapkan read more di blognya bisa menggunakan blogger trick ini, tapi kalau belum ya pasang dulu bro :p ,banyak tutorial blog yang mengajarkan bagaimana cara membuat readmore ini, contohnya blog ini , itu, dan ini juga. Bagi yang belum menerapkan silahkan ke blog tutor tersebut,

Read more...

Membuat dropcap (2)

Sehabis sahur dengan kondisi masih kenyang langsung membuat blogger trik :p , sesuai dengan judulnya kali ini saya akan memposting bagaimana membuar drop cap atau hurup di awal kalimat menjadi besar seperti huruf di majalah/koran, tetapi kali ini berbeda metode dengan versi sebelumnya, jika belum baca versi membuat drop cap sebelumnya silahkan klik di sini, perbedaannya terletak bagaimana cara

Read more...