Popular Post

Popular Posts

Visitor Counter

free counter
Diberdayakan oleh Blogger.

Translate

Recent post

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot


Memasang Burung Twitter Terbang di Blogspot
Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat,Cara Buat / Pasang Burung Twitter Terbang Di Blog hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini
Pertama-tama silahkan login di Blogger

  • Klik Layout > Add Gadget > Html/Javascript
  • Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="https://googledrive.com/host/0B7X69YyzZu-IZjFKQ19VVi10RlE/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3Kbjx29goo1w3OWHZFpYxzjHqsgfPJ6m05SPynVq7WP1IqMzYmXPqxzn6rfyETsaIV2zq5Z_TvD5mMCW9YMxxyGZgH3ljJCxPWU2VL6vgWCnfuXvOf75rVx214MYbRYzjo79pLxsua-Q/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/AL_Kusanagi07";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>


  • Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Rubah Warna Burung Twitter

Untuk membuat warna burung Twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ4Vt607R2Af6qNraWWeF1YXHIB0XlfltL6YeCF3VfJJKbbFnS_1svU7cW4vipvyzvhDh3rNUGmg50_fHeU5MUd7SZd_UdaDY6CbcSaSTwYrPGp0yXOowoWSIPU-ohHxNbC7btH7fIJT8/s1600/yellow+bird.png
Warna Hitam

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA-jTSAsmplCzzG6M79TwC4CQw50JL7vG1-W17jhKImV04ub7w3f8VA3gHZQHXuTa7aZkFScjDERtlD1cNR0SZdzpfKvK-mZ-iG84CyZngJE216NlU_j4P9ZzS93GBzuWgWPdqSUaRCkI/s1600/black+bird.png
Warna Biru

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUGLdW3406bwQsi6iw3W_bq6_nXBc-pnKq05NSvbdBauIMJfxWz-0hz0lsw6-dHxeRlbGQbABjNBQOUxaCPJkbmOZ_xR7ETMGI_PLopa4Msf7voSGw-8s3XfXX9POFxCWO0Ddhpn2d9aY/s1600/Blue+bird.png
Warna Coklat

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzPvNwV0iLzF16tJY-HwMsSo7wMPQo2GbjhyphenhyphenSqjNcNwNd1dpP0T5n7IE4KVACPB6lr7YDEl6WfKGStWULrE6gymfUpeYu1fFldf4ZejkLKeMhL3_F8IxB6BzHFYMiWk1LvRSn2dEDKTOY/s1600/brown+bird.png
Warna Hijau

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl-PHAxLynbNMVKE-HFO-5wDCBtxvgU6OWQiScstionq8PPTaJB7QCg54YJqQNmPQsFL8ERzTtwb5m2AHfUb3EZiNc5mw2LhJpHXHc0t91FB8wf9qn5Ea3t6ZQkNGbv8X9x6NP4FkJyfc/s1600/Green+bird.png
Warna Ungu

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlR2FL4jRAwJKMHpP3kwiRJAceA8Q-YYZktwAhAub8PDGSVnN8L2m4xyK4eWKS0sP1IinDXolIksPfEdjeUvs6FLvZRgwBvIJIHuK7Lf6HaKu9_-4QZk-QHslVQNbUnPca0_wJRAzektM/s1600/purple+bird.png
Warna Putih

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixqpRZ5U4NwuEBr-tf7-edH8OGb7bJMzm4rWyd6KqJCCqXEh7bT6nwB-cP5-Fdo14oGBRPwpyY95AXQkvcCtT-FPbxhbciLv-mKXkgSTBAqGBfwCEj6Ms_a3TEQW3CcMXcayB3nel3knE/s1600/white+bird.png
Warna Merah

  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjP3xn6rQUIF2kS7MhlvAn7yyELHL1TOk4CMuxv9WxVQ2HWwCaZETs1_erFxaELrsEe6hz8NubZfIhYBILDBZ_HwVTXorEqKeDiMLSgUgJb2wnTIX6tH-dGQxE6c-MD5gO-Of0kPTrft8/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

Cara Membuat/Pasang Burung Twiter di Blogger

Rabu, 27 Januari 2016
Author : Unknown Comments : 0
Tag :
Teks yang mengikuti kursor pada trik efek ini menggunakan javascript yang relatif ringan, jadi jangan khawatir akan pengaruhnya terhadap loading blog. Buat yang sudah bosan dengan trik mengganti gambar pada kursor, coba aja trik membuat teks yang mengikuti kursor ini biar ganti suasana tampilan baru. Kan udah Tahun Baru nih..he he.


