Tekhnik Membuat Newsticker Berita Berjalan Untuk Blogger

Pernahkah anda mengunjungi sebuah blog dengan newsticker berjalan di bawah blogger? mungkin contohnya dapat dilihat pada gambar dibawah ini :

newsticker ini berisi tentang cuplikan berita pendek yang mewakili berita secara keseluruhan sehingga bisa memberikan informasi terbaru kepada pengunjung blog arbakid tentang peristiwa yang sedang terjadi saat ini dan pada akhirnya pengunjung dari blog arbakid tidak akan ketinggalan informasi terbaru.

Cara membuat berita berjalan pun sangat mudah, untuk membuat berita berjalan atau newsticker diblogspot tinggal ikuti saja langkah-langkah dibawah ini :

1. login ke blogger
2. masuk ke edit HTML dan cari kode berikut ini : ]]></b:skin>
3. Copast script dibawah ini dan letakkan di atas kode tersebut
4. #berita {
   position:fixed;_position:absolute;bottom:0px; center:0px;
   clip:inherit;
   _top:expression(document.documentElement.scrollTop+
   document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
5. langkah berikutnya, pada Edit HTML cari kode berikut ini : </body>
6. Copast script dibawah ini dan letakkan di atas kode tersebut
7. <div id=' berita '>
   <iframe allowtransparency='true' frameborder='0' height='17' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
   </div>
8. secara otomatis berita ini akan tampil di posisi bawah blog
9. untuk merubahnya tinggal diganti saja script pada langkah ke 4 dengan script berikut ini
10. #berita {
    position:fixed;_position:absolute;top:0px; center:0px;
    clip:inherit;
    _top:expression(document.documentElement.scrollTop+
    document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
11. Selesai

Semoga bermanfaat. Salam..

source : here

Berkomentarlah dengan Sopan, Sara, SPAM akan dihapus...

Read more

Tools Parse Kode Iklan Adsense

Adsense sangatlah teliti dalam penilaian aditing kode iklannya, dengan itu berhati-hatilah dalam memparse kode iklan tersebut. Blog ini dulu saya pasangkan adsense, namun hanya gara-gara sepele dengan mengganti kode iklan mereka dengan parse yang tidak sesuai maka dikatakan adsense sebagai pelanggaran TOS mereka. Solusinya adalah dibawah ini, HTML Parse Tools yang telah teruji aman untuk google adsense.

Masukkan kode adsense anda, dan tekan Encode !

Berkomentarlah dengan Sopan, Sara, SPAM akan dihapus...

Read more

Tampilan Popular Post Bulat Berubah dengan Animasi Kotak

Salam blogger, kali saya mencoba sharing artikel dari mas Zel Afriad, tentang cara membuat Tampilan Popular Post menjadi keren. Saya telah menerapkannya untuk blog saungjiwa ini, mungkin para sahabat blogger tertarik juga untuk menerapkannya di blog sobat. Langsung saja cara membuatnya :

1. Login akun blogger sobat.
2. Menuju Ke menu Tata Letak
3. Sebelumnya Tambahkan Widget Popular Post Terlebih Dahulu pada blog sobat dengan cara Klik Menu Tata letak, Tambah Gadget, Popular post / Entri Popular, Pilih 7 Hari Terakhir, Centang Thumbnail gambar Dan Jangan Centang Cuplikan ! Jika sudah, simpan
4. Kemudian, Tambah gadget kembali, Pilih Html Javascript.
5. Masukan Semua kode dibawah ini.     

<script language='Javascript'>document.write(unescape('%3C%73%74%79%6C%65%3E%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%2E%69%74%65%6D%2D%74%69%74%6C%65%7B%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%7D%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%75%6C%20%6C%69%20%7B%62%61%63%6B%67%72%6F%75%6E%64%3A%20%6E%6F%6E%65%20%72%65%70%65%61%74%20%73%63%72%6F%6C%6C%20%30%20%30%20%74%72%61%6E%73%70%61%72%65%6E%74%3B%66%6C%6F%61%74%3A%20%6C%65%66%74%3B%6C%69%73%74%2D%73%74%79%6C%65%3A%20%6E%6F%6E%65%20%6F%75%74%73%69%64%65%20%6E%6F%6E%65%3B%6D%61%72%67%69%6E%3A%20%33%70%78%20%21%69%6D%70%6F%72%74%61%6E%74%3B%70%61%64%64%69%6E%67%3A%20%30%20%21%69%6D%70%6F%72%74%61%6E%74%3B%7D%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%75%6C%20%6C%69%20%69%6D%67%20%7B%70%61%64%64%69%6E%67%3A%33%70%78%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%23%66%65%66%65%66%65%3B%2D%77%65%62%6B%69%74%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%30%20%31%70%78%20%31%70%78%20%23%33%65%37%38%62%33%3B%2D%6D%6F%7A%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%30%20%31%70%78%20%31%70%78%20%23%33%65%37%38%62%33%3B%62%6F%78%2D%73%68%61%64%6F%77%3A%30%20%31%70%78%20%31%70%78%20%23%33%65%37%38%62%33%3B%66%6C%6F%61%74%3A%6C%65%66%74%3B%6D%61%72%67%69%6E%3A%30%20%36%70%78%20%30%20%30%3B%70%6F%73%69%74%69%6F%6E%3A%72%65%6C%61%74%69%76%65%3B%6F%76%65%72%66%6C%6F%77%3A%68%69%64%64%65%6E%3B%2D%77%65%62%6B%69%74%2D%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%31%30%30%70%78%3B%2D%6D%6F%7A%2D%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%31%30%30%70%78%3B%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%31%30%30%70%78%3B%20%2D%6F%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%6D%6F%7A%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%7D%0A%2E%50%6F%70%75%6C%61%72%50%6F%73%74%73%20%75%6C%20%6C%69%20%69%6D%67%3A%68%6F%76%65%72%20%7B%70%61%64%64%69%6E%67%3A%33%70%78%3B%62%6F%72%64%65%72%2D%72%61%64%69%75%73%3A%35%70%78%3B%2D%6F%2D%74%72%61%6E%73%66%6F%72%6D%3A%73%63%61%6C%65%28%31%2E%32%29%20%20%74%72%61%6E%73%6C%61%74%65%28%30%70%78%29%3B%2D%6D%6F%7A%2D%74%72%61%6E%73%66%6F%72%6D%3A%73%63%61%6C%65%28%31%2E%32%29%74%72%61%6E%73%6C%61%74%65%28%30%70%78%29%3B%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%66%6F%72%6D%3A%73%63%61%6C%65%28%31%2E%32%29%74%72%61%6E%73%6C%61%74%65%28%30%70%78%29%3B%2D%6F%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%6D%6F%7A%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%77%65%62%6B%69%74%2D%74%72%61%6E%73%69%74%69%6F%6E%3A%61%6C%6C%20%31%2E%35%73%20%65%61%73%65%3B%2D%6D%6F%7A%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%20%30%70%78%20%30%70%78%20%35%30%70%78%20%23%35%35%35%35%35%35%3B%2D%77%65%62%6B%69%74%2D%62%6F%78%2D%73%68%61%64%6F%77%3A%30%70%78%20%30%70%78%20%35%30%70%78%20%23%35%35%35%35%35%35%3B%62%6F%78%2D%73%68%61%64%6F%77%3A%20%30%70%78%20%30%70%78%20%35%30%70%78%20%23%35%35%35%35%35%35%3B%7D%0A%3C%2F%73%74%79%6C%65%3E%0A%3C%64%69%76%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%20%66%69%78%65%64%3B%20%62%6F%74%74%6F%6D%3A%20%30%70%78%3B%20%72%69%67%68%74%3A%20%30%70%78%3B%22%3E%0A%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%68%65%72%6D%61%6E%62%61%67%75%73%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%72%65%6C%3D%22%64%6F%66%6F%6C%6C%6F%77%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%73%74%79%6C%65%3D%22%6D%61%72%67%69%6E%2D%74%6F%70%3A%2D%32%35%70%78%22%3E%2E%3C%2F%61%3E%0A%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%68%65%72%6D%61%6E%62%61%67%75%7A%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%72%65%6C%3D%22%64%6F%66%6F%6C%6C%6F%77%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%73%74%79%6C%65%3D%22%6D%61%72%67%69%6E%2D%74%6F%70%3A%2D%32%35%70%78%22%3E%2E%3C%2F%61%3E%0A%3C%2F%64%69%76%3E'));</script>
     6. Dan kemudian simpan, dan lihat hasilnya.

Semoga Membuat tampilan blog sobat menjadi lebih keren dapat bermanfaat, Salam Saung Jiwa Pangkalpinang  :) 

Berkomentarlah dengan Sopan, Sara, SPAM akan dihapus...

Read more

Mudahnya memasang Like Facebook untuk Blogger

Like Facebook blogger hampir disemua blog tercantum widget ini. Mungkin banyak yang binggung cara memasukkan widget ini untuk blog sobat. Ternyata tidaklah susah untuk menerapkannya. Langsung saja cara pembuatannya :

 

1. Login ke blogger
2. Masuk ke Tab Kode HTML
3. Paste kode dibawah ini :

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F415864008437023&amp;width=300&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowTransparency="true"></iframe>

Keterangan :

• Ganti nomor 415864008437023 dengan Nomor ID Facebook sobat
• Ganti width:300px; height:290px, merupakan ukuran lebar dan tinggi widget
• Frameborder="0" bisa ditambahkan 1, apabila sobat menginginkan widget ada bordernya.
• Selesai

Semoga bermanfaat. Salam Saung Jiwa...

Berkomentarlah dengan Sopan, Sara, SPAM akan dihapus...

Read more

Cara Mudah Membuat tombol 'Share' melayang Shareaholic Sassy

Mungkin sobat blogger banyak menemukan widget sahreholic sassy ini, namun yang saya akan terapkan ini tidak melalui edit tamplate HTML, namun cukup memasukan kode HTML ke Tab HTML/JavaScript, jadi tanpa harus mengedit isi tamplate blog.

Langsung saja caranya :

1. Log-in akun blogger

2. Masuk tab 'Tata Letak', dan klik link 'Tambahkan Gadget'.

3. Lalu pilih HTML/JavaScript

4. Lalu, masukkan kode CSS berikut:

<!-- Start Shareaholic Sassy Bookmarks HTML widget by :<a href="http://www.pangkal.biz/">T11U</a>-->

    <div class='shr_ss shr_publisher'>

    </div>

    <!-- End Shareaholic Sassy Bookmarks HTML -->

    <!-- Start Shareaholic Sassy Bookmarks settings -->

    <script type='text/javascript'>

    var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey"

:"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"

bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black",

"tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};

    </script>

    <!-- End Shareaholic Sassy Bookmarks settings -->

    <!-- Start Shareaholic Sassy Bookmarks script -->

    <script type='text/javascript'>

    (function() {

    var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;

    sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";

    var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);

    })();

    </script>

    <!-- End Shareaholic Sassy Bookmarks widget by : <a href="http://www.pangkal.biz/">T11U</a> -->

