Saturday, April 28, 2012

Jar Downloader X-oTicK

Masukan Link File Yang Akan Agan Download!!

Saturday, April 21, 2012

Daftar Isi Blog X-oTicK

Kumpulan Firmware Samsung C Series

C100
------------------------------------------------
C120
-----------------------
C130
-----------------------
C140
-------------------------
C160
---------------------------------------
C170
----------------------------------------------------------------------------
C180
---------------------------------------------------------
C230
-------------------
C240
--------------------
C250
-------------------------------------
C260
-----------------------------------------------------------------------------
C270
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
C300
-------------------------------------------------------
C300B
---------------------
C3010
---------------------
C3050
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
C3053
---------------------------------------------------------
C3110
-----------------------
C3200 Monte Bar
----------------------------------------------------------
C3200G
----------------------------
C3212
-----------------------------------------------------------------------------
C3212i
----------------------------------------------------------------------------------
C3222 / Ch@t 322
----------------------------------------------------------------------------------------------------------------------------------
C3222W
----------------------
C3300D
-------------------------------------------
C3303
------------------------------------------------------------
C3300I
-------------------------------------------------------------------------------------------------
C3300K Champ
------------------------------------------------------------------------------------------------------------------------------------------------------------------
C3303K Champ
---------------------------------------------------------------
C3322 DUOS
-----------------------------
C3500 Ch@t 350
---------------------------------------------------------------------------------------------------------------------------
C3510 Genoa
------------------------------------------------
C3510T
--------------------
C3530
--------------------------------------------------------------------------------------------
C3560
--------------------
C3750
------------------------------------------------------
C450
-----------------
C520
-------------------
C5010
-------------------
C5130
---------------------
C5180
---------------------
C5190ZMJL2
---------------------
C5212
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
C5212i
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
C5220
---------------------------------------
C5510
-------------------------------------------------------------------------------------------------
C6112
---------------------------------------------------------------------
C6625
--------------------
C6712 Star II Duos
C6712XXKE3


Sumber 

Kumpulan Firmware Samsung Ch@mp GT-C3300K & GT-C3303K

Kode Rahasia Samsung Ch@mp

*#06# --------------------- imei
*#1111# ------------------ S/w Version
*#1234# ------------------ Dev.Version firmware
*#2222# ------------------ H/w Version Rev*#0206*8378# ---------- Test Mode
*#4777*8665# ---------- GPRS Tool
*#0206*667# ------------ Debug mode
*#92782# ----------------- User agent (samsung-Sgh-G600/G600XEGH3)
*#232337# --------------- bluetooth addrnap uap lap
*#28837# ----------------- S/w Version BT and H/w Version BT
*#288378# --------------- Bluetooth Test
*#56658378# ------------ Look Test (Bomba code in a well-meaning words)
*#638738# --------------- Profiles Gprs- Inet settings (choice of various countries)
*#36245# ----------------- Test Mode (e-mail, mms, etc.)
*#0206*3768665# ------ DRM Tool (java, etc.)
*#777324# --------------- PPP TEST Menu
*#0673# ------------------ Mp3 Test Menu
*#0206*6366# ---------- Memo test
*#4378378# ------------- Gfs test
*#7378378# ------------- RESours Test
*#688# -------------------- Vod Test
*#64898378# ------------ NITZ test mode
*#898378# --------------- Timezone test mode
*#875108# --------------- FM Radio- speaker volume 1-10
*#52828378# ------------ Java Test Menu
*#73887# ----------------- Setup Wizardoff/on)
*#2769737# -------------- Browser Test Menu
*2767*8451# ------------- Reset
*#738277# ---------------- Auto Profile Setting (on/off)
*#0206*8376263# ------ S / w Version

Kumpulan Aplikasi Ch@mp

Kumpulan Game Samsung Ch@mp

Kumpulan Firmware Samsung Ch@mp GT-C3300I & GT-C3303I

Reset Password Champ

1.tekan *#56658378#
2.Pilih Nomor 15 Reset Phone Password
3.Hp Akan Restart Otomatis
4.Buka Menu
5.Pilih Setting
6.Pilih Security
7.Pilih Yang Pengen Agan Ganti Atau Reset
8.Masukan Password Baru
Selesai


Monggo di coba.

Membuat Daftar Isi Blog Part II

