Kamis, 27 Januari 2011

Cara letak scroll dan background pada komen

Tutorial ini saya buat sebagai menunaikan permintaan rakan-rakan yang ingin membuat scroll dan meletak warna latar belakang pada komen sebagaimana yang ada diblog ini.Kotak ini juga mempunyai border disekeliling dan dengan adanya scroll tentunya lebih memudahkan jika terdapat banyak komen pada sesuatu posting.Loading rasanya lebih cepat jika komen kita mempunyai avatar kerana paparan tidak keluar secara serentak.
comments background

Cara membuatnya:
Masuk kedesign--pilih edit html dan cari kod yang berwarna merah seperti dibawah
.post-footer {
margin: 1.5em 0 0;
}

#comments {
height:280px;
overflow:auto;
border:8px ridge #33FF99;
background: #006699;
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
}

#comments .comment-author {
padding-top: 1.5em;
background :#009999;
border:1px dotted;
}

Kemudian tambahkan kod dibawahnya seterusnya dengan kedudukan sebagaimana diatas.Ubahkan kod warna jika inginkan warna yang diingini.

Selasa, 25 Januari 2011

Cara letak facebook like pada komen blog

Memasang butang facebook like pada komen blog adalah satu langkah yang baik kerana sebelum meletak komen pengunjung juga boleh klik dan share entri kita dengan rakan facebook yang lain.Butang tersebut juga tampil bersesuaian dengan ruang dibawah post a comment.



Langkah membuatnya:
1.Masuk ke design-Edit HTML dan klik pada expand widgets template
2.Cari kod ini:
<data:postCommentMsg/>
kod pada template mungkin ada lebih dari satu contohnya seperti ini:

kebiasaan nya seperti ini: <h4 id='comment-post-message'><data:postCommentMsg/></h4>

3.Kemudian salin kod dibawah dan letakkan selepas kod <data:postCommentMsg/>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

4.Akhir sekali klik save template.

Kamis, 20 Januari 2011

cara letak background atau warna pada entri

Tutorial kali ini ialah cara bagi meletakkan warna atau background pada posting.Mungkin kita ingin highlightkan bahagian tertentu atau keseluruhan paparan pada posting dengan warna dan juga berlatarbelakang dengan imej.
background

Caranya:
Selepas  membuat posting  masukkan kod seperti dibawah:
(dengan meletakkan dipermulaan diakhir teks pada posting yang hendak diletak background)
seperti dibawah
<div style="background:#33CCFF; padding:4px 7px 4px 7px;">
Masukkan kandungan teks artikel disini
</div>


Bahagian teks berwarna merah diletakkan pada permulaan posting
Bahagian warna hijau pula diletakkan pada penghabisan posting
dan dimasukkan pada mode edit HTML
contoh seperti imej dibawah yang bertulisan warna biru
letak kod







Untuk meletakkan background pada posting:

<div style="background:url(Letakkan url imej disini) no-repeat;">
Masukkan kandungan teks artikel disini
</div>
# gantikan dengan url imej yang telah diupload ke photobucket,tinypic dan sebagainya seperti contoh dibawah.
Jika menggunakan latarbelakang dengan corak/pattern yang kecil gantikan no-repeat kepada repeat.

KOD DAN BENTUK


<div style="background: #99FFCC; padding: 5px 8px;">
Masukkan kandungan teks artikel disini</div>

Background dengan border
#Tukarkan warna kod background dan border mengikut kesesuaian
<div style="background: #99FFCC; border: 2px dashed #FFCC00; padding: 5px 8px;">
Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; border: 2px dotted #FFCC00; padding: 5px 8px;">
Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; border: 5px ridge #FFCC00; padding: 5px 8px;">
Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; border: 3px double; padding: 5px 8px;">
Masukkan kandungan teks artikel disini</div>


<div style="background: #99FFCC; padding: 5px 8px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;">
Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; padding: 5px 8px;-webkit-border-radius: 36px 12px;
-moz-border-radius: 26px 8px;
border-radius: 26px 8px;">
Masukkan kandungan teks artikel disini</div>

<div style="background: #99FFCC; padding: 5px 8px;-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;">
Masukkan kandungan teks artikel disini</div>


