Tampilkan postingan dengan label Design blog. Tampilkan semua postingan
Tampilkan postingan dengan label Design blog. Tampilkan semua postingan

Inilah Cara Mencuri Template Blog

 

Risma SMKDA, -Cara Mengetahui Kode/CSS Template Blog Orang Lain  -  Tulisan ini juga bukan dimaksudkan untuk mengajarkan sobat-sobat cara mencuri kode/isi template blog orang lain, namun lebih saya tujukan sebagai  upaya pembelajaran bagi kita bersama, misalnya untuk mengetahui bagaimana sih struktur cara penulisan kode HTML/CSS yang benar, atau bagaimana cara menempatkan tag/perintah tertentu pada template sehingga akhirnya kita bisa melakukan editing atau koreksi pada template blog kita sendiri. Saya sendiri sering melakukan kebiasaan “mengintip seperti ini sejak awal saya ngeblog. Mulai darimengintip backlink orang lain, mengintip template orang lain, mengintip widget orang lain bahkan sampai mengintip artikel yang paling sering dibaca di blog orang lain. Yang penting kebiasaan mengintip ini harus bisa kita proyeksikan menjadi sebuah motivasi positif untuk bisa berbuat lebih baik dari orang lain, itulah prinsip yang harus dipegang seorang blogger. Kalau kita mencuri mengambil mengcopy kode atau isi template orang lain apalagi secara full tanpa ada permisi dengan si empunya, berarti kita tidak menghargai jerih payah atau hasil karya orang lain. Apalagi kalo si pembuat template ternyata adalah anak bangsa kita sendiri tentunya kasian sekali bukan kalau kita perlakukan seperti itu? So kalo mau template bagus yang premium ya beli dong..he he.

OK sobat, mohon maaf kalo prolognya kepanjangan karena terlalu bersemangat he..he,  langsung saja kita ke topik cara mengetahui/melihat kode html/css template blog orain lain seperti judulnya diatas. Ada 2 cara yang bisa sobat lakukan untuk melihat isi template sebuah halaman blog :
 
1.      Cara Pertama, yaitu secara langsung dengan menekan Ctrl + U atau klik kanan pada halaman blog yang ingin sobat lihat isi “dalamannya”, kemudian pilih View Page Source. Maka akan terbuka sebuah window baru seperti gambar dibawah ini dimana sobat bisa melihat isi template termasuk kode HTML/CSS yang ada dalam template. Sobat juga bisa mengetahui meta tag apa saja yang ada di blog orang lain tersebut atau seperti apa dia menuliskan meta tag deskripsi dan meta tag keyword untuk blognya dan lain-lain.


2.     Cara Kedua, yaitu dengan menggunakan Addons dari Firefox yang bernama Firebug. Sobat harus menginstall addons firebug for firefox ini sebelum mulai menggunakannya. Saya menginstall addons Firebug Version 1.7.2 untuk browser Firefox 3.6.22 yang saya pakai sekarang. Silahkan menuju link ini https://addons.mozilla.org/en-US/firefox/addon/firebug/versions/  untuk memilih versi Firebug yang sesuai dengan browser Firefox sobat.
 
      Jika sudah terinstall maka dipojok kanan bawah browser Firefox anda akan terlihat icon Firebug. Cara menggunakannya mudah saja, buka halaman blog yang ingin sobat “intip” kemudian langsung klik icon Firebug di pojok kanan bawah browser anda. Maka akan terbuka sebuah window di bagian bawah browser.
 
     Window ini displit menjadi 2 di bagian tengah tapi bisa digeser-geser dengan mouse. Disini anda bisa melihat struktur isi template blog yang ditampilkan seperti menu pada komputer. Klik simbol plus (+) pada bagian <head> atau <body> untuk untuk melihat kode apa saja yang tersembunyi. Jika ingin melihat kode CSSnya, anda tinggal mengklik menu CSS pada toolbar. Bahkan dengan addons Firebug ini sobat juga bisa menganalisa Page Speed atau kecepatan loading blog melalui menu Page Speed, addons yang keren memang. Saya tidak bisa menuliskan secara detil bagaimana cara menggunakan Firebug ini karena tulisannya akan jadi suangaat panjang sekali. Jadi silahkan dicoba-coba sendiri aja sobat, karena saya pun belajarnya secara otodidak alias nyoba-nyoba sendiri.
Readmore → Inilah Cara Mencuri Template Blog

Cara Pasang Flash di Blog

Cara Pasang Flash di Blog

 Risma SMKDA -Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :

<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Contoh :


* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.



Readmore → Cara Pasang Flash di Blog

Gambar Header Blog Gratis Berkualitas Tinggi