Agar blog tertata dengan rapi, dan agar pengunjung lebih mudah melihat isi blog kita ada baik nya kita membuat daftar isi blog, bagaikan sebuah buku kalau tanpa daftar isi mungkin sebagus apa pun buku itu tidak ada yang akan membaca.
Berikut cara membuat daftar isi blog, cari kode di bawah ini
>Masuk dashboar blog kita
>Tata letak halaman >> Edit html, Kemudian cari kata di bawah ini, gunakan ctrl + F untuk memudahkan pencarian


<b:include data='post' name='post'/>
>Kemudian hapus kode tersebut, dan ganti dengan kode di bawah ini, setelah itu simpan template.
<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px
5px;border-right:1px solid
#ccc;border-bottom:1px solid
#ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
Untuk melihat daftar isi kita harus membuat sebuah link yang akan menuju ke daftar isi kita, 
<a href="http://namablogkamu.blogspot.com/search?max-results=100">Daftar Isi Blog</a>
Link berupa FORM :

<form action="http://NAMABLOGANDA.blogspot.com/search?max-results=100" target="_blank"><input value="Daftar Isi Blog" type="submit"></form>
>Tulisan Bewarna Merah ganti dengan alamat blog kamu, 
>Langkah Terakhir adalah Pilih tataletak >> elemen laman >> tambah gadget >> html/javascript, copykan kode diatas.

Lihat hasilnya dan selamat mencoba !!

Cara Membuat Related Post / Artikel Terkait

Jika Ada yang belum tahu artikel terkait itu apa silahkan lihat di blog ini pada bagian akhir artikel saya ini ada tulisan Artikel Terkait. Fungsinya selain untuk seo, related post / artikel terkait ini juga membantu pengunjung untuk membaca yang lain mungkin yang belum di ketahuinya. Hal ini menyebabkan pengunjung bisa betah berada di blog kita.
Langsung saja cara membuat related post / artikel terkait :
Masuk blogger > rancangan > edit html > centang expand template widget
cari kode </head> kemudian letakkan script di bawah ini tepat di atas 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>
Kemudian cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
Terakhir simpan template. Cukup mudah bukan cara membuat related post / artikel terkait.

Cara Membuat Recent Post di Blog

Recent Post adalah artikel terupdate, atau artikel terakhir yang kita tulis. Cara Membuat Recent Post di Blog, disini maksudnya adalah menampilkan recent post kita di widget blogger. Fungsinya dari recent post sendiri sebenarnya tergantung dari kita masing-masing menanggapi nya. Disini lain ada yang bilang recent post bisa membuat template menjadi seo friendly, karena memudahkan pengunjung untuk melihat isi-isi artikel terbaru dari kita. Di lain hal juga hanya untuk sebagai tampilan atau widget tambahan yang bagus untuk di tampilkan di template blog.tab view
Contoh recent post bisa di lihat di samping, recent post yang ada di template saya, saya masukan ke dalam menu tab view.
Berikut cara Cara Membuat Recent Post di Blog :
masuk blogger > Design/Rancangan >> Page Element >> Add a Gadget >>HTML/Javascript
copykan kode di bawah ini di box atau kotak HTML/Javascript
<script src="http://antigaptek.googlecode.com/files/recentpost.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://antigaptek.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
perhatikan tulisan merah  antigaptek.com, silahkan di ganti dengan alamat web atau blog anda.
Terakhir lihat hasilnya.
Jika ingin menyimpan di dalam menu tab view silahkan baca Cara Membuat Menu Tab View

Cara Membuat Recent Comment di Blog

Recent Comment adalah Komentar Terakhir yang ada di blog kita, baik komentar dari pengunjung mau pun komentar dari kita sendiri atau admin.
Cara membuat recent comment di blog ini maksudnya adalah menampilkan komentar terakhir yang ada di blog kita. Ini salah satu widget favorit saya, kenapa karena memudahkan saya untuk memantau siapa saja yang berkomentar di blog saya. Selain itu menurut saya recent comment ini juga berfungsi untuk menarik perhatian pengunjung untuk masuk ke artikel yang sudah di komentari pengunjung lainnya dan ini saya rasa bisa juga di kategorikan dalam teknik seo.recent comment
Contoh recent comment bisa lihat gambar di samping, recent comment yang ada di blog saya, saya masukan ke dalam tab menu view, jika belum tahu cara membuat menu tab view bisa baca : Cara Membuat Menu Tab View.
Ok langsung saja Cara Membuat Recent Comment di Blog :
Masuk blogger > Design/Rancangan >> Page Element >> Add a Gadget >>HTML/Javascript
Kemudian pastekan script di bawah ini di dalam box HTML/Javascript
<script style="text/javascript" src="http://antigaptek.googlecode.com/files/recentcomment.js">
</script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script> <script src="http://antigaptek.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Ganti tulisan berwarna merah antigaptek.com dengan alamat blog atau web anda dan terakhir lihat hasilnya.

