Mungkin sudah tidak asing lagi dengan software Office buatan Microsoft ini.., sesuai dengan judul postingan diatas saya akan share cara menginstal "Microsoft Office 2013 Full Version"
Sangat mudah sekali untuk menginstal software ini tidak perlu software tambahan kecuali aktivatornya..,

Berikut Screen Shotnya..,

Microsoft Office 2013 ini sangat berdeda dengan Microsoft Office 2010 atau 2007. 

Berikut perbedaan yang ada di Microsoft Office 2013:

-Metro UI : cepat dan tampilan interface yang mudah

-Membuat dan mengedit dokumen pakai keyboard, pen atau touchscreen

-Save file mu di SkyDrive atau SharePoint dan akses dari mana saja

-Connect ke facebook dan lihat kabar terbaru melalui email akun mu

Untuk Spesifikasi Laptop/Netbook/PC:

-1GHz or greater x86/x64 processor 1GHz RAM 1GB for 32Bit dan 2GB for 64Bit

-3.5 GB free space Harddisk

-Support OS :Windows 7, Windows 8, Windows Server 2008 R2 atau newer

-Graphics : Directx10 graohics card

Langsung saja download Microsoft Office 2013 sesuai dengan spesifikasi Laptop/Netbook/PC

Download Microsoft Office 2013 32bit

Download Microsoft Office 2013 64bit

Karena Format File berbentuk .img, Kamu harus mengextract filenya.., dengan cara .., 

klik kanan file yang berformat .img - Open With - Browser - WinRAR klik dan extract ke dalam folder yang kamu inginkan..,

Setelah di extract.., buka foldernya klik setup.., ikuti penginstalan dan tunggu beberapa menit...,

Setelah selesai terinstal Microsoft Office 2013.., Segera lakukan aktivasi dengan bantuan Microsoft office toolkit..,

Download Aktivator Microfsoft Toolkit

Instal Aktivator - Klik Logo Microsoft Office

Lalu akan Muncul tampilan seperti ini

Klik tab Aktivation - Klik Tool - Klik AutoKMS - Klik EZ Activator - Tunngu hingga selesai..

Cek Microsoft Office 2013 di Word/Excel - Klik File - Klik Account Maka tampilan akan seerti ini

Selamat Menikmati Microsoft Office 2013...,

AJAX Loading Gif Image - Ketika akan menerapkan efek load pada blog ini, saya agak kesulitan untuk membuat efek gambar loading dengan gif animated. Waktu itu saya hanya berfikir menggunakan Macromedia Flash. Ternyata banyak web generator Ajax Loding GIF Animated.

AJAX Loading Gif Image - Ketika akan menerapkan efek load pada blog ini, saya agak kesulitan untuk membuat efek gambar loading dengan gif animated. Waktu itu saya hanya berfikir menggunakan Macromedia Flash. Ternyata banyak web generator Ajax Loding GIF Animated.

Bagi sahabat yang membutuhkan gambar efek loading, dibawah ini saya tulis 6 website Ajax loading generator online. Untuk mengunjungi tautannya silahkan klik pada gambar.

Preloaders.net

Ajaxload.info

Chimply

Web Script Lab

Load Info

Xeosoft

Untuk cara pembuatannya mudah ko... silahkan sobat acak2 sendiri... ;)

Tutorial kali ini masih tentang sistem komentar baru blogger (threaded comments), yaitu bagaimana cara mengganti default avatar komentar pada threaded comment blogger. Pada awal diluncurkan sistem komentar terbaru (threaded comments), blogger menggunakan http://img1.blogblog.com/img/blank.gif (blank tidak ada gambar), sehingga untuk mengganti avatar menggunakan background.

Seiring perkembangannya kemudian blogger mengganti default avatar menjadi http://img1.blogblog.com/img/anon36.pngseperti pada gambar di atas. Sehingga penggunaan background pada avatar-image-container, tidak berpengaruh.

Menurut hemat saya, default avatar blogger kurang menarik bahkan setiap blog yang menggunakan platform blogger / blogspot mempunyai avatar yang sama untuk komentar yang menggunakan Anonymous atau menggunakan Nama dan URL.

Dengan sedikit penambahan JavaScript akhirnya ketemu juga cara mengganti default avatar blogger ini. Contohnya seperti gambar di bawah.

Cara Mengganti Avatar Komentar Blogger

