Friday 30 December 2011

Kode Emoticon Huruf di Facebook Terbaru

Kode Emoticon Huruf di Facebook Terbaru - Lagi Lagi dan Lagi, admin bagikan trik facebook paling keren diakhir 2011. Kode ini adalah kode untuk menampilkan huruf dengan variasi warna dan bentuk yang berbeda dari biasanya. Dijamin, chat kamu akan lebih seru dengan hadirnya emoticon huruf ini. Buat yang penasaran dengan hasil dari kode emoticon huruf ini, lihat gambar dibawah ya :

Kode Emoticon Huruf di Facebook Terbaru

[[196920740401785]] - A
[[113544575430999]] - B
[[294715893904555]] - C
[[294660140569858]] - D
[[328415510520892]] - E
[[270221906368791]] - F
[[212614922155016]] - G
[[205633882856736]] - H
[[256255337773105]] - I
[[288138264570038]] - J
[[296999947008863]] - K
[[216672855078917]] - L
[[278786215503631]] - M
[[241341589270741]] - N
[[312524205448755]] - O
[[200138403410055]] - P
[[165410113558613]] - Q
[[203403609746433]] - R
[[334427926570136]] - S
[[250632158335643]] - T
[[285985351447161]] - U
[[343627398996642]] - V
[[315740851791114]] - W
[[136342506479536]] - X
[[224173507657194]] - Y
[[317710424919150]] - Z

Happy Blogging with me :)

Kode Smiley Chat Facebook Terbaru 2

Kode Smiley Chat Facebook Terbaru 2 - Kalau bicara soal smiley/ emoticons chat di facebook memang tidak ada habisnya. Sebab, baru-baru ini pihak facebook mengeluarkan fitur smiley chat bebas yang bisa kamu masukkan dan menggeluarkan gambar.
Sebelumnya, admin juga sudah Kode Smiley Chat Facebook Terbaru, didalam postingan tersebut membahas tentang kode smiley chat facebook terbaru dengan gambar berupa logo sebuah web, seperti google, wordpress, youtube, dan lain sebagainya. Nah, pada bahasan kali ini admin share Kode Smiley Chat Facebook Terbaru 2 yang akan muncul berupa gambar kartun dan anime. Untuk penerapakan kode smiley ini, kamu cukup copas kode smiley ini pada kotak chat facebook mu. Mau liat gambar anime yang nantinya akan muncul dichat kamu ?
Berikut ini gambarannya :

Kode Smiley Chat Facebook Terbaru 2

Kode Smiley Chat Facebook Terbaru 2

[[326134990738733]] - Pikachu
[[155393057897143]] - Doraemon
[[224502284290679]] - Nobita
[[249199828481201]] - Konata Izumi
[[236147243124900]] - Pokeball
[[138529122927104]] - Pedo Bear
[[269153023141273]] - Poring
[[332936966718584]] - Hello Kitty
[[144685078974802]] - Mojacko
[[334954663181745]] - Spongebob
[[196431117116365]] - Shin chan
[[252497564817075]] - Kerokeroppi
[[297354436976262]] - Santa Claus
[[157680577671754]] - Angry Bird
[[250128751720149]] - Domo Kun
[[223328504409723]] - Gintoki Sakata

Selamat Mencoba :)

Saturday 24 December 2011

Kode Smiley Chat Facebook Terbaru

Kode Smiley Chat Facebook Terbaru - Bicara tentang perkembangan Facebook memang tidak ada  habisnya. Dimulai dengan adanya facebook timeline, dan berbagai macam fitur baru telah facebook keluarkan. Facebook juga telah memberikan sebuah fitur smiley chat terbaru yang dapat kita gunakan. Dengan penambahan smiley ini, maka kesan chat akan terasa lebih hidup.

New Facebook Chat Smiley


Lalu bagaimana cara membuatnya ? 
Kamu hanya perlu menambahkan kode [[...]] didalam chatbox/ kotak chat facebook mu. Contoh penerapan kode nya :

[[wikipedia]]
[[youtube]]
[[wordpress]]
[[google]]

Selain itu, kamu juga dapat menambahkan emoticon apapun kedalam chat hanya dengan mengganti tulisan yang terdapat didalam tanda kurung, misal :
[[teks]] ubah tulisan teks menjadi sesuatu yang pengen kamu tampilkan seperti [[yahoo]]

Sekian trik facebook kali ini, bila ada kesulitan tinggalkan komentar dibawah ini

Thursday 22 December 2011

Apa Itu Wordpress ?

Apa Itu Wordpress ? - Pada kesempatan kali ini, admin akan bercerita sedikit tentang wordpress. Menurut yang tertulis di website resmi wordpress,

WordPress ialah platform penerbitan pribadi yang semantik, yang berfokus kepada estetika, standar web, dan kegunaan. WordPress bersifat gratis, namun di sisi lain tak ternilai harganya.
Jadi, bisa dikatakan wordpress itu adalah sebuah aplikasi web yang dirancang untuk sarana pembuatan web ataupun blog. Wordpress sangat jauh berbeda dengan blogger, tetapi memiliki satu fungsi dan tujuan yang sama. Wordpress atau yang sering disebut dengan WP umumnya sering digunakan oleh para blogger untuk membangun sebuah web blog profesional. Bukan hanya itu, WP juga menyediakan sebuah tools yang dapat mempermudah kerja manusia, umumnya tools itu dinamakan Plugin. Plugin ini sendiri sudah banyak dibagikan di internet, baik itu plugin yang gratis ataupun plugin yang berbayar.
So, buat yang pengen nyoba wordpress silahkan dicoba, hehe semoga artikel ini bermanfaat untuk kita semua :)

Cara Mengembalikan Tampilan Facebook Seperti Semula

Cara Mengembalikan Tampilan Facebook Seperti Semula - Mungkin ada sebagian orang yang kurang suka dan tidak pandai menggunakan tampilan baru facebook. Hal  ini dikarenakan tampilan baru facebook membuat penggunanya kebingunan, atau bisa dikatakan tidak user friendly. Hal itu terbukti, karena saya sendiri juga kebingunan jika menggunakan tampilan baru facebook. Sebelumnya saya sudah membahas cara merubah atau mengganti tampilan facebook biasa menjadi tampilan timeline pada artikel Cara Merubah Tampilan Facebook Menjadi Tampilan Timeline. Setelah tampilan facebook berubah menjadi tampilan timeline, dapatkah tampilan facebook diubah dan dikembalikan seperti semula lagi? Jawabannya, bisa!