Cara Membuat Navigasi Nomer Halaman

Judul nya jadul banget ya hehehe.. cara membuat navigasi nomer halaman maksud nya navigasi page number, atau lebih jelasnya pages number navigation. Jika belum jelas bisa lihat gambar di samping ini. untitled Navigasi nomer halaman ini fungsinya akan membuat template blog lebih indah dan memudahkan pengunjung untuk melihat lihat isi halaman blog kita. Selain itu juga membuat template menjadi seo friendly walaupun pakar seo tidak bilang begitu tapi saya rasa itu juga membuat dampak seo pada template blog.
Cara membuat navigasi nomer halaman :
cari kode ]]></b:skin> script css berikut ini tepat di atas kode ]]></b:skin>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
kemudian selanjutnya cari kode </body>, letakan script di bawah ini tepat di atas kode </body>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
Terakhir simpan template, dan lihat hasil nya navigasi page number akan terpasang di blog.

Cara Membuat Navigasi Horizontal Drop Down

Apa itu Navigasi ? Navigasi adalah menu untuk penentu arah atau penunjuk posisi. Setiap blog atau situs menurut saya harus bahkan wajib memiliki menu navigasi sebagai penuntun untuk pengunjung blog kita.
Lalu seperti apa menu navigasi horizontal drop down, silahkan lihat screen di bawah ini..
navigasi horizontal2
Cara Membuat Navigasi Horizontal Drop Down :
Masuk blogger > rancangan > edit html > centang expand template widget
Cari kode ]]></b:skin> kemudian pastekan kode di bawah ini tepat di atas kode ]]></b:skin>
#NavbarMenu{background:#000000; width:960px; height:32px; color:#5A6C8C; margin:0 auto; padding:0 5px; font:bold 8px Arial, Tahoma, Verdana; border-top:1px solid #666; border-bottom:1px solid #666;}
#NavbarMenuleft{width:700px; float:left; margin:0; padding:0;}
#search{width:240px; font-size:11px; float:right; margin:0; padding:0;}
#nav{margin:0; padding:0;}
#nav ul{float:left; list-style:none; margin:0; padding:0;}
#nav li{list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;}
#nav li a, #nav li a:link, #nav li a:visited{color:#fff; display:block; text-transform:uppercase; margin:0; padding:9px 15px 9px; font:bold 11px Arial, Times New Roman;}
#nav li a:hover, #nav li a:active{background:#4a4d4c; color:#fff; padding:9px 15px 9px; text-decoration:none;}
#nav li li a, #nav li li a:link, #nav li li a:visited{background:#000000; width:150px; color:#e5e3e3; text-transform:capitalize; float:none; margin:0; padding:3px 10px; border-bottom:1px solid #151f23; border-left:px solid #151f23; border-right:2px solid #151f23; font:normal 14px Georgia, Times New Roman;}
#nav li li a:hover, #nav li li a:active{background:#4a4d4c; color:#fff; padding:3px 10px;}
#nav li{float:left; padding:0;}
#nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0;}
#nav li ul a{width:140px;}
#nav li ul ul{margin:-24px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;}
#nav li:hover, #nav li.sfhover{position:static;}
#searchbox{padding:0; margin:0;}
#search input{background:#fff; color:#000; float:left ;margin:5px 0 0 10px; width:168px; padding:3px 7px; border:1px solid #cdcdcd; font:normal 11px arial, verdana, Times New Roman;}
#search .btn{background:#333; color:#fff; font-size:11px; margin:5px 0 0 3px; padding:2px; width:30px; cursor:pointer; border-left:1px solid #666; border-top:1px solid #666; border-right:2px solid #111; border-bottom:2px solid #111;}
#top{background:#f6f6f6; margin:10px auto 0; padding:10px; width:918px; border:1px solid #ccc; word-wrap: break-word; overflow: hidden; font-size:13px;}
#top a, #top a:visited{font-weight: normal; color: #00338F; text-decoration: none;}
#top a:hover{color:#cc0000; text-decoration: underline;}
#top p {font-size: 14px; font-weight: bold; padding: 0; margin: 0;}
.topleft {width: 304px; float: left; margin: 0; padding:0;}
.topleft img a, .topleft img {border:1px solid #ccc; margin: 0; padding: 1px;}
.topright {width: 600px; float: right; margin:0; padding:0; text-transform: normal;}
setelah itu save template.
Cara pertama :
Kemudian masuk ke Rancangan >> Page Element >> Add a Gadget >>HTML/Javascript
pastekan script di bawah ini pada box HTML/Javascript
<div id='outer'>

    <div id='navbarmenu'>

    <div id='navbarmenuleft'>

    <ul id='nav'>

    <li><a href="http://www.x-otick.co.cc/">Home</a></li>

    <li><a href='#'>Tips And Tricks</a>

    <ul>

    <li><a href="http://www.x-otick.co.cc/2012/04/bobol-deepfreeze-6.html">Bobol DeepFreeze 6</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/cara-hack-buat-newbie.html">Cara Hack Buat NewBie</a></li>



    </ul></li>

    <li><a href='#'>Tutorial Blog</a>

    <ul>

    <li><a href="http://www.x-otick.co.cc/2012/04/cara-membuat-readmore-otomatis.html">Cara Membuat Readmore Otomatis</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/cara-membuat-block-quote.html">Cara Membuat Block quote</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/cara-membuat-daftar-isi-blog.html">Cara Membuat Daftar Isi Blog</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/cara-membuat-kotak-komentar-admin.html">Cara Membuat Kotak Komentar Admin Berbeda Di Blog</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/cara-membuat-menu-tab-view.html">Cara Membuat Menu Tab View</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/cara-membuat-navigasi-horizontal-drop.html">Cara Membuat Navigasi Horizontal Drop Down</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/cara-membuat-navigasi-nomer-halaman.html">Cara Membuat Navigasi Nomer Halaman</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/cara-membuat-recent-comment-di-blog.html">Cara Membuat Recent Comment di Blog</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/cara-membuat-recent-post-di-blog.html">Cara Membuat Recent Post di Blog</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/cara-membuat-related-post-artikel.html">Cara Membuat Related Post / Artikel Terkait</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/membuat-daftar-isi-blog.html">Membuat Daftar Isi Blog Part II</a></li>

    </ul></li>

    <li><a href='#'>Samsung Ch@mp Zone</a>

    <ul>

    <li><a href="http://www.x-otick.co.cc/2012/04/kumpulan-firmware-samsung-chmp.html">Kumpulan Firmware Samsung Ch@mp GT-C3300I & GT-C3303I</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/kumpulan-firmware-samsung-chmp-gt.html">Kumpulan Firmware Samsung Ch@mp GT-C3300K & GT-C3303K</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/kumpulan-firmware-samsung-c-series.html">Kumpulan Firmware Samsung C Series</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/game-untuk-samsung-chmp.html">Kumpulan Game Samsung Ch@mp</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/kumpulan-aplikasi-chmp.html">Kumpulan Aplikasi Ch@mp</a></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/kode-rahasia-samsung-chmp.html">Kode Rahasia Samsung Ch@mp</a></li>

    </ul></li>

    <li><a href='#'>кžlйєwвįє™</a>

    <ul>

    <li><a href="http://www.kzlnewbie.co.cc/">кžlйєώвįє™</a></li>

    </ul></li>

    <li><a href="http://www.x-otick.co.cc/2012/04/daftar-isi-blog-x-otick.html">Daftar Isi</a></li>

    <li><a href='#'>Blog Teman</a>

    <ul>

    <li><a href="http://tik-asore.co.cc/">Tik-asore.co.cc</a></li>

    <li><a href="http://xlaluxlow.mywapblog.com/">FaktaCau</a></li>

    <li><a href="http://www.iyayimut.blogspot.com/">Tia_Quicky</a></li>

    <li><a href="http://www.locker-saya.co.cc/">™Locker Saya™</a></li>

    <li><a href="http://www.samsungc3303i.blogspot.com/">Samsung Champ GT-C3303i</a></li>

    <li><a href="http://gretzzgank.mywapblog.com/">AditGank's Mobile Blog</a></li>

    <li><a href="http://path7.mywapblog.com/">Ehdadny Path Of Dream</a></li>

    </ul>

    </li></ul></div></div></div>
Setelah itu pada HTML/JavaScript yang telah di buat tadi sobat atur posisinya simpan di bawah header.
Atau bisa juga pakai cara kedua :
cari kode </body> kemudian copy script (script yang ada di cara pertama) pastekan di atas kode </body>

Cara Membuat Menu Tab View

tab view Saya sendiri kadang bingung, banyak widget yang harus di tampilkan di sidebar blog saya tapi karena tempat tidak mencukupi akhirnya tidak saya pasang. Untuk mengatasi semua itu kita bisa memakai cara dengan membuat menu tab view 3 kolom yang tentunya akan menghemat tempat, karena kita bisa menaruh widget-widget blog yang kita inginkan di dalam menu tab view tersebut.
Berikut Cara Membuat Menu Tab View :
Masuk blogger > rancangan > edit html > centang expand template widget
cari kode ]]></b:skin>
copy kode di bawah ini kemudian paste tepat di atas kode ]]></b:skin>
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 103px;
text-align: center;
height: 24px;
padding-top: 3px;
vertical-align: middle;
border: 0.5px solid #000000;
border-bottom-width: 0;
text-decoration: none;
font: 12px Arial, "Times New Roman", Serif;
font-weight: 900;
color: #000080;
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #CEF6CE;
}
div.TabView div.Pages
{
clear: both;
background-color: #FFFFFF;
border: 0.5px solid #000000;
overflow: hidden;
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
Perhatikan tulisan :
width: 103px; = lebar tabs (tab1, tab2, tab3).
background-color: #CEF6CE; = warna latar belakang tabs (tab1,tab2,tab3).
selanjutnya cari kode </head>kemudian pastekan kode script di bawah ini tepat di atas kode </head>
<script type='text/javascript'>
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);
// ----- Tabs -----
var Tabs = TabView.firstChild;
while (Tabs.className != &quot;Tabs&quot; ) Tabs = Tabs.nextSibling;
var Tab = Tabs.firstChild;
var i = 0;
do
{
if (Tab.tagName == &quot;A&quot;)
{
i++;
Tab.href = &quot;javascript:tabview_switch(&#39;&quot;+TabViewId+&quot;&#39;, &quot;+i+&quot;);&quot;;
Tab.className = (i == id) ? &quot;Active&quot; : &quot;&quot;;
Tab.blur();
}
}
while (Tab = Tab.nextSibling);
// ----- Pages -----
var Pages = TabView.firstChild;
while (Pages.className != &#39;Pages&#39;) Pages = Pages.nextSibling;
var Page = Pages.firstChild;
var i = 0;
do
{
if (Page.className == &#39;Page&#39;)
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+&quot;px&quot;;
Page.style.overflow = &quot;auto&quot;;
Page.style.display = (i == id) ? &#39;block&#39; : &#39;none&#39;;
}
}
while (Page = Page.nextSibling);
}
// ----- Functions -------------------------------------------------------------
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
</script>
Kemudian Simpan / Save Template.
Selanjutnya Klik Design/Rancangan >> Page Element >> Add a Gadget >>HTML/Javascript
copy kode di bawah ini di dalam box atau kotak HTML/Javascript
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Judul Tab 1</a>
<a>Judul Tab 2</a>
<a>Judul Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">
<div class="Page">
<div class="Pad">
Isi tab 1
</div>
</div>
<div class="Page">
<div class="Pad">
Isi tab 2
</div>
</div>
<div class="Page">
<div class="Pad">
Isi tab 3
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
Perhatikan tulisan merah width: 350px; ini adalah ukuran kotak seluruhnya bukan per tab. Kemudian tulisan Judul Tab 1,2,3 itu adalah lah judul tab, contoh gambar di atas judulnya adalah recent post, recent comment, statistic. Kemudian Isi tab 1,2,3  bisa di isikan script html, banner dan script widget lainnya.. Sampai disini selesai tidaklah begitu sulit Cara Membuat Menu Tab View, hanya membutuhkan kesabaran sedikit saja :D
Silahkan di coba semoga berhasil.

Cara Membuat Kotak Komentar Admin Berbeda Di Blog

Ketika saya jalan-jalan (blogwalking) saya sering menemukan komentar admin yang berbeda dari pengunjung nya. Komentar Hal ini membuat saya selalu bertanya-tanya bagaimana cara mereka membuat nya karena template blogspot punya saya tidak seperti itu.
Akhirnya saya googling dan menemukan banyak cara untuk membuat ini, berikut Cara Membuat Kotak Komentar Admin Berbeda Di Blog :
Masuk blogger > rancangan > edit html > centang expand template widget
Cari kode ]]></b:skin> Pastekan kode berikut tepat di atas kode  ]]></b:skin>
.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}
Pada kode berwarna merah di kotak atasbisa diganti sesuai keinginan.
Kemudian cari kode
            <data:commentPostedByMsg/>
            </dt>