Cara Membuat Teks Pada Kursor :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.    Copy script dibawah ini dan paste pada gadget.


<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #a4336a;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>

<script type='text/javascript'>
//<![CDATA[
;(function(){
// Your message here (QUOTED STRING)
var msg = "Tulis teks anda disini";
/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */
// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size =20;
// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;
// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;
// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 15;
// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.3;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.2;
////////////////////// Stop Editing //////////////////////
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement
:
document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>

4.    Save/Simpan dan lihat hasilnya.
5.    Sobat dapat mengganti jenis dan warna font pada bagian yang ditandai dengan warna biru.
6.    Tulis teks yang anda inginkan pada “Tulis teks disini” yang berwarna merah.
7.   Sekedar mengingatkan lagi saja, trik paling mudah untuk mencoba script seperti ini adalah copy dan paste script pada notepad. Kemudian klik Save as dan beri nama apa saja diikuti ekstensi .html. Misalnya beri nama file notepad tadi teks-kursor.html dan pada pilihan Save as type pilih All Files. Terakhir double klik file html yang baru disimpan tadi, maka sobat akan langsung dapat melihat hasilnya pada browser.

Cara Membuat Teks Mengikuti Krusor

Author : Unknown Comments : 0
Tag :

Ini langkah-langkah membuat fan page google plus dan memasangnaya di blog yang bisa anda lakukan.


1. Silahkan masuk ke halaman ini Bikin Fanpage Google Plus
Pilih tipe yang anda inginkan, misalnya brand
cara-bikin-badge-google-plus


2. Isi data yang diminta
Page name : (isi nama page nda)
Website: (masukkan alamat url blog anda)

cara-bikin-google-plus-page



3. Klik Get Starter untuk mempelajari sekilas goolgle fan page

fan-page-google-plus

Cara Memasang Google Fan Page ke Blog/Website


1. Masuk ke halaman ini Cara Pasang Google Fan Page (Cara pasang badge google plus)
Pilih Google +
cara-menambahkan-fanpage-google-plus-di-blog


2. Pilih Web

cara-menambahkan-fanpage-google-plus-di-blog



3. Pilih Badge
cara-pasang-google-plus-badge


4. Copy Code/Script yang

cara-memasang-kode-badge-(fanpage)-google-plus


6. Tambahkan Widget HTML/Java Scipt pada blog anda, dan Copy-Paste_kan di widget tersebut

masukkan-kode-fun-page-google-plus-ke-blog


7. Lihat Hasilnya


Selesai. Semoga Bermanfaat

Cara Membuat Google+ Fan Page di Blogger

Author : Unknown Comments : 0
Tag :
Kotak Popup Facebook Like Page
Cara Mudah Memasang Kotak Like FansPage Facebook di Blog Blogspot.

MEMASANG Fanspage Facebook Like Box "Popup" alias Kotak Like FB yang muncul atau melayang di halaman blog adalah salah satu tips & trik untuk meningkatkan "Likeer" Fans Page.

Jika Anda berminat memasang Kotak Popup Facebook Like Page di blog Anda, seperti tampak dalam ilustrasi posting ini, dan seperti dalam demo, silakan ikuti langkah sangat mudah di bawah ini.

Cara mudah membuat Kotak Popup Like Box FansPage Facebook di Blogspot berikut ini CB kopas dari Helper Blogger. Disebut "mudah" karena gak usah masuk ke template. Cukup ke "Layout" seperti menambah widget biasa.

Cara Mudah Membuat Kotak Popup Facebook Like Page di Blogspot

1. Layout > Add a Gadget > pilih "Edit HTML/JavaScript"
2. Kosongkan judul widget.
3. Copy dan Paste kode berikut ini di kolom "Content".

<!-- FB FANS PAGE LIKE BOX -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js' type='text/javascript'></script>
<style>
    #hbfanback {
        display: none;
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
    }
    #hbfan-exit {
        width: 100%;
        height: 100%;
    }
    #hbfanbox {
        background: white;
        width: 420px;
        height: 270px;
        position: absolute;
        top: 58%;
        left: 63%;
        margin: -220px 0 0 -375px;
        -webkit-box-shadow: inset 0 0 50px 0 #939393;
        -moz-box-shadow: inset 0 0 50px 0 #939393;
        box-shadow: inset 0 0 50px 0 #939393;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: -220px 0 0 -375px;
    }
    #hbfanclose {
        float: right;
        cursor: pointer;
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggipd8qfvtF6Wxz3v_Xht4ArLBeQawDJceFXEOziQvjh5uNppm81DVzQDoe1OEicQyYpAcK1_s3Ush6xJGI3b53Ml1dIwmozs8amfOSpuY0iHkLyUfLNV5RpjwOjYIrr2MhrN79tOMywk/s1600/hb-fanclose.png) repeat;
        height: 15px;
        padding: 20px;
        position: relative;
        padding-right: 40px;
        margin-top: -20px;
        margin-right: -22px;
    }
    .hbremove-borda {
        height: 1px;
        width: 366px;
        margin: 0 auto;
        background: #F3F3F3;
        margin-top: 16px;
        position: relative;
        margin-left: 20px;
    }
