International

Auto News

Looped Slider

Entertainment

About Me

Fun & Fashion

Popular Posts

Cara Konfigurasi Database MySQL dengan Delphi 7 di Windows

- Tidak ada komentar
SDV Smart - Hallo, selamat siang saudara-saudara dari sabang sampai merauke. Siang ini kami akan memPosting tentang artikel Pemrograman khususnya untuk Bahasa Pemrograman DELPHI 7.

Persiapan Konfigurasi Database MySQL dan DELPHI 7 :
Pastikan Semua Connector ini Sudah Terinstall di Laptop atau PC anda

Apabila persiapan sudah ter-Install, next tahap Konfigurasi ODBC MySQL di Windows :
  1. Start - Control Panel - Pilih Administrative Tools - Pilih ODBC Data Source (32bit)/(64bit), seperti pada gambar.1.1.
  2. Klik 2x ODBC Data Source (32bit)/(64bit) - Klik Add - Cari MySQL ODBC 5.3 ANSI Driver - Isi Konfigurasinya seperti pada gambar.1.2
  3. Kemudian Tes Connection, Jika muncul PopUp Berhasil, maka konfigurasi yang saudara lakukan telah berhasil. Apabila ada kesalahan Error, Berkomentarlah!.
Apabila Konfigurasi ODBC MySQL di Windows sudah berhasil, Now, Konfigurasi Database MySQL di DELPHI 7 :
  1. Create a Project on Delphi, seperti pada gambar.1.1.a
  2. Add AdoConnection From Pallate ADO, seperti pada gambar.1.2.a
  3. Add AdoTable From Pallate ADO, seperti pada gambar.1.2.a
  4. Add DataSource From Pallate Data Access, seperti pada gambar.1.2.a
  5. Add DBGrid From Pallate Data Control, seperti pada gambar.1.2.a
Konfigurasi Database MySQL :

  • Klik AdoConnection - Pilih & Klik ConnectionString - Klik Build - Pilih ODBC Driver - Pilih DataSource (yang sudah kita buat saat konfigurasi di windows) - Test - OK - Sukses, seperti pada gambar.1.1.b
  • Lihat pada Object Inspector AdoConnection, kemudian rubah atributnya seperti ini, seperti pada gambar.1.2.b
          Login Prompt = False; Connected=True; 
  • Klik AdoTable, kemudian lihat pada Object Inspector AdoTable, lalu rubah artibutnya seperti ini, seperti pada gambar.1.3.b
          Connections = pilih name dari AdoConnection. (Defaultnya AdoConnection1); 
          Table Name = pilih table yang akan saudara sambungkan dari database; 
          Active = True; 
  • Klik DataSource, kemudian lihat pada Object Inspector DataSourc, lalu rubah atributnya seperti ini, seperti pada gambar.1.4.b
          DataSet = pilih name dari AdoTable. ( Defaultnya AdoTable1); 

  • Klik DBGrid, kemudian lihat pada Object Inspector DBGrid, lalu rubah atributnya seperti ini, seperti pada gambar.1.5.b
          DataSource = pilih name dari DataSource. (Defaultnya DataSource1);


Image Step-Step Konfigurasi Database MySQL on Windows :

