Breaking News
Loading...
  • New Movies
  • Recent Games
  • Tech Review

Tab 1 Top Area

Tech News

Game Reviews

Recent Post

Tampilkan postingan dengan label blogging. Tampilkan semua postingan
Tampilkan postingan dengan label blogging. Tampilkan semua postingan
Rabu, 13 November 2013
no image

DOMAIN GRATIS DARI INTUIT [ NEW RELEASE 2013 ]


Setelah sekian lama tidak ada kabar lagi untuk mendapat Top-Level Domain (TLD) secara gratis, akhirnya saya telah menemukan cara baru untuk mendapatkannya secara unlimited & tentunya gratis. Dan domain gratis tersebut saya dapat dari Intuit dan telah saya praktekkan untuk semua member di Hosting saya, hasilnya saya telah mendapatkan domain yang saya inginkan secara gratis. Cara ini dengan menggunakan Credit Card khusus untuk Intuit yang bisa order ratusan domain Intuit dalam satu Credit Card. Nah bagi kalian yang ingin mendapat domain .com .org .net .info .biz .name secara gratis seperti saya, silakan ikuti langkah-langkah berikut!

1. Daftar Di sini untuk mendapatkan akunnya.


2. Jika sudah daftar, silakan Sign Out dari akun & biarkan akun tersebut selama 1 atau 2 hari lebih supaya akunnya tidak ditutup sama pihak Intuit. (Kalau saya sampai 2 hari, biar lebih afdol)
3. Setelah sudah 1 atau 2 hari kemudian silakan Sign In kembali di Intuit, lalu klik "Choose a domain (www.yourname.com) for your website".
4. Masukkan nama domain yang kalian inginkan.
4. Jika domain yang kalian inginkan tersedia klik "Get Domain".
5. Selanjutnya isi semua data seperti Nama, Email, Nomor HP, dll.


6. Berikutnya, jangan dicentang Domain Privacy, centang I agree to the Terms of Service dan Submit.


7 . Kemudian akan muncul halaman pop out yang tujuannya untuk meminta informasi dan alamat penagihan domain kalian (Domain yang kalian minta gratis, tapi untuk melindungi terhadap penipuan mereka membutuhkan informasi penagihan domain kalian.). Pada bagian Credit Card, masukkan Credit Card khususnya, silakan isi seperti di gambar!


8. Terakhir klik Purchase dan selamat Anda sudah mendapatkan Top-Level Domain (TLD) 1 tahun gratis!


9. Untuk mengatur Nameserver atau DNS nya silakan tunggu 24 jam sampai proses domain selesai.


10. Jika kalian mau order domain lagi cukup dihapus saja domain yang sebelumnya. (Domain tidak akan mati). Pastikan juga Nameserver atau DNS nya sudah diatur.



11. Dan ulangi lagi seperti nomor 4, begitulah sampai seterusnya. Tidak perlu menunggu 1 atau 2 hari lagi. Dengan satu akun kita bisa order domain sepuasnya.

NB: 
Bagi yang sudah punya akun Intuit yang dulu/sebelumnya bisa juga pakai cara ini.
Nameserver atau DNS hanya bisa digantikan sekali saja.
Domain hanya gratis 1 tahun dan tidak bisa diperpanjang.
Tolong jangan memperjualbelikan domain ini supaya trik ini tidak mati.
Sabtu, 09 November 2013
Cara Pasang Pop Up Like FP dengan timer di Blog

Cara Pasang Pop Up Like FP dengan timer di Blog

Salah satu Blogger Professional dan pemilik blog kakiheboh asal Indonesia ini telah menerbitkan widget ciptaannya. Banyak kalangan masyarakat baik dari Indonesia maupun Luar Negeri yang minat dengan widget menarik ini.
Yang membuat saya menganggap widget ini spesial adalah teknik tampilan border yang mirip seperti Facebook dan juga fitur timer atau penghitung mundurnya. Kalian juga dapat mengatur berapa lama timer akan berjalan (dalam detik) dan juga dapat mengatur  berapa lama widget ini akan tampil ketika blog di load (dalam menit), baik itu setelah 1 menit atau langsung tampil. Pada widget ini juga dapat mengganti background dengan keempat kode gambar (.js). Loading widget ini juga sangat cepat memungkinkan tidak ada beban apapun pada berat loading blog.