Background dengan imej

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZhqM9p4DVCcWIns1Fe9zrC1s6uqNbTO9AsnearbZ6AajDUtTuk2UaaYrj-vkMpeKczGlS9Wi75E3GJtd1Jo7BMWt5dWwJATBfLUNtK2C0P8dVKq5Nm4K9uoBh47tZL0E1kqBDMDFiPRM/s1600/1484.png) repeat;">
Masukkan kandungan teks artikel disini
</div>

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdVP9TrWKJWW8LgvcG5ar3cg3YPc-bxWmvhYKHjW2F4RPZAcM-djk2AoAE6vDG0TMeP7O1JpIemqPbf5w2aJNk-mzXgs8elkDiFpawZfDJkFSEkfwFXW6VmPwR8yt6E5zwQnp0xmH1PMQ/s1600/bunga.JPG) no-repeat;border: 2px solid; padding: 20px;background-position:right bottom">
Masukkan kandungan teks artikel disini
</div>

Untuk meletak imej pada sudut tertentu masukkan kod background-position:right bottom.seperti contoh diatas gambar bunga diletakkan dibahagian hujung bawah
background position yang lain:
  • left top
  • left center
  • left bottom
  • right top
  • right center
  • center top
  • center center
  • center bottom
selamat mencuba..

Senin, 17 Januari 2011

cara letak imej disebelah tajuk sidebar

Entri kali ini masih lagi berkaitan dengan sidebar.kalau dalam artikel sebelum ini cara meletak background dan border pada sidebar,kali ini pula cara bagaimana hendak meletak ikon disebelah tajuk pada sidebar. Dengan meletakkan ikon disebelah tajuk boleh menampakkan sedikit kelainan pada sidebar.

Bagi membuatnya:
1:Klik pada design dan pilih edit HTML

2 Cari kod ]]></b:skin> ,gunakan Ctrl + F untuk memudahkan pencarian

3.Salin kod dibawah dan letakkan sebelum kod ]]></b:skin>
.sidebar h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgopBULSGyC-hw7d5Iu2GyuRp33aeglcaaNosURrWldS2UvekkSbW0j5QtNDt-0UAeUZIMgG4HbhRxWClW8qBnhyphenhyphenAx0kQ-5ow2_zzjANDb2TqNpV_kU4JlbjnBk7PKO3rEmvVJugxJcYFA/s1600/flower.png);
background-repeat: no-repeat;
background-position:left center;
padding:10px 50px 20px;
}

#- Gantikan url ikon jika ingin meletakkan imej yang diingini.

Imej boleh didapati dengan menggunakan google images.Boleh tentukan saiz yang dingini pada bahagian sebelah kiri menu.

Untuk membuat pelarasan ikon tukar nilai pada padding seperti contoh diatas:
padding:10px 50px 20px; ada tiga nilai dan membawa maksud seperti dibawah

10px---atas dan bawah
50px--kiri dan kanan
20px-jika ikon terlindung/terputus dihujung

selamat mencuba..

Minggu, 16 Januari 2011

cara letak background dan border pada sidebar

Kebiasaanya warna ruangan posting dan sidebar pada template adalah sama.Mungkin ada yang inginkan kelainan dengan meletakkan border dan background yang berbeza pada sidebar.

Berikut adalah caranya:

Masuk ke design-pilih Edit HTML-expand template widgets
cari kod ini:

#sidebar {
width:150px;
float:left;
padding:8px 0;
margin:0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
background-image: url(letakkan url imej disini);
border:12 px dashed #0000FF;
}

jika tiada kod seperti diatas cari kod ini:
.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 1px solid $(body.rule.color);
background:url(letakkan url imej disini)repeat;
border:12 px dashed #0000FF;

}
background imej perlu diupload dan dapatkan url utk dimasukkan pada kod diatas
#cuma tambah kod warna merah.Untuk border selain dari dashed boleh juga ditukar dengan solid,dotted,ridge,groove.Begitu juga dengan kod warna bagi border juga boleh ditukar mengikut kesesuaian.

Senin, 10 Januari 2011

cara pasang widget tukar warna background blog