/** Buka Control Panel dan Pilih ODBC Data Source (32bit/64bit)

Gambar.1.1

/** ODBC Data Source Administrator, Klik Add

Gambar.1.2

/** Create New Data Source, Pilih MySQL ODBC ANSI Driver

Gambar.1.2

/** ODBC Data Source Configuration



/** Isi Sama Seperti gambar dibawah ini

1. Nama Data Source, Bebas Mau di Isikan Apasaja
2. Isikan Nama Server kalian, Default nya localhost
3. Isikan User dari Privilage Database, Default nya root
4. Isikan Password dari Privilage Database, Default nya " " (kosongkan)
5. Apabila Konfigurasi benar, pada saat kita Klik Combobox maka Semua Database yang ada pada server kita akan muncul, kemudian pilih database yang akan kita gunakan.
6. Test, apabila Sukses, Lanjut Tahap Selanjutnya

Image Step-Step Konfigurasi Database MySQL on Delphi 7:

/** Build ConnectionString with AdoConnection

Gambar.1.1.b

/** Build ConnectionString with AdoConnection

Gambar.1.1.b

/** Object Inspector AdoConnection

Gambar.1.2.b
/** Object Inspector AdoConnection Lanjutan

Gambar.1.3.b
/** Object Inspector AdoTable




/** Object Inspector DataSource

Gambar.1.4.b


/** Object Inspector DBGrid

Gambar.1.5.b

/** Hasil Koneksi 

Gambar Aplikasi

Terimakasih sudah mencoba membaca atau mempraktekan dari apa yang sudah kami tulis pada artikel ini. Semoga tambahan ilmu yang saudara dapatkan menjadi Berkah, dan mudah-mudahan artikel ini menjadi Ilmu yang sangat Bermanfaat. dan dapat membantu kami di kemudian hari.

Masih ada yang bingung ?

Silahkan Berkomentar Saudaraku!, Insya Allah akan kami jawab semaksimal mungkin.


Penulis Artikel : Muhammad Harisuddin

Cara Membuat Splash Screen di Delphi Menggunakan Alpha Style

- Tidak ada komentar
SDV Smart - Hallo, selamat pagi saudara-saudara dari sabang sampai merauke. Pagi ini kami akan memPosting tentang artikel Pemrograman khususnya untuk Bahasa Pemrograman DELPHI 7.


Sebelumnya, disini kami menggunakan tambahan tools yaitu Alpha Tools, mau tau ?

Baca artikel tentang Alpha Tools, Cara Menambahkan Alpha Tools ke Pallate Delphi 7.

Step-Step Pembuatan Splash Screen :

  1. Create a Project on Delphi, seperti pada gambar.1.1
  2. Add Image From Pallate AlphaStandard, seperti pada gambar.1.2
  3. Add ProgresBar From Pallate AlphaStandard, seperti pada gambar.1.2
  4. Add Timer From Pallate System, seperti pada gambar.1.2
  5. On Image Select Picture, Next Pilih Load - Pilih Gambar yang akan dijadikan sebagai Gambar SplashScreen - Next klik tombol OK, seperti pada gambar.1.3
  6. Klik 2x on Timer, Kemudian masukan Code untuk mengatur Proses ProgresBarnya, seperti pada gambar.1.4

Image Step-Step Pembuatan SplashScreen :

/** Gambar Project SplashScreen

Gambar.1.1

/** Gambar FrmSplash, yang di dalamnya terdapat : 1 timer, 1 Image, 1 ProgresBarr;
Gambar.1.2


/** Gambar Object Inspector dari Atribute Image.
Gambar.1.3


/** Hasil Klik 2x Pada Timer, Procedure Timer nya masih Kosong.
Gambar.1.3.1


/** Sebelumnya, Kita Deklarasikan Variable yang akan kita gunakan seperti gambar dibawah ini
   * yaitu Var Waktu, ProgresBar sebagai Integer;
Gambar.1.3.2


/** Kemudian Masukan Code berikut pada Procedure Timer yang tertera pada gambar.1.3.1

Gambar.1.3.3




/** Hasil Project SplashScreen

Gambar.1.3.4


Tambahan :

Apabila Hasil Tampilan Project SplashScreen yang sudah saudara coba berbeda dengan gambar.1.3.4, Dikarenakan disini kami menggunakan Tools Tambahan yaitu AlphaTools, 

Apabila Saudara beriminat ingin memasangnya di Aplikasi Borland Delphi 7 Saudara, Cek pada artikel kami tentang Cara Menambahkan Alpha Tools ke Pallate Delphi 7.

Terimakasih sudah mencoba membaca atau mempraktekan dari apa yang sudah kami tulis pada artikel ini. Semoga tambahan ilmu yang saudara dapatkan menjadi Berkah, dan artikel ini pula yang membuat Ilmu yang kami bagikan menjadi sangat Bermanfaat. dan dapat membantu kami di kemudian hari,


Penulis Artikel     : Muhammad Harisuddin
          Category Artikel  : Desktop Programming, Delphi 7, Tutorial Pemrograman

Download DriverPack Solution 14.5 2014

- 1 komentar
Harizcom.net | DriverPack 14 - Pagi ini saya akan berbagi Pengetahuan tentang semua Driver pada Windows/Linux/MacOS, Apa sih DriverPack Solution 14 itu ? dari namanya saja kita sudah sedikit tahu, Solution berarti Solusi dari berbagai masalah umumnya pada Driver Windows/Linux/MacOS.

DriverPack 14 ini adalah Kumpulan dari semua Driver yang terupdate untuk membenahi Driver yang Out Of Date/Kadaluarsa pada Windows/Linux/MacOS anda. Caranya sangat mudah Download Software DriverPack 14 ini, Kemudian anda Install, Setelah terinstall Buka App DriverPack 14 ini Kemudian Scan Driver yang ada pada Windows/Linux/MacOS anda, agar bisa terlihat mana yang perlu di Update.

Memperbarui Driver ini tidak perlu memakai koneksi yang terhubung ke internet. Karena Software ini adalah Software Offline yang memungkinkan anda untuk mengUpdate Driver yang terdapat pada Windows/Linux/MacOs anda dengan cara Offline.

Screenshot :

Download DriverPack Solution 14.5 2014


Download :

Penyimpanan File :
  • JalanTikus Space
Jika Ada Masalah :

Formulir Pendaftaran CPNS 2014

- Tidak ada komentar
Harizcom.net | CPNS 2014 - Dini hari Informasi Seputar Pendaftaran CPNS 2014 Online, Sebelumnya admin ingin memberikan Informasi tentang Pengisian Data Form Pendaftaran CPNS 2014. Sudah kah kalian Mendaftar ? belum, dikarenakan Masih ada Beberapa Instansi yang belum Siap untuk memulai Proses Pendaftaran ini.

Harizcom, akan memberikan alamat / Situs Resmi Pendaftaran CPNS 2014, sebelumnya admin akan memberikan ScreenShot Formulir Pendaftaran CPNS 2014, Silahkan Lihat dibawah ini :

http://www.harizcom.net/2014/08/formulir-pendaftaran-cpns-2014.html
Formulir Pendaftaran CPNS 2014

Langkah selanjutnya, silahkan anda Klik Link dibawah ini :

Pendaftaran CPNS 2014 :
 Instansi dan Jadwal CPNS 2014 :
Formasi CPNS 2014 :
Sistem Seleksi CPNS 2014 :

Download Promes Prota Silabus RPP dan KKM Guru Mapel PAI

- Tidak ada komentar
Harizcom.net | KTSP Guru PAI - Pagi dini hari admin ingin berbagi sesuatu kepada anda semua, sepertinya ini sangat bermanfaat bagi kalian, disini admin akan berbagi file yang untuk bisa di download oleh anda semua tentang Promes, Prota, Silabus, RPP dan KKM Guru Mapel PAI.

Akan tetapi semua file ini belum memakai Kurikulum Terbaru 2013, melainkan masih menggunakan Kurikulum yang lama, Jika anda sekalian tertarik dengan file ini, anda bisa dapatkan dibawah ini


http://www.harizcom.net/2014/08/download-promes-prota-silabus-rpp-dan-kkm-guru-mapel-pai.html
KTSP GURU MAPEL PAI



Download :
Penyimpanan File :
  • Google Drive
Jika Ada Masalah :

Untuk Melihat Informasi CPNS 2014 Silahkan Klik Disini.

Download RPP SD Tematik Kelas 3

- Tidak ada komentar
Harizcom.net | RPP SD Tematik Kelas 3 - Kali ini saya ingin berbagi Informasi mengenai RPP untuk Sekolah Dasar (SD) Kelas 3, RPP Tematik SD Kelas 3 Bisa anda Download dibawah ini :

RPP atau yang disebut dengan Rencana Program Pembelajaran . Untuk Silabus SD Kelas 3 Bisa anda dapatkan disini, setelah anda mendownload RPP SD Tematik Kelas 3 ini. Untuk RPP SD Tematik Kelas 1 dan Kelas 2 Bisa anda Download Disini.

http://www.harizcom.net/2014/08/download-rpp-sd-tematik-kelas-3.html
Download RPP SD Tematik Kelas 3



Download :

Penyimpanan File :
  • Google Drive

 Jika Ada Masalah :
 
Untuk Mendownload Silabus, KKM, Promes dan Prota Silahkan Kunjungi Disini.

Download RPP SD Tematik Kelas 2

- Tidak ada komentar
Harizcom.net | RPP SD Tematik Kelas 2 - Kali ini saya ingin berbagi Informasi mengenai RPP untuk Sekolah Dasar (SD) Kelas 2, RPP Tematik SD Kelas 2 Bisa anda Download dibawah ini :

RPP atau yang disebut dengan Rencana Program Pembelajaran . Untuk Silabus SD Kelas 2 Bisa anda dapatkan disini, setelah anda mendownload RPP SD Tematik Kelas 2 ini.

http://www.harizcom.net/2014/08/download-rpp-sd-tematik-kelas-2.html
Download RPP SD Tematik Kelas 2



Download :

Penyimpanan File :
  • Google Drive

 Jika Ada Masalah :
 
Untuk Mendownload Silabus, KKM, Promes dan Prota Silahkan Kunjungi Disini.

Download RPP SD Tematik Kelas 1

- Tidak ada komentar
Harizcom.net | RPP SD Tematik Kelas 1 - Kali ini saya ingin berbagi Informasi mengenai RPP untuk Sekolah Dasar (SD) Kelas 1, RPP Tematik SD Kelas 1 Bisa anda Download dibawah ini :

RPP atau yang disebut dengan Rencana Program Pembelajaran . Untuk Silabus SD Kelas 1 Bisa anda dapatkan disini, setelah anda mendownload RPP SD Tematik Kelas 1 ini.

http://www.harizcom.net/2014/08/download-rpp-sd-tematik-kelas-1.html
Download RPP SD Tematik Kelas 1



Download :

Penyimpanan File :
  • Google Drive

 Jika Ada Masalah :
 
Untuk Mendownload Silabus, KKM, Promes dan Prota Silahkan Kunjungi Disini.

Download Windows Doctor Terbaru 2014

- Tidak ada komentar
Download Windows Doctor Terbaru 2014Harizcom.net | Software - Free Download Software Windows Doctor 2014, seperti yang tertera pada namanya Software ini Berfungsi dan Berguna untuk Memeriksa segala Hal - Hal yang dapat merugikan Kinerja Windows. Mulai dari Registry Cleaner, Junk File Cleaner, Privasi Cleaner dll.  

Menurut Menu dan Fungsinya Software ini hampir sama dengan Advanced System Care, namun Kelebihan dari Windows Doctor 2014 ini adalah Bisa mengembalikan Data yang sudah terhapus dan juga terdapat Menu System Boster yang Meliputi Hardware Optimizer, System Optimizer, Aplication Optimizer dll.

Jika anda tertarik silahkan Download dibawah ini. !


Screenshot :


Download Windows Doctor Terbaru 2014


Download :

  • Status | Tested ( Windows 7, 8 dan 8.1 (32/64 bit)

Jika Ada Masalah :



Semoga Bermanfaat Untuk Sahabat Sekalian.




KlikSaya.Com Situs Terpercaya Pemasangan Iklan Dan Penghasil Uang

- Tidak ada komentar
Harizcom.net | KlikSaya.com - Situs KlikSaya.Com adalah Situs Terpercaya Pemasangan Iklan, sekaligus Bisa Mendatangkan Penghasilan Uang yang lumayan untuk Publisher, dengan cara memasangkan Lapak Iklan yang sudah disediakan oleh Situs KlikSaya.Com .

KlikSaya.Com Situs Terpercaya Pemasangan Iklan Dan Penghasil Uang
Kali ini saya ingin menjelaskan tentang Situs KlikSaya.Com Penghasil Uang melalui Pemasangan Lapak Iklan, Sebenarnya Situs KlikSaya.Com ini adalah situs terpercaya dan bukan Situs Scam ataupun Situs Penipuan. Karena saya sudah merasakan nya dan juga bagi para Penerbit / Publisher Iklan Lainya. Yaitu saya menghasilkan uang melalui Pemasangan Iklan dari Situs KlikSaya.Com

Dan untuk lebih memastikan nya lagi kepada anda sekalian, Saya akan memasang Testimoni Tentang Situs KlikSaya.Com ini. Dengan Cara Bukti Pembayaran hasil Pemasangan Iklan dari Situs Terpercaya KlikSaya.Com . dan juga Situs KlikSaya.Com selalu tepat waktu dalam hal Pembayaran Kepada Publisher Iklan. Oleh karena itu saya sangat Percaya Dengan Situs KlikSaya.Com ini.

Tips - Tips Untuk Penerbit Iklan di Situs KlikSaya.Com 


  1. Buatlah Setiap Postingan Artikel Anda Menjadi Lebih Menarik Pengunjung Tentunya Tingkatkan Juga Blog anda menjadi SEO Friendly dalam segi hal Penulisan Karakter,
  2. Luangkan Waktu Anda untuk Blogwalking, Agar Traffik Pengunjung Blog Anda Naik,
  3. Kemudian Mendaftarlah di Situs KlikSaya.Com Dengan Cara :
    • Join KlikSaya.Com , Kemudian isi Semua Form yang telah disediakan dengan sesuai dan benar,
    • Kemudian Cek Email yang telah anda Daftarkan di Situs KlikSaya.Com
    • Buka Log in di Situs KlikSaya.Com , Masukan User dan Password yang telah dikirimkan di Email Anda,
    • Tunggu 24jam Untuk Proses Pemeriksaan Pendaftaran di Situs KlikSaya.Com 
    • dan Lihat hasilnya setelah itu Anda Sudah Terdaftar di Situs KlikSaya.Com , dan Siap untuk Menghasilkan Uang melalui Situs Terpercaya KlikSaya.Com


Tips - Tips Untuk Pemasangan Iklan Melalui Situs KlikSaya.Com


  1. Pasangkanlah Iklan Produk Anda Disini, disitus yang Terpercaya yaitu KlikSaya.Com,
  2. Maka Bagi anda Penerbit Iklan akan Merasakan hal yang memuaskan karena sudah Memasang nya disitus KlikSaya.Com,
  3. Percayalah bahwa Situs KlikSaya.Com ini bukan Situs Scam ataupun Situs Penipuan
Program Refferal KlikSaya.Com , ini adalah Program Terbaru yang telah disediakan oleh Situs KlikSaya.Com, Raihlah Uang Melalui KlikSaya.Com Anda Puas Kami pun Bersahabat.

Membuat Widget Google+ Facebook Dan Twitter Untuk Blog

- 4 komentar
Membuat Widget Google+ Facebook Dan Twitter Untuk Blog
Harizcom.net | Blogger - Siang hari ini kami akan berbagi sesuatu kepada anda yang berkunjung ke Blog kami, Disini kami akan berbagi tentang Cara Membuat Widget Google+ Facebook Dan Twitter Untuk Blog tentunya menarik sekali, langsung saja simak dibawah ini, dan juga Baca Artikel Kami Tentang Spesifikasi Blackberry Z3 Buatan Jakarta Ini. dan pada Tutorial ini Kami memberikan 2 Cara untuk memasang Widget ini pada Blog anda, Simak saja Tutorialnya dibawah ini :

  1. Login Ke Blogger
  2. Untuk CSSnya Bisa diletakan di Menu Tata Letak dan Juga Bisa diletakan di Menu Template.
  3. Membuat dengan Mode Tatak Letak
  4. Pilih Menu Tata Letak Kemudian Pilih Tambah Gadget
  5. Setelah itu Pilih HTML/JavaScript
  6. Masukan Kode Dibawah ini :
  <style>
    /* Social Widget */
    #CSS-harizcom-bar {
        border-top: 0px solid #D8E6EB;
        margin-bottom: 10px;
        margin: 0 auto;
            width:300px;
        float:center;
    }
    .fb-likebox {
        background: #fff;
        padding: 10px 13px 0 10px;
        border-right: 1px solid #D8E6EB;
       border-left: 1px solid #D8E6EB;
       border-bottom: 1px solid #D8E6EB;
       border-top:1px solid #D8E6EB;
        margin:0px;
            height:40px;
    }
    .googleplus {
        background: #F5FCFE;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #ebebeb;
        border-right: 1px solid #D8E6EB;
        border-left: 1px solid #D8E6EB;
        border-image: initial;
        font-size: .90em;
        font-family: "Arial","Helvetica",sans-serif;
        color: #000;
        padding: 9px 11px;
        line-height: 1px;
        }
    .googleplus span {
        color: #000;
        font-size: 11px;
        position: absolute;
        display:inline-block;
        margin: 9px 70px;}
    .g-plusone {    float: center}