</style>
<script type='text/javascript'>
    //<![CDATA[
    jQuery.cookie = function(key, value, options) {
        // key and at least value given, set cookie...
        if (arguments.length > 1 && String(value) !== "[object Object]") {
            options = jQuery.extend({}, options);
            if (value === null || value === undefined) {
                options.expires = -1;
            }
            if (typeof options.expires === 'number') {
                var days = options.expires,
                    t = options.expires = new Date();
                t.setDate(t.getDate() + days);
            }
            value = String(value);
            return (document.cookie = [
                encodeURIComponent(key), '=',
                options.raw ? value : encodeURIComponent(value),
                options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
                options.path ? '; path=' + options.path : '',
                options.domain ? '; domain=' + options.domain : '',
                options.secure ? '; secure' : ''
            ].join(''));
        }
        // key and possibly options given, get cookie...
        options = value || {};
        var result, decode = options.raw ? function(s) {
            return s;
        } : decodeURIComponent;
        return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
    };
    //]]>
</script>
<script type='text/javascript'>
    jQuery(document).ready(function($) {
        if ($.cookie('popup_user_login') != 'yes') {
            $('#hbfanback').delay(100).fadeIn('medium');
            $('#hbfanclose, #hbfan-exit').click(function() {
                $('#hbfanback').stop().fadeOut('medium');
            });
        }
        $.cookie('popup_user_login', 'yes', {
            path: '/',
            expires: 7
        });
    });
</script>
<div id='hbfanback'>
    <div id='hbfan-exit'></div>
    <div id='hbfanbox'>
        <div id='hbfanclose'></div>
        <div class='hbremove-borda'></div>
        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fcbblogger&amp;width=340&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:340px; height:258px;margin-left: 8%;" allowtransparency="true"></iframe>
    </div>
</div>
<!-- FB FANS PAGE LIKE BOX -->

4. GANTI tulisan cbblogger dengan username Page Facebook Anda sendiri
5. Save!

Cara Membuat Kotak Popup Facebook Like Page di Blogspot

Author : Unknown Comments : 0
Tag :
welcome-and-goodbye-alert-javascript

Membuat Ucapan Selamat Datang dan Selamat Tinggal di Blog - Puji syukur alhamdulillah saya panjatkan kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayahnya sehingga sampai pada saat ini saya masih bisa menghirup udara dengan bebas dan dalam keadaan sehat. Pada kesempatan kali ini saya akan share mengenai cara membuat ucapan selamat datang dan selamat tinggal di blog, apa maksudnya? Maksudnya adalah ketika blog kita di buka/di kunjungi maka akan tampil sebuah pesan/ucapan selamat datang. Dan ketika blog kita di tutup/di close dari tab browser internet maka akan tampil sebuah pesan/ucapan selamat tinggal. Ucapan selamat datang dan selamat tinggal ini bisa anda rubah dengan teks sesuai yang anda inginkan. Perlu anda ketahui bahwa untuk membuatnya di sini kita hanya menggunakan javascript saja.

Oke, bagi anda yang sudah penasaran dan ingin langsung mencoba untuk membuat ucapan selamat datang dan selamat tinggal di blog silahkan anda bisa simak dengan baik dan ikuti langkah-langkah berikut ini!

1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".

menu-template-blogger-ngeposta