Jika sudah ketemu kode di atas, pastekan kode di bawah ini tepat di bawah </dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
Kemudian cari kode <dd class='comment-footer'> tambahkan </b:if> tepat di atas kode <dd class='comment-footer'>Sehingga keseluruhannya tampak seperti di bawah ini :
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
</b:if>            <dd class='comment-footer'>
Terakhir simpan template, dan kemudian untuk melihat hasilnya silahkan  berkomentar di blog sendiri dengan catatan harus login di blogger dulu.

Cara Membuat Daftar Isi Blog

Cara Membuat Daftar Isi Blog kali ini berbeda cara nya dengan artikel saya terdahulu tentang tutorial cara Membuat Daftar Isi Blog. Beda nya disini adalah mudah, dan lebih tertata rapi. Selain itu yang lebih menarik adalah setiap artikel posting kita yang baru akan terdapat kata new !!. Saya sendiri juga memakai daftar isi tutorial yang ini.
daftar isi blog sangat berfungsi juga untuk seo, karena saya newbie masalah seo saya belum bisa menjelaskan secara detail fungsinya.
Cara membuat daftar isi blog ini terdapat dua cara, cara pertama daftar isi blog ini di dalam box yang terdapat scroll box nya dan di tampilkan di widget blog. Dan cara yang kedua daftar isi blog akan tampil secara keseluruhan tanpa scroll.
Cara Membuat Daftar Isi Blog I :
Masuk blogger > rancangan > Elemen Laman > Tambah Gadget > HTML/Javascript
Pada Kotak Judul beri nama DAFTAR ISI, dan kotak bawahnya isi script di bawah ini
<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://antigaptek.googlecode.com/files/daftarisi.js"></script><script src="http://Blogkamu.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
perhatikan  http://Blogkamu.blogspot.com <<< ganti dengan nama blog anda.
width:430px;height:120px <<< ukuran scroll box bisa di ubah dan di atur sesuai dengan keinginan
simpan dan lihat hasilnya.
Cara Membuat Daftar Isi Blog II :
Masuk Blogger > Entri Baru
Beri Judul beri nama DAFTAR ISI, pada kotak di bawahnya copy kan script di bawah ini
Kemudian di bawah nya lagi pada Post Option, Komentar Pembaca pilih jangan di izinkan.
Masih di post option, pada Post tanggal dan waktu pilih dijadwalkan pada. Kemudian isikan tanggal dan tahun yang lama dari postingan terlama anda. Agar nantinya tidak tampil pada halaman pertama.
Langkah selanjutnya Terbitkan Entri.
Kemudian lihat urlnya simpan di navigasi blog anda, contohnya bisa di lihat disini.
Jangan lupa http://Blogkamu.blogspot.com <<< ganti dengan alamat blog kamu.