.gplus {
        background: #fff;
        padding: 3px;
        border-top: 1px solid #D8E6EB;
        border-right: 1px solid #D8E6EB;
        border-left: 1px solid #D8E6EB;
        margin-bottom:0px;
        float:center;
        text-align:center;
        }

    .twitter {
        background: #EEF9FD;
        padding: 10px;
        border: 1px solid #C7DBE2;
        border-top: 0;}
    #harizcom {
        background: #EBEBEB;
        border: 1px solid #CCC;
        border-top: 1px solid white;
        padding: 2px 8px 2px 3px;
        text-align: right;
        border-image: initial;}
    #harizcom .author-credit {}
    #harizcom .author-credit a {
        font-size: 10px;
        font-weight: bold;
        text-shadow: 1px 1px white;
        color: #1E598E;
        text-decoration:none;}
    #email-news-subscribe .email-box{
        background: #EEF9FD;
        padding: 5px 10px;
        font-family: "Arial","Helvetica",sans-serif;
        border-top: 0;
        border-right: 1px solid #C7DBE2;
        border-left: 1px solid #C7DBE2;
        border-image: initial;
       height:35px;}
    #email-news-subscribe .email-box input.email{
        background:#FFFFFF;
        border: 1px solid #dedede;
        color: #999;
        padding: 7px 10px 8px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        border-image: initial;
        font-family: "Arial","Helvetica",sans-serif;}
    #email-news-subscribe .email-box input.email:focus{color:#333}
    #email-news-subscribe .email-box input.subscribe{
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
        -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
        font-family: "Arial","Helvetica",sans-serif;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #cc7c00;
        color:white;
        text-shadow:#d08d00 1px 1px 0;
        padding:7px 14px;
        margin-left:3px;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        border-image: initial;}
    #email-news-subscribe .email-box input.subscribe:hover{
        background: #ff9b00;
        background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
        background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
        outline:0;-moz-box-shadow:0 0 3px #999;
        -webkit-box-shadow:0 0 3px #999;
        box-shadow:0 0 3px #999
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
        background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #cc7c00;
        color:#FFFFFF;
        text-shadow:#d08d00 1px 1px 0}
    #other-social-bar {
        background-color: #D8E6EB;
        box-shadow: 0 1px 1px #FFFFFF inset;
        padding: 0px;
        font-family: "Arial","Helvetica",sans-serif;
        font-weight:bold;
        overflow: hidden;
        border: 1px solid #B6D0DA;
           height:37px;
    }
    #other-social-bar ul {list-style: none outside none; padding-left: 4px;}
    #other-social-bar .other-follow {
        float: left;
        color:#1E598E;
        overflow: hidden;
        height:20px;
        padding:5px;
        width: 270px;}
    #other-social-bar .other-follow ul {
        list-style: none outside none;
        padding-left: 4px;}
    #other-social-bar .other-follow ul li {
        font-size: 12px;
        font-weight: bold;
        display:inline;
        border:0;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow ul li a {
        font-size: 12px;
        color:#1E598E;
        font-weight: bold;
        display:inline;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li {
        font-size: 12px;
        font-weight: bold;
        display:inline;
        border:0;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li a {
        font-size: 12px;
        color:#1E598E;
        font-weight: bold;
        display:inline;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li.my-rss {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidbfPPSOyvMEWqcpQKRJFgkhnUtLoULQPQmDC0fQdU_nmwhf4pcyvnAQAYJ6x01Wlyhe5-5Fy0NX2JCvSb7H9gRSCTQoB2IhXNRPVsfjN9u5tCYNTz0XvLi79iVDR3uzQb2OI22cYmxas/s400/rss-16x16.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;
            margin-left:5px;}
    #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
    text-decoration:none;
    }
    #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
    text-decoration:underline;
    }
    #other-social-bar .other-follow li.my-twitter {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFV6S4SjvPXHGGi24pb2jEuAi8YrXsRvrCRBqZiKjee7I7sKQpVDSIQTxt4EaOY2s_fr9SyZDxLNjLx4pzCd4gZUNF4szNdsEcGojnV64RLTGARni2fPa7QyzAB-uFPLwY2KE1D_BNyeU/s400/twitter%2527.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;}
    #other-social-bar .other-follow li.my-gplus {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3bF1XeH7gKWib5b9T26VkJo0IZGtsFCoAix_zl_UlRiC9yfEw0_6ubTshztmbylrgWO5M_PKIh4Gf-OC-pDBDGfpMNmVjE2fu2YdojzeGUjv7GsHYiItpQs6os9gqix3QcTau8MoR1U4/s400/gplus-16x16.png) no-repeat transparent;
        line-height: 1;
        width: 60px;
        padding: 0px 3px 1px 20px;
        margin-bottom:0px;}

    </style>
    <!--[if IE]>
    <style>
    #email-news-subscribe .email-box input.subscribe{
        background: #FFCA00;
        }
    </style>
    <![endif]-->
