Home » Posts filed under widget Blog keren

Tampilkan postingan dengan label widget Blog keren. Tampilkan semua postingan
Tampilkan postingan dengan label widget Blog keren. Tampilkan semua postingan

Sabtu, 01 Februari 2014

Cara Mendaftar dan pasang Feedburner

Diposting oleh di
Cara Mendaftar Feedburner  Untuk Blog Anda – Mendaftar feedburner adalah salah satu optimasi seo onpage yang di rekomendasikan, karena akan memudahkan blog anda untuk cepat terindex google terlebih layanan yang satu ini milik Google. Banyak sekali keuntungan yang kita dapatkan jika kita menggunakan layannan gratis milik google ini, salah satunya adalah untuk memudahkan pengunjung blog anda berlangganan semua artikel anda dengan cara simple karena akan di urus oleh feedburner blog anda. selain itu di yakini bahwa feedburner memudahkan google untuk mengindex artikel kita.

Untuk yang berminat mendaftar dan mendapatkan keuntungan dari feedburner ini segeralah daftarkan blog anda dan dan arahkan RSS feeds blog anda ke feedburner. Selanjutnya ikuti tutorial berikut ini:

Cara Mendaftar Feedburner Dengan Mudah Untuk Blog Anda

  • Kunjungi situs FEEDBURNER.COM
  • Silahkan login dengan akun gmail anda
  • Pada tampilan awal silahkan masukan alamat feed blog anda atau URL blog anda jika anda bingung >> klik next
mendaftar feedburner

  • Setelah itu feedburner akan melacak alamat feeds anda >> pilih RSS atau Atom semuanya sama.
memilih feed untuk blog

  • Kemudaian anda akan dibawa kehalaman selanjutnya >> silahkan tetntukan nama feeds anda dan klik next jika sudah.
memilih judul

  • Feed anda adalah seperti yang tercetak biru di gambar >> Simpan dan ingat nama feed blog anda.
feedburner sudah siap
  • Selanjutnya anda akan diberikan beberapa pilihan, ikuti saja seperti gambar dibawah >> Next

pilihan untuk feedburner

  • Jika terdapat seperti gambar di bawah maka feed untuk blog anda sudah jadi.

update rss feed

  • Abaikan saja jika anda melihat gambar seperti digambar.

panduan cara pasang feedburner

Memasang FEED Di Blog Anda

  • Buka dashboard blog anda >> pilih Setelan >> lainnya.
  • Pilih POSTING URL PENGUBAH ARAH FEED
  • Kemudian masukan feed yang anda simpan tadi (warna biru)
  • Klik SIMPAN.
cara memasang feed pada blog

  • Kebali ke halaman FEEDBURNER.COM
  • Cari tulisan PUBLICIZE
  • Pilih PING SHOT di sidebar kiri
  • Klik ACTIVE dalam tampilan PING SHOT.
aktifkan ping shot
  • Untuk Memunculkan Fedburner di halaman blog bisa juga gunakan "FeedCount"
  • Copy HTMLnya , Masuk Ke Tataletak lagi Paste Kode HTML seperti biasa
  • Selesai
[Continue reading...]
Label: , ,

Pasang Social Profile Widget Keren: Metro UI

Diposting oleh di
  • Pada dasbor >> Masuk menu Tata Letak >> Tambah Gadget >> Pilih HTML/JavaScript
  • Copy dan paste kode berikut pada kolom konten: 
<div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/ubah disini rel="nofollow"></a></li>
<li><a class="tw" href=http://twitter.com/ubah disini></a></li>
<li><a class="gp" href="https://plus.google.com/ubah disini"></a></li>
<li><a class="pi" href=http://pinterest.com/ubah disini rel="nofollow"></a></li>
<li><a class="in" href=https://www.linkedin.com/in/ubah disini rel="nofollow"></a></li>
<li><a class="yt" href=http://www.youtube.com/ubah disini></a></li>
<li><a class="fd" href=http://feeds.feedburner.com/ubah disini rel="nofollow"></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>