Untuk cara pembuatan dan pemasangannya silahkan ikuti langkah-langkah di bawah ini.
1. Pastikan kalian sudah login ke akun Blogger.
2. Masuk ke halaman "Template" dan klik "Edit HTML"
3. Cari kode </body> (gunkan Ctrl+F untuk mempermudah)
4. Salinlah kode/script dibawah ini dan letakan tepat diatas kode </body>

</style> 
<script src='http://mybloggertricks.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='http://secebisilmu.blogspot.com' type='text/javascript'></script> 
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/> 
<script src='http://anvity-host.googlecode.com/files/anvity-likebox2.js' type='text/javascript'/> 
<script language='javascript'> 
//<![CDATA[ 
$(document).ready(function(){ 
$().KNFBFansPRO({ 
timeout: 30, 
wait: 0, 
url: 'http://www.facebook.com/anvity', 
closeable: true }); 
}); 
//]]> 
</script> 
<div id='fbtpdiv'/>

5. Save Template. Done!

Edit Kode/Script Widget FB LikeBox

Pemasangan widget belum selesai sampai disini. Ada lagi yang perlu di edit pada kode diatas.
  1. Ganti kata ANVITY Blog dengan kata yang akan tampil di bagian atas widget, misalnya "Join ANVITY Blog on Facebook"
  2. Ganti angka 30 dengan angka yang akan mengatur berapa lama widget itu akan tampil (dalam detik)
  3. Ganti angka 0 dengan angka yang akan mengatur lamanya widget ini akan tampil ketika blog baru di load (dalam menit)
  4. Ganti anvity dengan username FansPage atau jika belum mempuyai username pada FansPage, gunakan ID FansPage (ihat pada address bar browser kamu)
  5. Terakhir, ganti juga true dengan false jika tanda X (close) ingin dihilangkan.

Mengganti Gambar Background Widget FB LikeBox

Sahabat juga dapat mengganti gambar background widget. Silahkan ganti tulisan yang berwarna merah pada kode widget diatas dengan kode-kode gambar dibawah ini.
Facebook Like Box Timer ANVITY
Background ini sudah terpasang di kode widget di atas.
http://anvity-host.googlecode.com/files/anvity-likebox2.js
Facebook Like Box Timer ANVITY
http://anvity-host.googlecode.com/files/anvity-likebox4.js
Facebook Like Box Timer ANVITY
http://anvity-host.googlecode.com/files/anvity-likebox3.js
Facebook Like Box Timer ANVITY
http://anvity-host.googlecode.com/files/anvity-likebox.js
Kurasa sampai disini, jika masih ada masalah dan perlu ditanyakan berikan komentar. 

Happy Blogging and Enjoy it!
Kamis, 31 Oktober 2013
Cara Pasang Lagu - Music Background Auto Play di Blog

Cara Pasang Lagu - Music Background Auto Play di Blog

Untuk membuat Music Background Auto Play di Blog siapkan dulu bahan-bahan yang akan di perlukan.
  1. File Mp3 yang akan dijadikan music background.
  2. Daniusoft Video Converter Ultimate untuk mengkonvert file Mp3 menjadi file Swf. Kalau belum punya cari di google banyak yang share.
  3. Secangkir kopi :p
Berikut langkah-langkahnya:
1. Convert file Mp3 menjadi file Swf menggunakan Daniusoft Video Converter Ultimate.
2. Upload file Swf yang sudah di konvert ke swfcabin.com
3. Setelah selesai mengupload anda akan diberikan link, contohnya seperti ini
http://www.swfcabin.com/open/1332455819
4. Login ke Blogger - Rancangan - Elemen Laman - Tambah Gadget
5. Pilih HTML/JavaScript dan pasang kode di bawah ini
<embed autostart='true' loop='true' width=0 height=0 src='http://www.swfcabin.com/swf-files/1332455819.swf'/></embed>
Note: Angka yang berwarna merah adalah ID dari file Swf yang anda upload tadi. Jika ingin mengganti lagu yang sudah ada, Lakukan cara yang sama dan tinggal mengganti ID filenya saja

Selesai... Silahkan anda mencobanya..