<!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="CSS-harizcom-bar" >

<!-- Google Plus-->
<div class="gplus"> <link href="https://plus.google.com/u/0/+HarizSchatziScandalRiz" rel="publisher" />
<script type="text/javascript"> window.___gcfg = {lang: 'en'}; undefinedfunctionundefined) {var po = document.createElementundefined"script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagNameundefined"script")[0]; s.parentNode.insertBeforeundefinedpo, s); })undefined);</script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.pushundefined['_setAccount', 'UA-29131740-1']); _gaq.pushundefined['_trackPageview']); undefinedfunctionundefined) { var ga = document.createElementundefined'script'); ga.type = 'text/javascript'; ga.async = true; ga.src = undefined'https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagNameundefined'script')[0]; s.parentNode.insertBeforeundefinedga, s); })undefined); </script>
<!-- Place this tag where you want the badge to render --> <g:plus href="https://plus.google.com/u/0/+HarizSchatziScandalRiz" width="250" height="69" margin="0px" theme="light"></g:plus> </div>
<div class="fb-likebox">

<!-- Facebook -->
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fharizcom&amp;send=false&amp;layout=standard&amp;width=230&amp;show_faces=false&amp;font=arial&amp;colorscheme=light&amp;action=like&amp;height=80&amp;appId=665244053540001" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:80px;" allowtransparency="true"></iframe> </div>
<div class="googleplus">

<!-- Google --> <div class="g-plusone" data-size="medium" data-annotation="inline" data-width="230"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div>
<div class="twitter">

<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=harizschatzi&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>

<div id="harizcom" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href=" http://www.harizcom.net/2014/06/membuat-widget-google-facebook-dan-twitter-untuk-blog.html" target="_blank" > Get This Blogger Widget »</a></span></div> <!-- End Widget --> </div>
<!--end of social widget--></div>
  • Ganti Kode Yang Berwarna Merah Dengan ID Facebook, Twitter dan Google+ Anda
  • Untuk memaksimalkan Mix Box ini, Tambahkan juga kode berikut ini di bawah ]]></b:skin>  pada template blog sobat : 
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

  1.  Membuat Dengan Mode Menu Template dan SEO Friendly.
  2. Buka Menu Template pada Blogger anda
  3. Masukan Kode CSS dibawah ini Tepat Diatas Kode Penutup </b:skin>