Berikut ini Cara Mengembalikan Tampilan Facebook Timeline Menjadi Seperti Semula :


1. Login terlebih dahulu ke akun facebook anda,
2. Lalu klik link ini : Facebook Developer Apps
3. Setelah halaman terbuka, pada pojok kanan atas klik Edit App (Lihat Gambar yang diberi lingkar merah)


4. Lalu perhatikan pada sidebar kiri bawah, klik Delete App (Lihat gambar yang diberi lingkar merah)


5. Selesai.

Demikian Cara Mengembalikan Tampilan Facebook Timeline Menjadi Seperti Semula.

Semoga bermanfaat.

Cara Membuat Artikel Terkait (Related Post) Di Sidebar

Cara Membuat Artikel Terkait (Related Post) Di Sidebar - Dihari yang cerah ini, admin mau coba share tutorial Cara Membuat Artikel Terkait (Related  Post) Di Sidebar. Mungkin sudah banyak yang membahas tentang artikel, namun tidak ada salahnya dong kita bahas sekarang. Related Post atau bisa diartikan artikel terkait yang muncul sesuai dengan label/kategori postingan blog kita.

Artikel Terkait Sidebar
Lalu bagaimana cara membuat nya ?
Berikut langkah-langkah membuatnya:

1. Login ke akun blogger sobat
2. Masuk ke rancangan/design
3. Pilih Tata Letak
4. Edit HTML
5. Lalu cari kode berikut: </head> (gunakan Ctrl+F di keyboard ),setelah ketemu tinggal letakkan kode CSS berikut tepat diatas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

6. Kemudian cari ini :
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>

7. Kemudian ganti kode diatas dengan kode berikut ini :
<b:if cond='data:post.labels'><data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>


max-results=10 : adalah jumlah artikel terkait yang akan ditampilkan, silahkan diganti sesuai dengan kebutuhan.

8. Simpan Template, dan lanjut ke langkah berikut ini

9. Next, masuk ke Page Element > Add a Gadget > HTML/JavaScript > lalu copy paste kode dibawah ini kedalam konten HTML/JavaScript.

<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

10. Simpan dan lihatlah hasilnya.


Baca :  Fungsi Kode untuk mengatur tampilan blog untuk dapat menampilkan related post hanya pada postingan blog.

Wednesday 21 December 2011

Selamat Hari Ibu

Kasih Sayang Seorang Ibu
Selamat Hari Ibu - Hari ini bertepatan pada tanggal 22 Desember 2011 yang diperingati sebagai Hari Ibu. Banyak sudah pengorbanan seorang ibu yang telah dilakukan untuk anaknya. Hari ibu diperingati setiap tahun nya pada tanggal 22 Desember 2011. Silahkan simak dan renungi sejenak tentang pengorbanan seorang ibu.


Ibu melahirkan kita sambil menangis kesakitan. 
Masihkah Kita menyakitkan-nya? 
Masih mampukah kita tertawa melihat penderitaan-nya? 
Mencaki maki-nya? 
Melawan-nya? 
Memukul-nya? 
Mengacuhkan-nya?
Meninggalkan-nya? 
Ibu tidak pernah mengeluh membersihkan kotoran kita waktu masih kecil, Memberikan ASI waktu kita bayi, Mencuci celana kotor kita, Menahan derita, Menggendong kita sendirian. SADARILAH bahwa di Dunia ini ga da 1 orang pun yang mau mati demi IBU, tetapi….. Beliau justru satu-satunya orang yang bersedia mati untuk melahirkan kita..

Peribahasa lama mengatakan : "Kasih ibu sepanjang jalan, kasih anak sepanjang jala"
Pada peribahasa tersebut jelas, bahwa kasih sayang dan cinta kasih seorang ibu itu tidak akan pernah habis dimakan zaman.

AYO BERIKAN KEINGINAN DAN HARAPAN KAMU UNTUK HARI INI DENGAN CARA MENAMBAHKAN KOMENTAR MU DI POSTINGAN INI :)

Update Status Facebook Melalui BlackBerry Asli

Update Status Facebook Melalui BlackBerry Asli - Kalau dulu admin juga pernah share cara update status facebook via blackberry (baca : Update status facebook melalui blackberry) tapi pada postingan sebelumnya cara tersebut sudah tidak dapat digunakan lagi. Tapi jangan khawatir dan jangan kecewa, sebab dimana ada kemauan disitu ada jalan. Cara terbaru ini admin pasti kan bekerja dengan baik. Buat yang pengen nyobain,


  1. Login ke akun facebook anda
  2. Klik gambar dibawah ini 
  3. Ketik status apa yang ingin dibuat, dan terakhir
  4. Klik Bagikan 
Selamat Mencoba :)

Saturday 17 December 2011

Cara Membuat Facebook Timeline

Cara Merubah Tampilan Facebook Menjadi Tampilan Timeline - Bosan dengan tampilan facebook yang biasa? Ada cara untuk merubah tampilan facebook yang biasa-biasa saja itu menjadi tampilan baru yang lebih unik, dan sedikit menjadi mirip blog seperti gambar di atas. 

Bagaimana Cara Membuat Facebook Timeline?

Berikut ini cara merubah tampilan facebook menjadi tampilan timeline :
  1. Login terlebih dahulu ke akun facebook anda,
  2. lalu klik link ini : Facebook Developer Apps
  3. setelah halaman tersebut terbuka, pada pojok kanan atas klik tombol Create New App, kemudian beri Display Name dan Namespace aplikasi ini sesuai keinginan,
  4. beri centang pada I agree to the Platform Privacy Policy, lalu klik Lanjutkan,
  5. masukkan captcha, lalu klik Kirim (jika akun Facebook anda belum terverifikasi, silahkan lakukan verifikasi terlebih dahulu),
  6. setelah masuk ke halaman applikasi, klik Open Graph yang ada di sebelah kiri,
  7. pada kotak dialog yang muncul, isikan sesuka anda (bebas), lalu klik Mulai
  8. lalu pada halaman yang muncul, scroll ke bawah, klik Save Changes and Next
  9. kemudian pada halaman yang muncul berikutnya, klik Save and Finish,
  10. kembali ke halaman profil anda (misal : facebook.com/ifajrialhadi),
  11. lalu pada halaman profil anda akan muncul undangan/invitation untuk menggunakan aplikasi ini, klik Gunakan Sekarang
  12. Selesai.