1. Masuk ke Dashboard
2. Klik Edit HTM
3. Cari kode </body>
4. Tambahkan kode dibawah, tepat sebelum kode </body>

<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$("img[src='http://img1.blogblog.com/img/anon36.png']")
.attr('src', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZUzfP5xrqHVrmPCbvh5sQn1EzJN8HwY5vI87fclbovice851XPSHnv2-ifHnx7JYVnQrGF69PbgNlkoySBL4A0iLx5g4YbLdhkRR_-JNXrZm3we4lDVFlktYwKNCJS_QFCmfOVnUujiY/s1600/anon5.png')
.ssyby('blank')
</script>

5. Save Template.

Bagi rekan-rekan yang mau mengganti avatar, silahkan pilih mana suka (copy url nya) ganti kode yang berwarna merah.

1. Blogger

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhf_MN2DaReKmTziiZFGRpb4We-tX08__DNS02r8E63ZxFjt9J-1Sxd8Qdi0t06hR0G-vrk2HqoQCcGrlHsmIuOy5YsuRNHEXIYVTGTpMzZpX2h1BzVPgH4oxA82Jrnly6vlqa1IbjFmAg/s1600/blogger2.jpg

2. Anon6

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFK7fbt4HIHTGOg0ZoM4wgC9E51IBNVyCFn8jPZoMxL0qxSEJtqaRbKsJYyEVZjeRZPLxUpvngrSZWDX3AW5Nj7LNAHx6n1JfEbUtRpGLYwbwImg3PWV-Sw4i_cYejoHnu_MXYVKUG45U/s1600/anon6.png

3. Anon7

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiEZUmoJn0TF-CUnkwkJ2S3wnAmkONgu_HYdWzouRFHDUTx_ozBn0UHJ9E6YsrDsN_K7qr0YNl3mnHO8g1Y5wxt4g3CPRgY0SUTCPUIKDKoMom-wYcmYCaHxacpbzBGdEuAgsVlU9ZZiU/s1600/anon7.jpg

4. Gravatar

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwc2_n5Tchxj1wLwJ7vEzHewTlodhwdAKNlY8zTyK9eNUnv7UnUahWsj_KMQWVVUQj-NN-qJkOLcOVqlQIOSLPI4COChZ9fa2yT-5wnvQOAI9Cg1hZUbof_apqby197b4X6JlJPJ-aazQ/s1600/gravatar2.jpg

Apabila tutorial cara mengganti / merubah avatar komentar blogger ini bermanfaat, silahkan share dan jangan lupa menyebutkan sumber.

Membuat Komentar Admin Berbeda Pada Threaded Comment atau Sitem Komentar Baru Blogger dengan Reply. Bagi rekan-rekan sudah tidak asing tentunya cara membuat komentar admin berbeda dari komentar pengunjung atau visitor. Sudah banyak tutorial tentang cara membuat komentar admin berbeda.

Karena Blogger telah menerapkan sistem komentar baru dengan reply / balas atau istilahnya Threaded Comments, maka tutorial kali ini akan menjelaskan cara membuat komentar admin berbeda pada sistem threaded comments. Hal ini tentunya supaya pengunjung mudah membedakan, mana komentar admin dan mana komentar visitor.

Cara Membuat Komentar Admin Berbeda

1. Login ke Blogger dan masuk ke Dasbor
2. Klik Rancangan -> Edit HTML
3. Cari kode </body>
4. Simpan kode dibawah ini tepat sebelum </body>

<script src='http://code.jquery.com/jquery-latest.js'/>
<!-- Komentar admin by blog.kangismet.net start -->
<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #e1e1e1')
.css('background','#f1f1f1 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_9WZMLM7WD7W2NCyCnmIxriK2oVTryVJkxCpFJwzUKppVQSOHqjJoctb0L4sUdbs8fuuEAJBItdvykwnvzT9vwnLe3hh4D0IAxGmD8FekhjGT7rpaJeyPh7K6k9ozusIX6i2G4QhUG5E/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
<!-- Komentar admin ends -->

5. Save

Kostumisasi

1. Edit Garis Pinggir
Untuk mengedit garis pinggir silahkan edit 1px solid #e1e1e1. Tipe garis bisa berupa solid, dashed dan dotted. Penjelasan garis lebih lanjut silahkan baca : Mengenal Properti Border. Untuk pilihan warna silahkan kunjungi Web Color (Hexadecimal)

2. Edit Background
Untuk mengedit garis pinggir silahkan edit #f1f1f1. Untuk pilihan warna silahkan kunjungi Web Color (Hexadecimal).

3. Hapus atau Edit Tulisan ADMIN
Untuk mengedit atau menghapus silahkan edit https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_9WZMLM7WD7W2NCyCnmIxriK2oVTryVJkxCpFJwzUKppVQSOHqjJoctb0L4sUdbs8fuuEAJBItdvykwnvzT9vwnLe3hh4D0IAxGmD8FekhjGT7rpaJeyPh7K6k9ozusIX6i2G4QhUG5E/s1600/admin2.png.

4. Edit Jarak
Untuk mengedit jarak dari garis pinggir ke tulisan, silahkan edit .css('padding', '10px'); menjadi 5px, 7px dll. Apabila kiri kanan atas bawah tidak seimbang, silahkan edit satu persatu paddingnya, contoh '3px 2px 5px 10px' (atas kanan bawah kiri).

Kalau masih ada pertanyaan atau sesuatu tentang cara membuat komentar admin berbeda, silahkan isi kotak komentar.

Source : blog.kangismet.net

CSS Positioning Property and it's Values - Pada tutorial sebelumnya saya menjelaskan cara membuat Notifikasi Komentar ala Google Plus, namun banyak pertanyaan tentang mengalihkan posisi atau banyak posisi yang tidak diinginkan.

Untuk menentukan posisi objek terhadap objek lain, atau objek terhadap browser, perlu pemahaman tentang CSS Position. Oleh karena itu saya akan coba menjelaskan Apa ituCSS Position dan bagaimana cara kerja properti dari CSS Position ini.

Sebelum melangkah kepada pembahasan, sebaiknya kita mengenal dulu istilah-istilah yang berhubungan dengan CSS. Beberap istilah yang harus diketahui adalah selector (selektor) , property (properti) , value (nilai) dan deklarasi. Untuk memahaminya, perhatikan CSS ini :

.box{position:relative}

.box adalah Selector (bagian atau elemen yang ingin kita atur stylenya)
position adalah Property (komponen yang kita butuhkan)
relative adalah Value/Nilai dari Property
Deklarasi adalah bagian yang ada di dalam {} yaitu properti dan nilai.

Value atau Nilai dari CSS position adalah :
1. static ditulis position:static
2. relative ditulis position:relative
3. absolute ditulis position:absolute
4. fixed ditulis position:fixed
5. inherit ditulis position:inherit

position:static

Posisi ini merupakan posisi default suatu elemen (statis). Tataletaknya seperti div biasa. Pada posisi ini top, right,bottom dan left tidak akan berpengaruh, contoh :


Pada contoh di atas, saya menerapkan properti top dan left pada DIV2 dan DIV3 (klik pada CSS dan HTML pada demo untuk lebih memahmi kode), dan ini tidak berpengaruh sama sekali, karena membentuk pola vertikal (garis baru ke bawah). Pada kondisi ini apabila si hijau ingin berjejer dengan merah maka keduanya harus ditambahkan float:left

Untuk ujicoba silahkan klik 'Edit in JSFiddle'. Anda tidak harus mendaftar di JSFiddle, cukup edit kode dan klik RUN untuk melihat hasilnya.

position:relative

Posisi inilah yang sering digunakan, pada posisi ini kita bisa memanfaatkan properti top dan left. Objek akan berubah posisi terhadap elemen utama, dan juga relativ terhadap dirinya.


Berbeda dengan position:static, dengan menerapkan position:relative kita bisa merubah posisi elemen seperti yang kita inginkan

position:absolute

Dengan menerapkan position:absolute, maka objek akan mengikuti parent (induk elemen) dengan catatan induk elemen harus menggunakan position:relative


Posisi si merah tidak akan lari kemana-mana karena background (si hitam) menggunakan position:relative. Intinyaposition:relative merupakan pagar dari anak yang diberi position:absolute supaya ga kabur.

Position Absolute terhadap Layar

Apabila si hitam tanpa position:relative maka si merah akan menyesuaikan dengan layar. Untuk lebih jelasnya, lihat contoh DISINI

position:fixed

Posisi ini hampir sama dengan position:absolute, akan tetapi perbedaannya position:fixed akan selalu pada posisinya walaupun browser di scroll. Contohnya saya gabung dengan position:absolute terhadap layar (contoh atas).

position:inherit

Posisi ini akan mengikuti posisi pada elemen iduk. Apabila elemen induk mempunyai position:absolute maka elemen didalamnya apabila diberi properti position dengan value inherit, maka hasilnya menjadi position:absolute(mengikuti elemen induk).

Semoga bermanfaat...

Source : blog.Kangismet.net

Download SmadAV Terbaru 2014 Rev. 9.8 Pro Full VersionAlternative Link : [ Click Here ... ]  Download SmadaV Terbaru 2014 Rev. 9.8 Pro Full Version  - kali ini ane akan sharing software anti virus  SmadaV lagi, Smadav Pro adalah versi upgrade atau versi yang lebih tinggi dari smadav Free, jadi jika kita menggunakan smadav pro kita akan mendapatkan fitur yang lebih memuaskan dari versi freenya karena di smadav pro kita akan mendapatkan fitur seperti proses scanning yang lebih cepat, dapat mengganti tema dan warna, dan masih banyak lagi, jika anda ingin mengetahu tentang sejarah SmadaV adan bisa membacanya di "SmadAV Pro" bagaimana apakah anda tertarik dengan smadav pro ini.

biasanya pihak pengembang smadav melakukan update setiap bulan, jadi versi sebelumnya yaitu versi 9.7 anda dapat mendownload di "Download SmadaV 2014 Rev. 9.7 Pro Full Version Terbaru" tapi untuk saat ini saya menyarankan anda untuk mendonwload yang versi terbarunya yaitu versi 9.8  yang terbaru dan yang terbaik.SmadAV Pro ini banyak sekali fitur-fitur yang tidak kita dapat di SmadAV Free.

Kelebihan SmadAV Pro :

- Update Otomatis Online
- Scanning Lebih Cepat
- Exception List
- Maximize/Resize Tampilan
- Mengganti Warna Tema
- Izin Penggunaan Profit
- Password Admin

System Requirments SmadAV 2014 Rev 9.8 :

• Windows XP/Windows Vista/Windows 7/Windows 8 32-bit and 64-bit (x86 and x64) For Windows PC
• License SmadAV 2014 Rev 9.8 :
• Freeware

Download :

===>>> SmadAV 2014 Rev 9.8

===>>> Key SmadAV 2014 Rev 9.8

Jangan lupa tinggalin jejak ya sob...Ga afdol kan kalo Bertamu ga ninggalin jejak dibawah :D

NB:Sudah tersedia Smadav Versi Paling Baru Di Blog ini versi 9.8.1 Cekibrot yuk dimari >>> NEW SMADAV
Download SmadAV Terbaru 2014 Rev. 9.8 Pro Full VersionAlternative Link : [ Click Here ... ]

Membuat Blok Catatan, Tips dan Warning - Sambil menunggu rasa kantuk datang, kali ini saya akan berbagi cara membuat catatan, informasi, tips, atau peringatan di blog, agar blog lebih stylish dan pengunjung betah berlama-lama di blog kita.

Sebenarnya bagi sahabat yang sudah mahir CSS dan HTML tidak akan aneh lagi dengan tutorial seperti ini. Tapi walaupun mahir dalam CSS dan HTML terkadang buntu ide untuk memoles blognya supaya lebih menarik.

Sebelum saya kasih CSS dan HTMLnya, silahkan lihat dulu penampakan blok catatan, tips dan peringatan pada demo di bawah ini :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.

Untuk memasangnya, silahkan sobat simpan kode ini di atas ]]></b:skin> atau </style>

