merapikan letak widget atau gambar

Semua orang pasti ingin mempunyai website atau blog terlihat rapi, salah satunya adalah dengan meletakkan widget secara bersebelahan atau berdampingan pada blog.

Cara Membuat Recent Post Gambar Bergerak Di Blog

Recent post adalah artikel posting yang paling terbaru dalam suatu blog. Jadi pengunjung bisa lihat postingan terbaru dari kita, Adapun artikel posting yang di tampilkan biasanya berupa judul saja dari artikel maupun ada sedikit isi keterangan dari artikel yang kita posting, namun hal itu bisa dirubah sesuai dengan keinginan kita. Berikut gambar Recent Post yang akan kita pasang :

Pada recent post seperti gambar diatas dilengkapi dengan Efek marquee atau slide berjalan dan gambar foto dengan judul postingan dengan bergerak slide kebawah. Sobat bisa melihatnya pada Recent Post Bergerak pada slide samping kanan pada blog Software Mania PC ini. script ini saya dapatkan di google.com untuk sumbernya Cara Membuat Recent Post Gambar Bergerak Di Blog.

navigasi newer dan older post-nya tergantikan menjadi form angka

Pernahkah anda berkunjung pada sebuah blog dimana navigasi newer dan older post-nya tergantikan menjadi form angka ? Pada flatform Blogspot, secara default navigasi yang berupa tulisan newer-older post di bagian bawah halaman posting yang kita buat. Hal tersebut untuk memudahkan pengunjung untuk berpindah menuju posting yang lebih baru ataupun posting lama pada blog kita. 

Menu Slide melayang

Tutorial Blog | Membuat Blog| Menu Blog - Pada Kali Ini Blog Sharing Ilmu Pengetahuan Akan Membuat Artikel Tentang Blog Lagi. Pada Tutorial ini akan Menjelaskan Pada Sobat Semua Tentang Bagaimana Membuat Menu Slide melayang di bagian kiri blog dengan css , 

slide gambar

membuat slide gambar keren pada website dan blog.Sebelumnya saya juga pernah posting tentang membuat animasi slide gambar, namun sekarang animasinya agak berbeda.

animasi slide gambar yang akan kita buat berikut ini adalah slide yang unik karena dia akan melakukan slide dan membuka gambar secara otomatis jika kita sentuh gambarnya dengan mouse.

Cara Membuat Link Download di Blog

Cara Membuat Link Download di Blog - Dalam dunia blog selain artikel ada juga yang di sebut link, link sebagaimana kita ketahui adalah tautan yang menghubungkan antara halaman satu dengan halaman lain, situs dan situs lain termasuk link download yang tentuhnya mengarah ke situs file sharing tertentu. Contoh link adalah seperti berikut ( baca : blogspot template blog ).

Membuat Widget Recent Post Dengan Gambar

Membuat Widget Recent Post Dengan Gambar seperti diatas sebenarnya bertujuan hanya untuk mempercantik blog saja agar terlihat lebih rapi. Kalau teman-teman menyukainya, silahkan mencoba jangan ragu dan jangan takut salah untuk mempratekkannya,setelah bisa tentu ada kepuasan batin tersendiri jika belajar untuk otak atik tampilan blog kita. Intinya berani mencoba!

Menu navigasi

Menu navigasi bisa dibilang merupakan salah satu komponen penting dalam sebuah blog/situs. Lihat saja, hampir setiap blog menggunakan menu navigasi baik itu yang sederhana maupun yang memiliki nilai estetika tinggi. Kali ini saya akan share sebuah menu navigasi yang sangat menarik, dimana menu ini akan menampilkan artikel-artikel yang terkait dengan label yang kita jadikan menu. Untuk lebih jelasnya sobat bisa melihat screenshoot dibawah ini:

Efek marquee