3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".

ngeposta-edit-html

4. Kemudian cari kode </head> dan letakkan script kode berikut ini tepat di atasnya.

Script untuk menampilkan ucapan selamat datang :
?
1
2
3
4
5
<script type='text/javascript'>
// welcome alert by http://ngeposta.blogspot.com
alert("Selamat Datang Di Ngeposta Blog!
Semoga Anda Menikamti Sajian Artikel yang Ada");
</script>

Script untuk menampilkan ucapan selamat tinggal :
?
1
2
3
4
5
6
7
8
<script type='text/javascript'>
// goodbye alert by http://ngeposta.blogspot.com
function ngeposta() {
alert("Terima Kasih Atas Kunjungan Anda!
Jangan Lupa Untuk Berkunjung Kembali");
}
parent.window.onunload=ngeposta;
</script>

5. Setelah itu klik save/simpan template, selesai dan lihat hasilnya...

Note  :
Untuk menampilkan ucapan selamat datang saja, maka anda hanya perlu meletakkan script yang pertama sesuai dengan petunjuk pada langkah no. 4 di atas, begitu juga sebaliknya. Dan jika anda ingin menampilkan keduanya, makan letakkan kedua script kode tersebut sesuai dengan petunjuk pada langkah no. 4 di atas. Ganti tulisan "Selamat Datang di Ngeposta Blog! Semoga anda menikmati sajian artikel yang ada" dan "Terima Kasih Atas Kunjungan Anda! Jangan Lupa Untuk Berkunjung Kembali" yang ada di atas dengan tulisan sesuai yang anda inginkan

Membuat Ucapan Selamat Datang dan Selamat Tinggal di Blog

Author : Unknown Comments : 0
Tag :
XMedia Recode
XMedia recode merupakan aplikasi konversi gratis dan mudah digunakan untuk mengubah format file audio/video ke format audio atau video yang bisa dijalankan pada perangkat mobile kesayangan milik Anda.

XMedia Recode dapat mengkonversi hampir semua audio dan format video, termasuk 3GP, 3GPP, 3GPP2, AAC, AC3, AMR, ASF, AVI, AviSynth, DVD, FLAC, FLV, H.261, H.263, H.264, M4A , M1V, M2V, M4V, Matroska (MKV), MMF, MPEG-1, MPEG-2, MPEG-4, TS, TRP, MP2, MP3, MP4, MP4V, MOV, OGG, PSP, (S) VCD, SWF , VOB, WAV, WMA dan WMV.
Aplikasi yang satu ini memiliki opsi untuk mengkonversi DVD dan Blu-Ray ke format yang Anda suka. Selain pilihan format konversi yang banyak, XMedia Recode juga menyedikan pilihan untuk mengatur hasil konversi seperti resolusi, start time dengan menentukan/memotong bagian yang ingin dikonversi, bitrate dan lainnya.
Perangkat lunak ini mendukung format file audio-video yang sering digunakan pada perangkat mobile, antara lain 3GP, AVI, DVD, MP4, WMV, ASF, dan lainnya. Dengan mengubahnya ke format file tersebut, Anda bisa mentransfer file audio-video favorit Anda ke dalam perangkat mobile, seperti iPod, iPhone, Samsung, SonyEricsson, Zune, PSP, Blackberry, LG, dan masih banyak lagi.



Lisensi Freeware
Developer Sebastian Dörfler
Sistem Operasi Windows XP/Vista/7/8/10


Download XMedia Recode Gratis Terbaru dengan mengklik tombol diatas

XMedia Recode 3.2.8.4

Author : Unknown Comments : 0
Tag : ,

driverpack solution

DriverPack Solution adalah program yang berisi kumpulan-kumpulan driver untuk VGA, Chipset, SoundCard, LanCard, Wifi, Printer, dll. Bisa digunakan untuk semua versi windows (32/64 bit) yang dapat anda gunakan di berbagai macam komputer dan laptop.

Kesulitan dalam mencari driver merupakan salah satu kendala besar dalam proses install ulang PC ataupun laptop kita. Drivers ini sangat penting sebab tanpa adanya driver, hardware-hardware yang terpasang pada perangkat kita tidak akan berfungsi dengan normal karena fungsi driver yang sebenarnya untuk menghubungkan antara hardware dan software.
Salah satu keunggulan Driver Pack Solution yaitu mampu melakukan update driver dengan mudah secara offline, anda bisa melakukan update driver dengan cepat tanpa menggunakan koneksi internet, hal itu karena anda telah mengunduh semua database driver yang diperlukan, database driver yang telah anda download tersebut berisi berbagai driver yang telah diupdate ke versi yang terbaru.
Bagi anda yang sering melakukan install ulang PC dan laptop atau anda para teknisi komputer maka anda wajib memiliki software berbentuk ISO ini, hal itu akan sangat memudahkan anda dalam hal melakukan update driver dan mendapatkan update driver terbaru untuk semua hardware yang terpasang pada komputer termasuk driver printer, webcam dan lainnya.


Lisensi Freeware
Developer Artur Kuzyakov
Sistem Operasi Windows XP/Vista/7/8/10
Download DriverPack Solution Offline Single Link Gratis Terbaru dengan mengklik tombol diatas

DriverPack Solution 17.3.3

Author : Unknown Comments : 0
Tag : ,

kmplayer

DOWNLOAD.ID – KMPlayer adalah media player serbaguna yang dapat memutar berbagai jenis format video seperti VCD, DVD, AVI, MKV, Ogg Theora, OGM, 3GP, MPEG-1/2/4, WMV, RealMedia, dan QuickTime.

Satu media player yang mencakup dan mendukung berbagai format. memiliki fitur tambahan untuk memutar file yang tidak lengkap / Avi rusak, Locked Media File saat mendownload atau berbagi, Compressed Audio Album (zip, rar) dan sebagainya. Support berbagai macam sub judul dan memungkinkan Anda untuk Mengorganisir audio, video, dan screenshot.
Bahkan dengan software media player ini, kamu juga akan mendapatkan fitur yang support 3D, kemampuan terhubung dengan TV Online serta juga portal Video Online.
Software Media Player ini dikembangkan oleh developer dari Korea Selatan, Kang Yong-Hee, dan telah dibeli oleh perusahaan video streaming terbesar di Korea, Pandora TV pada tahun 2007 (Ini menjelaskan kenapa software ini ringan, tapi support Internet TV dan video streaming). KMPlayer mampu mendukung berbagai macam codec dan format file. Sekaligus juga sangat mudah dikustomisasi.
Kelebihan KMPlayer :
1.Memiliki kualitas gambar yang tajam & jernih
2.Software ini Freeware jadi bisa di download secara gratis
3.Suara lebih jelas
4.Bisa memainkan DVD.
5.Support dengan banyak codec sehingga tidak perlu memakai software yang lain.
6.Dapat Membuat/Modifikasi Subtitle.


Lisensi Freeware
Developer KMP PANDORA.TV
Sistem Operasi Windows XP/Vista/7/8/10

Download KMPlayer Gratis Terbaru dengan mengklik tombol diatas

KMPlayer 4.0.4.6

Author : Unknown Comments : 0
Tag : ,

Berikut ini adalah daftar Domain dan Hosting Gratis untuk website anda, sudah support PHP dan MySQL tapi jangan harap ada pelayanan yang maksimal namun sangat bagus jika dijadikan bahan kita untuk mengenal dan belajar tentang Domain dan Hosting :

  1. 5GB Free


    • Disk Space : 5GB
    • Bandwith : 20GB
    • Subdomain :No
    • Parking Domain :  Yes
    • Mail Account : 20
    • Script Auto Installer : Yes
    • PHP Support : Yes
    • Database MySQL : Yes
    • Iklan Banner : Cuma ada Text Iklan Saja.
    • Control Panel : Full CPanel 

  2. ByetHost Free Hosting

    • Disk Space : 1GB
    • Bandwith : 50GB
    • Subdomain :5
    • Parked Domain : 5
    • Mail Account : No
    • Script Auto Installer : Yes
    • PHP Support : Yes
    • Database MySQL : Yes
    • Iklan Banner : No
    • Control Panel : VPanel dan CPanel

  3. AwardSpace

    • Disk Space : 1GB
    • Bandwith : 5 GB
    • Untuk Gratis Hanya Menerima : Parked Domain
    • Script Auto Installer : Yes
    • PHP Support : Yes
    • Database MySQL : Yes
    •  Iklan Banner : No
    • Control Panel : VPanel

  4. FreeHostia

    • Disk Space : 250MB
    • Bandwith : 6 GB
    • Untuk Gratis Hanya Menerima : Parked Domain
    • Script Auto Installer : Yes
    • PHP Support : Yes
    • Database MySQL : Yes
    •  Iklan Banner : No
    • Control Panel : VPanel

  5. Free Hosting Eu

    •     Disk Space :  200 MB
    •     Bandwith : 4GB
    •     Create Domain : 1
    •     Subdomain : 5
    •     Parking Domain : Yes
    •     Mail Account : 1
    •     Script Auto Installer : Yes
    •     PHP Support : Yes
    •     Database MySQL : Yes
    •     Iklan Banner : No
    •     Control Panel : VPanel

  6. Biz NF

    • Disk Space :250 MB
    • Bandwith : 5GB
    • Subdomain : 4
    • Parking Domain :  Yes
    • Mail Account : 1
    • Script Auto Installer : Yes
    • PHP Support : Yes
    • Database MySQL : Yes
    • Iklan Banner : No
    • Control Panel : VPanel

  7. ID Hostinger

    • Disk Space : 2GB
    • Bandwith : 100GB
    • Subdomain : 5
    • Parking Domain :  Yes
    • Mail Account : 2
    • Script Auto Installer : Yes
    • PHP Support : Yes
    • Database MySQL : Yes
    • Iklan Banner : No
    • Control Panel : VPanel
  8. Bonus!, satu lagi Hosting dan Domain Gratis, yaitu GBfreehosting.
    7 Daftar Domain Dan Hosting Gratis Paling Populer (100% Free!)
    Berikut kelebihan yang ditawarkan :
    • Disk Space : 20GB
    • Bandwith : 200GB
    • Subdomain : Unlimited
    • Parking Domain :  Unlimited
    • Mail Account : Unlimited
    • Script Auto Installer : Yes
    • PHP Support : Yes
    • Database MySQL : Yes 10 Database.
    • Iklan Banner : No
    • Control Panel : DirectAdmin
Sekian Info Hosting Gratis kali ini, hosting gratis mungkin saja banyak kekurangan disisi pelayanan maupun kinerjanya, tapi untuk pembelajaran tidak jadi masalah. semoga bermanfaat..

7 Tempat Daftar Domain dan Hosting Gratis

Selasa, 26 Januari 2016
Author : Unknown Comments : 0
Tag :
Ada beberapa blog yang pernah saya kunjungi menggunakan indikator loading halaman. Biasanya sebuah gambar akan muncul ketika kita sedang membuka halaman sebuah web. Gambar tersebut menunjukan halaman tersebut sedang dalam proses loading. Blog Trik dan Tips kali ini akan memberikan tutorial bagaimana membuat loading page atau indikator loading halaman yang sederhana pada blog anda. Untuk membuatnya tidaklah sulit, ikuti saja langkahnya dibawah ini:

1. Masuk ke Rancangan --> Edit HTML
2. Back up (upload) template anda terlebih dahulu untuk mencegah kesalahan editing
3. Cari Kode <body>
4. Hapus kode tersebut lalu ganti dengan kode dibawah ini:

<body onLoad='init()'>
<span id='loading' style='position:absolute; text-align: center; top:10px; right: 10px;'><img border='0' src='http://www.deviantart.com/download/272952589/loading_animation_by_cyane_ei-d4iibkd.gif'/></span>
<script>
var ld=(document.all);

var ns4=document.layers;
var ns6=document.getElementById&amp;&amp;!document.all;
var ie4=document.all;

if (ns4) ld=document.loading;
else if (ns6)
ld=document.getElementById(&quot;loading&quot;).style;
else if (ie4)
ld=document.all.loading.style;

function init() {
if(ns4){ld.visibility=&quot;hidden&quot;;}
else if (ns6||ie4) ld.display=&quot;none&quot;;
}
</script>



5.Ganti Kode URL yang berwarna biru dengan url animasi yang kalian suka...
6.Simpan template dan lihat hasilnya..

Cara Membuat Animasi Loading Awal Page Blog

Jumat, 22 Januari 2016
Author : Unknown Comments : 0
Tag :

Dalam membuat sebuah blog maka secara default kita sudah memiliki menu dengan bentuk horizontal yang letaknya diatas Header yang disebut navbar (Navigasi Bar). Pada navbar default tersebut kita sudah disediakan navbar tinggal memilh saja, namun bagi sebagian para blogger menu tersebut dihilangkan dan di atur ulang sesuai selera sehingga tampilan blog terlihat menarik.
Contoh gambar

Untuk mengaturnya kembali atau membuat menu sendiri diperlukan beberapa kode CSS dan langkah-langkah dibawah ini :
  1. Sign in di blogger
  2. Klik Opsi lainnya
  3. Klik Templete
  4. klik Edit HTML
  5. Centang tulisan Expand Widget Templates
  6. Cari kode ]]></b:skin>  (gunakan tombol CTRL + F3 untuk mempermudahkan pencarian kode)
  7. Copy paste kode CSS dibawah ini dan letakan diatas kode ]]></b:skin>  

    8. /* Menu Horizontal Dropdown ----------------------------------------------- */ #menuwrapperpic{background: #ff0000 repeat-x;width:980px;margin:0 auto;padding:0 auto} #menuwrapper{width:980px;height:35px;margin:0 auto} .menusearch{width:300px;float:right;margin:0 auto;padding:0 auto} .clearit{clear:both;height:0;line-height:0.0;font-size:0} #menubar{width:100%} #menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0} #menubar a{display:block;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;color:#000000;border-right:1px solid #191919;padding:12px 10px 8px} #menubar a.trigger{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzrG_lFPC4O5pNAZ8lX5iT2IRayRfnuk56v1Grxa2XWmnCyTlrAXhcWnIt826jTPZGWkyfTp98DtKwBsVy9KfbkG6MobYKx9a0m_abt8Bcg7TZTxnFExS9kbM_6em18SlhQvNcukzYcQ/s1600/arrow_white.gif);background-repeat:no-repeat;background-position:right center;padding:12px 24px 8px 10px} #menubar li{float:left;position:static;width:auto} #menubar li ul,#menubar ul li{width:170px} #menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px} #menubar li ul{z-index:100;position:absolute;display:none;background:#222;padding-bottom:5px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{background-color:#222;color:#E98C0A} #menubar li:hover ul,#menubar li.hvr ul{display:block} #menubar li:hover ul a,#menubar li.hvr ul a{color:#edfdfd;background-color:transparent;text-decoration:none} #menubar li ul li.hr{border-bottom:1px solid #444;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0;margin:4px 0} #menubar ul a:hover{background-color:#555!important;color:#fff!important;text-decoration:none}

  8. Kemudian cari kode

    1. <header> : untuk menu di atas header blog
    2. </header>: untuk menu di bawah header blog

  9. Copy dan pastekan kode dibawah ini dan letakkan diatas kode <header> dan atau </header> untuk menu dibawah header

    10. <div id='menuwrapperpic'>
    <div id='menuwrapper'>
    <ul id='menubar'>
    <li><a href='nama-alamat-blog.html' target='new'>Home </a></li>
    <li><a href='nama-alamat-blog.html' target='new'>Menu 1</a></li>
    <li><a href='nama-alamat-blog.html' target='new'>Menu 2</a></li>
    <li><a class='trigger'>Menu 3</a>
    <ul>
    <li class='hr'/>
    <li><a href='nama-alamat-blog.html' target='new'>Sub Menu 3</a></li>
    <li class='hr'/>
    <li><a href='nama-alamat-blog.html'  target='new'>Sub Menu 3</a></li>
    <li class='hr'/>
    <li><a href='nama-alamat-blog.html'  target='new'>Sub Menu 3</a></li>
    </ul>
    </li>
    <li><a class='trigger'>Menu 4</a>
    <ul>
    <li class='hr'/>
    <li><a href='nama-alamat-blog.html'  target='new'>Sub Menu 4</a></li>
    <li class='hr'/>
    <li><a href='nama-alamat-blog.html'  target='new'>Sub Menu 4</a></li>
    </ul>
    </li>
    </ul> <div class='menusearch'>
    <div style='float:right;padding:8px 8px 0 0;'>
    <form action='http://ketutjoel.blogspot.com/search' method='get' target=''>
    <input name='sitesearch' style='display:none;' value='http://ketutjoel.blogspot.com'/>
    <input id="search-box" name="q" size="25" type="text" style="background: #EEEDED; border: 1px solid #000000 "/>
    <input id="search-btn" value="Search" type="submit"/>
    </form></div></div><br class='clearit'/></div><div style='clear:both;'/></div>

    Keterangan

    1. Kode berwarna merah adalah Warna background, lebar Menu utama , lebar menu dan lebar Menu Search (sesuaikan dengan lebar blognya kawan)
    2. Kode berwarna merah adalah Url tujuan, ganti dengan Url pada blognya kawan
    3. Kode berwarna kuning adalah judul menu bar ganti dengan judul nya kawan
    4. Kode berwarna biru adalah sub judul dropdown ganti dengan judul nya kawan
    5. Kode berwarna hijau adalah alamat pencarian ganti dengan alamat blognya kawan

