International

Auto News

Looped Slider

Entertainment

About Me

Fun & Fashion

Popular Posts

Tampilkan postingan dengan label Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Blogspot. Tampilkan semua postingan

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.

Cara Menambah Elemen Add Gadget Dibawah Postingan

- 3 komentar
Hariz Com - ingin membahas tentang Cara menambah elemen add gadget dibawah postingan. berikut adalah cara-caranya, sebelumnya saya membuat ini karena ingin membantu sahabat-sahabat yang baru mengenal dunia blogspot, bagi yang sudah masternya mungkin anda tak perlu membaca tutorial ini :

Cara Menambah Elemen Add Gadget Dibawah  Postingan

Cara menambah elemen add gadget di bawah postingan

1. Login ke akun anda * Kemudian pilih Template * pilih Edit HTML
  • Cari kode </b:skin>, agar lebih mempermudah tekan tombol CTRL + F. Paste kan Kode CSS dibawah ini tepat diatas kode </b:skin>
 .Harizcss {
width:50%;float:left;
}
 .Harizcss2 {
width:50%;
float:right;
}
2. Kemudian cari kode dibawah ini :
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog type='Blog'/>
</b:widget>
</b:section></div>
3. Jika kode HTML diatas sudah ditemukan. Kemudian pastekan kode dibawah ini tepat setelah kode </b:section>yaitu sebelum</div>
<b:if cond="data:blog.url == data:blog.homepageUrl">
<b:section class="sidebar" id="harizcss" showaddelement="yes">
</b:section>
<b:section class="sidebar" id="harizcss2" showaddelement="yes">
</b:section>
</b:if>

Jika langkah di atas sudah selesai, sekarang perview di menu Tata Letak dasbor blog anda, apakah sudah muncul 2 elemen dibawah postingan. jika sudah muncul berarti selamat menikmatinya. terimakasih sudah berkunjung. 

Cara Memperbaiki Hatom Feed

- Tidak ada komentar
Hariz Com, Ingin berbagi ilmu sedikit tentang Blogspot. yaitu tentang Cara Memperbaiki Hatom Feed tetapi biasanya setelah kita bisa memperbaiki masalah peringatan hatom feed  kita biasanya mendapatkan masalah baru yang timbul sewaktu menggunakan google structured data testing tool. Bersyukurlah kalau memang hasil testing anda langsung bersih dan tidak ada warning lagi.

Saya mengalami satu masalah lagi yang timbul setelah memperbaiki masalah pada hatom feed, yaitu adanya warning: missing required field "update" dan warning: missing required hCard "author"
Seperti gambar di bawah ini 
Cara Memperbaiki Hatom Feed

Baik, saya akan mencoba berbagai pengalaman dengan anda semua sahabat Blogger yang belum tau cara memperbaikinya. simak saja langsung langkah-langkahnya:
  1. Login ke Blogger
  2. Masuk ke Template, Kemudian Edit HTML
  3. Kemudian cari kode seperti di bawah ini :
         <b:if cond='data:post.hasJumpLink'> 
     4.  Langkah Terakhir, Copy Pastekan kode dibawah ini Tepat diasat kode nomer 3.

       <div class='vcard' id='hcard- Nama blog anda '><span class='fn n'>   
        <span class='given-name'>Posted by: nama anda</span>
          </span>
          <a class='updated' href='alamat blog anda' rel='bookmark'>Nama blog anda</a>
           Updated at : <abbr class='published' expr:title='data:post.timestampISO8601'>
           <data:post.timestamp/></abbr>
        </div>

Keterangan: Jangan lupa sebelumnya anda harus edit dulu script yang berwarna biru sebelum meletakkan di HTML.