Bonus ID file swf yang sudah terupload:
  • 1323755387 = Street Beat - I Wanna Change
  • 1318498118 = Mr.Katro - Balasan hamil duluan
  • 1324612446 = Budi doremi - Demam ayu ting ting
  • 1316792396 = Still Virgin - Dear ndut
  • 1325776188 = Still Virgin - Merangkai imajinasi
  • 1317323203 = Still Virgin feat Cha - Hate to miss someone
  • 1327732128 = Travie Mc.Coy feat Bruno Mars - Billionaire
  • 1332429471 = Cleopatra Stratan - ZUNEA ZUNEA
  • 1332357461 = Big Bang – Bad Boy
Atau Instrument :

Long-long ago 20th century (ending kamen rider black)
kode : 
http://www.swfcabin.com/swf-files/1370307775.swf

Opening Kamen rider black RX
kode :
http://www.swfcabin.com/swf-files/1373181484.swf

Dare ka ga kimi wo aishiteru (ending kamen rider black RX)
kode :
http://www.swfcabin.com/swf-files/1373181707.swf

Ima mata heiwa no hi ga noboru (BGM kamen rider black RX)
kode :
http://www.swfcabin.com/swf-files/1373180170.swf

resolution (BGM kamen rider black RX)
kode :
http://www.swfcabin.com/swf-files/1373180970.swf

Opening jiban
kode :
http://www.swfcabin.com/swf-files/1373180334.swf

Opening kakuranger
kode :
http://www.swfcabin.com/swf-files/1371611224.swf

Anime :

hoshi mo naku (Ost Samurai X)
kode :
http://www.swfcabin.com/swf-files/1373178050.swf

blue bird (Ost Naruto)
kode :
http://www.swfcabin.com/swf-files/1373178279.swf

No Uta (Ost doraemon)
kode :
http://www.swfcabin.com/swf-files/1373178551.swf

Opening yu yu hakuso
kode :
http://www.swfcabin.com/swf-files/1373178703.swf

kaze no uta (ending hunter x hunter)
kode :
http://www.swfcabin.com/swf-files/1373178895.swf

ohayou (opening hunter x hunter)
kode :
http://www.swfcabin.com/swf-files/1373179439.swf

kanashimi yasashisa (Ost naruto)
kode :
http://www.swfcabin.com/swf-files/1373180499.swf

sadness and sorrow (BGM naruto)
kode :
http://www.swfcabin.com/swf-files/1373180727.swf

Opening sailormoon
kode :
http://www.swfcabin.com/swf-files/1373181296.swf

Ai tenshi (opening wedding peach)
kode :
http://www.swfcabin.com/swf-files/1373182249.swf


Semoga manfaat.
Minggu, 27 Oktober 2013
Situs Penyedia Template  Gratis

Situs Penyedia Template Gratis

Daftar Situs Penyedia Template Blogger Gratis Yang SEO Frienldy Daftar Situs Penyedia Template Blogger Gratis Yang SEO Frienldy  

Hay sobat LA, Kalau kita pakai template default dari blogspot sepertinya kurang memuaskan, dan mungkin bosen, sebab tidak banyak juga fitur yang ada dalam template ini dan untuk membuatnya makin keren kita sendiri harus mengutak - atik template tersebut dan menambahkan beberapa yang kurang. Namun kita tidak perlu repot lagi untuk melakukannya teman biar tampilan  blogspot kita makin keren, soalnya diluar sana ada banyak sekali penyedia template blogger yang memberikan secara cuma - cuma buat kita alias gratis. Kita bisa cari di search engine, kalau mau cepat disini saya tampilkan rekomendasi situs - situs penyedia template blogger yang keren dan seo friendly tentunya, diantaranya

Daftar Situs Penyedia Template Blogger Gratis Yang SEO Friendly


`btemplates.com`
Salah satu situs favorit untuk mencari template gratis terbaik adalah di btemplates.com, situs ini setiap hari selalu menerima template - template blogger yang terbaru dari pembuatnya, jadinya pasti sangat up to date dan kita sendiri bisa melihat mana - mana template blogger yang saat ini banyak disukai blogger lain, bisa kita lihat dari jumlah downloadernya disana...

`Blogtemplate4u.com`
Kalau teman semua ingin memperoleh jenis template yang berbeda beda saya rasa Blogtemplate4u.com tempatnya, soalnya di situs ini kita akan mendapati banyak jenis template disini yang dibuat oleh blogger yang berbeda beda - beda.