CSS :
    #CSS-harizcom-bar {
        border-top: 0px solid #D8E6EB;
        margin-bottom: 10px;
        margin: 0 auto;
            width:300px;
        float:center;
    }
    .fb-likebox {
        background: #fff;
        padding: 10px 13px 0 10px;
        border-right: 1px solid #D8E6EB;
       border-left: 1px solid #D8E6EB;
       border-bottom: 1px solid #D8E6EB;
       border-top:1px solid #D8E6EB;
        margin:0px;
            height:40px;
    }
    .googleplus {
        background: #F5FCFE;
        border-top: 1px solid #FFF;
        border-bottom: 1px solid #ebebeb;
        border-right: 1px solid #D8E6EB;
        border-left: 1px solid #D8E6EB;
        border-image: initial;
        font-size: .90em;
        font-family: "Arial","Helvetica",sans-serif;
        color: #000;
        padding: 9px 11px;
        line-height: 1px;
        }
    .googleplus span {
        color: #000;
        font-size: 11px;
        position: absolute;
        display:inline-block;
        margin: 9px 70px;}
    .g-plusone {    float: center}
.gplus {
        background: #fff;
        padding: 3px;
        border-top: 1px solid #D8E6EB;
        border-right: 1px solid #D8E6EB;
        border-left: 1px solid #D8E6EB;
        margin-bottom:0px;
        float:center;
        text-align:center;
        }

    .twitter {
        background: #EEF9FD;
        padding: 10px;
        border: 1px solid #C7DBE2;
        border-top: 0;}
    #harizcom {
        background: #EBEBEB;
        border: 1px solid #CCC;
        border-top: 1px solid white;
        padding: 2px 8px 2px 3px;
        text-align: right;
        border-image: initial;}
    #harizcom .author-credit {}
    #harizcom .author-credit a {
        font-size: 10px;
        font-weight: bold;
        text-shadow: 1px 1px white;
        color: #1E598E;
        text-decoration:none;}
    #email-news-subscribe .email-box{
        background: #EEF9FD;
        padding: 5px 10px;
        font-family: "Arial","Helvetica",sans-serif;
        border-top: 0;
        border-right: 1px solid #C7DBE2;
        border-left: 1px solid #C7DBE2;
        border-image: initial;
       height:35px;}
    #email-news-subscribe .email-box input.email{
        background:#FFFFFF;
        border: 1px solid #dedede;
        color: #999;
        padding: 7px 10px 8px 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        border-image: initial;
        font-family: "Arial","Helvetica",sans-serif;}
    #email-news-subscribe .email-box input.email:focus{color:#333}
    #email-news-subscribe .email-box input.subscribe{
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
        background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
        -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
        font-family: "Arial","Helvetica",sans-serif;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #cc7c00;
        color:white;
        text-shadow:#d08d00 1px 1px 0;
        padding:7px 14px;
        margin-left:3px;
        font-weight:bold;
        font-size:12px;
        cursor:pointer;
        border-image: initial;}
    #email-news-subscribe .email-box input.subscribe:hover{
        background: #ff9b00;
        background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
        background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
        filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
        outline:0;-moz-box-shadow:0 0 3px #999;
        -webkit-box-shadow:0 0 3px #999;
        box-shadow:0 0 3px #999
        background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
        background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
        -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:1px solid #cc7c00;
        color:#FFFFFF;
        text-shadow:#d08d00 1px 1px 0}
    #other-social-bar {
        background-color: #D8E6EB;
        box-shadow: 0 1px 1px #FFFFFF inset;
        padding: 0px;
        font-family: "Arial","Helvetica",sans-serif;
        font-weight:bold;
        overflow: hidden;
        border: 1px solid #B6D0DA;
           height:37px;
    }
    #other-social-bar ul {list-style: none outside none; padding-left: 4px;}
    #other-social-bar .other-follow {
        float: left;
        color:#1E598E;
        overflow: hidden;
        height:20px;
        padding:5px;
        width: 270px;}
    #other-social-bar .other-follow ul {
        list-style: none outside none;
        padding-left: 4px;}
    #other-social-bar .other-follow ul li {
        font-size: 12px;
        font-weight: bold;
        display:inline;
        border:0;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow ul li a {
        font-size: 12px;
        color:#1E598E;
        font-weight: bold;
        display:inline;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li {
        font-size: 12px;
        font-weight: bold;
        display:inline;
        border:0;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li a {
        font-size: 12px;
        color:#1E598E;
        font-weight: bold;
        display:inline;
        text-shadow: 1px 1px white;}
    #other-social-bar .other-follow li.my-rss {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidbfPPSOyvMEWqcpQKRJFgkhnUtLoULQPQmDC0fQdU_nmwhf4pcyvnAQAYJ6x01Wlyhe5-5Fy0NX2JCvSb7H9gRSCTQoB2IhXNRPVsfjN9u5tCYNTz0XvLi79iVDR3uzQb2OI22cYmxas/s400/rss-16x16.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;
            margin-left:5px;}
    #other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-twitter a, #other-social-bar .other-follow li.my-gplus a{
    text-decoration:none;
    }
    #other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-twitter a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
    text-decoration:underline;
    }
    #other-social-bar .other-follow li.my-twitter {
        background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFV6S4SjvPXHGGi24pb2jEuAi8YrXsRvrCRBqZiKjee7I7sKQpVDSIQTxt4EaOY2s_fr9SyZDxLNjLx4pzCd4gZUNF4szNdsEcGojnV64RLTGARni2fPa7QyzAB-uFPLwY2KE1D_BNyeU/s400/twitter%2527.png') no-repeat transparent;
        line-height: 1;
        padding: 0px 3px 1px 20px;
        width: 60px;
        margin-bottom:0px;}
    #other-social-bar .other-follow li.my-gplus {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3bF1XeH7gKWib5b9T26VkJo0IZGtsFCoAix_zl_UlRiC9yfEw0_6ubTshztmbylrgWO5M_PKIh4Gf-OC-pDBDGfpMNmVjE2fu2YdojzeGUjv7GsHYiItpQs6os9gqix3QcTau8MoR1U4/s400/gplus-16x16.png) no-repeat transparent;
        line-height: 1;
        width: 60px;
        padding: 0px 3px 1px 20px;
        margin-bottom:0px;}#email-news-subscribe .email-box input.subscribe{background: #FFCA00;}