5. Lalu klik Simpan atau Save.

Berkomentarlah dengan Sopan, Sara, SPAM akan dihapus...

Read more

Pasang Share Lengkap di Bawah Judul Postingan Blogger

Share icon berlangganan sangat penting untuk sebuah blog dalam mencapai SEO blog yang natural. Saya telah menerapkan nya untuk blog saungjiwa ini. Seperti dibawah ini contohnya :

Tertarik untuk menerapkannya di Blog sobat, silahkan lihat dibawah ini cara membuatnya :

1. Masuk ke akun blogger sobat
2. Pilih kode Tamplate dan buka edit HTML
3. Centang expand widget untuk memasang widget share
4. Cari kode ini, <h2 class='date-header'>, atau <div class='post-header-line-1'/>
5. Lalu copy script css dibawah ini tepat dibawah kode no. 4 tadi

<!-- ShareThis Button BEGIN --> <div class='sharethis_toolbox addthis_default_style '> <b>Share On:</b> <span class='st_fblike_hcount' displayText='Facebook Like'/> <span class='st_facebook_hcount' displayText='Facebook'/> <span class='st_twitter_hcount' displayText='Tweet'/> <span class='st_googleplus_hcount' displayText='Google +'/> <center> <span class='st_tumblr_large' displayText='Tumblr'/> <span class='st_digg_large' displayText='Digg'/> <span class='st_linkedin_large' displayText='LinkedIn'/> <span class='st_stumbleupon_large' displayText='StumbleUpon'/> <span class='st_pinterest_large' displayText='Pinterest'/> <span class='st_technorati_large' displayText='Technorati'/> <span class='st_sharethis_large' displayText='ShareThis'/></center> </div> <script type='text/javascript'>var switchTo5x=false;</script> <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/> <script type='text/javascript'>stLight.options({publisher: "b9f38387-a316-49bb-b119-fec472075cf9"});</script> <!-- ShareThis Button END -->