Cara Membuat Block quote

Ada seorang teman menanyakan tentang Cara Membuat Block quote seperti yang ada di blog ini. Sebelumnya kita harus tahu dulu Block quote itu apa ? Blockquote adalah kutipan tulisan, blok kutipan yang kita anggap penting atau memiliki arti khusus.
Ini contoh Block quote
Sebenarnya pada template default blogger juga sudah ada block quote tetapi tidak ada background dan kotaknya.
Langsung saja Cara Membuat Block quoteMasuk blogger > rancangan > edit html > centang expand template widget
Cari kode .post blockquote (jika ada, jika tidak cari kode lain, baca di bawah)
ganti dengan script di bawah ini
.post blockquote {
background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0;
border-color: #D7E8F0;
border-style: solid;
border-width: 1px 1px 1px 20px;
color: #004276;
font-family: Consolas, "Courier New", Courier, mono, serif;
font-size: 13px;
line-height: 16px;
margin:10px 0 10px 10px;
overflow: visible;
padding: 28px 10px 10px;
width:80%; }
.post blockquote:hover {
background:#FFFFFF url(http://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0
}
Jika tidak ada kode .post blockquote
cari kode ]]></b:skin>,  Letakkan script tadi yang di atas, TEPAT DI ATAS kode ]]></b:skin>
terakhir Simpan Template.