Simpan dan lihat hasilnya..........^^




    • [Continue reading...]
    Label: , ,

    Cara Postingan Highlight pada Script/Kode

    Diposting oleh di

    Menurut Info Gini  caranya :
    1. Login ke blogger lalu pilih Layout-->Edit HTML
    2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]></b:skin>

    .alert { background: #DDE4FF;
    text-align: left;
    padding: 5px 5px 5px 5px;
    border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}

    Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa dilihat DISINI

    3. Kalau sudah kemudian Simpan.

    Cara Posting
    Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini <p class="alert"> sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/Kode.


    Ok Selamat Mencoba ya ^^
    [Continue reading...]
    Label: , ,

    Cara Recent Post dengan Thumbnail & Ringkasan

    Diposting oleh di
     

    Cara Membuat Recent Post dengan Thumbnail & Ringkasan
    1. Login ke blogger.com
    2. Pilih Tata Letak kemudian Tambah Gadget
    3. Pilih HTML/JavaScript
    4. Masukan kode HTML berikut ini:


    <style type='text/css'>
    img.recent_thumb {padding:1px;width:72px;height:72px;border:0;
    float:left;margin: 10px 10px 5px 0px;}
    .recent_posts_with_thumbs {float: left;width: 100%;margin: 10px 10px 5px 0px;padding: 0;font-size:13px;}
    ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;}
    .recent_posts_with_thumbs strong {font-size:12px;}</style>
    <script style='text/javascript' src='http://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></script>
    <script style='text/javascript'>
    var numposts = 5;
    var showpostthumbnails = true;
    var displaymore = false;
    var displayseparator = false;
    var showcommentnum = false;
    var showpostdate = false;
    var showpostsummary = true;
    var numchars = 150; </script>
    <script src='http://www.Cerpenazza.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

    Ganti www.kurniasepta.com dengan alamat url blogmu sendiri, dan mengganti kode yang berwarna merah agar sesuai dengan keinginan atau tampilan blogmu.

      Terus Simpan Widget jika sudah selesai.
    [Continue reading...]
    Label: , ,

    Cara pasang kode warna pada blog

    Diposting oleh di

    Cara pasang kode warna pada blog :
    Tinggal Copy aja script di bawah ini jangan lupa pastekan  post HTML .
    Selamat Mencoba





    <center><div style="text-align: center;"> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess" /> <param value="http://www.2createawebsite.com/build/col.swf" name="movie" /> <param value="high" name="quality" /> <param value="#ffffff" name="bgcolor" /> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object></div> </center>
    [Continue reading...]
    Label: , ,

    Kamis, 30 Januari 2014

    Cara Pasang Widget Like FB Melayang

    Diposting oleh di
    Yang ingin tau cara bikin Widget Fb Melayang di depan Halaman Blog.
    Widget Ini sangan berguna karna akan menambah jumlah suka pada blog kita
    Oke langsung aja Copy : HTML/JavaScript  nya
    Cara Membuat Widget Like Box Facebook Melayang di Blog
    1. Login ke blogger.com
    2. Pilih Tata Letak kemudian Tambah Gadget
    3. Pilih HTML/JavaScript
    4. Masukan kode HTML berikut ini:





     <style type='text/css'>
    /* Message Box */
    #box-message {
    position:fixed !important;
    position:absolute;
    top:-1000px;
    left:50%;
    margin:0px 0px 0px -182px;
    width:300px;
    height:auto;
    padding:16px;
    background:#fff;
    font:normal Dosis, Georgia, Serif;
    color:#111;
    border:2px solid #333;
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    }
    #box-message a.close {
    position:absolute;
    top:-10px;
    right:-10px;
    background:#fff;
    font:bold 16px Arial, Sans-Serif;
    text-decoration:none;
    line-height:22px;
    width:22px;
    text-align:center;
    color:#111;
    border:2px solid #333;
    -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    box-shadow:0px 1px 2px rgba(0,0,0,0.4);
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    border-radius:22px;
    cursor:pointer;
    }
    #twitterx {
    background: #EEF9FD;
    padding: 10px;
    text-align:center;
    border: 1px solid #C7DBE2;
    border-top: 0;
    }
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
    <script type='text/javascript'>
    $(window).bind("load", function() {
    // Animate Top Value When Page Loaded Completed
    $('#box-message').animate({top:"50px"}, 1000);
    // Remove Mailbox When Close Button On Click
    $('a.close').click(function() {
    $(this).parent().fadeOut();
    return false;
    });
    });
    </script>
    <div id='box-message'>
    <!-- HTML Start -->
    <center>
    <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/Cerpenazza?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
    </center>
    <!-- HTML End -->
    <a class='close' href='#'>&times;</a>
    </div>


    5. Ganti kode yang warna merah dengan URL halaman Facebook kamu.
         Contoh Link FB :  http://www.facebook.com/pages/Cerpenazza/1437955673082711
    6. Simpan jika sudah selesai.




    [Continue reading...]
    Label: ,
    Langganan: Postingan (Atom)
     
    Copyright © . Cerpenazza - Posts · Comments
    Theme Template by BTDesigner · Powered by Blogger