Sintia

Tampilkan postingan dengan label pada. Tampilkan semua postingan

Sabtu, 07 Desember 2013

Membuat CSS Sprite Pada Link link Yang Memakai Gambar

Pada tulisan sebelumnya, mengenai cara membuat CSS Sprite, saya menjelaskan bagaimana CSS Sprite mampu mempersingkat waktu pemanggilan gambar dari image hosting sehingga membuat loading page menjadi sedikit lebih ringan (cepat) dibanding biasanya.

Namun tulisan tersebut hanya memuat seputar pembuatan CSS saja, tidak mengupas bagaimana membuat CSS Sprite untuk gambar-gambar yang diletakkan pada HTML dan digunakan sebagai link, seperti untuk readmore, blog pager, social bookmark, sticky social, dll.

Untuk membuat CSS Sprite pada gambar-gambar yang dijadikan link tersebut harus dibuat dua buah gambar: Satu gambar berupa gabungan beberapa gambar untuk CSS Sprite, dan satu lagi berupa gambar transparan (dengan format png) untuk link.

Sebagai contoh, misalkan menggabungkan gambar social icon dengan ukuran 36 x 36 dan membuat gambar transparan berukuran 32 x 32, seperti gambar berikut:

Maka untuk CSS gambar tersebut (yang diletakkan di atas ]]></b:skin>) dibuat seperti ini:

img.icon1 { background:url(URL Gambar Sprite) 0 0; width:36px; height:36px; }

img.icon2 { background:url(URL Gambar Sprite) -36px 0; width:36px; height:36px; }

img.icon3 { background:url(URL Gambar Sprite) -72px 0; width:36px; height:36px; }

img.icon4 { background:url(URL Gambar Sprite) -108x 0; width:36px; height:36px; }

img.icon5 { background:url(URL Gambar Sprite) -144px 0; width:36px; height:36px; }

Catatan:
Bisa juga nama icon1, icon2, icon3, dst., diganti dengan facebook, twitter, google, dll.

Kemudian pada link icon-icon tersebut dibuat seperti ini:

<a href="Link Facebook"><img class="icon1" src="URL Gambar Transparan" /></a>

<a href="Link Twitter"><img class="icon2" src="URL Gambar Transparan" /></a>

<a href="Link Google"><img class="icon3" src="URL Gambar Transparan" /></a>

<a href="Link Friendster"><img class="icon4" src="URL Gambar Transparan" /></a>

<a href="Link hi5"><img class="icon5" src="URL Gambar Transparan" /></a>

Dengan membuat CSS Sprite seperti ini maka gambar icon-icon tersebut tidak dipanggil 5 kali melainkan hanya 2 kali, 1 kali ke gambar sprite dan 1 lagi ke gambar transparan.

Ok, segitu aja sob. Semoga bermanfaat .....

ReadFull Article ..

Jumat, 08 November 2013

Cara menghilangkan gambar kunci dan blog pada blog baru blog tata letak

Anda sudah mencoba menghilangkan gambar kunci dan obeng namun belum berhasil juga he..he..he...

Bingung ya ?

Sama,saya juga pernah mengalaminya tetapi setelah berkeliaran di mbah google akhirnya nemu juga

Langsung saja,begini caranya

1. Silahkan anda login dulu di blog anda

2. Klik tomblol dasbort

3. Klik tombol rancangan

4. klik tombol edit HTML

5. Beri centang pada "expand template widget"

6. Cari kode <b:include name=quickedit/>

7.Jika sudah ketemu hapus saja tanda tersebut

Nb: Kode tersebut mewakili 1 gambar ,banyaknya gambar tergantung banyaknya widget

Hapus semua kode

8. Save

ReadFull Article ..

Rabu, 30 Oktober 2013

Mengenal Istilah Glender Blender Pada Burung Kenari

Mengenal Istilah Glender (Blender) Pada Burung Kenari

Dunia hobi memang ternyata memiliki makna dan rasa yang kuat dan dalam hal ini tak terkecuali dalam hal hobi burung. Beberapa istilah populer yang sering terdengar di kalangan penghobiis kenari ternyata mampu membuat mind set sendiri dimana akan merujuk ke suatu hal yang belum tentu objektif. Kali ini ada satu istilah tersebut yang sudah sangat populer khususnya di seputar kalangan penghobiis burung kenari, yaitu kata glender.

Ilustrasi

