Cara Memasang Tabel Kode Warna Di Blog

Untuk mengedit atau mendesain blog kita pasti butuh referensi kode warna. Untuk itu terkadang kita harus bolak balik situs yang memiliki postingan tabel kode warna, capek nggak? Mungkin kalau capek tidak ya, tapi pernah kah terlintas dibenak sobat bagaimana cara menampilkan tabel code warna tersebut dalam postingan atau pada elemen blog kita sebagai widget?
Contoh lihat Disini

Langsung saja simak tutorial nya dibawah ini :

1. Login ke Blogger Dashboard
2. Masuk ke Template lalu Edit HTML
3. Copy script dibawah ini lalu copykan tepat diatas kode </head>

<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>
<script type='text/javascript'>
var hue;
var picker;
//var gLogger;
var dd1, dd2;
var r, g, b;
function init() {
if (typeof(ygLogger) != "undefined")
ygLogger.init(document.getElementById("logDiv"));
pickerInit();
//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"
//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"
}
// Picker ---------------------------------------------------------
function pickerInit() {
hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);
hue.onChange = function(newVal) { hueUpdate(newVal); };
picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);
picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };
hueUpdate();
dd1 = new YAHOO.util.DD("pickerPanel");
dd1.setHandleElId("pickerHandle");
dd1.endDrag = function(e) {
// picker.thumb.resetConstraints();
// hue.thumb.resetConstraints();
};
}
executeonload(init);
function pickerUpdate(newX, newY) {
pickerSwatchUpdate();
}
function hueUpdate(newVal) {
var h = (180 - hue.getValue()) / 180;
if (h == 1) { h = 0; }
var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);
document.getElementById("pickerDiv").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
pickerSwatchUpdate();
}
function pickerSwatchUpdate() {
var h = (180 - hue.getValue());
if (h == 180) { h = 0; }
document.getElementById("pickerhval").value = (h*2);
h = h / 180;
var s = picker.getXValue() / 180;
document.getElementById("pickersval").value = Math.round(s * 100);
var v = (180 - picker.getYValue()) / 180;
document.getElementById("pickervval").value = Math.round(v * 100);
var a = YAHOO.util.Color.hsv2rgb( h, s, v );
document.getElementById("pickerSwatch").style.backgroundColor =
"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";
document.getElementById("pickerrval").value = a[0];
document.getElementById("pickergval").value = a[1];
document.getElementById("pickerbval").value = a[2];
var hexvalue = document.getElementById("pickerhexval").value ='#'+
YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);
ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)
if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();
}
</script><!--[if gte IE 5.5000]>
<script type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
YAHOO.util.Event.addListener(window, "load", correctPNG);
</script>
<![endif]-->

4. Sebelum save/ simpan template bisa klik tab pratinjau dulu, kalau blognya tampilannya seperti semula berarti langkah-langkahnya udah benar .

Nah untuk menampilkan kode warna pada postingan lengkap dengan label, copy kode warna berikut dan paste di tab Edit HTML, sedang untuk menambahkannya pada elemen halaman blog :

1. Masuk ke Tata Letak > Add Widget > HTML/JavaScript
2. Tambahkan script dibawah ini :

<center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="10"><td>
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" height="24" width="24">
</td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form></center>

3. Save Widget lalu lihat Hasilnya
4. Selesai

Read More

2 Cara Cepat Download Video YouTube tanpa Software

Banyak diantara pengguna internet di dunia yang menggemari menonton video-video yang ada di YouTube, tetapi sering juga diantara pengguna internet ini ada yang ingin mendownload video tersebut dengan cara cepat tetapi ia tidak mengetahui caranya , maka dari itulah NTechno menyajikan trik cepat untuk mendownload video dari YouTube .
Memang selain cara yang akan NTechno sajikan masih ada lagi cara lain seperti menambahkan add-ons YouTube Downloader ataupun menggunakan short download dari IDM , tetapi cara ini cukuplah sulit dan memakan waktu yang lama .

Oke langsung saja , ini dia caranya :

Cara Pertama : Menggunakan AUTO DDL