.info, .tips, .warning {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px 68px;
 margin: 5px 0;
}
.info {
 background: #e0e5eb url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0VP5dcBXXb4fVVLmlxIdeP_s90ECCjNdVIjvDo3k1ViPkV8qNOrXzm_yrWuUt4UBhR9sAMbRF9_Y4GkTbVbLhuK1RG2aT6dPrA6OxOPwelHdcSkVvGSihXLqRuBgns76Y7EsJC8rrQ7k/s1600/info.png') no-repeat 12px 8px;
 color: #222
}
.tips {
 background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjhLQaoccjJU8IQlnaitX1_hhbnfpSiaIJQ_ALvPzwibBPZxaCKZs7jkU3n2xcsM2R2Z5nTttm03s9le6-4sxXJ0HgFIqOmnIgSvDdG0Wm6Zto8WIBfYEeCJVQsfrYhBmprfT14SBVglE/s1600/tips.png') no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3MkTCbNWsZoTFOR-8QapH5X4lO6-y7jbTW2Ea-wAbHGE17tSRs_4ONun9Ktynt1bg5DKPhhewpogmhgLN_xXYcjZO4CdXOBcVjyi1fjbo1FdPBhHSp1EoiYjRPbpGRtLuGq756y1uPt4/s1600/warning.png') no-repeat 12px 8px;
 color: #fff;
}