• Save Tamplete, dan selesai.

Semoga artikel ini bermanfaat. Salam Saung Jiwa

Read more

Cara Membuat Widget Melayang di Blog

Selamat siang, apa kabar sobat Blogger? Rasanya sudah lama saya tidak membuat posting baru. Kalian ingat posting beberapa waktu lalu tentang widget like box facebook melayang dan widget follow me twitter melayang? Ternyata Widget melayang tersebut bisa memuat widget lainya, tentunya widget dengan kode HTML. Dan bisa memuat lebih dari satu widget. Oleh karena itu kali ini saya akan membahas tentang Cara Membuat Widget Melayang di Blog.
Apa sih maksudnya widget ini dapat memuat lebih dari satu widget Contohnya saya memasang tiga buah widget pada widget melayang ini, yaitu Tombol Google Plus One, Tombol Follow Me Twitter, dan Like Box Facebook. Contoh hasilnya seperti gambar berikut.

Widget ini akan muncul secara melayang dari bawah sebelum halaman pada Blog sobat belum seluruhnya dimuat. Widget ini memiliki tombol close di sudut kanan atas untuk pengunjung jika ingin menutup widet.

Bagaimana, sobat tertarik untuk memasang widget ini? Berikut langkah-langkahnya.

1. Login ke akun Blogger sobat.