Tampilan Timeline Invitation

Cara Membuat Facebook Timeline - Pada tampilan baru ini, kita juga dapat menambahkan gambar pada bagian header sehingga lebih asik seperti pada contoh preview nomor 1 (paling atas). Tampilan ini hanya dapat dilihat oleh anda dan member facebook lain yang juga menggunakan applikasi ini. Selain itu jika anda mengakses facebook dari komputer lain dan tampilan Timeline tidak muncul, jangan khawatir, cukup dengan menambahkan baris ?sk=timeline dibelakang alamat profil facebook anda saja sehingga menjadi facebook.com/[namaprofilanda]?sk=timeline maka tampilan timeline akan muncul

Thursday 15 December 2011

5 Keunggulan Monitor LED

Samsung S23A550

5 Keunggulan Monitor LED - Nah, tau gak kalo monitor Liquid Crystal Display (LCD) sebenarnya gak ramah lingkungan?
Pas layarnya dinyalain pake tabung-tabung fluorescent atau yg namanya cold cathode fluorescent lamp (CCFL), uap merkuri (air raksa) bertekanan rendah bakal kebentuk. Katanya, merkuri (Hg) ini bahaya banget. Kalo dibuang gitu aja bakal mencemari lingkungan.
Atas dasar inilah, si LCD mulai digantiin sama LED monitor. Kenapa mendingan kamu pake LED monitor?

1. Hemat energi
Pasti penting kan?
Sekarang udah ada monitor yang punya motion sensor. Kalau kamu lagi away dari depan komputer, otomatis monitornya meredup/ gelap. Kalo kamu dateng lagi, nyala lagi.

Selain itu, ada juga yg namanya light sensor. Iini biasanya ada hubungannya sama sama ruangan gelap/ terang. Kalo di ruangan redup, pasti mata suka sakit karena monitor terlalu terang kan? Nah light sensor bisa bantu nyesuain ini. Di ruangan terang, otomatis si monitor makin terang, dan sebaliknya.
Ada juga pilihan eco saving buat hemat energi. Tinggal pilih mau hemat berapa persen energi. Sama satu lagi, ada timer yang bisa diatur yang memungkinkan si monitor mati sendiri.

2. Gambar lebih tajam
Walau hemat energi, bukan berarti tampilan LED monitor biasa2 aja. Justru makin cerah, tajem dan cemerlang. Bandingin main game atau nonton film di LCD monitor, TV biasa dan di LED monitor.

3. Canggih
Sekarang udah ada teknologi di LED monitor yang memungkinkan gambar atau film di monitor selalu berada di tengah kalo diliat dari angle manapun.

4. Trend
Makin kesini, LED monitor makin dicari banyak orang. Intinya mulai jadi trend. Buat yang doyan main game, atau kerjanya di depan komputer mulu, pasti penting banget untuk punya LED monitor yang punya banyak kelebihan

5. Ukuran lebih slim
Rata-rata kelebihan monitor LED satu paket sama ukurannya yg slim. Jadinya keliatan keren dan gak makan tempat. Buat yang sibuk kerja, penting nih punya monitor yg slim. Supaya gak bikin penuh mejanya dan gak bikin stress hehehe

Nah, itulah 5 Keunggulan Monitor LED yang bisa admin sampaikan, semoga bermanfaat bagi kita semua ya :)

Sunday 11 December 2011

E-Book : Panduan Dasar Photoshop Untuk Pemula

E-Book : Panduan Dasar Photoshop Untuk Pemula - Wah, ini merupakan postingan kedua saya tentang ebook. Kalau yang dulu saya udah pernah share tentang ebook yang berisikan tentang Android, namun sekarang saya akan coba share ebook design grafis, dengan judul ebook sebenarnya adalah "Panduan Dasar Photoshop Pemula". Sebenarnya sudah sejak lama saya terfikir untuk menambahkan 1 kategori postingan didalam blog ini, tetapi baru berkesempatan untuk bisa berbagi pada hari ini. Ebook ini berisikan tentang dasar-dasar photoshop, meliputi pengenalan tools, menu-menu, kemudian layer, dan lain sebagainya. Adapunn aplikasi yang admin gunakan adalah Adobe Photoshop CS3. Jadi, supaya lebih mudah dipahami dan dimengerti, install dulu Photoshop nya dikomputer sobat sekalian.


Itulah sedikit gambaran dari ebook yang saya buat, untuk dapat membuka ebook ini yang harus kamu lakukan adalah install terlebih dahulu aplikasi pembuka pdf seperti :Foxit Reader, Adobe Reader, dll. Namun, apabila aplikasi tersebut sudah terinstall kamu bisa langsung baca ebook ini.

DOWNLOAD : EBook Panduan Dasar Photoshop Untuk Pemula

Saturday 3 December 2011

Penyebab Terjadinya Blue Screen Di Komputer

Penyebab Munculnya Blue Screen Di Komputer - Mungkin bagi kamu yang punya komputer pasti pernah mendapati masalah berupa layar berwarna biru alias bluescreen. Hal ini disebabkan oleh beberapa faktor dalam komputer. Baik dari segi kesalahan pada hardware maupun software. Untuk lebih jelasnya, mari kita simak penyebab-penyebab terjadinya blue screen pada komputer : 

