Cara Pasang Widget/Gadget SMS Gratis di Blog

Cara Pasang Widget/Gadget SMS Gratis di Blog - Kali ini saya akan memberikan Cara Membuat Widget SMS Gratis ,widget ini sangat cocok bagi anda yang kehabisan pulsa seperti saya hihihih....nah untuk contoh widget SMS Gratisnya bisa di lihat di sini

Ok sudah lihatkan widget SMS Gratisnya ? Nah untuk itu mari kita simak langkah-langkah membuat widgetnya !

Cara Membuat Widget SMS Gratis di Blog

1. Login ke Akun Blogger Anda !
2. Klik ke Menu Tata Letak
3. Klik Tambah Gadget (HTML/JavaScript)
4. Lalu tambahkan kode ini :

<iframe frameborder="0" height="260" name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270"></iframe><br /><div style="text-align: left;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="http://alfadlys.blogspot.com/2012/08/cara-pasang-widgetgadget-sms-gratis-di.html"><span style="font-size: xx-small;"><b>Cara Buat</b></span></a></div>

     5.Simpan dan Lihat Hasilnya !

Cara Membuat Efek Salju Berjatuhan - Halo teman-teman semua,Sudah jarang sekali Alfadlys memberikan Tips Blog ,Nah pada hari ini saya akan memberikan Cara Membuat Efek Salju Berjatuhan di Blog untuk bagi pencinta efek-efek di blog mungkin anda menyukainya efek ini ! untuk itu saya akan membagikan tutorialnya !

Baiklah tanpa memperpanjang waktu mari kita lihat tutorial berikut di bawah ini :
  1.Masuk Ke Blog Anda
  2.Pilih ke menu Template
  3.Kemudian klik Edit HTML
  4.Centang Expand Widget Template
  5.Kemudian cari kode </body>
  6.Lalu copas/copy paste scrip di bawah ini,Lalu letakan di atas kode </head>

  <script type="text/javascript" src="http://yourjavascript.com/68114227780/alfadlys.blogspot.com-Efek Salju.js"></script>

  7.Simpan dan Lalu lihat hasilnya !

Baca Juga :Informasi berita bola terbaru

Cara Buat Read More Otomatis - Cara Membuat Read More Otomatis - Pada hari ini saya akan memberikan tutorial tentang Cara Buat Read More Otomatis,Baiklah tak usah banyak basa-basi lagi kita langsung aja lihat tutorialnya langsung :

1.Login ke Akun Blogger Anda
2.Klik menu template
3.Kemudian centang Expand Template Widget
4.Lalu cari kode </head>
5.Jika sudah menemukan kode   </head>  lalu copas kode di bawah ini dan taruh di atas kode </head>
                                 <script type='text/javascript'> var thumbnail_mode = "float" ; summary_noimg = 150; summary_img = 150; img_thumb_height = 100; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ /****************************************** Auto-readmore link script, version 2.0 (for blogspot) ********************************************/ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div> ' + removeHtmlTag(div.innerHTML,summ) + '</div> '; div.innerHTML = summary; } //]]> </script>
6.Cari lagi kode <data:post.body/> lalu hapus kode <data:post.body/> dan ganti dengan kode di bawah ini
NB: untuk kode <data:post.body/> pilih kode yang ke 1

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>

7.Simpan dan Lihat Hasilnya !!!

Cara Custom robots.txt di Blog

Cara Custom robots.txt di Blog - Tahukah anda Fungsi Robot.txt ? fungsi Robot.txt adalah  dapat membantu perayapan robot pada blog kita dan membantu indexing blog kita, maka dari itu menggunakan robot yang baik akan membantu index blog kita dan di google dapat melakukan berbagai macam kostumisasi perintah untuk mengizinkan/tidak mengizinkan robot crawler search engine melakukan crawl terhadap direktori atau halaman tertentu.


Cara Custom robots.txt di Blog :
   1.Pergi ke dashboard > settings > search preferences > crawlers and indexing > custom robots.txt
   2.Lalu kemudian klik edit lalu klik yes
   3.Setalah itu isikan kode perintah robot.txt

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://alfadlys.blogspot.com/feeds/posts/default?orderby=updated

    4.Save !

Cara Buat Fan Page Facebook Auto Hide

Cara Buat Fan Page Facebook Auto Hide - Cara Membuat Fan Page Facebook Auto Hide - pada kali ini saya akan memberikan Cara Membuat Fan Page Facebook Auto Hide,untuk tampilan Fan Page sepertinya lumayan bagus...Untuk melihat Widget Fan Page Auto Hide bisa anda lihat gambarnya di samping kanan Atau bisa anda lihat demonya di sini http://info-telat.blogspot.com/

Ok sudah lihat demonya kan ? Kita langsung aja melihat Tutorial/Cara membuatnya :

Cara Pertama !
  1.Masuk ke akun blogger anda
  2.Klik menu Template
  3.Lalu pilih Edit HTML
  4.Cari kode </head>
  5.Copykan kode di bawah ini lalu taruh di atas </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

  6.Simpan

 Cara Kedua

   1.Klik menu Tata Letak
   2.Klik Tambah Gadget
   3.Lalu klik HTML/Javascript

<script type="text/javascript">//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Alfadlys-Blog/269230156527723&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://alfadlys.blogspot.com/">Cara Buat !</a></span></div></div>

   4.Simpan dan Lihat Hasilnya !!!

