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.

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

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

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>

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.

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.

LIVE DEMO | DOWNLOAD

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 

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 ~

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.