1. Hardware Conflict
Setiap perangkat keras berkomunikasi dengan perangkat keras lainnya melalui interupsi saluran permintaan atau sering disebut IRQ.
sebagai contoh keyboard menggunakan IRQ1 dan floppy disk IRQ6 dsb. masing-masing hardware harus memiliki channel tunggal dan tidak boleh ada dua hardware yang menggunakan satu channel IRQ. jika ini terjadi pada saat bersamaan kedua hardware kita digunakan maka komputer akan mengalami crash.
untuk memeriksa apakah perangkat komputer anda mengalami conflict hardware berikut langkah penulusarannya:
# Start-Settings-Control Panel-System-Device Manager#
Seringkali jika sebuah perangkat memiliki masalah ada tanda seru berwarna kuning jika dilihat pada system device.Ini menandakan bahwa driver hardware yang anda instal kurang cocok untuk hardware dan cara terbaik untuk mengatasi masalah ini adalah dengan menginstal kembali Windows anda dan update driver terbaru dari internet untuk setiap hardware yang anda gunakan. atau pemasang hardware anda kurang pas pada dudukannya contohnya : sound card, modem, wifi card atau lan card. Buka chasing cpu jika ada slot card yang kurang pas pada dudukannya rapikan kembali. Catatan: hati2 pada saat anda membuka tutup chasing pastikan arus listrik sudah anda lepaskan dari cpu untuk menghindari sengatan listrik.

2. Bad Ram
Menggunakan ram dengan dua slot berbeda jenis. contoh satu ram menggunakan PC2100 dan yang satu mengunakan PC2700.ini akan menyebabkan ketidakstabilan kerja dari cpu anda.penyelesaian terbaik gunakan dengan PC yang sama misalkan Pc2100 kedua-keduanya bila perlu sama produk buatannya.
Atau ram anda kelihatan kotor buka bersihkan kaki pin dengan penghapus pensil.tanda-tanda ini juga bisa disebabkan oleh ram anda memang sudah mau rusak.Ganti dengan ram baru yang sesuai dengan cpu anda.

3. Bios
Perhatikan setting bios anda jika ragu kembalikan pada default pabrik dengan menekan F9 pada menu bios atau pilih load safe fail default.ganti battery cmos jika tanggal dicpu anda selalu berubah atau setiap kali mau booting minta tekan F1.

4. Hardisk drive
ini disebabkan gelaja awal tanda akan terjadi bad sector pada hardisk jika di biarkan lama kelamaan akan bertambah parah.untuk memelihara hardisk anda agar awet lakukan langkah berikut : dengan defragmenting caranya : #Start-Programs-Accessories-System Tools-Disk Defragmenter # lakukan ini minimal tiga bulan sekali. defragmating ini berfungsi untuk menyusun file yang yang pada hardisk agar tersusun rapi.kosongkan recycle bin dan isi temporary pada system file.terakhir lakukan scandisk :#Start-Programs-Accessories-System Tools-ScanDisk # lakukan ini pada saat anda tidak mengunakan cpu anda.
catatan : jika hardisk anda sudah parah bad sectornya cepat-cepat backup semua data anda, dan ganti hardisk baru.

5. Video Grafic Card
blue screen juga bisa terjadi karena ada kerusakan pada video card karena video card juga punya memory. jika video card sudah tua ganti aja dengan yang baru. hal bisa juga disebabkan kesalahan pada driver update denagan driver yang benar.

6. Virus
Update anti virus anda minimal tiap bulan. jika kerusakan parah disebabkab virus install ulang OSnya.

7. Printer
Tindakan mengirimkan dokumen untuk mencetak menciptakan sebuah file besar, sering disebut sebagai postscript file.
Printer hanya memiliki sedikit memori, yang disebut buffer. Hal ini dapat dengan mudah membuat kelebihan bebanpada memory printer. Mencetak dokumen juga menggunakan cukup banyak power CPU. Ini juga akan memperlambat kinerja komputer.
Jika printer sedang mencoba untuk mencetak karakter tidak biasa, dan dapat membuat crash komputer. Kadang-kadang printer tidak akan bisa mencetak karena kebingungan dalam buffernya. Cara yang baik untuk menghapus data yang akan dicancel printerdalam buffer adalah untuk mencabut printer selama sepuluh detik dan delete file pada printer status.

8. Software
Kemungkinan ada software yang kita install tidak compatible atausupport dengan system yang kita miliki. Uninstall software yang bermasalah dengan cara masuk ke safe mode dengan menekan F8 pada saat booting pergi ke control panel pilih remove program yaitu #Add/Remove programs#catatan: safe software digunakan jika kita tidak bisa booting secara normal pada windows.

9. Overheating
Overhead ini bisa menyebabkan system crash karena suhu prosesor di cpu kita kelebihan panas. ini disebabkan kecepatan kipas pada pendingin prosesor sudah melemah atau bahkan tidak berputar lagi, ganti dengan headsink baru.jika masih normal tu kipas buka lihat pastenya apakah suadah mengering jika ya tambah dengan paste lain dan jangan lupa bersihkan saluran sirkulasi udara pada cpu jika bedu bersihkan dengan kuas.

10. Power Supplay bermasalah

Cpu serring restart sendiri ini bisa disebabkan daya watt power supply udah berkurang ganti dengan yang baru. dan lebih baiok algi gunakan UPS untuk menjaga keamanan system power suply anda dari mati listrik tiba-tiba atau ketinggian voltase dari jaringan PLN a/ listrik karena ini juga bisa menyebabkab cpu anda crash.

Itulah Penyebab Terjadinya Blue Screen Di Komputer, semoga dengan adanya artikel ini dapat membantu teman-teman dalam memperbaiki dan mengatasi masalah yang terjadi akibat bluescreen.

Ubah Format Gambar Menggunakan Photoscape

Ubah Format Gambar Menggunakan Photoscape - Pada postingan kali ini, admin sengaja membuat tutorial tentang design atau yang berhubungan dengan gambar. Mungkin sebagian orang belum tau tentang Cara Mengubah Format Gambar Menggunakan Photoscape. Sebab trik ini saya dapatkan sendiri (alias dari pemikirinan pribadi). Tutorial kali membahas bagaimana cara mengubah/ mengganti format sebuah gambar. Misalnya, kita punya gambar dengan format gambar.png dan ingin menggati format gambar menjadi gambar.jpg itu bisa kok dengan menggunakan photoscape. Jadi, gak perlu susah-susah untuk mengganti format gambar tersebut. Berikut ini tutorial Cara mengubah format gambar menggunakan photoscape ala 4JIE BLOG : 

1. Buka terlebih dahulu photoscape nya, maka akan muncul seperti gambar dibawah ini :
2. Klik Editor, kemudian cari gambar yang ingin diubah format picture nya, sebagai contoh saya menggunakan Logo blog saya sendiri dengan format .gif