Keterangan :
Ganti kode yang berwarna biru dengan kode fan page anda !

Cara Buat Efek Kembang Api di Blog

Cara Buat Efek Kembang Api di Blog - Pada kali ini saya akan memberikan tutorial tentang Cara Buat Efek Kembang Api di Blog,Mungkin bagi anda yang ingin mempercantik tampilan blog anda bisa menggunakan efek kembang api ini,nah bagi anda yang tidak sabar ingin melihat tutorialnya,kita langsung aja melihat langkah-langkah Cara Membuat Efek Kembang Api Pada Blog :
    1.Login Ke Blog Anda
    2.Pilih ke menu Template
    3.Kemudian klik Edit HTML
    4.Centang Expand Widget Template
    5.Kemudian cari kode </body>
    6.Lalu copas/copy paste script di bawah ini,Lalu letakan di atas kode </head>

<script language='javascript' src='http://alfadlys.googlecode.com/files/efek%20kembang%20api-alfadlys.blogspot.com.js'/>

   7.Simpan dan Lihat hasilnya !

Untuk melihat contoh Efek Kembang Ai bisa anda lihat di sini => http://kehabisan-alamat.blogspot.com/

Baca Juga :Informasi berita bola terbaru

Cara Membuat Tombol Share Melayang

Cara Membuat Tombol Share Melayang - Halo kawan-kawan semua....Pada kali ini saya akan memberikan Cara Membuat Tombol Share Melayang ,Tombol Share sangat berguna untuk blog kita karna bisa meningkatkan visitor pada tombol share ini tidak hanya tombol share Facebook dan Twitter saja ! tetapi ada juga tombol share seperti digg,share twitter,stumbleupon,like facebook,tombol share facebook,tombol G+.Bagaimana sangat lengkap sekalikan tombol sharenya ? Nah bagi anda yang ingin membuat tombol share seperti itu,kita langsung aja lihat tutorialnya !

  1.Masuk ke akun blogger anda
  2.Klik menu Tata Letak
  3.Klik Tambah Gadget  lalu pilih HTML/JavaScript
  4.Copy Paste kode di bawah ini lalu taruh di HTML/JavaScript
<!--Tombol Share Melayang by Alfadlys--> <style> #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id='pageshare' title="Share This With Your Friends"> <div class='sbutton' id='gb'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div> <div class='sbutton' id='rt'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div> <div class='sbutton' id='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div> <div class='sbutton' id='su'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'> <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div> <div class='sbutton' id='fb'> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div> <br/><div style="clear: both;font-size: 12px;text-align:center;"> <a href="http://alfadlys.blogspot.com/" target="blank"><font color="black">[Cara Buat]<font></font></font></a></div> </div>   5.Simpan dan Lihat Hasilnya !!!

Baca Juga :Informasi berita bola terbaru

Cara Pasang Widget Yahoo Messenger di Blog

Cara Pasang Widget Yahoo Messenger di Blog - Pada blog/website biasanya kan menampilkan Widget YM(Yahoo Mesengger) agar bisa berkomunikasi kepada sang Admin/Pemilik blog tersebut dan Banyak orang yang suka dengan tampilan status online Yahoo! Messenger di blog mereka. Karena dengan begitu visitor bisa tahu kalau sang admin blog sedang online dan dapat melakukan percakapan dengannya
Nah bagi anda yang ingin membuat widget Yahoo! Messenger langsung aja lihat tutorialnya di bawah ini :

     1.Masuk ke Akun Blogger anda
     2.Pilih menu Tata Letak kemudian klik Tambah Gadget
     3.Pilih HTML/JavaScript
     4.Copy Paste kode di bawah ini lalu taruh pada HTML/JavaScript

<a href="ymsgr:sendIM?ID YM ANDA"> <img src="http://opi.yahoo.com/online?u=ID YM ANDA&amp;m=g&amp;t=2&amp;l=us"/>
</a>

   5.Simpan dan Lihat Hasilnya !!!

Tambahan :

• Ganti kode warna biru dengan ID YM Anda
• Untuk yang berwarna merah itu adalah tampilan Ikon YM dan ada bisa di rubah Ikon YMnya dengan mengubah Style IDnya !
  Berikut Tampilan Ikon YM yang anda bisa gunakan
  

Baca Juga :Informasi berita bola terbaru

Cara Memasang Auto Refresh di Blog

Cara Memasang Auto Refresh di Blog - Cara Membuat Auto Refresh di Blog - Pada hari ini saya akan memberikan Cara Memasang Auto Refresh di Blog,anda pasti tahukan apa yang di maksud Auto Refresh ? Auto Refresh memiliki fungsi meload loading suatu blog/halaman secara berulang-ulang dengan waktu yang di tentukan oleh pemilik blog,Baiklah tanpa memperpanjang waktu langsung aja kita lihat tutorialnya :

1. Login ke akun blogger anda
2. Lalu pilih ke menu Template pada blogger
3. Lalu klik Edit HTML
4. Cari kode </head>
5. Lalu copy kode di bawah ini dan letakan di bawah kode </head>

<meta content='500' http-equiv='refresh'/>

     6. Simpan/Save template anda

Catatan : Untuk yang berwarna biru berarti blog anda akan merefresh setiap 500 detik,bisa di rubah dengan sesuai anda dengan merubah angka detiknya !