1. Kunjungi www.autoddl.com
2. Lalu lihat video tutorial nya :

3. Info selengkapnya : Cek Disini

Cara Kedua : Mengggunakan SaveFrom (ss)

1. Masuk ke YouTube , lalu pilih dan copy link video yang ingin kamu download .
2. Copy link Video ke addres bar dahulu :

 Ubah menjadi :

3. Lalu klik Download , bisa dipilih juga resolusi video sesuai keinginan Anda .

4. Selesai

Read More

Cara Membuka PUK untuk semua Operator

Kode PUK atau PUK atau PIN Unlocked Key, saya kutip dari wikipedia bahwa Personal Unlock Code ( PUC ) , juga dikenal sebagai PIN Unlocked Key ( PUK ) , digunakan dalam ponsel 3GPP untuk mereset nomor identifikasi pribadi ( PIN ) yang telah hilang atau dilupakan .

Kebanyakan telepon seluler menawarkan fitur PIN ( PIN ) perlindungan . Setelah beralih pada telepon , jika fungsi keamanan PIN aktif , pengguna diminta untuk memasukkan PIN 4-8 digit yang memungkinkan fungsi-fungsi non - darurat panggilan telepon . Jika PIN salah diketik dalam lebih dari tiga kali , baik kartu SIM , perangkat atau keduanya menjadi terkunci .

Mereka dapat dikembalikan ke negara asal mereka dibuka dengan memasukkan PUC , disediakan oleh layanan operator setelah verifikasi . Jika PUC yang salah dimasukkan sepuluh kali berturut-turut , perangkat akan menjadi permanen diblokir dan tidak terpulihkan , yang membutuhkan kartu SIM baru . Oleh karena itu, pengguna telepon seluler disarankan oleh sebagian besar penyedia untuk menjaga PUC mereka ditulis di tempat yang aman dan terpisah dari perangkat .


The PUC ( PUK ) adalah kode - SIM tertentu yang diberikan oleh penyedia layanan . Hal ini hampir mustahil untuk menebak dan masukkan , dengan demikian, jika pengguna tidak tahu nya PUC dan diminta untuk itu , harus diperoleh dari penyedia layanan .


Dan berikut ini beberapa trik tips cara membuka kode puk untuk beberapa operator:

1. XL Axiata

Akses *123# pilih ‘MyInfo’ lalu pilih ‘PUK’
Akses Landing Page 123.xl.co.id > Info umum & bantuan > PUK > ikuti petunjuk selanjutnya
Akses Mobile application MyXL > Info & Bantuan > PUK > Ikuti petunjuk selanjutnya
Ketik PUK, kirim ke 123 (Khusus untuk nomor Pascabayar)
Hubungi 818 > pilih menu PUK > ikuti petunjuk selanjutnya
Hubungi layanan pelanggan Xl di 817

2. INDOSAT

Biasanya terletak di SP (stater pack) nya, coba lihat di kartu perdananya dan gosok dengan koin kemudian akan tertampil PUK nya
Atau
call ke operator 100 (berbayar)
dan sedikit catatan untuk kartu IM3
ada alternatif lain untuk membuka kode PUK yang terkunci
Bila SIM Card IM3 Meminta kode PUK, masukan angka 1-8 secara berurutan (baca: 12345678)
dibeberapa kartu SIM yang terkunci sukses bisa dibuka kembali

3. TELKOMSEL

Layanan Telkomsel 155 ini Gratis
Hubungi Layanan Telkomsel 188 (berbayar)
Atau
Dari ponsel ketik *116# OK/Yes.
Selanjutnya pilih PUK,GPRS,SLI.
Lalu pilih PUK. akan diminta memasukkan MSISDN, ketikkan saja nomor Telkomselnya. dan apabila ditanyakan ICCID masukkan saja 16 angka yang ada di belakang simcard

4. AXIS

call ke 888 (gratis)
silahkan tanyakan nomor PUK kartu sim juragan ke customer service dan apabila ditanyakan ICCID bacakan nomor yang tertera dibelakang Simcard

5. THREE