4.  Buka Menu Tata Letak
5.  Kemudian Tambah Gadget dan Pilih HTLM/JavaScript
6.  Masukan Kode Pemanggil Dibawah ini :

Call Kode :
<!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="CSS-harizcom-bar" >

<!-- Google Plus-->
<div class="gplus"> <link href="https://plus.google.com/u/0/+HarizSchatziScandalRiz" rel="publisher" />
<script type="text/javascript"> window.___gcfg = {lang: 'en'}; undefinedfunctionundefined) {var po = document.createElementundefined"script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagNameundefined"script")[0]; s.parentNode.insertBeforeundefinedpo, s); })undefined);</script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.pushundefined['_setAccount', 'UA-29131740-1']); _gaq.pushundefined['_trackPageview']); undefinedfunctionundefined) { var ga = document.createElementundefined'script'); ga.type = 'text/javascript'; ga.async = true; ga.src = undefined'https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagNameundefined'script')[0]; s.parentNode.insertBeforeundefinedga, s); })undefined); </script>
<!-- Place this tag where you want the badge to render --> <g:plus href="https://plus.google.com/u/0/+HarizSchatziScandalRiz" width="250" height="69" margin="0px" theme="light"></g:plus> </div>
<div class="fb-likebox">

<!-- Facebook -->
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fharizcom&amp;send=false&amp;layout=standard&amp;width=230&amp;show_faces=false&amp;font=arial&amp;colorscheme=light&amp;action=like&amp;height=80&amp;appId=665244053540001" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:230px; height:80px;" allowtransparency="true"></iframe> </div>
<div class="googleplus">

<!-- Google --> <div class="g-plusone" data-size="medium" data-annotation="inline" data-width="230"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div>
<div class="twitter">

<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=harizschatzi&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>

<div id="harizcom" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href=" http://www.harizcom.net/2014/06/membuat-widget-google-facebook-dan-twitter-untuk-blog.html" target="_blank" > Get This Blogger Widget »</a></span></div> <!-- End Widget --> </div>
<!--end of social widget--></div>
  • Kemudian Save, Mode SEO Friendly selesai.