Cara Memasang SMS Online Gratis Di Blog

Untuk postingan kali ini saya akan share tentang Cara Memasang SMS Online Gratis Di Blog.

SMS Online Gratis adalah widget layanan pengiriman SMS Gratis. Widget ini bisa dipasang di Blog Sobat.

Dengan memasang Widget ini, mungkin ketika pengunjung Blog Sobat sedang ?Bokek? pulsa atau pulsanya habis, pengunjung Blog Sobat dapat memanfaatkan Widget ini.

Nah, pengen kan..?

Ikuti langkah ? langkah berikut..!

1.       Masuk Dasbor

2.       Klik Rancangan

3.       Klik Tambah Gadget

4.       Pilih HTML/Javascript

5.       Copy kode berikut

<iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="350" frameborder="0"></iframe>

6.       Paste di Jendela HTML/JavaScript

7.       Klik Simpan

Widget ini juga dapat dipasang sebagai artikel Sobat.

Caranya :

1.     Masuk Dasbor

2.     Pilih Enteri Baru

3.     Pilih Tab Edit HTML

4.     Copy Kode yang diatas tadi

5.     Paste di dalam Edit HTML

6.     Klik Terbitkan Entri

Widget ini tidak menampilkan Nomor Pengirim, jadi jika Sobat ingin mengirim Pesan Singkat kepada teman Sobat, Sobat dapat menambahkan Nama Sobat ke dalam teks SMS. Dengan begitu, Si penerima atau teman Sobat yang mau menerima pesan tidak bingung dari siapa atau dari mana SMS tersebut.


Sebagai Bonus, nih yang mau SMS ke teman atau pacarnya.

Read More

Cara Membuat Social Media Button Keren di Blog

Feature : 

1. Meliputi empat yang paling sering digunakan tombol jejaring sosial ditambah ikon RSS
2. Halus memperluas di hover
3. Penggunaan CSS sprite
4. Sangat rapi dan bersih
5. Tidak Menggunakan JavaScript dan Jquery, Full CSS

Penasaran kan ? oke langsung saja ke cara" nya..
Langkah pertama, Login ke www.blogger.com , kemudian ke Dashbor > Tata Letak > Tambahkan Gadget / Add a Gadget, kemudian copy code dibawah ini taruh ke gadgetnya...

<style>
#tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}
#tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;}
#tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}
#tbisose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRD7Ewrjlou2OgD63W-fINKmlb-i7oU3nW5Y2VVaPP8ktDlgQSjbhHBi7CEkZM9BWPMHNfm8V1FRB2sZ9fFOe6MGxkntkyp2XA-PmUd5JfT2DfCMq-_AL-8d4YhfQiMKUOaWvwL4WLFbY/s800/sprites.png) no-repeat;  background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px;  box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap;  line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
#tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt);  line-height:32px;}
#tbisose .icon{overflow:hidden; color:#fafafa;}
#tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}
#tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}
#tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}
#tbisose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}
#tbisose .rss{ width:32px;  height:32px;  background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}
#tbisose li:hover .icon,
.touch #tbisose li .icon{width:210px;}
.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #tbisose li .pinterest, #tbisose li:hover .pinterest{background-color:rgba(174,45,39,1);}
.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);}
</style>
<ul id="tbisose">
<li data-alt="Follow us on Facebook"><a class="icon facebook" href="#">Follow us on Facebook</a></li>
<li data-alt="Follow us on Twitter"><a class="icon twitter" href="#">Follow us on Twitter</a></li>
<li data-alt="Follow us on Google+"><a class="icon googleplus" href="#">Follow us on Google+</a></li>
<li data-alt="Follow us on Pinterest"><a class="icon pinterest" href="#">Follow us on Pinterest</a></li>
<li data-alt="Subscribe with RSS"><a class="icon rss" href="#">Subscribe with RSS</a></li>
</ul>

Tanda # Yang berwarna MERAH kamu ganti dengan link" mu,..
Gimana.?? Kerenkan.>> ? :D 

• Follow us on Facebook
• Follow us on Twitter
• Follow us on Google+
• Follow us on Pinterest
• Subscribe with RSS

Read More

Cara Membuat Tombol Kembali ke Atas Untuk Blog

