Home Design and Ideas

Permasalahan yang paling banyak terjadi pada Blogger adalah penggunaan widget yang cukup banyak sehingga loading menjadi berat dan blog menjadi penuh baik berupa scrip atau image. Untuk itu ada cara untuk mengatasi hal tersebut yaitu :   Dengan cara mengatur widget agar sebagian tampil pada halaman utama dan sebagian pada sub halaman . Kita langsung ke TKP saja biar jelas Langkah Pertama Login ke akun Blogger kamu. Dari halaman dashboard, pilih Edit HTML. Pada halaman Edit HTML, centang "Expand Template Widget", cari kode bawah ini <b:widget id='HTML17' locked='false' title=' My favorite ' type='HTML'> <b:includable id='main'> Kode 1 sisipkan di sini   <!-- only display title if it's non-empty -->   <b:if cond='data:title != &quot;&quot;'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:co

Marquee merupakan kode HTML yang berfungsi untuk membuat teks berjalan, penggunaan cara ini cukup mudah dan sederhana. Langkah pertama Klik Page Element Klik Add Gadget   Klik plus button (+) for HTML/JavaScript. (img) Copy and paste kode dibawah ini Kode Script 1 bergerak ke arah kanan <MARQUEE align="center" direction="right" height="50" scrollamount="2" width="100%">ISI TEKS KAMU</MARQUEE> Hasilnya : ISI TEKS KAMU Kode Script 2 bergerak ke arah kiri <MARQUEE align="center" direction="left" height="50" scrollamount="2" width="100%">ISI TEKS KAMU</MARQUEE> Hasilnya : ISI TEKS KAMU Kode Script 3 bergerak ke arah kanan dan kiri bolak Balik <MARQUEE align="center" direction="left" height="50" scrollamount="2" width="100%" behavior="alternate

Kadang kita ingin menambah tampilan blog kita tapi kolom widget yang ada kurang sesuai dengan keinginan kita, ada 2 cara untuk mengatasi hal ini : Mengganti Template yang lebih sesuai Menambah Kolom widget Berikut trik blogger menambah widget kolom Langkah Pertama Login ke akun Blogger kamu. Dari halaman dashboard , pilih Edit HTML . Pada halaman Edit HTML , centang "Expand Template Widget", cari kode ]]></b:skin> pada script template blog kamu. Tekan Control F atau F3 untuk mencarinya. Copykan script berikut dan letakkan di atas kode ]]></b:skin> tersebut.. Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula. Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. M

Tukar link adalah salah satu sarana agar blog kita bisa cepat dapat dikenal dan juga sebagai sarana menjalin komunikasi serta persahabatan antara sesama blogger. kita akan membahas gimana caranya bisa punya blog dengan link exhange yang keren, seperti di blog punya -ku ini, keren khan... Nah..! saya kira kita langsung ke TKP biar tidak bingung.   Ikuti langkah berikut untuk lebih jelasnya : Dari halaman Dashboard blog kamu pilih Tata Letak (Layout). Setelah masuk ke Elemen Halaman, klik Tambah Gadget. Setelah itu pilih HTML/JavaScript. Masukan kode script berikut :  <h>Tukar Link dan Promosi Website</h> <div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; background: transparent url(http://lh4.ggpht.com/_wC8_9aR_6uE/Sq_Qzv061nI/AAAAAAAABU4/CP87mCZ0DZA/s128/SLEEPING%20KOALA.jpg) no-repeat scroll center; font-size: 80%; padding: 10px; text-align: justify;"> <h class=

Cara Membuat background untuk posting kode html telah kita bahas beberapa waktu yang lalu, kebetulan ada teman blogger S D A yang bertanya  gimana kalau backgroundnya berupa gambar.. ? sekarang saya akan coba bahas mengenai cara membuat posting dengan variasi background salah satunya adalah dengan backgroud gambar, seperti contohnya dibawah ini : <div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: transparent url(http://lh4.ggpht.com/_wC8_9aR_6uE/SpqssB0hGEI/AAAAAAAABOI/7DSe25HalOg/Superb%20Fairy-wren3.jpg) no-repeat scroll center; border: 0px solid rgb(204, 204, 204); height: 500px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: center; width: auto;"> ISI POSTING ( KODE HTML / NON HTML ) </div> Cara

Membuat posting dengan menarik adalah salah satu cara untuk membuat blog kita banyak di kunjungi, tapi tentu harus dengan isi posting yang menarik dan berkualitas serta berisi hal - hal yang populer, informatif, singkat, padat, jelas, sesuai dengan tema yang kamu punya. Posting kali ini atas pertanyaan teman blogger mengenai cara bikin background untuk posting kode html, seperti contohnya dibawah ini : <div style="-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background-color: #ddf2fc; border: 1px solid rgb(204, 204, 204); height: 150px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: left ; width: auto;"> KODE HTML KAMU / ISI POSTING YANG LAIN </div> Cara membuat tampilan posting diatas sebenarnya cukup mudah dan sederhana. Kalau kamu pingin kamu tinggal copy paste kode di atas pada posting kamu. Ikuti langkah berikut untuk lebih jelasnya : Dar

Ingin mengganti warna blog dengan warna yang kita inginkan, tentunya tidak sulit tinggal kita memasukkan kode warna yang kita inginkan. Unsur warna bukan hanya dilakukan pada background blog tetapi lebih banyak lagi fungsi serta manfaat lain yang bisa kamu eksplorasi, seperti : pewarnaan teks, background, pewarnaan link, highlight, dan sebagainya Tapi karena saking banyaknya kode yang ada tentu kita kesulitan untuk menghafalkan ( kalau bisa berarti kamu "JENIUS"...), namun bagaimana kalau menggunakan alat bantu. Cara kerjanya kamu tinggal meng-klik warna, kemudian kode-nya akan muncul. Dan langkah selanjutnya tinggal copas kode tersebut dalam kode HTML blog kamu Dengan HTML color codes kamu bisa merubah background, warna text, dll berikut contoh penggunaan HTML color codes untuk background color : <body style="background:#80BFFF" > HTML color codes utuk setting font/text color : <span > HTML color codes untuk table background color

Bagaimana bila k ita ingin menampilkan kode HTML dalam posting ?. Menampilkan kode HTML dalam postingan tidak seperti menulis kode biasa. Jika dalam postingan kamu memasukkan kode originalnya, maka yang tampil dalam postingan adalah hasil terjemahan bahasa HTML dari kode tersebut. Untuk menampilkan kode HTML dalam posting ada 2 cara :   Pertama : cara manual, yaitu merubah karakter-karakter kode tertentu. Mari kita lihat karakter-karakter yang perlu diganti : Kode Ganti Kode dengan < &lt; > &gt; " &quot;     Kedua :  Memparse kode HTML yang akan kamu masukkan dengan menggunakan layanan situs online Centricle.com (http://www.centricle.com/tools/html-entities) Masukkan kode yang akan kamu parse, kemudian tekan "Encode" atau jika ingin mengembalikan ke kode semula tekan "Decode". Copy paste kode hasil Encode yang telah ada ke posting kamu Blogcrowds (http://www.blogcrowds.com/resources/parse_html.php) Masukkan kode yang akan