call ke 123 (gratis)
silahkan tanyakan nomor PUK kartu sim juragan ke customer service dan apabila ditanyakan ICCID bacakan nomor yang tertera dibelakang Simcard .


Bagaimana jika PUK saya terblokir juga?

Jika PUK kamu terblokir kamu maka kamu bisa mebackup nya kembali dengan cara :

1. Kunjungi lah Kantor Costumer Service atau GRAPARI sesuai operator .
2. Jika Anda ingin membackup kartu Anda , maka bawalah juga kartu identitas seperti KTP , Kartu Pelajar , dan sebagainya .
3. Biaya perbaikan kartu biasanya Gratis , tetapi ada juga yang berbayar .
4. Jika sudah diperbaiki kembali , maka kamu bisa menggunakan nya kembali tanpa harus lupa PIN dan PUK lagi .

NB : Jika kamu tidak membawa kartu identitas sesuai data yang ada di simcard , maka proses pergantian kartu tidak akan bisa , dan terpaksa simcard kamu tidak bisa dipakai lagi

Read More

Membuat Widget Social Share Button di bawah Postingan Blog

1. Login di Blogger.com
2. Masuk ke Dashboard > Template
3. Terus click Edit HTML > "CTRL + F"
Kemudian cari kode ]]></b:skin>  , jika sudah masukkan kode CSS ini diatas kode tersebut .

 ul.social_ntechno {
    list-style:none;
    display:inline-block;
    margin:15px auto;
    }
    ul.social_ntechno li {
    display:inline;
    float:left;
    background-repeat:no-repeat;
    }
    ul.social_ntechno li a {
    display:block;
    width:50px;
    height:50px;
    padding-right:10px;
    position:relative;
    text-decoration:none;
    }
    ul.social_ntechno li a strong {
    font-weight:400;
    position:absolute;
    left:20px;
    top:-1px;
    color:#fff;
    z-index:9999;
    text-shadow:1px 1px 0 rgba(0,0,0,0.75);
    background-color:rgba(0,0,0,0.7);
    -moz-border-radius:3px;
    -moz-box-shadow:0 0 5px rgba(0,0,0,0.5);
    -webkit-border-radius:3px;
    -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
    border-radius:3px;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
    padding:3px;
    }
    ul.social_ntechno li.abfacebook {
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_bqDpUlhA6RB4pu6-cEJzLzd-WiEBkulMXneJKddPS8g3IBP5CmEVWJ1TsgQi9zWnAZnQ3VyQLV-FNvVQ_jW3x3ggVQfsKb4fDUEAMbAdhamZLAfHPvDTGclihOKX932HnyW6osjwKLrm/s1600/btrix-facebook-icon.png);
    }
    ul.social_ntechno li.abtwitter {
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2-I6vfu7SZAylKu5TlCRxXWrSSp8xszn8komUkjhRrfrfAWDrumV6rGp9TTVxaoNSAg2i4dZVhawSfmHmHtfYXNAQ3y41L92h5k7mVVfGnfeBkwAtBWmdyMn-nLRoCbrSG2_oyLETVHf9/s1600/btrix-twitter-icon.png);
    }
    ul.social_ntechno li.abgoogleplus {
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSO1iwoLmAq5TqChd2izUvknl6G1n9u6JiBFvPWWseJJz5rS-8djRAAfu6Io9eKE7Kg2rta8Bn2cx_T2Q3ava1251G6moL6bRF-7jnQ1UuzpdWHLfn_lCOG__MJGap972chu9E95pkjpgm/s1600/btrix-google-icon.png);
    }
    ul li.abpinterest {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqA9dmxsBigN-g2SwvHiKzNWrewUhv-YA7iT_cR5PbNIMmrpbK8g_tkpA2fMOcV0lrAq7YdNKfskWv9nr_rl2EpE8eLwXAAeU2bQKVnXo2unyWX0g7uEWwlME0BAHafVuE1M21b2ZXz3Mz/s1600/btrix-Pinterest-icon.png);
    }
    ul.social_ntechno li.abstumbleupon {
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKnv3FlzFyac7jZy9beDhmjWM3EvsIPDHNdo6PzyQKYPrhRSPHBy7TRDkfBbBO8qUw26bd_TlZuhH6pe0vGZlIZd7L1x6hSn9cIs23UX8MjNaYSGewXbHjehaASLfQn5GTlwo0NZgw1z4E/s1600/btrix-StumbleUpon-icon.png);
    }
    ul.social_ntechno li.abdig {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWHumP92-Q8Ubcd8LzOy-GUqadI4CqRqD41xs0NoQJTE9rHuQehbGJQcgHfXTzr-tMknc9wKFh4v1qNo-smU0SaaEP7JI90IwR6kxG6nC8VJd3FtCrlzcmEhpN6kTUPtDQfzZBCwkJOXva/s1600/btrix-Digg-icon.png);
    }
    ul.social_ntechno li.ablinkedin {
    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguOONhi0abxELse_vVJVtkRtPCJKgwWrdmnp2Fw1ZKDB1A5q6wNoBXtlhymAq-Z2zTlvVNjlMZofdnZVcnrZVXNMPSeslXes_8hVRlUdJZ8txXuYqvhEHCf1oCpPwPVZycEjQKbsJ7rD-q/s1600/btrix-Linkedin-icon.png);
    }
    #animation_ntechno:hover li {
    opacity:0.2;
    }
    #animation_ntechno li {
    -webkit-transition-property:opacity;
    -webkit-transition-duration:500ms;
    -moz-transition-property:opacity;
    -moz-transition-duration:500ms;
    }
    #animation_ntechno li a strong {
    opacity:0;
    -webkit-transition-property:opacity, top;
    -webkit-transition-duration:300ms;
    -moz-transition-property:opacity, top;
    -moz-transition-duration:300ms;
    }
    #animation_ntechno li:hover {
    opacity:1;
    }