Demikianlah postingan saya kali ini tentang cara membuat menu dropdown diatas header atau dibawah header, semoga bermanfaat.

Cara membuat menu dropdown dibawah dan diatas header

Senin, 18 Januari 2016
Author : Unknown Comments : 0
Tag :

BANYAK sekali blog yang menampilkan Top Menu Navigasi di atas Header Blog plus ikon akun Media Sosial. Mudah ditiru pula, soalnya 'kan desain template blogger mah menggunakan tiga jenis kode: CSS, HTML, dan JavaScript.

Kita bisa meniru tampilan blog mana pun dan "mengintip" kode-kodenya untuk kita terapkan di blog sendiri.

Banyak juga blogger yang sudah berbagi kodenya, seperti Responsive Blogger Navigation with Drop-Down Menu. Inilah yang saya bagi di posting ini, namun sudah dimodifikasi. Demonya bisa dilihat di my another blog.

Cara Membuat Menu Navigasi di atas Header Blog plus Media Sosial

1. Template > Edit HTML
2. Cari kode </b:skin>
3. Copas kode di bawah ini, tempatkan di atas kode </b:skin>

<style type='text/css'>
/* TOPMENU */
.topmenu{font:normal normal 12px Arial,sans-serif;padding:0 0;background:#ffffff;margin:0 0 10px 0;height:35px;border-bottom:1px solid #f0f0f0;overflow:hidden}
.nav-menu{list-style-type:none;margin:0 0 0 0;padding:0 0 0 0}
.nav-menu li{display:block;float:left;line-height:38px;margin:0 0 0 0;padding:0 0 0 0}
.nav-menu li a{background:#ffffff;color:#666666;display:block;padding:0 8px}
.nav-menu li a:hover{background:#f5f5f5}
ul.nav-social{height:35px;margin:0 0 10px 0;padding:0 0;float:right}
ul.nav-social li{display:inline-block;list-style-type:none;float:right;margin:0 0;padding:0 0}
ul.nav-social li a{display:inline-block;line-height:35px;height:35px;padding:0 8px;margin:0 0 0 0;color:#666666}
ul.nav-social li a i{line-height:35px}
ul.nav-social li a:hover{color:#fff}
ul.nav-social li a.fcb:hover{background:#3B5A9B}
ul.nav-social li a.gpl:hover{background:#DD4B39}
ul.nav-social li a.twt:hover{background:#1BB2E9}
ul.nav-social li a.ytb:hover{background:#ED3F41}
</style >


4. Copas kode berikut ini di atas kode <div class='header-wrapper'> atau <div id='header-wrapper'>

<div id='nav-wrap'>
<nav class='topmenu'>
<ul class='nav-menu'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Disclaimer</a></li>
</ul>
<ul class='nav-social'>
<li><a class='fcb' href='#' rel='nofollow'><i class='fa fa-facebook-square fa-2x'></i></a></li>
<li><a class='gpl' href='#' rel='nofollow'><i class='fa fa-google-plus-square fa-2x'></i></a></li>
<li><a class='twt' href='#' rel='nofollow'><i class='fa fa-twitter-square fa-2x'></i></a></li>
<li><a class='ytb' href='#' rel='nofollow'><i class='fa fa-youtube fa-2x'></i></a></li>
</ul>
</nav>
<div class='clear'></div>
</div>


5. Copas kode berikut ini di atas kode </head>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>


6. Save Template!

Kini Top Menu Navigasi di atas Header Blog Anda, plus Media Sosial, sudah muncul.

Cara Membuat Menu Navigasi di atas Header Blog plus Media Sosial

Author : Unknown Comments : 0
Tag :
Navigation

Clock

Weekly most viewed

- Builded © 2016 AL.Kusanagi - Thiyo Wicaksana - Powered by Blogger