3. Klik Tombol Save, dan silahkan ganti format gambar dan nama gambar ny.



4 Klik Save As
Sekian trik cepat dan mudah mengubah format gambar menggunakan photoscape

Wednesday 23 November 2011

SERIBU PERNAK PERNIK PONSEL ANDROID



Seribu Pernak Pernik Ponsel Android



SERIBU PERNAK PERNIK PONSEL ANDROID – Saat ini si robot ijo sedang mengambil alih perhatian public dalam hal operating system mobile. Android adalah Sistem Operasi yang diterapkan pada telepon selular/ handphone berbasis LINUX. Dengan konsep Open Source atau terbuka menjadikan Android Sebagai Sistem Operasi Mobile yang menyerupai saudara dekatnya yaitu Linux.

Hingga saat ini Android telah mengeluarkan berbagai macam versi. Versi-versi yang telah dikeluarkan dari si robot ijo ini adalah : 
  • Android Versi 1.1
  • Android Versi 1.5 (Cupcake)
  • Android Versi 1.6 (Donut)
  • Android Versi 2.0/2.1 (Eclair)
  • Android Versi 2.2 (Froyo : Frozen Yoghurt)
  • Android Versi 2.3 (Gingerbread)
  • Android Versi 3.0/3.1 (Honeycomb)
  • Android Versi 4.0 (ICS : Ice Cream Sandwich)
Versi Android ini disesuai dengan perkembangan teknologi, dimana beberapa perusahaan telepon seluler mengadopsi Android sebagai Sistem Operasi Utama nya. Ada yang menggunakan android didalam Handphone/Mobile, dan ada juga yang memasang si robot ijo ini kedalam PC Tablet.  

Seribu Pernak Pernik Ponsel Android  - Android yang memperkenal jati diri nya sebagai Sistem Operasi Terbuka (Open Source) membuat perkembangan aplikasi yang begitu cepat dibandingkan sistem operasi mobile yang lainnya.  Android datang menawarkan ratusan bahkan ribuan aplikasi menarik yang dapat diunduh dan digunakan secara gratis. Selain ada ratusan aplikasi yang dapat diunduh dengan gratis, ada juga aplikasi android yang sengaja dihadirkan dengan versi berbayar. Umumnya aplikasi yang berbayar ini hanya dapat kita gunakan setelah kita membayar aplikasi yang dijual sesuai dengan harga yang sudah ditentukan.

Android Softmarket merupakan sebuah blog yang bergerak dibidang jasa dan produk. Android Softmarket menjual :
  • Aksesoris Android
  • Software Android
  • Games Android
  • Themes Android
Seribu Pernak Pernik Ponsel Android dapat kamu temukan dengan mudah hanya di Android Softmarket. Dengan harga terjangkau, akan menambah performance dan penampilan lebih untuk Android mu. Jadi, tunggu apalagi ?
Tidak ada salahnya untuk memanjakan si robot ijo dengan tema dan aplikasi baru yang dapat membuat kamu tambah sayang dengan si ijo.

Monday 21 November 2011

Cara Membuat Tab View Ala 4JIE Blog

Cara Membuat Tab View Ala 4JIE Blog - Pada kesempatan kali ini, saya akan berbagi tutorial cara membuat tab view ala 4JIE Blog. Banyak email masuk yang ingin mengetahui bagaimana cara membuat widget tab view yang 4jie blog gunakan saat ini. Sebenarnya saya juga bingung, kenapa kok banyak yang suka dengan tab view yang digunakan blog ini haha.
Tab View Ala 4JIE BLOG


Banyak sih sebenarnya fungsi dari tab view ini, selain memperindah penampilan blog, tab view juga dapat mengurangi space/ruang yang berlebihan pada blog kamu. Dan pastinya tidak memberatkan sebuah blog. 4JIE Blog sendiri menggunakan widget tab view ini untuk daftar artikel terbaru, dan site info lainnya. Buat yang udah gak sabaran pengen nyoba, yuk diikutin tutorial berikut ini.

Cara Membuat Tab View Ala 4JIE Blog

1. Login terlebih dahulu ke blogger.com
2. Klik Rancangan --> Edit HTML --> Tambah Gadget --> HTML/Javascript
3. Salin kode berikut ini, dan taruh didalamnya

<style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 90px; /* Lebar Menu Utama Atas */
text-align:center ; height: 26px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #555555; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana",Arial; /* Font Menu Utama Atas */
font-weight:bold; color:#fff; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #E6E6E6; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#E6E6E6; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script type='text/javascript'>
//<![CDATA[
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == "A")
{
i++;
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
Tab.className = (i == id) ? "Active" : "";
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != 'Pages') Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == 'Page')
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
Page.style.overflow = "auto";
Page.style.display = (i == id) ? 'block' : 'none';
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
//]]>
</script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a>Title 1</a>
<a>Title 2</a>
<a>Title 3</a>
</div>
<div style="width:300px; height:250px; " class="Pages">
<div class="Page">
<div class="Pad">
Isi menu tab view 1
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 2
</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 3
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>


4. Atur tinggi, lebar, warna, dan sesuaikan dengan templates blog kamu
5. Simpan

Sunday 20 November 2011

Struktur Dasar HTML

Struktur Dasar HTML - Pada pagi yang sedikit mendung ini, 4jie blog akan coba share tentang struktur dasar dalam HTML. Struktur HTML (Hyper Text Markup Language) ini merupakan susunan dalam sebuah script HTML yang wajib ada didalamnya.  Struktur HTML ini wajib ada, sebab bila tidak ada struktur dasar HTML, mustahil sebuah script bisa bekerja. 
Berikut ini struktur dasar HTML yang bisa dibaca
dan dipelajari, semoga dapat dipahami dengan mudah !

Struktur Dasar HTML 

<html>
<head>
<title> JUDUL </title>
</head>

<body>
Belajar HTML itu Mudah

</body>
</html>

Keterangan !
<html> Merupakan kode pembuka dalam sebuah HTML
<head> Bagian kepala pada sebuah HTML
<title> JUDUL </title> Bagian judul sebuah untuk HTML
</head> Merupakan Penutup dari sebuah script HTML
</body> Merupakan kode untuk pembuka sebuah isi script yang ada didalam HTML
Belajar HTML itu Mudah Merupakan isi pada sebuah HTML
</body> Merupakan kode untuk penutup sebuah isi script yang ada didalam HTML
</html> Merupakan kode penutup dalam sebuah HTML