#animation_ntechno li:hover a strong {
    opacity:1;
    top:-10px;
    }

4. Kemudian cari kode <data:post.body/>  jika kamu menemukan beberapa kode tersebut ( biasanya ada 4 ) pilih yg nomor pertama atau terakhir saja jika kalian sudah memasang read more otomatis .

5. Jika sudah pastekan kode Pemanggilnya dibawah ini :

<!-- Share Button Ntechno Widget Mulai-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='font-size: 22px;padding: 7px;margin: 0px auto;text-align: center;font-family: Oswald;text-transform: uppercase;color: #216A93;background: none repeat scroll 0% 0% #DDD;border: 1px dotted #AAA;'><b>Share this article with your friends</b></div>
<div style='text-align:center'>
    <ul class='social_Ntechno' id='animation_Ntechno'>
    <li class='abfacebook'>
    <a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' ><strong>Facebook</strong></a>
    </li>
    <li class='abtwitter'>
    <a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' title='Twitter' target='_blank'><strong>Twitter</strong></a>
    </li>
    <li class='abgoogleplus'>
<a expr:href='&quot;https://plusone.google.com/_/+1/confirm?hl=en&amp;url=&quot; + data:post.url' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' title='G+'  target='_blank'><strong>Google+</strong></a>
    </li>
    <li class='abpinterest'>
<a href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'  target='_blank' title='Pinterest'><strong>Pinterest</strong></a>
    </li>
    <li class='abstumbleupon'>
    <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' title='Stumbleupon'  target='_blank'><strong>StumbleUpon</strong></a>
    </li>
    <li class='abdig'>
      <a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' title='Dig'  target='_blank'><strong>Dig</strong></a>
    </li>
    <li class='ablinkedin'>
    <a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;'  target='_blank' title='LinkedIn'><strong>LinkedIn</strong></a>
    </li>
  </ul></div>
</b:if>
<!-- Share Button Ntechno Widget Selesai-->

6. Setelah itu cari kode <head> lalu pastekan kode css berikut dibawah kode <head> :

<link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'/>

7. Kemudian Save Template dan lihat hasilnya .

Read More

Membuat Navigasi Halaman Blog dengan 10 Style