1. Login ke Blogger 
2. Pergi ke Tata Letak
3. Tambah gadget
4. Pilih HTML/javascript
5. Copy Paste Kode dibawah ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#noop-top").fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a id='noop-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px arial;'><span>^</span></a><style type="text/css">#noop-top span{-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s;-o-transition:all .3s;background-color:#1e5799;background:-moz-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(50%,#2989d8),color-stop(51%,#207cca),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-o-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-ms-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);border:3px solid #fff;border-radius:14px 14px 14px 14px;color:#fff;font:bold 56px cursive;height:50px;left:3px;display:block;text-align:center;text-shadow:1px 1px 0 #000;top:-56px;width:50px}#noop-top:hover span{box-shadow:0 0 49px #207cca;height:70px}#noop-top{color:#000;text-shadow:1px 1px 0 #fff;text-decoration:none}</style>

Atau bisa juga dengan kode ini :

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgET6K02uk-puZFF_ixUL9yC3WIr-AjJ58kTrTy5pHmXwhtfZP_1THsiNC-g5ZWQI5XEwHE_4xUK-L0bye6Tgr9IfsXHz8o-oR6GvbM0R-0ZAlsx-K3DMef-eqV7y1GtHMRuK9SUs6Xus_i/s1600/navigate-up-icon.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>

      6.  Simpan dan Lihat Hasilnya

Read More

Cara Buat/Pasang Burung Twitter Terbang Di Blogspot

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Pertama-tama silahkan login di Blogger

• Klik Layout > Add Gadget > Html/Javascript
• Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwbFyTfh0dCsmstF-hyipoLvw7dYgwPLHHmYXtVwPK7En2cpDEulayR8ZvvHgCG_YQaNGl7jNsA_Qb0Ve7jlB4mj4-WB9H5n5qKb3CypbXxt2OpRDQiUQ59q0HgC-jzQOlR_blPMsPrcQ/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Username";
var tweetThisText = "Twitter - UserID http://kolbyart.blogspot.com/";
tripleflapInit();
</script>

• Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
• Simpan dan lihat hasilnya

Warna Pilihan Burung Terbang Twitter

Untuk membuat warna burung Twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

Warna Kuning

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlevsmH1_8wPVxPH8uZD2K18dx51EzS54gr8y76CAYwa2HOQsYZF9yP3JByPGAAR4f4m6TbVesfTxRQuS1IX-8PcKufzF8oUXW-wezSe5ajohfB9KXDHsz1TBIadmLh6IItubTwwmTImo/s1600/yellow+bird.png

Warna Hitam

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYHzjaBuNISJKKq6A8-9KS2GEvIN3pijzzHtm9ce58moNk4P13HcE-6awurYKxyrt-njm54794ICV6rXgMZaU9sxgS_7oYA-cvb7etBnsAaefT3UP2oxQL3iywZSb50BOlP2tfmPFxhqM/s1600/black+bird.png

Warna Biru

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV6p6x9W_b7H-HEVq3nhq3v9acmcmhBfzQ7-pEbeMXJSBqilN6ncDBhqqg3QXCrN_dKrPIYT6WLkN-YE4OffiO_2mmnjFZK960dhQof7VCsFeMq3gNhyphenhyphenni0Kc4X15cgVZwDvmI_JTead0/s1600/Blue+bird.png

Warna Coklat

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcxJOzw7hycIwOFGUJ5iQGXYVtDNc4D8A6BAHbpN-vffzZXr_VMUDKCOPPmeFiXrDeUQxSvh4t7QJy74-zwnQuiV_f538tpAKngCAhvnNeWWPUAloRivUwMqBZ6PWDLGtWEQ-n2_tk4LI/s1600/brown+bird.png

Warna Hijau

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYREFmIphaclHNQHkFIeGQP4SaUgXUu6zI-m-4afQaBKPeqLdnNaBeaa5im0P6RV2RKbhpNYOPvo9jpPkczi3JqPLiKsrbXdRR8CjsDYpjNnHC9eD43EptWJj61dfhW3ofbhLobO_IRm4/s1600/Green+bird.png

Warna Ungu

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimgTgq9oaMobjp5ppqyCh-f0tOWk8VDWEnQNoH1VNIb6X8FONdNJT49oMI13BRvyY_gWCzG_ZbfcmD1QS1VBdmcovhyphenhyphenpsrfqqoebwMZl88TciCIsg3xJA5X1U4wLqEU2i3djD1Bs6Q9FA/s1600/purple+bird.png

Warna Putih

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghIaJXLTNzPZgan3Ui7wQ0BusAYvlN0hDdVmY08xUQ-OefAIvVm_W7h2sPiup-d07lnVUJR9wrC4qCy4dGkiuCjyL4uaGeDpRDbdvajzTDFKNURffQ4D7CF6MiWar1O6r0LKynwgKK5mo/s1600/white+bird.png