Cara Membuat Readmore Otomatis

Kali ini saya akan membahas Cara Membuat Readmore Otomatis Menggunkan Gambar atau Teks, Sebenarnya ini adalah request dari temen saya yang kesulitan membuat Readmore, semoga dengan artikel ini dapat terbantu.  Pasti sudah tahu Readmore kan, nah jika blog kamu belum mempunyai readmore, alias artikelnya masih memanjang, nah untuk itu agar tampilanya lebih rapi sebaiknya kamu memasang Readmore di blog kamu, disini saya akan memberikan Tutorial Cara Membuat Readmore Otomatis Menggunkan Gambar atau Teks, seperti judulnya dengan kode dibawah ini kamu bisa membuat Readmore yang menggunakan Icon Gambar atau hanya menggunakan Teks. Nah langsung saja ini dia Cara Membuat Readmore Otomatis Menggunkan Gambar atau Teks :


1. Login ke Blog anda
2. Buka halaman design > Edit HTML > centang Expand template widget
3. Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
     Paste kode berikut tepat dibawah </head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
4. Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  . Jika menemukan 2 kode yang sama, pilih kode yang pertama.


5. Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
6. Klik Pratinjau, jika sudah berhasil silahkan klik SIMPAN


Monggo Di Coba Gan !!

Thursday, April 19, 2012