Navigasi angka halaman blog atau page navigation adalah sebuah number halaman artikel, jika artikel kita memang sudah banyak dan melebihi kapasitas hompage untuk di tampilkan, navigasi ini bertujuan untuk memudahkan pengunjung dalam mencari artikel-artikel yang ada pada blog kita yang sebelumnya atau yang sudah lawas dengan jumlah halaman yang bisa kita tentukan atau kita sesuaikan dengan jumlah artikel pada blog kita, maka penggunaan navigasi halaman ini sangat penting sekali untuk menawarkan halaman selanjutnya dalam pencarian artikel dengan lebih mudah .

Untuk itu disini saya akan membuat tutorial membuat navigasi angka halaman blog dengan 10 style atau 10 gaya, jadi anda bisa pilih navigasi angka tersebut sesuai slera anda, dan cara penerapannyapun sangat mudah sekali. oke bagi anda yang ingin membuat navigasi angka halaman blog di terapkan di blog anda, silahkan ikuti tutorialnya dari NTechno :

Cara Menerapkan Navigasi pada Blog

1. Buka akun blogger anda.
2. Pilih menu template > Edit HTML
3. Lalu pilih salah satu kode navigasi yang anda suka lalu letakan kode tersebut di atas kode
]]></b:skin> atau </style> 

Navigasi Angka Style 1 

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; } .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;} #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;} .showpageOf{display:none!important} #blog-pager .pages{border:none;}

Navigasi Angka Style 2

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-right:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;} .displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;} .showpageOf{display:none!important} #blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;} #blog-pager .pages{border:none;}

Navigasi Angka Style 3

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;} #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;} .showpageOf{display:none!important} #blog-pager .pages{border:none;}

Navigasi Angka Style 4

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; } .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #3E5801; background-color:#E0EDC1;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#FEF6DF;text-decoration:none;color: #E16800;} #blog-pager .pagecurrent{font-weight:bold;color: #D25E71;background:#FFDEDF;} .showpageOf{display:none!important} #blog-pager .pages{border:none;}

Navigasi Angka Style 5

#blog-pager{clear:both;margin:30px auto; padding: 7px; text-align:center;font-size: 11px;background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #292929));background-image: -o-linear-gradient(top, #000000 0%, #292929 100%);background-image: -moz-linear-gradient(top, #000000 0%, #292929 100%);background-image: -webkit-linear-gradient(top, #000000 0%, #292929 100%);background-image: -ms-linear-gradient(top, #000000 0%, #292929 100%);background-image: linear-gradient(to top, #000000 0%, #292929 100%); padding: 6px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{padding: 3px 10px;margin-right:5px; color: #fff;} .displaypageNum a:hover,.showpage a:hover,.pagecurrent{background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #59A2CF),color-stop(1, #D9EAFF));background-image: -o-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -moz-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -webkit-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: -ms-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);background-image: linear-gradient(to top, #59A2CF 0%, #D9EAFF 100%);text-decoration: none;color: #000;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .showpageOf{display:none!important}.blog-pager-older-link, .home-link, .blog-pager-newer-link {background: transparent;} a.blog-pager-older-link, a.home-link, a.blog-pager-newer-link {color: #fff;} #blog-pager .pages{border:none;background: none;}

Navigasi Angka Style 6

 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-right:5px; color: #F4F4F4; background-color:#404042;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}
#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}

Navigasi Angka Style 7

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; } .blog-pager {background: none;} .displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #AD0B00; background-color:#FAB001;} .displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;} #blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;} .showpageOf{display:none!important} #blog-pager .pages{border:none;}

Navigasi Angka Style 8

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }

.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #5858FA; background-color:#2EFE2E;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Navigasi Angka Style 9

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }

.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #fff; background-color:#5858FA;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Navigasi Angka Style 10

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }

.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 13px;padding: 5px 12px;margin-right:5px; color: #FFFF00; background-color:#00FFFF;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#DB4920;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}
.showpageOf{display:none!important}
#blog-pager .pages{border:none;}