Selanjutnya, apabila ingin memasukan ke dalam postingan, sobat tinggal memilih blok mana yang akan digunakan. (Tulis kode dalam mode HTML). Untuk Info (catatan) sobat gunakan kode seperi ini:

<div class='info'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
</div>

untuk tips, kodenya seperti ini :

<div class='tips'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
</div>

untuk peringatan atau warning :

<div class='warning'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
</div>

Sobat juga bisa gunakan tag p dalam penulisan kode HTML, contoh :

<p class='info'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis orc no tortor accumsan at accumsan tortor congue.
</p>

Source : http://blog.kangismet.net

Banyak pertanyaan sahabat tentang efek show dan hide pada blog ini, seperti pada Kode Konverter, Emoticon dan Shoutbox. Disini saya tidak akan menjelaskan pada penggunaan di blog saya, melainkan akan mencoba menjelaskan cara kerja efek show, hide dan toggle.

Sebelum menggunakan efek ini tentunya blog sobat harus sudah tertanam framework jQuery seperti ini :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

Pemasangan jQuery pada template cukup 1 saja. Apabila ada beberapa versi framework jQuery, maka efek-efek tidak akan berjalan.

Silahkan fahami dulu pengertian dari show, hide dan toggle :
.show() digunakan untuk menampilkan objek yang tersembunyi.
.hide() digunakan untuk menyembunyikan objek.
.toggle() melakukan perintah keduanya. Apabia objek tersembunyi maka akan dimunculkan, dan apabila muncul akan disembunyikan.