2. Masuk pada bagian Tata Letak.

3. Klik Tambahkan Gadget di posisi manapun, karena hasilnya akan tetap melayang.

4. Pilih mode HTML/Javascript.

5. Masukan kode HTML berikut ini dan Editlah.

<!-- WD melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
      position:fixed !important;
      position:absolute; /* IE6 */
      bottom:-1000px;
      right:38%;
      margin:0px 0px 0px -182px;
      width:300px;
      height:auto;
      padding:16px;
       -webkit-box-shadow: 0px 0px 7px #222;
      -moz-box-shadow: 0px 0px 7px #222;
      box-shadow: 0px 0px 7px #222;  background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
      color:#111;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;}
    #kotak-facebook a.close {
      position:absolute;
      top:-10px;
      right:-10px;
      background:#333;
      font:bold 16px Arial,Sans-Serif;
      text-decoration:none;
      line-height:22px;
      width:22px;
      text-align:center;
      color:#fff;
      border:2px solid #fff;
      -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;
      cursor:pointer;
    }
</style>
    <script type='text/javascript'>
    $(window).bind("load", function() {
         // animasikan nilai top saat halaman telah selesai dimuat
         $('#kotak-facebook').animate({bottom:"50px"}, 1000);
        // hilangkan kotak pesan saat tombol (x) di klik
         $('a.close').click(function() {
             $(this).parent().fadeOut();
         return false;
         });
    });
    </script>
    <div id='kotak-facebook'>
<p style=" margin-right:10px;  font-size:15px; color:#000000;">Rekomendasikan, Follow, dan Like yah Sobat.</p>
<!-- Mulai --!>

<center><h2 class=”title”>Judul Widget 1</h2></center>
---- Kode HTML Widget 1 ----

