Tutorial Membuat Tab View Menu Di Blogspot

Tab View Menu sering digunakan untuk meminimalisir jumlah widget yang mengambil ruang di blog. Ukurannya kecil tapi cukup bermanfaat memuat banyak space. Tab View Menu ini menampung beberapa widget dan untuk melihat setiap widget tersebut terdapat menu di bagian atas widget menu tab view tersebut.

Bagaimana cara membuat Tab View Menu tersebut? Langsung saja kita bahas di bawah ini:

1. Login ke Blogger kamu dengan menggunakan ID yang telah terdaftar.
2. Setelah berada didalam account blogspot kamu, kemudian Pilih Rancangan atau Design.
3. Lalu klik Edit HTML.
4. Kemudian centang di Expand Template Widget.
5. Sebelum melakukan pengeditan, di anjurkan untuk Download Template Lengkap anda terlebih dahulu sebagai back up untuk menjaga hal yang tidak diinginkan.
6. Selesai template di back, kemudian cari kode ]]></b:skin>
7. Letakkan kode berikut di atas ]]></b:skin>

/* Menu Tab View
----------------------------------------------- */
div.TabView div.Tabs {widht:100%;
padding-top: 0px;
height: 24px;
overflow: hidden;
}
/* Menu Utama */
div.TabView div.Tabs a {
float: left;
display: block;
width: 110px; /* ukuran lebar menu */
text-align: center;
height: 30px; /* ukuran tinggi menu */
padding-top: 7px;
margin-right:4px; /* jarak antarmenu */
vertical-align: middle;
border: 1px solid #ccc; /* warna border menu */
border-bottom-width: 0;
margin:0px;
padding: 5px 0;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;; /* besar hurup menu */
background-color: #4c4c4c; /* warna latar menu */
color: #FFFFFF; /* warna hurup menu */
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
}
div.TabView div.Tabs a.Active {
background-color: #FFFFFF; /* warna background menu aktif */
color: #000000;
}
div.TabView div.Tabs a:hover {
background-color: #999999; /* warna background menu hover */
color: #FFFFCC;
font-weight: bold;
}
/* Kotak Utama */
div.TabView div.Pages {
clear: both;
border: 1px solid #CCC; /* warna border kotak utama */
overflow: hidden;
background:#FFFFFF; /* background kotak utama */
}
div.TabView div.Pages div.Page {
height: 100%;
padding: 7px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad {
padding: 5px 0px;
font-size: 12px; /* besar hurup kotak utama */
}
/* tabview css end */

Tulisan yang berwarna Merah adalah penjelasan untuk setiap code dari scripts apabila anda ingin mengeditnya.

8. Lalu letakkan kode dibawah ini sebelum kode </head>
<script src='http://miftahulanwar.fileave.com/tabview.js' type="text/javascript"/>
9. Kemudian klik SIMPAN TEMPLATE atau SAVE TEMPLATE.

SELANJUTNYA, kita tambahkan kode ke widget sekarang:
1. Masuk ke Elemen Halaman atau Page Elements.
2. Kemudian Tambah Gadget atau Add Gadget.
3. Pilih HTML/Javascript.
4. Lalu masukan Code Scripts, seperti di bawah ini:
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 100%;" class="Tabs"> 
Isi disini code untuk tab menu 1 </div>
<div style="width: 99%; height: 200px;" class="Pages">
<!--Awal Menu 1-->
<div class="Page"><div class="Pad">Isi disini code untuk tab menu 2 </div></div>
<!--Akhir Menu 1-->
<!--Awal Menu 2-->
<div class="Page"><div class="Pad">Isi disini code untuk tab menu 3 </div></div>
<!--Akhir Menu 2-->
<!--Awal Menu 3-->
<div class="Page"><div class="Pad">Isi disini code untuk tab menu 4 </div></div>
<!--Akhir Menu 3-->
</div></div></form>
<script type="text/javascript">tabview_initialize('TabView');</script>
<div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"></div> 

5. Tulisan yang dicetak TEBAL pada code scripts diatas ganti dengan code label, lihat contoh berikut ini:

<style>
/*** RECENT POST BY LABEL ***/
img.label_thumb{
float:left;
padding:5px;
border:1px solid #8f8f8f;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{
background:#f7f6f6;
}
.label_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 0px 10px 2px 0px;
adding: 0;
}
ul.label_with_thumbs li {
padding:8px 0;
min-height:75px;
margin-bottom:10px;
}
.label_with_thumbs a {}
.label_with_thumbs strong {}
</style>

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSBaFYpabgwHgC_sChDQ9wSaqSBJUKf9EpkEDVfrxkP2oSPZxCxyiUyIEN0CtMonaFgwDjtKN_gD0nr3xSHXO-_MrWPBwUZ2zAXH66ZSYHVPvrbGA4UI1X5eYQzgkpR2loPoNR0rw6IpG5/';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('
<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong>
');if("content"in entry){var postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('
');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}
document.write(towrite);document.write('</li>
');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>
');}
//]]>
</script>
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>

<script type="text/javascript" src="http://justsonix69.blogspot.com/feeds/posts/default/-/Komputer?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

6. Tulisan berwarna Coklat (http://justsonix69.blogspot.com) ganti dengan URL kamu, dan Tulisan yang berwarna Biru (Komputer) ganti dengan Label pada blog kamu sesuai dengan besar kecil huruf labelnya.

7. Pada kode Isi disini code untuk tab menu 1 - 4 isi dengan label yang berbeda, sesuai nama yang ingin kamu tampilkan di Menu Tab View tersebut. Misalnya, pada code Komputer dan Isi disini code untuk tab menu 2 - 4 isikan dengan label yang berbeda dan lengkap dengan kodenya.

Read More

Beberapa Panduan Untuk Mengetahui "Error Code" Pada Applikasi BlackBerry

Berikut adalah beberapa code untuk mengetahui applikasi code error pada handheld BlackBerry kamu:

Code 1xx
101: Internal JVM Error
102: Invalid code in file system. The .cod files in the handheld have been checked for modification and it has been determined that there is a problem with one or more cod files
103: The starting address for the boot .cod file cannot be found. This might mean that a boot .cod file has not been installed on the handheld, or that its format is invalid or corrupt.
104: An uncaught Java exception was thrown in the Java code and diagnosed by the JVM. Execution can be continued or the handheld can be attached to a debugger on a desktop through a serial or USB cable. The event log should contain the traceback of the thrown exception.
105: An OS file system API returned an error status for a certain operation. This can indicate a corrupt file system or an error in the JVM.
106: An error has been detected in the graphics system of the handheld.
107/108: Internal JVM Error.
109: Internal OS Error.
110: Non-idle event downtime error. A problem has been detected in the accumulation of JVM down time that represents how long the JVM has been idle. This indicates an error in either the OS code or the JVM code.

Code 2xx
200: Application manager threw an uncaught exception. The application manager event thread threw an uncaught exception and so cannot continue running.
201: Initialization of the cryptographic system failed and the handheld cannot continue to operate.
202: An attack on the key store has been detected, and the handheld cannot continue to operate.
203: The application manager console process, usually the Home screen ribbon, has failed, like due to an uncaught exception.

Code 3xx
310-314: Hardware Failure
Perform a hard reset on the handheld: Shut down, remove the battery wait a few second... replace battery then see when happens when it starts OR Run Application Loader to reload the operating system and applications onto the handheld.
Note: If these tasks do not resolve the error, contact your service provider.
320-325: AMX Failure
Run Application Loader to reload the operating system and applications onto the handheld.
330-339: Application Tasks Failure
Run Application Loader to reload the operating system and applications onto the handheld.
340-343: Memory Failure
You receive one the following error messages on your handheld:
Menyebabkan: Memory Failure
Solusi/Solution:

Reduce the number of calendar appointments synchronized to your handheld.

* In BlackBerry? Desktop Manager, double-click the Intellisync icon. 

   Click Configure PIM. The Handheld Configuration window appears.

* In the Handheld Applications list, select Calendar.

* Click Configure > Advanced Settings. The Advanced Settings for Calendar window appears.

* In the Date Range tab, perform one of the following tasks to reduce the number of calendar appointments synchronized to your handheld:

If you click the Transfer only Future items option, only future calendar appointments will be synchronzied to your handheld.

If you click the Transfer items within a range of Days option and enter date range in the fields provided, only the calendar appointments that scheduled within the date range will be synchronized to your handheld.

* Click OK to save your changes and close the window.

* In the Handheld Configuration window, ensure that the check box beside the Calendar application is selected, then click OK.

* In the Intellisync window, ensure that the Synchronize PIM check box is selected, then click Synchronize Now. The number of calendar entries on your handheld is reduced.

If you still receive the error:

Run Application Loader to reload the operating system and applications onto your handheld.

350-359: Software Application Failure

You receive one of the following error messages on your handheld:

Device Error 350, 352, 353, 354, 355, 356, 357, 358, 359

Menyebabkan: Software Application Failure
Solusi/Solution:

Perform a hard reset on the handheld OR Run Application Loader to reload the operating system and applications onto your handheld. In the Application Loader Wizard window, do not select any third party applications. In the Advanced options, select the Erase all currently installed applications check box.

360-363: Flash Memory Failure

Run Application Loader to reload the operating system and applications onto the handheld.

365-368: This One Is Often Followed by 

Contact your service provider.

Code 4xx

400-564: Breaking lines, sistem data link lost, possibility of bad sector in hard drive.

410: Radio Failure

411: Battery Error, Replace Internal or External Battery module.

499: Software problems, continue to handheld device OS installation or application updates via Apploader.

Code 5xx

501: Internal Error.

502: All processes exited. The last Java process has terminated, and there is nothing left to execute.

503-505: Internal Error.

506: An uncaught Java exception was thrown in the initial VM Java thread thus killing the only live thread in the system. The event log contains the traceback for the exception.

507: A dependency on a .cod file could not be satisfied due to a missing .cod file. Load the missing .cod file onto the handheld.

You receive one of the following errors on your BlackBerry device while using Application Loader to install device software. <== Tutor: Disini

Device Error 505 & Device Error 507

Both errors indicate that no applications are loaded on the BlackBerry device.

Penyebab I:

During the Application Loader process, the existing applications on the BlackBerry device were erased, but Application Loader failed to load the new applications.
Solusi/Solution:

Complete the following steps:

* Verify that device software is installed on your computer.

* If your BlackBerry device is connected to a laptop in a docking station, disconnect the laptop from the docking station and connect the device directly to the laptop.

* If a third-party program (e.g. virus scanner) is using the same COM port as BlackBerry Desktop Manager, close the third-party application to free the COM port.

* If you are using a USB adapter to connect your BlackBerry device to a serial port on your computer, temporarily connect your device to a computer with a USB port.

* In Desktop Manager, double-click Application Loader.

* Use Application Loader to install the device software.

Penyebab II:

You erased all the data and applications on your BlackBerry device by typing an incorrect password ten times in Application Loader.

Solusi/Solution:

Complete the following steps:

* In Desktop Manager, double-click Application Loader.

* Use Application Loader to install the device software.

508: Invalid object. A problem has been detected with a debugger command to the VM.

516: Error occurred during garbage collection, which might indicate a corrupted file system.

510: All threads are waiting on objects, which results in a deadlock. The system cannot recover from this state since no thread can release a lock.

511: A problem has occurred during debugging.

515: The reachable objects form a group that cannot be represented properly by the VM because there are too many objects or the total size of the objects is too large.

516: When committing a persistent object, the VM found that the persistent store id counter has reached its limit. The object was not committed.

517: An inconsistency has been detected in the VM persistent object store.

518-520: Internal Error.

521: Indicates that Object.wait() has been executed by a thread that holds a lock on another object; occurs only in simulator if the JvmDebugWaits application switch.

522: A thread has acquired two locks on objects in an order that doesn’t match the order that previous locks for the two types were acquired, which indicates a future potential deadlock situation; reported only in the simulator when the JvmDebugLocks application switch is set.

523: A critical Java process has died and the device cannot continue to operate normally.

524: An object has been marked as recovered by the Low Memory Manager but it was not freed during a garbage collection. This is only checked in the simulator under the control of the JvmDebugLMM application switch.

525: Bad persistent object. An auto-commit operation during a garbage collection has detected a non-persistent object reachable from the persistent store root. The type of the object has been output into the event log.

526: The class definition for java.lang.Object cannot be found.

527: The class definition for java.lang.String cannot be found.

528: The file system is corrupted. Data on the handheld is unrecoverable.

529: The file system is corrupted. An attempt is going to be made to recover data, but some data might be lost.

530: Internal JVM error.

531: Flash memory has been exhausted.

532: A JVM assertion has been violated. This error can occur only in the simulator, not on an actual handheld. 

Semoga beberapa penjelasan diatas dapat bermanfaat buat para pengguna BlackBerry yang masih belum mengetahui arti "Error Code" pada saat penginstalan aplikasi-aplikasi di handphonenya.

Untuk mengetahui lebih banyak tentang panduan dan aplikasi pada BlackBerry, maka anda dapat membeli bukunya dari counter resmi blackberry atau membelinya melalui internet.

Berikut buku panduan-panduan dan applikasi pada BlackBerry yang dijual via internet:

Supported by http://www.amazone.com

Read More

Tips Menulis Blog Agar Terlihat Menarik dan Disukai Pengunjung

Pada dasarnya tujuan setiap orang menulis di blog adalah sebagai tempat curhatan pribadi (buku diary) dan sebagai tempat memberikan informasi kepada orang lain seperti informasi tentang bisnis, berita, tutorial, tips, dan lain-lain.

Jadi, jika tujuan kamu menulis di blog sebagai curhatan pribadi sebaiknya berisikan kehidupan yang kamu alami sehari-hari. Tetapi, jika sebagai tempat memberikan informasi maka sebaiknya isi blog tentang informasi yang bermanfaat dan disesuaikan dengan tema blog tersebut.

Lalu, bagaimana harus menulis blog selain terlihat menarik dan juga dapat meningkatkan jumlah pengunjung? Beberapa tips yang akan saya berikan, bagaimana menulis blog agar terlihat menarik dan disukai pengunjung. Mari sama-sama kita membahasnya disini:

1. Sebelum menulis blog, tetapkanlah motivasi kamu terlebih dahulu
Sebelum menulis blog, tentukan terlebih dahulu untuk siapa blog tersebut kamu tulis apakah untuk diri sendiri atau orang lain? Jadi, beberapa kemungkinan saat kamu baru menulis, kamu akan merasa tidak perduli ("masa bodoh" untuk bahasa gaul sekarang) apakah blog kamu akan dibaca orang lain atau tidak sama sekali. Karena fakta menunjukan, apabila kamu mendapatkan umpan balik (feedback) dan komentar dari orang lain maka akan membantu meningkatkan keinginan dan motivasi kamu untuk tetap terus menulis di blog.

2. Melakukannya secara berkala (1x setiap hari, 1 atau 2x seminggu)
Sebaiknya menulis blog dilakukan secara secara berkala sehingga menjadi kebiasaan buat kamu untuk terus menulis, dan menyediakan waktu atau jadwal yang tepat adalah langkah yang baik untuk menulis blog. Kamu dapat mengatur waktu tersebut seperti 1x setiap hari, 1 atau 2x seminggu sambil mencari topik lain yang menarik untuk kamu jadikan sebagai materi di posting berikutnya.

3. Tulis isi blog dengan jelas, padat, dan informatif
Saat kamu mulai menulis blog, pastikan kondisi pikiran dalam keadaan santai / rileks tanpa terbebani perasaan bahwa blog yang akan kamu tulis ini harus bagus dan rapi, karena apabila blog kamu telah terpublish tetapi terjadi kesalahan seperti beberapa kata ada yang kurang satu huruf, bentuk tulisan terlalu kecil atau terlalu besar, dan lain-lain maka kamu dapat memperbaiki / mengeditnya kembali sesuai keinginan karena di blog sudah memiliki berbagai jenis format tulisan dengan jenis dan ukuran.

4. Jadi diri sendiri itu lebih baik
Di dalam menulis blog jangan pernah takut mengungkapkan pendapat atau beropini, karena blog bukan media formal yang akan menyalahkan kamu. Kelebihan dari blog adalah pribadi (personality) dan karakter dari sang penulis atau blogger berada dibalik blog tersebut, jadi biarkan karakter kamu muncul melalui tulisan blog tersebut. Makin jujur dan terbuka isi tulisan sebuah blog, biasanya akan membuat semakin menarik perhatian para pembaca / orang lain. Tidak perlu menulis dengan kata EYD yang resmi atau baku pada blog sendiri, jadi kamu bebas menulis kata-kata apapun selama itu bersifat hal yang positif..

5. Promosikan blog anda secara sederhana
Beritahukan kepada teman dan orang-orang yang dekat dengan kamu baik melalui internet atau kehidupan nyata (real life) bahwa kamu telah memiliki blog baru, jika melalui internet, sosial network (facebook, twitter, dll), forum, atau email dapat dilakukan dengan cara menuliskan alamat blog kamu dibawah pesan tersebut atau sisipkan signature alamat blog dibawah nama kamu pada saat mengirimkan email kepada teman.

6. Berikan komentar pada blog lain yang kamu kunjungi
Pada saat kamu membaca blog orang lain, berilah komentar dipostingan artikel mereka dan jangan lupa meninggalkan link alamat blog kamu. Karena, beberapa kemungkinan owner blog atau pengunjung lain di blog tersebut penasaran dengan link yang kamu berikan dan tertarik untuk berkunjung.

7. Menggunakan internal di setiap postingan

Usahakan setiap postingan baru di blog anda bisa nge-link pada postingan blog sebelumnya. Ini berguna sebagai internal linking agar blog anda memenuhi SEO (Search Engine Optimization).

8. Menggunakan anchor text
Anchor text (kata yang mempunyai link) di gunakan pada kata atau kalimat yang ada hubungannya dengan nama seseorang, tempat atau nama blog lain, dan pada kata/ kalimat tersebut usahakan nge-link pada website resmi atau blog lain sehingga bisa menambah kekayaan informasi pada blog anda.

Sedikit informasi diatas semoga bermanfaat, sehingga dapat membuat blog kamu terlihat menarik dan membantu meningkatkan pengunjung yang datang mengunjungi blog kamu.

Jangan lupa untuk memberikan feed counter banner di blog kamu untuk melihat peningkatan jumlah pembaca artikel di blog kamu dan membuat translator widget dari google translate untuk memudahkan pengunjung blog kamu jika sewaktu-waktu berasal dari negara lain.

Read More