Dalam perkembangannya lidah Jawa sering menyebutnya sebagai mblendher atau ngglendher, lantas bagaimana menjelaskan fenomena glender/blender tersebut? Secara luas penghobiis burung kenari akan mendefinisikan istilah tersebut sebagai nyanyian burung kenari berlagu "isian" ditambah dengan nyanyian asli kenari. Namun secara lebih sempit istilah blender/glender ini ternyata lebih kepada tujuan menyelaraskan variasi lagu kenari sesuai yang diinginkan.

Full Isian Atau Blender?

Asumsi yang sudah melekat adalah bahwa full isian akan terlihat lebih mewah dan mentereng, namun apakah benar? Sedangkan burung kenari berlagu blender/glender terkesan lebih kurang greget, apakah benar? yang perlu dipahami dari hal ini adalah sebenarnya mengenai orientasi pemasternya masing-masing. Secara detail maka si pemaster sebenarnya akan memahami proses pemasteran dari awal hingga ke bagian tengah dan berikut tahap akhirnya. Logikanya adalah setiap pemaster akan berusaha untuk membuat nyanyian burung kenari menjadi sevariatif mungkin, sekeras mungkin dan serutin mungkin untuk bernyanyi namun ke 3 hal tersebut ternyata butuh proses dan tidak sekali jadi.

Sebagai contoh adalah burung kenari berumur 6 bulan yang menyanyikan lagu full blackthroat, oleh si pemaster tersebut dirasa kurang variatif dan memilih melanjutkan dengan mengisikan suara ciblek dan prenjak sebagai penambah greget. Ternyata istilah blender/glender dipakai dalam contoh tersebut dimana tema pemasteran tahap awal dilanjutkan dengan tema pemasteran tahap berikutnya sesuai dengan keinginan si pemaster bahkan beberapa pemaster juga secara sengaja mengisikan lagu kenari standar dalam mendidik kenari jagoannya dengan metode-metode tertentu.

Menarget Event Lomba

Tentu saja tujuan pemasteran bukan semata-mata untuk klangenan saja namun juga nantinya sebagai studi pada event lomba. Beberapa penghobiis sering mengandaikan bahwa full isian akan lebih bagus ketimbang terdapat variasi lagu kenarinya namun asumsi ini sebenarnya harus didasarkan kepada nyanyian burungnya sendiri. Pada dasarnya beberapa event lomba sebenarnya tidak menjamin bahwa kenari full isian akan menang melawan kenari isian blender ataupun bahkan kenari standar, yang menjadi pertimbangan juri adalah komposisi dari semua aspek burung yang akan dilombakan dimana meliputi variasi lagu, volume, panjang lagu, gaya, dan lain-lain. Berawal dari inilah sebenarnya bahwa kita tidak perlu takut mendapatkan kenari isian kita yang blender akan kalah dengan kenari full isian walau dalam perjalanannya harus tetap dalam porsi yang diinginkan.

ReadFull Article ..

Minggu, 20 Oktober 2013

Skin Color v0 60 Mengganti Warna Tulisan Pada Tema

pernahkah kalian menemukan satu tema yang bagus tapi ada bagian warna tulisan yang kurang cocok dihati ? Kalian tidak perlu kawatir karna kali ini ada sebuah aplikasi yang dapat mengubah warna tulisan pada tema yaitu Skin Color dengan aplikasi ini kita dapat mengubah warna tulisan pada tema dengan warna yang kita mau.

Download dulu aplikasi skin color disini, Cara menggunakanya cukup mudah, setelah aplikasi terinstall pada hp kalib buka Aplikasi skin color nanti akan terpampang semua tema yang sudah terinstall pada hp kalian, lalu pilih tema yang akan di rubah warna teks/tulisannya.

[Penampakan] :

Selanjutnya => opsi =>modify color, lalu tinggal kalian pilih pada bagian mana yang akan kalian rubah warnanya klik tombol tengah nanti akan ada tampilan warna seperti ini, tinggal ubah saja warnanya dengan yang kalian mau.

[Penampakan] :

Setelah slesai mengubah warnanya klik tombol - kiri (atas tombol call), => opsi => save canges, tunggu beberapa detik sampai proses penyimpanan slesai.

[Penampakan] :

Setelah tersimpan keluar dari aplikasi buka tema yang telah di edit terapkan dan lihat perubahanya:

[Penampakan] :

Semoga bermanfaat...

Post by: http://blogger.blogspot.com

ReadFull Article ..