header blog gratis 1

Risma SMKDA -Menggunakan gambar background pada header blog tentu saja akan memberikan kekuatan dan kesempurnaan tampilan blog secara keseluruhan. Gambar header dapat memberi gambaran dan menegaskan tema yang diusung blog, merupakan bentuk personalisasi blog yang tidak dapat dilihat di blog lain, atau setidaknya dapat "meramaikan" tampilan header yang sebelumnya kosong.


Tentunya, tidak semua gambar header dapat dipakai secara serampangan. Memilih gambar background header blog yang pas, sesuai dengan paduan warna blog serta tema blog, dan berbagai macam pertimbangan lain harus dilakukan agar didapatkan tampilan blog sesuai keinginan. Bagi yang sudah ahli design grafis, membuat dan mengkostumisasi gambar sesuai keinginan bukanlah hal yang sulit, tapi, bagi yang belum pernah atau jarang bersentuhan dengan dunia desain grafis, tentunya membuat gambar header sesuai keinginan akan memakan waktu lama dan hasilnya bisa jadi kurang memuaskan.

Untuk mendapatkan gambar header blog yang paling pas, dibutuhkan koleksi pilihan yang banyak dan bervariasi, sehingga hasilnya memuaskan. Berikut adalah 4 situs penyedia gambar header blog gratis dengan pilihan yang banyak dan variatif serta berkualitas tinggi yang khusus saya pilih diantara puluhan situs lain:

1. Themeheaders.
header blog gratis 2
Situs yang menyediakan banyak koleksi header blog dengan berbagai macam design, tema, ukuran dan warna. Terdapat tema-tema dasar yang dapat membantu membangun konteks yang dibawa dalam blog. Setelah masuk ke situs, anda akan disambut slideshow yang menampilkan beberapa contoh gambar header berkualitas tinggi. Klik "Gallery" pada menu horizontal untuk melihat an browse seluruh koleksi.

2. Freewebpageheaders.
header blog gratis 3
Hampir sama dengan themeheaders, situs ini juga memiliki beragam koleksi header blog buatan para desainer grafis yang membaginya secara gratis. Tampilan awal berupa slideshow gambar header yang sangat menarik. Kategori terdiri dari dua jenis utama, abstract dan non-abstract. Terdapat pula gambar background blog yang juga gratis. Klik "browse gallery" di bagian bawah halaman homepage untuk melihat koleksi-koleksinya.

3. Theblogboutique.
header blog gratis 4
Sebuah blog yang menyediakan banyak koleksi header blog dengan tema warna berbeda-beda. Kategori berada di sidebar kanan sehingga anda dapat dengan mudah melakukan browsing berdasarkan kategori yang diinginkan. Ada banyak header blog yang terlihat "girly" bagi anda Blogger cewek yang ingin memberikan sentuhan warna "wanita" pada blog. Ada pula gambar background yang satu paket dengan gambar header sehingga dapat menjadi satu kesatuan tema untuk blog.

4. Rockstartemplate.
header blog gratis 5
Blog berplatform WordPress ini menawarkan banyak blog resources bagi freebies berupa gambar/graphic dan template. Salah satu design yang dibagikan scara gratis adalah 20 gambar header dengan kualitas tinggi dan tampak dibuat oleh tangan yang sangat terampil. 20 gambar tersebut terdiri dari beberapa tema dan warna. Mayoritas adalah gambar-gambar abstrak yang tampak elegan dan classy. Lihat pula koleksi-koleksi lain melalui tab "Blog Resources" dan browse pada submenu-nya (dropdown menu).

Cara download/mendapatkan gambar header blog:
1. Buka halaman gambar dengan meng-klik gambar atau klik kanan dan 'open in new tab'.
2. Setelah gambar terbuka secara penuh (biasanya pada halaman baru atau pop-up window), klik 'save image as'.

Tips menyesuaikan gambar dengan tampilan blog dan mengoptimalkan performa:
1. Edit ukuran gambar sesuai ukuran bagian header blog. Luas header biasanya mengikuti outer-wrapper atau content-wrapper, cari kode CSS: #outer-wrapper atau #content-wrapper, lihat width: --px. Edit gambar dengan menambah atau mengurangi width-nya (samakan dengan width yang sudah ditemukan tadi).
2. Agar ukuran file gambar tidak terlalu berat lakukan kompresi gambar (untuk PNG, namun JPG juga bisa dengan output PNG).
3. Tips selengkapnya memasang gambar background header dengan benar, lihat: Cara Mengubah/Memasang Gambar Background Header di Blogger/Blogspot.

Happy Blogging,

Readmore → Gambar Header Blog Gratis Berkualitas Tinggi