<center><h2 class=”title”>Judul Widget 2</h2></center>
---- Kode HTML Widget 2 ----

<center><h2 class=”title”>Judul Widget 3</h2></center>
---- Kode HTML Widget 3 ----

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right;  margin-right:35px;  font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://regibrader-free.blogspot.com/search/label/Widget%20Blogspot">Blogger Widget</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://regibrader-free.blogspot.com/2013/05/cara-membuat-widget-melayang-di-blog.html">Get This Widget</a></p>
    </div>

Masukan Judul Widget pada tulisan warna biru dan kode HTML Widget pada tulisan berwarna merah. Jumlah widget dapat ditambah atau dikurangi.

Untuk tulisan berwarna hijau adalah pesan-pesan pada widget yang dapat sobat ubah.

Ukuran tinggi widget tidak jadi masalah, karena akan menyesuaikan ketika bertambahnya jumlah widget yang dimuat.

Sobat perhatikan posisi widget dan lebar widget pada kode berwarna ungu.

#Pada gambar diatas saya contohkan widget-widget yang dimuat berdampingan secara vertikal. Nah, jika sobat ingin membuatnya berdampingan secara horizontal, sobat hanya perlu menambah lebar widget sekiranya dapat memuat lebih dari satu widget.

6. Setelah sobat selesai mengedit, klik Simpan.

Selesai, semoga sobat tidak pusing dengan penjelasan dari saya dan semoga berhasil.

Read more

Cara Mambuat Widget Google +1 di Blog

Selamat malam sobat Blogger, saya akan beritahu hal yang bisa membuat kualitas dan SEO Blog sobat menjadi semakin baik. Yaitu dengan banyaknya pengguna internet yang merekomendasikan Blog sobat ke Google. Bagaimana pengguna internet merekomendasikan Blog kita? Salah satu medianya adalah Google +1, sehingga kali ini saya akan membahas tentang Cara Mambuat Widget Google +1 di Blog.
Namun tetap saja cara yang paling utama agar Blog sobat memiliki kualitas yang baik, selain memuat konten-konten yang bermanfaat dan bermutu adalah teroptimasi oleh search engine. Silakan baca Cara-cara SEO Website. Rekomendasi dengan Google +1 ini sebagai tambahan saja. Dengan banyaknya pengguna internet yang merekomendasikan Blog sobat, maka Blog sobat akan diperhitungkan oleh search engine.

OK, cara membuatnya gampang kok sob, silakan simak:
Seperti biasa Login dulu ke akun Blogger sobat. Lalu masuk ke bagian Tata Letak. Klik Tambahkan Gadget di posisi yang sobat inginkan.
Ada dua cara nih sob.

• Cara biasa:

Cara ini gampang, sobat tinggal pilih "Tombol +1", lalu atur tampilanya. Setelah selesai, Klik Simpan.

• Dengan Mode HTML/Javascript:

Mungkin ada sobat Blogger yang ingin memasang widget Google +1 ini dengan agak berbeda. Misalnya ingin dipasang secara digabungkan dengan widget lain. Jadi pada satu lapak widget memuat beberapa widget yang berbeda. Tentunya cara biasa tidak akan berlaku yah sobat. Nah, sobat bisa memasang widget ini dengan mode HTML.
Ketikan memilih widget, tentunya sobat pilih mode HTML/Javascript.

Lalu sobat masukan kode HTML berikut ini.

<g:plusone size="tall" annotation="inline" width="300" href="http://regibrader-free.blogspot.com"></g:plusone>

Kode berwarna ungu bisa sobat ubah dengan jenis tampilan yang sobat inginkan, diantaranya:

Inline	Untuk tampilan Baloon, sobat hapus kode annotation="inline"	None

Sobat ubah kode berwarna merah dengan URL Blog/Website sobat, dan kode berwarna merah muda dengan lebar widget yang sobat inginkan. Untuk kode berwarna biru yang akan merubah jenis ukuran widget. Berikut kode-kode dan jenis ukuran yang akan dihasilkan.

Setelah diatur, maka klik Simpan. OK Selesai deh..

Read more