`Zoomtemplate.com`
Zoomtemplate.com merupakan kumpulan template - template blogger yang keren dan seo frienldy, teman semua bisa mencari template kesujaan kalian disini, dijamin deh akan bakal ada yang bisa menarik minat kalian soalnya templatenya selalu update setiap saat dan selalu ada yang terbaru disini jadinya kita tidak akan bakal ketinggalan mengikuti trend template blogger..

`deluxetemplates.net`
deluxetemplates.net seperinya satu - satunya situs penyedia template gratis yang menawarkan template dengan konsep atau jenis yang berbeda sesuai dengan niche yang ada. Suatu misal, kalau blog kita berisi tentang dunia gadget, kita bisa memilih - milih template bertema gadget disana, dijamin banyak pilihan yang menarik.

`borneotemplates.com`
Selain  deluxetemplates.net, situs penyedia template blogger gratis lainnya yang memberikan tema pada templatenya adalah borneotemplates.com. Silakan ni pilih - pilih jenis template yang pas dengan niche blog teman disini dijamin kalian akan bingung mau gunakan yang mana..

`templatesdoctor.com`
Template - template keren yang ada di templatesdoctor.com menurut saya ni sebagian besar memiliki header blog yang sangat bagus dan ditambah pula dengan images, maupun flash didalamnya semakin mengesankan koleksi template dari templatesdoctor.com sangat menarik.

`dzignine.com`
Semua template yang ada di dzignine.com bernuansa lembut yang dipadukan dengan tampilan yang simple dan desain maupun latar yang menawan. Sebagian besar tempate yang ada kesannya sangat kalem namun beberapa template-nya ada yang memakai warna menantang juga.

`blogitemplate.com`
Bagi teman semua yang menyukai template yang didominasi dengan warna hitam, kayaknya blogitemplate.com bisa dijadikan tempat mencari template yang seperti ini soalnya disana banyak di dominasi dengan warna hitam walalupun ada warna lainnya setidaknya biru dan hijau

`bloggerstyles.com`
Keunikan dari template yang ada di  bloggerstyles.com terletak pada headernya yang unik, coba saja cek satu per satu pasti tampilannya berbeda dan unik - unik, salah satunya dibagian header template-nya.

Kayaknya dah banyak saya memberi daftar situs penyedia template - template blogger yang gratis, menarik dan seo friendly disini. Untuk lebih mantapnya, silakan diamati satu per satu daftar template di masing - masing situs di atas, siapa tahu ada yang kecantol.
Senin, 21 Oktober 2013
Cara Mengganti Background Blog dengan Gambar

Cara Mengganti Background Blog dengan Gambar


sobat LA ingin mengubah background blog dengan gambar? Kita bisa saja mengubah background blog sesuai dengan keinginan, tapi dalam mengganti background yang perlu diperhatikan adalah keseimbangan antara background dan warna sidebar atau komponen template yang lain agar tampilan terlihat menarik.


Berikut cara mengganti background blog dengan gambar :

1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Kemudian cari kode body { seperti berikut :


body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}



4. Untuk mengganti gambar Anda tinggal menambahkan link gambar pada kode tersebut. contoh :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq50-Mc3Nb_3B583Ljg4KAl_E85WKNZQhJHk1g1qDN3H3bYjriHIOlV8nssbPxeLkt4nMdHkFcwtr2Stm0G6iOrk08aGiUKIM5xUv-IkK7d_AHV6qrhPV7us58ppWfsdcwfo5O1ZV9qoYy/s1600/Opera-Background-Speaker.gif

5. Kemudian diakhiri dengan kode repeat-x; hasilnya sebagai berikut :