Syntax (Penulisan)

$(selektor).show(kecepatan)
$(selektor).hide(kecepatan)
$(selektor).toggle(kecepatan)

Selektor merupakan objek yang dikenai perintah, sedangkan Kecepatan bisa menggunakan Mildetik (contoh 500, 1000)'normal', 'slow' atau 'fast'.

Contoh syntax terhadap satu id misalkan #kotak :

$('#kotak").toggle('slow')

Contoh Penggunaan .show() dan .hide()

Kerangka HTML

<span class="hilang">Hilang</span>
<span class="muncul">Muncul</span>
<div id="target"></div>

CSS

.muncul, .hilang {
    background:#56af2e;
    color:white;
    text-align:center;
    padding:8px 12px;
    font-family:Tahoma, Verdana;
    font-size:13px;
    border-radius:5px;
    cursor:pointer;
    
}

#target {
  background:#1f57a3;
  height:150px;
  margin-top:15px;
}

Deklarasi jQuery

$(document).ready(function() {
    $('.hilang').click(function() {
        $('#target').hide('fast');
    });
    $('.muncul').click(function() {
        $('#target').show('slow');
    });
});

Demo

Contoh Penggunaan .toggle()

Kerangka HTML

<span class="muncul-hilang">Toggle</span>
<div id="target"></div>

CSS

.muncul-hilang {
    background:#56af2e;
    color:white;
    text-align:center;
    padding:8px 12px;
    font-family:Tahoma, Verdana;
    font-size:13px;
    border-radius:5px;
    cursor:pointer;
    
}

#target {
  background:#1f57a3;
  height:150px;
  margin-top:15px;
}

Deklarasi jQuery

$(document).ready(function() {
    $('.muncul-hilang').click(function() {
        $('#target').toggle(500);
    });
});

Demo

Coba Sendiri

Contoh Lainnya

Contoh pergantian teks dengan Buka dan Tutup :

$('.muncul-hilang').toggle(function() {
    $(this).text('Buka!');
    $('#target').slideUp();
}, function() {
    $(this).text('Tutup!');
    $('#target').slideDown();
});

Demo pergantian teks :

Untuk menambahkan efek lain seperti bounce, blind, shake dll sobat harus memasang plugin jQuery UI.

Sumber : http://www.w3schools.com/jquery/eff_toggle.asp - http://www.dte.web.id/2011/10/jquery-show-hide-dan-toggle.html