Wednesday 16 November 2011

Cara Membuat Tooltips Dengan Jquery

Cara Membuat Tooltips Dengan Jquery - Postingan kali ini 4jie blog akan share tutorial Cara Membuat Tooltips Dengan Jquery. Tooltips bisa dikatakan sebagai balon deskripsi yang pada sebuah link. Dengan menggunakan tooltips, link sebuah blog akan terlihat lebih hidup dan elegant. Mau tau bagaimana bentuk dan efek yang dikeluarkan dari Tooltips ini ?
Arahkan cursor pada menu navigasi horizontal atau bisa melihat gambar dibawah ini:
( klik gambar untuk memperbesar )
Cara Membuat Tooltips dengan Jquery
1. Login ke dashboard blogger
2. Klik Design --> Edit HTML, Klik centang pada tulisan Expand This Widget
3. Cari Kode ]]></skin> dan masukkan kode berikut tepat diatasnya

#easyTooltip{
padding:5px;
border:1px solid #ccc;
background:#f1f1f1;
}

4. Salin kode dibawah ini sebelum kode </body>
<!-- jQuery -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<!-- begin Tooltips -->
<script type='text/javascript'>
$(document).ready(function(){
$("a.tooltip").easyTooltip();
});
</script>
<script type='text/javascript'>
//<![CDATA[
(function($){$.fn.easyTooltip=function(options){var defaults={xOffset:20,yOffset:30,tooltipId:"easyTooltip",clickRemove:false,content:"",useElement:""};var options=$.extend(defaults,options);var content;this.each(function(){var title=$(this).attr("title");$(this).hover(function(e){content=(options.content!="")?options.content:title;content=(options.useElement!="")?$("#"+options.useElement).html():content;$(this).attr("title","");if(content!=""&&content!=undefined){$("body").append("<div id='"+options.tooltipId+"'>"+content+"</div>");$("#"+options.tooltipId).css("position","absolute").css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px").css("display","none").fadeIn("fast")}},function(){$("#"+options.tooltipId).remove();$(this).attr("title",title)});$(this).mousemove(function(e){$("#"+options.tooltipId).css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px")});if(options.clickRemove){$(this).mousedown(function(e){$("#"+options.tooltipId).remove();$(this).attr("title",title)})}})}})(jQuery);
//]]>
</script>
<!-- end tooltips --> 

5. Simpan

Notes !
Untuk dapat mengaktifkan fitur tooltips ini, silahkan salin atau buat kode seperti disamping --> <a class='tooltip' href='4-jie.blogpsot.com' title='Tutorial Blogspot Plus Templates'>Tutorial Blogger Lengkap </a>

Monday 14 November 2011

Cara Mengganti Gambar Kursor di Blog

Cara Mengganti Gambar Kursor di Blog - Pada kesempatan kali ini 4JIE akan coba bagikan cara-cara mengganti gambar kursor di blog. Defaultnya sebuah kursor pada satu blog hanyalah berbentuk panah. Namun, buat kamu yang bosan dengan tampilan kursor bawaannya, dapat menggunakan gambar lain sebagai kursor penunjuk untuk blog mu. Selain dapat mempercantik tampilan blog, pengunjung akan lebih mudah untuk meng-klik apapun apa yang ada didalam blog mu. Seperti meng-klik iklan, widget, teks, dll. Ide postingan kali ini muncul saat ketika saya ingin merubah kursor blog pribadi saya. LIVE DEMO  Buat yang udah gak sabar ingin mencoba, silahkan ikuti tutorialnya dibawah ini nih :


Cara Mengganti Gambar Kursor di Blog
1. Log ini ke akun blogger sobat;
2. Pilih menu Rancangan » Edit HTML;
3. Beri tanda centang pada tulisan Expand Template Widget;
Carilah kode yang kurang lebih seperti berikut ini :

body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
}


a:link {
color:$linkcolor;
text-decoration:none;
}


a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}


a:hover {
color:#000;
text-decoration:underline;
}

5. Kemudian tambahkan kode cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfDrk9fnKy5ZhOXJW5W73xdjxOdGPdzq1WGxHJx2eg6U6BSt7nHSNMBRlq0_75J8SyXGr8HY8p-cSnzCEGflx24HRejXXm-xttQgsWNHxk-t-vWjYJ4hDz21AL2T2W6vskgBG0Qx1gZeSe/s1600/cursorblue.png), progress; sehingga menjadi seperti ini;

body {
margin:0;
background:#cccccc;
color:#000000;
text-align: center;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfDrk9fnKy5ZhOXJW5W73xdjxOdGPdzq1WGxHJx2eg6U6BSt7nHSNMBRlq0_75J8SyXGr8HY8p-cSnzCEGflx24HRejXXm-xttQgsWNHxk-t-vWjYJ4hDz21AL2T2W6vskgBG0Qx1gZeSe/s1600/cursorblue.png), progress;
}


a:link {
color:$linkcolor;
text-decoration:none;
}


a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}


a:hover {
color:#000;
text-decoration:underline;
cursor: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfDrk9fnKy5ZhOXJW5W73xdjxOdGPdzq1WGxHJx2eg6U6BSt7nHSNMBRlq0_75J8SyXGr8HY8p-cSnzCEGflx24HRejXXm-xttQgsWNHxk-t-vWjYJ4hDz21AL2T2W6vskgBG0Qx1gZeSe/s1600/cursorblue.png), progress;
}



Kode cursor yang berada pada tag body { adalah untuk mengganti cursor default pada blog kita, sedangkan kode cursor yang berada pada tag a:hover { adalah untuk cursor pada link. kamu bisa merubah url ( kode warna biru ) gambar untuk cursor pada blog sobat sesuai dengan keinginan sobat, atau sobat bisa cari url cursor di http://www.totallyfreecursors.com/, http://www.123cursors.com/ dan http://www.cursors-4u.com/;

5. Kemudian simpan template sobat dan lihat hasilnya.

Sunday 13 November 2011

Download Templates OOM Style Gratis

Download Templates OOM Style Gratis - 4JIE BLOG pernah posting tentang templates blog juragan (Baca : Download Templates ala blog juragan). Maka di pagi yang kurang bersahabat ini izinkan 4jie berbagi templates blogspot yang paling banyak dicari oleh sahabat blogger. Adapun templates yang akan dibahas pada kali ini adalah Templates OOM Style.



Template Features:
  • Best for Make Money Online with Google Adsense or with other PPC.
  • Very fast loading page, only use 20% small image.
  • Complete SEO Guide for Blogger (you must see).
  • Support Breadcrumbs SEO Friendly.
  • Support Heading (h1) SEO Friendly.
  • Support email subscription box with FeedBurner.
  • Can use with Blogger Widget for Feed or with Feedburner (recommended).
  • Support Jump link to Original Link on your page post.
  • Support 1 right sidebar on page Post.
  • Support Auto Read More.
  • Support 3 column widget on bottom bar.
  • Support Custom Search Box behind Menu.
  • Support Facebook Like and Social Bookmark ready.
  • Support Related Post With Thumbnail.
  • Support Avatar and Highlighting Author on Comment box.
  • Tested on IE6/7, Firefox, Opera, Safari, Google Chrome


Mengapa saya katakan Templates OOM Style ? 
Sebab, templates ini sepenuhnya bukan seperti templates oom, hanya saja mirip dengan templates yang dipakai oom saat ini.

Dapat Templates Ini darimana ?
Pastinya bukan beli atau minta dari OOM. Bisa dikatakan ini merupakan oprekan saya sendiri untuk bisa membuat templates yang menyerupai OOM.

Bagaimana caranya agar bisa mendapatkan Templates ini ? 
Gampang aja, kamu gak perlu bayar sepeserpun alias GRATIS. Karena saya sebenarnya cukup kasihan, banyak oknum gak bertanggung jawab yang mendapatkan templates ini secara GRATIS  dan menjual nya kembali dengan harga mahal. Buat yang mau mendapatkan templates ini, saya akan kirim templates nya via email (Silahkan Baca syarat-Syarat untuk mendapatkan templates ini ).

Syarat-syarat mendapatkan Templates OOM Style secara Gratis
  • Follow Blog ini terlebih dahulu |  Follow My Blog
  • Like FansPage 4JIE on Facebook | Like !
  • Berikan 3 Komentar Untuk Postingan yang ada di blog ini
  • Konfirmasi pada kami, jika syarat diatas telah terpenuhi | Hubungi Kami
Mohon untuk tidak menghapus Link Credit © Copyright by 4-jie.blogspot.com, Blogger yang baik adalah blogger yang mau menghargai blogger lainnya :)

Contact Us


Bantu kami membuat layanan kami lebih baik untuk Anda di blog ini.
Jika Anda memiliki komentar atau pertanyaan tentang layanan kami, atau perlu pemasang iklan di blog ini, silahkan hubungi kami via email. Kami menyambut umpan balik semua karena akan membantu kami untuk melayani Anda lebih baik.

Perlu untuk beriklan ide postingan mu blog ini?!
Silahkan kirimkan artikel anda via email ke alamat: fajrialhadii@gmail.com dan kami akan menampilkan ide postingan mu di blog ini.

Saran / Pertanyaan melalui Email
Kita dapat menanggapi pertanyaan Anda lebih baik jika kita tahu sedikit tentang Anda dan sifat dari query Anda.
Hubungi kami melalui facebook : ifajrialhadi@facebook.com
Hubungi admin melalui twitter: http://twitter.com/fajrialhadi
Chat dengan kami di Yahoo Messenger: fajrialhadii 

Wednesday 9 November 2011

Google Kembalikan Pagerank 4JIE Blog


Google Kembalikan Pagerank 4JIE Blog - Google baru saja melakukan update secara berkala. Tak ketinggalan pula Google juga melakukan update pagerank. Sebenarnya saya udah tau google update, tetapi baru bisa posting sekarang dikarenakan kesibukan sekolah. Alhamdulillah, Google Update kali ini memberikan nikmat tersendiri bagi saya dan blog ini.



Mengapa begitu ? Sebab dengan kerja keras dan tekat yang kuat akhirnya pagerank blog ini kembali normal. Setelah sebelumnya hanya mendapatkan Pagerank 1 (Baca : Pagerank 4JIE Turun !) sekarang naik menjadi Pagerank 2. Semoga dengan kejadian ini, saya bisa terus belajar dan berusaha untuk mengembangkan blog ini. Ayooo, siapa lagi yang mau dapat Pagerank ?
Sekian ~

Sunday 6 November 2011

Pengertian dan Sejarah HTML

Hypertext Markup Language (HTML) adalah bahasa yang digunakan untuk menulis halaman web. HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu.
HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997.
HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
Dasar-Dasar HTML

Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.
Mendesain HTML dapat dilakukan dengan dua cara:
Menggunakan HTML Editor, seperti Microsoft FrontPage, Adobe Dreamweaver, dan lain-lain. Dapatkan editor HTML lainnya disini.
Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.

Ada kelebihan dan kekurangan dari dua cara di atas. Cara pertama kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada bahasa HTML.

Monday 31 October 2011

Belajar HTML Menggunakan Notepad

Belajar HTML Menggunakan Notepad - Setelah memahami dasar-dasar HTML (Baca : Pengenalan HTML) maka lanjut ke langkah selanjutnya yaitu Belajar Membuat HTML menggunakan Notepad. Cara ini sangat efektif dilakukan untuk seorang pemula agar dapat dengan mudah mempelajari HTML.

Tools yang digunakan : 
  • Browser (Mozilla Firefox, Google Chrome, Internet Explorer)
  • Notepad
Pada percobaan kali ini, kita akan menggunakan Mozilla Firefox sebagai browser dalam pembelajaran HTML.

1. Buka Notepad terlebih dahulu
2. Masukkan kode HTML didalam Notepad
3. Jika sudah selesai, simpan file dengan menambahkan format .html diakhir nama file yang akan disimpan (Contoh : belajar.html)

4. Jika sudah, silahkan buka file yang disimpan tadi. Maka akan muncul tampilan browser seperti dibawah ini.

Selamat Mencoba :)

Pengenalan HTML


Apa itu HTML?
HTML adalah bahasa untuk mendeskripsikan halaman web. HTML merupakan salah satu bagian terpenting web yang tidak dapat ditinggalkan. Dengan adanya HTML, maka sebuah blog dapat terlihat lebih rapi dibandingkan blog yang tidak menggunakan HTML.
  • HTML berarti Hyper Text Markup Language
  • HTML bukan bahasa pemrograman, tetapi bahasa markup
  • Bahasa markup terdiri dari tag markup
  • HTML menggunakan tag markup untuk mendeskripsikan halaman web

Tag HTML
Tag markup HTML biasa dipanggil tag HTML
  • Tag HTML adalah kata kunci yang dikelilingi oleh tanda <>
  • Tag HTML biasanya berpasangan seperti dan (kita akan mempelajarinya nanti)
  • Tag pertama (yang ) adalah tag awal, tag kedua (yang ) adalah tag akhir
  • Tag awal dan akhir disebut juga dengan tag pembuka dan tag penutup 

Dokumen HTML = Halaman Web
  • Dokumen HTML mendeskripsikan halaman web
  • Dokumen HTML mengandung tag HTML dan teks biasa
  • Dokumen HTML disebut juga dengan halaman web
Maksud dari browser (seperti Opera dan Firefox) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browsernya tidak menampilkan tag HTML, tetapi menggunakan tagnya untuk mengartikan isi dari halaman:

Heading pertamaku

Paragraf pertamaku

Penjelasan dari contoh di atas:
  • Teks diantara dan mendeskripsikan halaman web
  • Teks diantara dan adalah isi halaman yang akan ditampakkan
  • Teks diantara

    dan

    akan ditampilkan sebagai heading
  • Teks diantara dan
    akan ditampilkan sebagai paragraf
Sekian dulu untuk postingan kali ini. Tunggu lah postingan selanjutnya karena kita akan membahas tentang dasar HTML.

Download Templates Ala Blog Juragan

Download Templates Ala Blog Juragan - Ini merupakan postingan pertama ku tentang templates. Templates merupakan salah satu faktor penunjung keberhasilan sebuah blog. Dengan adanya templates, maka tampilan pada blog lebih bagus dan enak dilihat. Sekaligus membuat para pengunjung nyaman dengan blog kita dan ingin berlama-lama disana. Okey, aku kan bagi Templates ala blog juragan. Sebagai contoh silahkan lihat gambar templates berikut ini :



Templates Detail : 
  • Full Seo Templates
  • Auto Readmore
  • Right Sidebar, Right Header 468x90
  • Menu Navigasi Horizontal
  • Menu Navigasi Breadcumb
  • Blockquote
  • Related Post di akhir postingan
  • Yahoo Emoticons Comments  



Password : 4-jie.blogspot.com

Mencari File Menggunakan Teknik Googling

Mencari File Menggunakan Teknik Googling

Mencari File Menggunakan Teknik Googling - Punya masalah karena sering mencari sebuah file tetapi file yang dicari tidak ditemukan ? Kita akan berikan tips keren Mencari File Menggunakan Teknik Googling. Teknik ini bisa dibilang teknik paling jitu dalam mencari file. Jadi, gak perlu repot-repot otak atik mesin pencariannya. Cukup ikuti teknik berikut ini dan kamu akan mendapatkan file yang kamu mau.


Cara I
1. Klik www.google.com 
2. Pada kotak pencarian, ketik  site:linkdownload "(file dan versinya), sebagai contoh : site:mediafire.com "WINAMP2"
 
3. Maka hasil yang didapat setelah memasukkan file yang akan dicari

4. Pilih satu diantara ratusan link diatas, lalu download filenya

Cara II 
Ketik pada kotak pencarian : (Nama File) (Site:Situs Hosting)
Contoh : idm site:mediafire.com

*hilangkan tanda kurung sewaktu ingin melakukan teknik googling ini

Saturday 29 October 2011

Membuat Author Post Detail Secara Otomatis

Membuat Author Post Detail Secara Otomatis - Kita akan membuat sebuah widget keren. Dimana dengan menggunakan wdget ini pengunjung dapat mengenali kita lebih dekat, dan pastinya kita juga bakalan terkenal. Author Post Detail merupakan sebuah widget yang sifatnya menampilkan pemilik/penulis sebuah blog. Adapun format yang ada pada widget ini adalah, Nama Penulis, Tanggal Postingan, Label Postingan, dan tweet menu yang dapat digunakan untuk menyebarluaskan artikel ke twitter tanpa ribet.

Author Post Detail
Selain itu, widget ini akan otomatis muncul dimasing-masing postingan kamu. Umumnya widget ini terletak dibawah judul postingan. Jadi buat yang mau mencoba silahkan ikuti langkah-langkah nya seperti berikut ini :

1. Login Blogger
2. Tuju ke Rancangan -> Edit HTML
3. Centang expand template widget, Cari ]]></b:skin>
4. Letakan CSS berikut diatasnya
.tweetmeme{ margin-left:10px; padding-top:17px; font-size:11px; float:left; }
4. Cari <data:post.body/>
5. Letkan kode di bawah ini di atas <data:post.body/>

<br/>
<div class='line-border'>
<div style='float: left; padding-top: 0px;'>
<img alt='i-om' height='48' src='http://img10.imageshack.us/img10/7945/tesym.jpg' title='4JIE' width='48'/>
</div>
<div class='profile-name'>
<a href='http://4-jie.blogspot.com' rel='dofollow' target='_blank' title='4JIE'><b>By 4JIE</b></a>
</div>
<div class='tags-name'>
Date
<span class='post-timestamp'>
&#8594;
<data:post.dateHeader/>

</span>
<br/>

<div class='labelpost'><b:if cond='data:post.labels'>Tags &#8594; <b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>

</b:loop></b:if>
</div>

</div>
<div class='tweetmeme'>
<script type='text/javascript'>
tweetmeme_style = &#39;compact&#39;;
tweetmeme_url = &#39;<data:post.url/>&#39;;
tweetmeme_source = &#39;freedown4u&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'>
</script>
</div>
<div class='spacer'/></div><br/>

Keterangan !
Teks Biru : Link gambar author post detail
Teks Orange : Ganti dengan alamat blog kamu
Teks Pink : Ubah menjadi nama author kamu