body{
background:#ded8c0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq50-Mc3Nb_3B583Ljg4KAl_E85WKNZQhJHk1g1qDN3H3bYjriHIOlV8nssbPxeLkt4nMdHkFcwtr2Stm0G6iOrk08aGiUKIM5xUv-IkK7d_AHV6qrhPV7us58ppWfsdcwfo5O1ZV9qoYy/s1600/Opera-Background-Speaker.gif) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}



Keterangan:
Jika menginginkan gambar tetap ketika scroll naik turun tinggal ganti repeat-x; menjadi repeat-x top left fixed; atau ganti dengan repeat scroll 0 0; untuk gambar dengan ukuran kecil menjadi besar.
Perlu diperhatikan tidak semua template kode scriptnya seperti diatas.
6. Simpan template.

Nah, sekian cara mengganti background blog dengan gambar. semoga bermanfaat
Selasa, 01 Oktober 2013
Membuat Floating Widget ChatBox

Membuat Floating Widget ChatBox

Dalam kesempatan kali ini kami akan membahas cara Membuat Floating Widget ChatBox. Floating Widget ini sudah sedikit dimodifikasi dengan menggunakan kode javascript dan tampilan pun akan lebih dinamis, di dalamnya sobat dapat tempatkan apapun juga misalkan : Iklan adsense, Gambar, ataupun chat box. 

Caranya:
Copykan Script dibawah ke : Buka Layout - Page Element dan Klik add gadget - Lalu pilih HTML/JavaScript.

<!-- START -->
<style type="text/css">

.gb_fixed{
position:fixed;
top:60px;
right:0px;
z-index:+10;
}

* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:0px solid gray;
background:transparent;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody>
<tr><td>
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="https://www.bookonthenet.net/east/RKEres/Images/CloseButtonHot.bmp" /></a>
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<span style="font-size: 80%;">
<span style="color: red;"> Get this</span>
<a href="http://dinara-289.blogspot.com/2013/09/cara-memasang-widget-chat-box.html" target="_blank">
<span class="Apple-style-span" style="color: orange;"> Desaign1</span>
</a>
<span style="color: red;"> or</span>
<a href="http://www.m-azka.com/2011/04/membuat-floating-widget-chatbox.html" target="_blank">
<span class="Apple-style-span" style="color: orange;"> Desaign2</span></a></span>

Masukan Script yang kamu inginkan disini! Misal: kode Shoutmix, Adsense, Sponsor.

</td></tr>
</tbody></table>
</div>

<script src="http://marewainfo.googlecode.com/files/ordinaryhack-floating.js">
</script>
<div class="gb_fixed" style="z-index: +5;">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi21NkSUKjhJI1xuQhnUYGI8Vcqe4JqaYRIx2Ko5Rd6X6lCXHEUq2o6uBbXuEfZe35djuG0xOYczQdF_Au7y6W41LSoThmn0Xi2vpxRr6inhb9eQhJz1NbkCEVsdaUK9xQ7nPgorTf-DqRw/s1600/cbred.png" style="filter: alpha(opacity=60); opacity: 0.6;" />
</a> </div>

Tambahan tombol saat membuka chatbox:

Berikut ini adalah icon hidden chatbox dan warna border yang serasi dan bisa anda gunakan dalam hidden chatbox anda ,










URL  gambar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU3j8ZthR3HuvduZr0GIQmN51qoXEMdFq9RM3ighTvfwQ3Cz7gTDBKVq5tC2UHWpaqQ8UnkmaS_Onhaf1TL1N7vHny8ziKVS5GjGZqfJ0RqytC3kPSz2qPeIb3KYbAIRJiJsK4GIPigmB2/s1600/cbblue-2.png.  Warna border #0079a0








URL Gambar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdoFuObRJWKoxF3UuTVKCx_H33o7jv915KdXYb7JapXDkG6entUULzWT8Ep-iUj7tWu1TxvamKUbg-1DtoYGkInGy70tNrHZfv-01R_PwF3pMePOziEaksfmqqg74_7Pqq9gUy4coyyLUK/s1600/cbblue.png, Warna border #003e82








URL Gambar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDhN-4996V5GOMZsP5vnYEkJw8kEL34nqAUYPyKKeRDpYwWWo70zCVVc1AekuPSF9xxYLWX9kXEqDBWcsybtK2bB-LfjMlXtdK73xWCnvuYBm3M15-trkuqgq2ntwxs7fMEkRZ3CjikIdW/s1600/cbgreen.png , Warna border #008232









URL Gambar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhufeiYgUEdR9el6xOAHkzi3vkOKLi1I5eLvHYsm9uDtoKDOCVvCEQEg5-K35vURfeedewoWofvFXb5THsjn9jjYa0r3lKlM799TLnuVIJD3RUOLiXf6GgwtLC-rYsgC_T2whBIBvyXCmQI/s1600/cbyellow.png, Warna border #aca500








URL Gambar
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi21NkSUKjhJI1xuQhnUYGI8Vcqe4JqaYRIx2Ko5Rd6X6lCXHEUq2o6uBbXuEfZe35djuG0xOYczQdF_Au7y6W41LSoThmn0Xi2vpxRr6inhb9eQhJz1NbkCEVsdaUK9xQ7nPgorTf-DqRw/s1600/cbred.png, Warna border #790909



Senin, 23 September 2013
Cara Memasang Widget Chat Box Tersembunyi di Kanan Blog

Cara Memasang Widget Chat Box Tersembunyi di Kanan Blog



Sobat kali ini saya akan bahas cara memasang widget chat box yang tersembunyi di kanan Blog. Dan keluar masuk ketika sobat klik ikon chat box-nya. Caranya gampang kok sob, ikuti langkah-langkahnya. Yang pertama dan utama adalah sobat terlebih dahulu harus mempunyai kode html chat box tersebut. Salah satu caranya adalah dengan mempunyai akun pada situs cbox.
OK, jika sobat telah mendapatkan kode html-nya, langsung saja sob ini dia langkah-langkahnya:

1. Masuk akun Blogger sobat.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget di posisi mana saja.
4. Pilih HTML/Javascript.
5. Masukan kode html berikut.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiROB7qlMRvCDDDB0r83MTX7kCcWHuJPc9liri8AT0-RDqaTkHCJ4RD1aLvvb7_fOBDD3ssT9vKn5DRiIjYEiuPWA1PvrBS-o0VVkWmgD74sjqX_3Dp_sq8TxAeCEEPamUIg1V5oiFJyo4/s1600/Bukutamu6.gif') no-repeat;}.gbcontent{ float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
 </div>
<div class="gbcontent">

MASUKAN KODE CHAT BOX DISINI

<div style="text-align: center;">
<span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Mau Widget Ini? <a href="http://dinara-289.blogspot.com/2013/09/cara-memasang-widget-chat-box.html" target="_blank">Klik Disini</a></span></span></div>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

6. Atur ukuran dan posisi pada kode berwarna biru.
7. Ganti tulisan warna merah dengan kode html chat box sobat.
8. Ganti URL gambar pada kode warna ungu dengan gambar yang sobat inginkan. Namun bila sobat tidak menggantinya hasilnya akan seperti berikut.
9. Atur warna background dan warna border pada kode warna hijau.
Tombol Chat Box
Url Gambar Lainya:

Tombol Chat Boxhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHb9fhLKsXZvkwXKgPT430qExRJa8MYmBdGuZGe3JLItMO58K1rZRCl34PV4b61Az7lnql9OqH4KAY5c4btPUklQwNpr1ulxGrj_FhayZh5JU8k4tvlRUQez6rnZrL1c7GG_nphfHvtR0/s1600/Chatbox.png
Tombol Chat Boxhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdGBMX-ZZvst-WqBx8EI_d11Ci1IU9Rk5PhcEcOZjpemLSGjPGQsl8HebnG_ehLOeNus_O4PpWYU33LSKJ3QPc7dxIEeVOcAkA7xRmJdIXMHJhoamp7FmW_ATIJ8OZ73HyiDH1y4AcVBs/s1600/Bukutamu3.png
Tombol Chat Boxhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY2unWVCpdXZrteubGcI1neXuTDUalWNRAx_Y0BuLyyYGDpkuloabmSmeLjRaLzsPi92a6p84_rXhit0c8tc0QWPmC-tIb5ohcUzhpXhqXY8qXHAGNcUR8ALQRb3nj8LdtmQQ4SurBbsA/s1600/bukutamu2.gif
Tombol Chat Boxhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwwtPL9n1PfGwTIQSorAgCkgnTCw03BUkQdYarcaNHHoETfJ8Wl_AIQibFwlg4Qc9sHNoyi8UJCzbD1XN20LWdJKIgcuPWFuC1JdWz7V0MbX8lGW7i7be86aDD78h_XDr9hFF0hsTdTdA/s1600/bukutamu5.png
Tombol Chat Boxhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQJBB-Wat81i_oVvXXcnK6pd0jjeYHTtFdIQmcNRUdzMjscO0xTzG34OrvXpiNlJpbYNvQ_EfKVXMpkL4JMf0eVwxyNOZq_6JuWtzKWo7JC9-egN_LQeA33bq5aqy76bFoTVrIfWCGBA0/s1600/2131wkl.png
Tombol Chat Boxhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJuzLdB7BZ8VdWnAtVk99Yc9TKiThmklWM52odpqNABL5p_99LFN3b1LuHwsluq4WNVR-mp4phf71ABAfXrDYdh-HDNBB0ahEQhkeDZll4gHesDGcy2Q9fMLh4nWQlwuLA4xeK7YrAGGc/s1600/bukutamu4.png
Tombol Chat Boxhttps://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUKkUPwF-XEpHmeFoXxkhULI7kXL99Dy5zMIFBN9TmMuYPb0PGNw89xYcOz4qbAvcawNUpM0394StTHmdn9_1MGBbIuwJ7mu6J4SiXzmZd869uuM5eJNhbZX8qhtEAY0UZLhNEs6sEbMk/s1600/BukuTamu1.png

10. Klik Simpan dan selesai. Lihat Hasilnya.
Minggu, 15 September 2013
Cara Mudah Pasang Lagu 4Shared di Blog

Cara Mudah Pasang Lagu 4Shared di Blog

Kali ini kami akan share cara memasang lagu di Blog. Banyak cara untuk memasang lagu di blog. Dan banyak pula tutorial yang bisa anda temukan di google. Namun untuk tetap rutin posting, ada istilah yang mengatakan : ANGGAPLAH POSTINGAN ANDA ADALH YANG PERTAMA. Maka saya posting cara ini dan tentu saja dengan cara yang lebih simpel.

Klik More

Pertama, tentu saja sobat harus membuka 4shared.com dan mencari lagu yang akan dipasang di blog. Pastikan lagu yang dipilih berformat mp3. Sebagai contoh saya ingin memasang mp3 "set Fire to The Rain"
Kedua, klik tombol more seperti gambar di atas. maka sobat akan menemukan empat script dan pilih yang paling bawah atau "PASANG".

Pilih yang Terakhir
Untuk Lagu Set Fire to The Rain scriptnya adalah
<embed src="http://www.4shared.com/embed/2611508221/2746b75e" width="420" height="250" allowfullscreen="false" allowscriptaccess="always" type="application/x-shockwave-flash"></embed>. Nah, ganti menjadi <embed allowscriptaccess="never" type="application/x-shockwave-flash" src=" http://www.4shared.com/embed/2611508221/2746b75e " width="0" height="0" flashvars="autostart=true"></embed>. URL lagunya sobat sesuaikan sendiri.

Lalu buka EDIT HTML di template blog sobat. Cari kode</head>. Dan pasang script lagu tadi diatas kode</head>
.
Simpan template. Selesai.
maka lagu akan otomatis terputar saat loading blog sudah selesai.
Rabu, 11 September 2013
Cara Membuat Like Fanpage Facebook Melayang di Blog

Cara Membuat Like Fanpage Facebook Melayang di Blog

panduan blogger pemula
Kali ini kami Share tentang "Cara Membuat Like Fanpage Facebook Melayang di Blog". Fungsi dari widget ini adalah menghubungkan facebook dengan blog. Syaratnya sobat blogger harus mempunyai akun di Facebook terlebih dulu. Dan sobat harus membuat terlebih dulu Like Box di Facebook.

Dalam perkembangannya, like fanpage facebook ini banyak dipakai oleh banyak blogger. Dengan tampilan yang berbeda-beda namun mempunyai fungsi yang sama. Selain untuk mempercantik tampilan blog, widget ini juga sangat berguna untuk mendatangkan banyak trafik dari Facebook.

Jika sobat blogger tertarik untuk membuat dan memasangnya di blog, silahkan sobat blogger ikuti beberapa langkah seperti berikut ini :

1. Login ke Blogger
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih opsi HTML/Java Script
5. Copy dan Paste Kode HTML di bawah ini kedalamnya


<!-- FB melayang tombol close --!>

<style type='text/css'>  

#kotak-facebook {

      position:fixed !important;

      position:absolute; /* IE6 */

      bottom:-1000px;

      right:10%;

      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:#C2CFDF; 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'>

  Klik Like !
<br/>
<!-- Mulai --!>
Letakkan kode Like box fanpage facebook anda disini
<!-- Selesai --!>
    <a class='close' href='#'>&times;</a>

    </div>

Ganti kode yang berwarna merah dengan kode Like Fanpage sobat. 

6. Klik Simpan
Senin, 09 September 2013
no image

KODE WARNA HTML

#FOF8FF
Aliceblue
#FAEBD7
Antiquewhite
#00FFFF
Aqua
#7FFFD4
Aquamarine
#F0FFFF
Azure
#F5F5DC
Beige
#FFE4C4
Bisque
#000000
Black
#FFEBCD
Blanchedalmond
#0000FF
Blue
#8A2BE2
Blueviolet
#A52A2A
Brown
#DEB887
Burlywood
#5F9EAD
Cadetblue
#7FFF00
Chartreuse
#D2691E
Chocolate
#FF7F50
Coral
#64950
Cornflowerblue
#FFF8DC
Cornsilk
#DC143C
Crimson
#00FFFF
Cyan
#00008B
Darkblue
#008B8B
Darkcyan
#B8860B
Darkgoldenrod
#A9A9A9
Darkgray
#006400
Darkgreen
#8B008B
Darkmagenta
#BDB76B
Darkkhaki
#556B2F
Darkolivegreen
#FF8C00
Darkorange
#9932CC
Darkorchid
#8B0000
Darkred
#E9967A
Darksalmon
#8FBC8B
Darkseagreen
#483D8B
Darkslateblue
#2F4F4F
Darkslategray
#00CED1
Darkturquoise
#9400D3
Darkviolet
#FF1493
Deeppink
#00BFFF
Deepskyblue
#696969
Dimgray
#1E90FF
Dodgerblue
#B22222
Firebrick
#FFFAF0
Floralwhite
#228B22
Forestgreen
#FF00FF
Fuchsia
#DCDCDC
Gainsboro
#F8F8FF
Ghostwhite
#FFD700
Gold
#DAA520
Goldenrod
#808080
Gray
#008000
Green
#ADFF2F
Greenyellow
#F0FFF0
Honeydew
#FF69B4
Hotpink
#CD5C5C
Indianred
#4B0082
Indigo
#FFFFF0
Ivory
#F0E68C
Khaki
#E6E6FA
Lavender
#FFF0F5
Lavenderblush
#7CFC00
Lawngreen
#FFFACD
Lemonchiffon
#ADE8E6
Lightblue
#F08080
Lightcoral
#E0FFFF
Lightcyan
#FAFAD2
Lightgoldenrodyellow
#90EE90
Lightgreen
#D3D3D3
Lightgray
#FFB6C1
Lightpink
#FFA072
Lightsalmon
#20B2AA
Lightseagreen
#87CEFA
Lightskyblue
#778899
Lightslategray
#B0C4DE
Lightsteelblue
#FFFFE0
Lightyellow
#00FF00
Lime
#32CD32
Limegreen
#FAF0E6
Linen
#FF00FF
Magenta
#800000
Maroon
#66CDAA
Mediumaquamarine
#0000CD
Mediumblue
#BA55D3
Mediumorchid
#9370DB
Mediumpurple
#3CB371
Mediumseagreen
#7B68EE
Mediumslateblue
#00FA9A
Mediumspringgreen
#48D1CC
Mediumturquoise
#C71585
Mediumvioletred
#191970
Midnightblue
#F5FFFA
Mintcream
#FFE4E1
Mistyrose
#FFE4E1
Moccasin
#FFDEAD
Navajowhite
#000080
Navy
#FDF5E6
Oldlace
#808000
Olive
#6B8E23
Olivedrab
#FFA500
Orange
#FF100%0
Orangered
#DA70D6
Orchid
#EEE8AA
Palegoldenrod
#98FB98
Palgreen
#AFEEEE
Paleturquoise
#DB7093
Palevioletred
#FFEFD5
Papayawhip
#FFDAB9
Peachpuff
#CD853F
Peru
#FFC0CB
Pink
#DDA0DD
Plum
#B0E0E6
Powderblue
#800080
Purple
#FF0000
Red
#BC8F8F
Rosybrown
#4169E1
Royalblue
#8B4513
Saddlebrown
#FA8072
Salmon
#F4A460
Sandybrown
#2E8B57
Seagreen
#FFF5EE
Seashell
#A0522D
Sienna
#C0C0C0
Silver
#87CEEB
Skyblue
#708090
Slategray
#FFFAFA
Snow
#00FF7F
Springgreen
#4682B4
Steelblue
#D2B48C
Tan
#008080
Teal
#D8BFD8
Thistle
#FF6347
Tomato
#40E0D0
Turquoise
#EE82EE
Violet
#F5DEB3
Wheat
#FFFFFF
White
#F5F5F5
Whitesmoke
#FFFF00
Yellow
#9ACD32
Yellowgreen
Copyright © 2014 LASKAR AL-AZHAR All Right Reserved