Efek marquee yaitu memberikan atau membuat kesan berjalan/bergerak pada suatu text. Efek Marquee atau tulisan berjalan umumnya di letakkan di bagian atas Header blog atau di bagian Footer Blog dan biasanya Efek marquee berisikan teks ucapan selamat datang. Untuk menampilkan tulisan berjalan pada blog, kita hanya menyisipkan kode HTML SEBELUM dan SESUDAH teks yang akan ditampilkan. Di bawah ini terdapat delapan efek marquee yang saya berikan, silahkan di copy paste di blog sobat.

Tempatkan kode Effect Marquee atau tulisan berjalan pada tempat yang diinginkan (Kolom Postingan atau Kolom HTML Java Script).

Add a gadget di bagian atas Header

Biasanya Add a gadget di bagian atas Header tuh Berfungsi Kalau kita mau menambahkan Menu Navigasi Horizontal 
Nah sebenarnya cara Untuk Menambahkan Kolom Add a Gadget di bagian atas Header sangatlah mudah...! Sobat hanya perlu mengikuti langkah-langkah di bawah ini :

Kalau bicara masalah Tombol share ini bisa dibilang sangat penting keberadaannya untuk mendukung peningkatan kinerja suatu Blog , karena dengan adanya Tombol2 share ini baik yang berupa Sosnet atau Sosbok bisa memudahkan pengunjung buat membagikan artikel/tulisan kita yang menurut mereka menarik ke media2 tersebut ( tergantung tombol share apa yang dipasang Blog tersebut )...! Untuk tulisan kali ini saya akan berbagi Kode Script untuk Tombol2 share Sosnet yang sudah ngga asing lagi buat Orang-Orang Indonesia dan contoh / demonya bisa sobat lihat di bagian bawah postingan saya ini , walaupun mungkin hasil jadinya ngga semirip kayak di bawah karena itu tergantung Dimana sobat akan meletakkan tombol tersebut , atau kalau mau lihat demo tombol share ini yang sudah saya terapkan bisa kunjungi Link ini

memasang animasi favicon

Favorit icon atau lebih sering disingkat sebagai Favicon adalah sebuah Ikon yang muncul di bagian address bar pada Browser apabila Blog kita telah dibuka , Lihat gambar dibawah yang saya ambil dari Google :

Nah Favicon ini sendiri sebenarnya bisa sobat ganti di bagian tata letak dekat header , namun masalahnya untuk pemasangan favicon di area itu kita tidak bisa menggunakan Gambar baik berformat PNG , JPEG atau sebagainya begitu juga dengan Gambar Animasi bergerak dengan format GIF.. 

Untuk mengatasinya sobat bisa mengikuti langkah-langkah di bawah ini :

membuat widget Google Translate di Blog

Beberapa waktu lalu saya pernah memposting bagaimana membuat widget Google Translate di Blog dengan 2 cara  . Nah kali ini saya bakal memposting artikel yang serupa namun berbeda hasil jadinya...! Karena disini saya bakal memposting Cara membuat Google Translate dengan Bendera berputar.

Kalau seandainya sobat tertarik sobat bisa mengikuti Tutorial Di Bawah ini :

Membuat Efek Zoom & Berputar pada Gambar diBlog

Wah kayaknya Tuh Judul Panjang Banget yah...? ah biarin aja lah , Yang Punya blog kan saya , terus yang buat postingan kan saya jadi sakarep aing weh atuh...! wkwkwk.
Ngomong2 masalah membuat efek zoom+berputar pada gambar dan tentunya bikin pusing kaya bayi diatas tentunya sobat Blogger semua sudah tahu dan ngerti dong , jadi ngga usah saya jelasin lagi yah...!
Nah Kalo ada yang tertarik menjadikan Blognya sebagai kelinci Percobaan ini , silahkan sobat ikuti tutorial hancur mina di bawah ini ...!
Nah Kalo ada yang tertarik menjadikan Blognya sebagai kelinci Percobaan ini , silahkan sobat ikuti tutorial hancur mina di bawah ini ...!

Menampilkan Foto Profil Di Google Search Engine

pernahkah Sobat sobat sedang Googling dan menemukan sebuh Blog/Situs yang terdapat Foto Profilnya di Search Engine ? Ngalah-ngalahin Artis aja ya sampai Foto Profil muncul di pencarian Google, hehehe . . wwkwkwkwkwkwkwkw. Dan ternyata cara untuk Menampilkan Foto Profil Di Google Search Engine sangatlah mudah lho . . .