warna background
Paparan warna latarbelakang amat memainkan peranan dalam menyerlahkan lagi tampilan blog kita.Kadang kadang  ada  yang tak berapa selesa dengan warna yang ada jadi dengan widget ini boleh lah ditukar pada warna yang disukai.Bagaimana pun jika telah memasang imej sebagai latar belakang warnanya tidak akan kelihatan .

Untuk membuatnya:

Terus ke design-page elements
Add a gadget--HTML/javascript
dan masukkan kod ini:


<center><script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>

Tukar warna background

<table border="2" width="200" height="20" bordercolor="black">
<tr bordercolor="#4BFE78"> <td
onclick="bgChange('#72FE95')" bgcolor="#72FE95">
<td
onclick="bgChange('#FE8BF0')" bgcolor="#FE8BF0">

<td
onclick="bgChange('#87CEFA')" bgcolor="#87CEFA">
<td
onclick="bgChange('#FFDAB9')" bgcolor="#FFDAB9">
<td
onclick="bgChange('#D3D3D3')" bgcolor="#D3D3D3">

<td
onclick="bgChange('#FFC0CB')" bgcolor="#FFC0CB">


</td></td></td></td></td></td></tr>
</table>

<div class='clear'></div></center>

Jika hendak warna yang lain tukarkan kod warna diatas.Kedua dua kod hendaklah sama kiri dan kanan seperti yang saya tandakan dengan warna hijau.Kod warna boleh didapati disini. 
Paparan juga perlu diubah kepada transparent dengan menggunakan template designer.

Minggu, 09 Januari 2011

menghapus broken link dari blog

Mungkin korang ada menghapus artikel dari blog korang.Tetapi halaman itu sebenarnya masih  terindeks pada google.Hal yang sebegini akan menyebabkan terjadinya broken link.Broken link bermaksud pautan  tidak sah,rosak atau link mati Broken link pada laman blog atau web boleh menurunkan page rank dan juga hasil carian pada google.Selain dari itu juga broken link juga wujud pada komen pengunjung yang mana tidak mengkemaskinikan profail masing masing pada blog.


Untuk menghapusnya:

1.Buka laman google webmaster tools.Jika belum ada akaun google,daftarlah terlebih dahulu.
2.Pada dashboard pilih add a site.masukkan alamat blog korang disini hingga proses verifikasi selesai.abaikan jika sudah memasukkan blog sebelumnya.
3.Bila sudah dimasukkan nama blog akan muncul dibahagian bawah.Klik pada nama blog.
add a site

4.Kemudian muncul paparan dashboard blog disini.
5,Pada sebelah kiri menudashboard pilih Diagnostics--crawl errors-disini kita boleh lihat error yang ada pada blog


6.untuk menghapus nya,klik pada site configuration--crawler access-remove url-new removal request

7.masukkan link yang hendak dihapus--pilih opsyen pertama disini -tandakan pada The page returns a 404/410 ...  dan klik submit request
8.Link akan dihapuskan beberapa hari selepas itu.
#Bagi komen yang mempunyai broken link,terpaksalah di delete.Saya gunakan link checker di http://www.web-site-map.com/broken-links.php bagi mencari broken link .

Sabtu, 08 Januari 2011

Cara letak background pada tajuk posting

Menghias blog tentunya menjadi kemestian kerana semua org nak cantikkan blog.Tujuan blog ini pun adalah bagi membolehkan rakan rakan mendapat sumber rujukan bagi membuat berbagai bagai perubahan pada template asal  dari blogger yang kita ketahui cuma dengan paparan yang terhad sahaja.Perubahan yang dibuat tentunya perlu mengambil kira keselesaan pengunjung.Kalau ada komen yang dibuat kita perlu ambil perhatian,kerana apa yang kita suka belum tentu org lain suka.
posting background