Warna Merah

• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfBB9y10TN1REHj-PbGGay51dQCm62iKOONSILZbMIWS2MzEA-bob5vuqugLwG9B_rBAxMhvA8XVuEO27JSMjuBiLB2eQtnmLkGEudCN_2X-kqy368FhoLPQLZtpJXl12zPAidqLYIqTQ/s1600/red+bird.png

Dan terakhir jangan lupa disimpan
Good luck Sob..!

Read More

Cara Pasang Jam di Blog

Cara Pasang Jam di Blog - Hampir 4 hari saya tidak mengupdate artikel di blog ini. Maklum, saya ini adalah seorang mahasiswa dan belakangan ini sedang menerima banyak sekali tugas. Selain karena masalah di dunia nyata, saya juga sedang sibuk membuat sebuah toko online kecil yang menjual tentang jersey bola. Anda bisa lihat iklannya di samping kanan anda.

Kembali ke topik bahasan, karena kemarin sempat edit-edit dan berniat untuk memasang widget Jam di Blog. Walaupun akhirnya widget tersebut saya lepas lagi dari blog saya tersebut. Terpikirkan oleh saya untuk membertahukan kepada anda Cara Pasang jam di Blog. Untuk lebih jelasnya silahkan perhatikan langkah berikut : 

Sebenarnya untuk membuat widget jam pada blog bisa menggunakan script kode dari flashvortex.com . Karena masih terbilang sedikit sulit maka saya menyarankan untuk menggunakan script jam dari clocklink.com

• Pertama-tama buka http://www.clocklink.com/gallery.php

• Anda akan disuguhkan banyak pilihan model widget jam. Cukup banyak kategori yang bisa anda pilih. 

• Setelah anda tentukan model yang mana yang akan anda gunakan, klik tombol VIEW HTML TAG di bagian bawahnya.

• Maka selanjutnya akan muncul halaman persetujuan license. Cukup klik tombol AGREE.

• Terakhir adalah tinggal mengatur warna yang akan anda gunakan, format waktu sesuai dengan TIMEZONE dan UKURAN widget yang akan dibuat. Jika sudah anda bisa copy salah satu scriptyang disediakan dan kemudian letakan  blog anda.

Berikut di atas adalah langkah-langkah mengenai Cara Pasang Jam di Blog. Saya harap artikel ini dapat bermanfaat bagi anda yang membaca.

Read More

Cara Mengetahui Nomor HP Semua Operator

Cara Mengetahui Nomor HP Semua Operator

Mungkin sahabat pernah mengalami sewaktu mau mengisi pulsa tetapi sahabat lupa dengan Nomor HP Sendiri, mau mencoba misscall atau sms, pulsa sahabat tidak mencukupi. Atau sewaktu ada yang meminta Nomor HP sahabat selalu lupa dengan Nomor HP Sendiri. Nah mungkin diantara sahabat ada yang mengalami kejadian tersebut, ini dikarnakan Nomor HP yang sahabat pakai terdiri dari Nomor yang acak acakan sehingga sulit untuk dihafalkan.

Saya sudah praktek-kan pada Telkomsel, Indosat, Three, dan XL
Berikut cara  menge-cek untuk mengetahui nomor HP sendiri :

Cara nge-cek nomor Hp Telkomsel (Simpati dan As)
Ketik : *808# lalu Yes / Call,

Cara nge-cek nomor Hp Indosat (IM3 dan Mentari)
Ketik : *777*8# lalu Yes / Call,

Cara nge-cek nomor Hp Three
Ketik : *998# lalu Yes / Call,

Cara nge-cek nomor Hp Axis
Ketik : *2# lalu Yes / Call

Cara nge-cek nomor Hp XL
Ketik : *123*22*1*1# lalu Yes / Call
Ketik  : *123*7*1*1*1# lalu Yes / Call

Cara nge-cek nomor Hp Flexi
Ketik lewat SMS : INFO lalu kirim ke 678

Cara nge-cek nomor Hp Flexi, ESIA, StarOne, SMART dan FREN
Pasang simcard di ponsel Nokia, lalu ketik : *3001#kode pengaman# .
Contoh : *3001#12345# Lalu tunggu sampai keluar Menu, pilih NAM1 kemudian geser kebawah pilih ?Own number (MDN)?. Maka akan terlihat nomer pribadi kartu Anda.

Read More