Bobol DeepFreeze 6

Maaf gan, baru bisa posting trik ini, sebenernya aku tau trik ini sudah 5 bulan yang lalu. Karena terbentur Praktek Kerja Lapangan (PKL) dan Evalusai Akhir Semester (EAS) maklum, anak sekolahan, jadi ga punya waktu update blog. Disini sebenernya bukan cuma bisa buat bobol deepfreeze 6 aja, tapi juga deepfreeze 4, 5, ataupun deepfreeze 6 terbaru alias deepfreeze 6 standard evaluation. Dan cara membobolnya pun singkat, ga perlu utek2 perso.sys dari komp laen. Cukup jalankan software, pilih deepfreeze yang akan di bobol, dan... ah, ikutin langkah lagkah dibawah ini dah, drpd kelamaan.!Sebelumnya donlod dulu softwarenya DISINI.!
Saya tunjukkan dulu screenshot notifikasi area sebelum di bobol Nih! (Cantik bukan, xixixixi)


Kemudian jalankan softwarenya, dan pilih deepfreeze yang akan di bobol. Lalu tekan APPLY. (mungkin saat langkah ini, avira akan mendetect virus, tapi di ignore saja! maklum software hack, lagi pula filenya cuma temporary)

Lihat di notifikasi area akan ada 2 simbol deepfreeze. (jika dilihat dengan telanjang, eh maksudnya jika dilihat degan mata telanjang sepertinya serupa, tapi tak sama)
Buka deepfreeze yang baru saja muncul, dengan menekan tombol shift (tahan) sambil double click pada ikon deepfree. (Bukan dengan cara " ctrl + shift + alt + f6 " )
Lhoh kok suruh masukin password?? jangan jangan gw bokong, eh bo'og.. hahagz.. tenang aja gan, kosongi passwordnya, lalu tekan OK!
nah sekarang pilih pada "Boot Thawed" dan tekan "OK"

Setelah itu restart dan lihat di notifikasi area,:
Gmn lancar gan?? Bagrus Bagrus Bagrus..! Untuk menutup lagi deepfreezenya, tentu dengan lagkah yang sama!
Disini, smua ilmu saya posting! Karena ga selayaknya ilmu ditutup tutupi! Sering2 kunjungi blog ini deh, aku jamin ga rugi, cz kamu bakalan daptein ilmu ilmu yang ga mudah ditemuin  di blog blog lainnya! Aku harap ini membantu (untuk para hacker tentunya, dan untuk para operator warnet! haha!  Mending siapin Ghost2an buat komputer client ddah xixixixixi) Oia,Jangan lupa isi buku tamu ye...! Mpe jumpa di postingan berikutnya..!