Untuk meletakkan background pada tajuk posting,tentunya seperti  biasa kita perlu sediakan imej terlebih dahulu.sesudah diupload dan dapat url untuk imej:
masuk ke design-edit HTML-expand widget templates
dan cari kod ini
.post h3 {
atau sesetengah template kodnya begini
h3.post-title, .comments h4 {
contoh kod asal pada template (sesetengah template berbeza)
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:150%;
  font-weight:normal;
  line-height:1.4em;
  }
tambahkan kod seperti dibawah
.post h3 {
 background: url(letak url imej disini);
 -moz-border-radius: 10px 10px;
 border-radius: 10px 10px;
 height:55px;
 text-align:center;
 margin:.25em 0 0;
 padding:0 0 4px;
 font-size:150%;
 font-weight:normal;
 line-height:1.4em;
 }
#kod warna hijau jika hendak bahagian hujung background melengkung.Jika hendakkan lengkung hanya pada bahagian tertentu ubah saja nilainya disini.
ketinggian imej boleh diubah pada height:55px,tukarkan  kepada nilai yang bersesuaian

kemudian preview dan akhir sekali save template .

Selasa, 04 Januari 2011

Tahun 2011 Internet Broadband Telkomsel akan Melonjak

PT Telkomsel di Tahun 2011 berencana fokus pada pengembangan jaringan Internet broadband. Langkah ini ditempuh karena diproyeksikan permintaan pasar terhadap layanan Internet mobile atau via modem akan melonjak

Kalau di tahun 2010, Daniel mengatakan, perusahaan fokus pada peningkatan kapasitas, baik suara, teks, maupun data. Namun, proyeksi perusahaan mengatakan kebutuhan terhadap layanan data menunjukkan angka yang signikan. Untuk menyambut tingginya kebutuhan data tersebut, anak perusahaan Telkom ini mengaku akan meningkatkan infrastruktur yang mendukung Internet broadband. Di area II, Telkomsel dilaporkan memiliki 2.023 unit BTS node B (3G) dan 5.737 unit BTS 2G.

Selain Internet broadband, Telkomsel area II (Jabodetabek dan Jawa Barat), tetap fokus pada ekspansi jangkauan dan distribusi di daerah-daerah pelosok. Sampai akhir tahun lalu, dia memaparkan, pelanggan Telkomsel Area II diperkirakan sekitar 23,5 juta pelanggan, dan 14 juta pelanggan di antaranya berada di Jakarta. Pertumbuhan pelanggan dibandingkan tahun lalu sekitar dua juta

sumbe : vivanews

Senin, 03 Januari 2011

Jaringan Selular di Tahun 2011 Aman

Tahun baru 2011 sudah di lewati tiga hari yang lalu. Kemenkominfo mengimbau agar para penyelenggara telekomunikasi melakukan antisipasi khusus terhadap kemungkinan terjadinya lonjakan trafik telekomunikasi pada tanggal 31 Desember 2010.

Jaringan selular pada saat pergantian tahun sesuai dengan perkiraan. Sinyal jaringan selular begitu lancar sehingga tidak ada keluhan konsumen terhadap sinyal jaringan selular di saat pergantian tahun. Khususnya sinyal jaringan Telkomsel, indosat dan XL
 
Berikut ini data yang dilaporkan oleh PT Telkomsel pada Kemenkominfo :

- trafik layanan suara naik sebesar 10 persen dibandingkan hari biasa di tahun 2010.
- trafik layanan SMS mengalami kenaikan sebesar 24,45 persen ketimbang hari-hari biasa di tahun 2010.
- trafik layanan MMS meningkat sebesar 72,52 persen dibandingkan hari-hari biasa, dan kenaikan ini khususnya akibat pengiriman ucapan selamat tahun baru dengan image atau foto.
- trafik layanan komunikasi data melalui Telkomflash mengalami penurunan sebesar 23,46 persen

Sementara itu, berdasarkan laporan data trafik telekomunikasi yang dilaporkan oleh PT Indosat adalah sebagai berikut:

- SMS mencapai 714 juta SMS (naik 165 persen dibanding tahun baru sebelumnya).
- Pengiriman data mencapai 18,73 terrabyte.
- Layanan suara mencapai 355 juta menit (naik 123 persen dibandingkan pergantian tahun baru sebelumnya).

Sedangkan data yang dilaporkan oleh PT XL Axiata adalah sebagai berikut:
- Trafik layanan suara meningkat tiga persen, dari rata-rata sebanyak 600 juta menit di hari normal.
- trafik layanan teks naik sebenyak 16 persen dari 650 juta SMS di hari biasa.
- Trafik layanan data tercatat naik empat persen dibandingkan 17 terabytes di hari biasa.

Minggu, 02 Januari 2011

VODAFONE 845 turun harga

Vodafone memberlakukan penurunan harga untuk salah satu ponsel Android mereka, Vodafone 845. Ponsel yang sebelumnya dibanderol 80 euro tersebut kini dijual seharga 70 euro, atau sekitar Rp 842 ribu. Itu saja sudah termasuk paket internet unlimited selama sebulan.

Spesifikasi Vodafone 845

Layarnya touchscreen 2,8 inchi kapasitif 320 X 240 pixel, 3G, Wi-Fi dan kamera. Pemangkasan harga yang diberlakukan Vodafone berharap dapat semakin menggenjot pengguna Android di seluruh dunia, terutama di tempat ponsel ini di pasarkan yakni kawasan Eropa dan Amerika.

Meski berbekal fitur minimalis, namun ponsel ini tetap menjadi primadona lantaran harga yang bersahabat. Bahkan di Indonesia belum ada vendor yang berani menjual ponsel sekelas Vodafone 845 di bawah Rp 1 Juta.

Sabtu, 01 Januari 2011

Tahun Baru 2011 Trafik SMS XL Naik Drastis

Trafik SMS XL Naik Drastis. Kenaikan trafik dirasakan operator telekomunikasi XL Axiata menjelang pergantian tahun. Operator XL pada hari biasa, trafik percakapan oleh pengguna XL tercatat mencapai 600 juta menit. Sedangkan trafik SMS sebesar 650 juta SMS, kemudian pada data mencapai jumlah 17 terabytes. Di awal Tahun Baru trafik pengguna XL naik drastis
Febriati Nadira, Head of Corporate Communication XL mengakui terjadi kenaikan pada ketiga layanan tersebut pada hari pergantian tahun. Kenaikan trafik tertinggi terjadi pada layanan SMS sebesar 16%, kemudian data sebesar 4% dan suara sejumlah 3%. Sedangkan penggunaan trafik tertinggi terdapat di region Kalimantan, Sulawesi, Maluku dan Papua yang mencapai 10%. 


Inilah data informasi kenaikan trafik telekomunikasi XL di tahun baru:

- Percakapan: 617 juta menit (naik 3%)
- SMS: 755 juta SMS (naik 16%)
- Data/GPRS: 17,6 terabytes (naik 4%)

sumber :detiknet

Operator Jepang akan Garap Tablet

Tablet bukan hanya menjadi minat vendor perangkat gadget. Operator pun tertarik membuatnya. Salah satunya adalah  NTT Docomo, operator asal Jepang. Salah satu operator terbesar di Jepang itu ternyata berencana untuk meluncurkan tablet komputer. Tablet tersebut merupakan produksi LG Electronics dan dipersenjatai dengan software besutan Google, Android.

Perangkat ini diharapkan akan meluncur di Jepang pada akhir Maret 2011 dengan dilengkapi layar sentuh berukuran 9 inci. Tablet PC yang digelontorkan Docomo ini akan bergabung dalam gerbong pesaing iPad bersama Dell, Samsung dan Sharp

Heboh... Charge Ponsel Lewat Celana dari Korea

Charge Ponsel Lewat Celana besutan desainer Korea ini, pengguna ponsel pasti tidak akan khawatir low battery. Pasalnya baju ini bisa menge-charge ponsel di mana saja. Semua ini berkat celana yang dilengkapi lempengan penangkap cahaya matahari menjadi energi (solar power). Solar power ini cukup untuk membantu pengguna perangkat ponsel atau MP3 player dalam mengisi ulang daya.

Pakaian yang didesain ramah lingkungan ini bernama Go Collection. Tidak hanya celana jenis cargo yang memiliki solar power, tapi juga jaket, rompi dan jenis pakaian lainnya. Solar power yang cukup berguna itu disematkan pada celana cargo Go Urban pada kedua sisi kantong yang ada. Panel solar power itu dilengkapi juga dengan USB Ports yang bisa dikoneksikan dengan perangkat.

Panel ini secara otomatis mengubah panas matahari menjadi energi listrik, yang kemudian dapat disimpan ke dalam perangkat elektronik untuk memberikan energi operasional. Karena kecanggihanya, Charge Ponsel Lewat Celana  ini dibandrol cukup mahal, sekitar USD 920.

Sumber : Okezone