Jika sudah memasang kode navigasi yang anda suka, selanjutnya letakan kode dibawah ini tepat di atas kode </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <script type='text/javascript'> /*<![CDATA[*/ var perPage=7; var numPages=6; var firstText ='First'; var lastText ='Last'; var prevText ='« Previous'; var nextText ='Next »'; var urlactivepage=location.href; var home_page="/"; /*]]>*/ </script> <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/> </b:if> </b:if>

Catatan :
var perPage=7; : Jumlah posting yang ditampilkan di setiap halaman.
var numPages=6; : Jumlah number yang di tampilkan di halaman, 
Sesuaikan dengan jumlah artikel .

 

Read More

Cheat Damage 1 Hit Kill Ninja Saga 2015 ( AutoUpdate April )

NTechno - Pada bulan April 2015 ini memang ada sebuah event yang bernama Easter Egg Event , cheat ini juga work digunakan dalam Event Easter Egg , jadi selain untuk melawan boss secara instant Anda juga bisa melawan boss dalam event Easter Event menggunakan cheat damage 1 hit kill ninja saga terbaru maret 2015 cheat ini 100% work dan saya sudah mencobanya. Oke langsung saja mungkin Anda sudah tidak sabar untuk mengetahui cheat damage terbaru bulan April2015 ninja saga, silahkan Anda bisa melihat tutorial cheat damage 1 hit kill ninja saga 100% work dibawah ini :

1. Buka Ninja Saga Anda
2. Pilih Karakter, tapi jangan Play dahulu .
3. Buka Cheat Engine (versi berapa saja, saya pakai versi 6.4)
4. Klik Icon Komputer (pojok kiri atas)
5. Pilih procces browser yang Anda gunakan
Jika anda menggunakan :
- Mozilla = gunakan plugin container atau Flash player
- Chrome = gunakan procces chrome.exe yang paling bawah

6. Ganti Value Type dari 4 Bytes menjadi Array of Bytes
7. Scan kode berikut A2 25 E8 07 A3 A2 46 jangan di centang "Hex" nya
8. Akan muncul 2 Address, pindahkan kebawah .
9. Lalu ganti value 2 Address tersebut dengan kode ini A2 25 E8 07 A9 A2 46
10. Selesai .

Jika belum mengerti silahkan berkomentar saja, cheat ini digunakan seperti Cheat Damage sebelumnya hanya berbeda kode saja.

Yang sudah paham dengan cheat damage ninja saga pasti gampang, caranya :
Scan kode A2 25 E8 07 A3 A2 46 lalu ganti dengan kode A2 25 E8 07 A9 A2 46

Read More

Cara Membuat Arsip Blog dengan Scroll

Arsip blog atau Archive blog adalah sebuah daftar urutan artikel yang di urutkan sesuai tanggal bulan dan tahun, biasanya arsip blog atau archive blog ini di letakan di sidebar pada sebuah blog, arsip blog ini menurut saya sangat berguna sekali jika di pasang pada sebuah blog,karena dengan widget arsip ini bisa dengan mudah menemukan artikel-artikel anda hanya dengan melihat halaman arsip .
Pada kesempatan kali ini NTechno membagikan bagaimana caranya membuat scroll pada arsip blog yang memudahkan pembaca dan tidak memakan space pada blog .


Berikut caranya : 

1. Pastikan anda sudah menambahkan arsip blog ke widget blog anda.

2. Sekarang buka akun blogger anda.

3. Pilih menu template > Klik Edit Html 

4. Lalu silahkan anda cari kode 'BlogArchive'

5. Jika sudah ketemu lalu letakan kode kode di bawah ini tepat di atas kode 'BlogArchive'  

<div style='overflow:auto; width:ancho; height:200px;'>

6. Lalu anda geser ke bawah sedikit, maka anda akan melihat kode seperti ini <b:include name='quickedit'/> dan tambahkan kode </div> di atasnya Atau lebih jelasnya seperti di bawah ini.

<div style='overflow:auto; width:ancho; height:200px;'>  <div id='BlogArchive'><div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div><b:include name='quickedit'/>  </div>
</b:includable>

Catatan : 200px adalah tinggi arsip dan silahkan sesuaikan sesuka anda.

Sekian dulu tutorial dari Ntechno , semoga bermanfaat ^^

Read More