Disini dalam postingan kali ini saya akan menulis dan berbagi kepada Sobat tentang Cara Mudah Menampilkan Foto Profil Di Google Search Engine, dan disini saya memberikan 4 langkah Cara Mudah Menampilkan Foto Profil Di Google Search Engine. Sebelumnya saya juga pernah membahas tentang Membuat Rating Bintang Muncul di Google Search Engine.

menyembunyikan judul widget

Lama tidak ngutak-ngatik widget sidebar sehingga tidak tahu kalau ada perubahan pada blogger. Biasanya untuk tidak menampakkan judul padawidget sidebar cukup dengan mengosongkannya. Namun sekarang jika dikosongkan judulnya malah mendapatkan peringatan dari blogger. Jadi terpaksa kita harus menuliskan judul untuk widget sidebar tersebut, dan untuk menghilangkannya kita harus ngutak-ngatik HTML template.

Untuk menghilangkan (tidak menampilkan) judul widget sidebar ini ada dua cara: Pertama, menghapus perintah untuk menampilkan judul tersebut, dankedua, membuat kode CSS supaya judul-judul tertentu pada widget sidebartidak ditampilkan. 

Cara Membuat / Memasang Tanda Tangan di Blog

Tips/trik mempercantik blog kemaren seputar efek pada blog, sekarang Kang Zain share Cara Membuat Tanda Tangan dibawah Postingan,Sekarang membuat tanda tangan dibawah postingan tidak usah ribet, seperti membuat tanda tangannya menggunakan kertas atau yg lainnya, karena salah satu web ada yang menyediakan pembuatan tanda tangan, yaitu MyLiveSignature. Selain di blog, sobat dapat memasangnya di tempat lain seperti forum.

menu dropdown select

Supaya tutorial ini rada lengkap dan agar kamu tidak pusing nyari kesana-kemari mengenai bahasan ini maka kali ini saya akan mengupas cara membuat menu dropdown select. Saya istilahkan demikian supaya tidak "pahili" (tertukar) dengan dropdown pada navbar menu.

Kayak gimana sih menu dropdown select ini? Mungkin itu pertanyaan kamu yang belum mengenalnya. Contoh menu dropdown select ini bisa kamu lihat pada Google Translate yang ada di sidebar blog ini. Nah, seperti itulah "makhluk" ini, dan cara membuatnyapun tidak terlalu sulit. Mau? 

cara membuat gambar(image) berjalan

Ada saja kawan yang menanyakan bagaimana cara membuat gambar(image) berjalan seperti foto berjalan pada footer (halaman bawah) SC Community. Sebenarnya jika kawan tersebut mau sedikit mencarinya pada artikel-artikel SC Community yang terdapat pada tab content, hal tersebut sudah dijelaskan secara gamblang pada artikel "Cara Membuat Tulisan Berjalan".


Pada dasarnya, cara membuat gambar (image) berjalan sama dengan cara membuat tulisan berjalan, hanya saja kode yang diletakkan setelah perintahmarquee bukan berupa tulisan melainkan perintah untuk menampilkan gambar (image). Untuk lebih jelasnya bisa melihat contoh berikut: 
Misalnya kita akan membuat gambar banner berjalan, seperti ini:

 

CARA MENGETAHUI KODE HTML DARI WARNA

Sebagai blogger maupun pekerjaan lainnya, terkadang kita diharuskan untuk bermain - main dengan warna. Untuk bermain-main dengan warna dalam sebuah blog ataupun hal lain yang berhubungan dengan HTML, kita akan selalu berhubungan dengan kode HTML dari warna-warna tersebut. Kode HTML dari warna biasanya berformat sebagai berikut:

Kita tidak perlu menghafal semua kode warna, hanya perlu untuk memahami bagaimana kita bisa mendapatkan kode tersebut sesuai dengan warna yang kita inginkan.