Warband Community

Friday, 8 March 2013

Thursday, 21 February 2013

Cara Membuat Profil Admin Tampil Di Postingan Blog

Login ke akun blog sobat.
Pergi ke menu Template.
Pilih Edit HTML.
Jangan lupa cek Expand Widget Template.
Cari dan temukan kode <div class='post-footer'>, dan copy kan kode berikut tepat diatas kode <div class='post-footer'>.

<b:if cond='data:blog.pageType == "item"'>

<div class='admin-tulisan'>

<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Deskripsi Blog Anda</h4>

<div class='kontainer'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdwxemgYnvax6anq5xs2TBR5OjgWMZcqWNQojECjBYXfGruGHiS2k-GSzqoMsODjSkyQIeOJ4pKj8n8vF45DuCbhMIJzM3vbO28PfuSn7LFp7owNwAddR_8nqcBkjVHyCyHHyXOusTcM8/s220/AVATAR+KU-128.jpg'/>

Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://rayhanzhampiet.blogspot.com/2011/11/cara-membuat-kotak-admin-dibawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>

<div style='clear:both;'/>

</div>

</div>

</b:if>

Setalah itu cari kode ]]></b:skin> dan copy lagi kode berikut diatas kode ]]></b:skin>, jika gagal, sobat bisa meletakkannya dibawah kode z <data:post.body/>.

.admin-tulisan{

display:block;

width:auto;

background:#CFE2E0;

border:2px solid #fff;

box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;

padding:0;

margin:30px 0 10px 0;

font:normal 12px Arial, Sans-Serif;

color:#222;

}

.admin-tulisan .kontainer{padding:5px;}

.admin-tulisan h4{

background:#8A9C04;

border:none;

border-bottom:1px solid #699019;

color:#fff;

text-transform:normal;

text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);

font:bold 12px Arial,Sans-Serif;

padding:5px 10px;

margin:0 0 0 0;

display:block;

}

.admin-tulisan h4 a{color:#FEEA83;}

.admin-tulisan img{

width:70px;

height:70px;

margin:0 10px 0 0;

float:left;

border:1px solid #954B02;

padding:2px;

background:#C36702;

box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

Ganti URL gambar yang berwarna biru dengan URL gambar sobat. Sobat juga bisa mengganti kata-kata yang akan tampil sesuai keinginan sobat. Ukuran dan jenis fontnya, warna background serta warna border juga bisa sobat ganti.
Terakhir simpan template sobat

Friday, 15 February 2013

Info Emoticon Di Facebook

Info Emoticon Audition In Facebook
Klo Bisa tolong Like Yah !!!
ini Code Code nya
[[263022747090798]] : ;hai
[[239249926147852]] : ;phew
[[222287944513884]] : ;we
[[345533462139449]] : ;bete
[[308300382542918]] : ;calm
[[309626999060642]] : ;dan2
[[200102950080196]] : ;hwa
[[158227984284324]] : ;mad
[[114550798664378]] : ;mo
[[241721525896214]] : ;grr
[[113519815433465]] : ;hepi
[[239939099411255]] : ;joke
[[346508562029170]] : ;kdip
[[185298018232820]] : ;mbok
[[328430820514942]] : ;tear
[[164481350318329]] : ;win
[[330544910308348]] : ;zzz
[[267658843290223]] : ;hoeh
[[180154485416003]] : ;:)
[[221390677938174]] : ;swet
[[269394746450013]] : ;TT
[[222023621206273]] : ;uhuk
[[346372985378735]] : ;luph
[[187322684697844]] : ;tida
[[208533842565519]] : ;cuih
[[266659030060927]] : ;down
[[299734090065127]] : ;omg
[[350421394973827]] : ;shy
[[208296672587372]] : ;doa
[[157844747656241]] : ;etc
[[158207970952008]] : ;groa

Copy aja Code angka nya truz paste in di chatting facebook anda okok...... Nice
Selamat Mencoba ALL

Jika Tread ini Sangat Bermanfaat Bagi Anda !

Thursday, 14 February 2013

cara membuat comment facebook di blog

Cara Membuat Facebook Comment di Blog - Malam semakin larut, suara jankrik terdengar seperti sedang demo, dan kopi pun mulai dingin namun mata belum redup mengiringi malam yang kelam. hehehe.. judulnya apa... kalimat pembukanya puisi.? jaka sembung naik traktor juga. Sorry om hanya sekedar implementasi bakat yang terpendam, cuabe deehh .

Baiklah, sepertinya Anda sudah tidak sabar lagi menuju TKP, namun ada beberapa poin penting yang ingin saya sampaikan kepada Anda, sebelum kita sampai ke TKP. Ada banyak postingan para blogger yang menjelaskan tentang Cara Membuat Facebook Comment Di Blog, namun tidak semuanya tuntas atau falid. Hal ini disebabkan karena yang memposting artikel tentang tutorial blogger tersebut belum mempraktekkannnya. Nah..disini saya ingin menyampaikan bahwa, tutorial yang saya posting di blog ini sudah teruji, lho kok gitu..? ya iya lah.. masak ya iya dunk..

Sebelum saya memposting dan mempublikasikannya, terlebih dahulu telah saya uji, karena jika tidak sama halnya saya menyampaikan berita bohong. Namun, jika Anda gagal dan tidak berhasil, mungkin saja karena template yang Anda miliki berbeda dengan template yang saya miliki atau kegagalan Anda disebabkan oleh kekurang telitian Anda membaca setiap langkah yang saya jelaskan. Tetapi saya harapkan template yang kita miliki tata letaknya sehingga keberhasilan Anda dapat dijamin. Seperti semboyan dalam saya dalam menulis " Keberhasilan Anda adalah keberhasilan saya dan kegagalan Anda bukan menjadi tanggung jawab saya"

Hahaha.. becanda kok om.. jangan dimasukkan kedalam hati..

Ok lah sepertinya untuk kalimat pembuka sudah terlalu panjang, dan Andapun sepertinya sudah muak dengan bualan saya Kembali ke laptop...

Untuk menjaga keselamatan template Anda, sebelum mencoba trik ini saya menyarankan kepada Anda untuk mendownluad template Anda terlebih dahulu, atau bisa juga disave kedalam notepad. Jika sudah, perhatikan serta ikuti langkah langkah yang akan saya terangkan, soalnya cara membuat comment facebook ini bisa dikatakan gampang-gampang susah.

1. Masuk/login ke facebook.com

2. Kunjungi url ini: developers.facebook.com/setup

3. Isi kotak yang tersedia sbb: Lihat gambar dibawah ini

Isikan App Display Name sesuai ke ingginan, kosongkan saja App Namespacenya, dan centang pada Agreement lalu continue.

4. Klik Continue/Lanjutkan. kemudian muncul window verifikasi kata dan isikan kata yang telah diberikan.

5. Setelah itu muncul window baru berupa App ID, Lihat gambar dibawah ini:

"App id" adalah nomor aplikasi id fb Anda. Catat dan simpan nomor App id tersebut di notepad atau ms.word. ini akan diperlukan nantinya.

Alamat blog/situs harus ditambahkan ke aplikasi yang dibuat. Tanpa itu, akan muncul warning di kotak komentar blog seperti "Warning: the url --- is Unreachable". Berikut cara menambah alamat blog:

Masuk/login ke aplikasi Anda yang tadi dibuat. Atau kunjungi link ini: https://developers.facebook.com/apps/nomor-app-id-anda/ (ganti nomor-app-id-anda dengan nomor aplikasi Anda).
Klik Edit Settings (kanan atas)
Pada "Select how your app integrates with Facebook" -> klik Website (paling atas)
4. Masukkan alamat url blog anda. Contoh, http://super-bee.blogspot.com/ (jangan lupa diakhiri dengan garis miring).
Klik Save Changes

Jika muncul popup fb HTML, huraukan saja karena saya sudah mempersiapkannya untuk Anda.

Kembali ke Blog Anda :

1. Masuk/login ke blogger.com -> Template -> Edit HTML -> Lanjutkan -> tanda tik pada Expand Widget Template

2.Cari kode seperti dibawh ini : (tekan ctrl+f) "kode dibawah biasa berada paling atas"

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>

dan masukkan kode dibawah ini : (lihat kode diatas)

xmlns:fb='http://www.facebook.com/2008/fbml'

3. Kemudian cari kode </head> ,dan letakkan kode berikut ini diatasnya

<b:if cond='data:blog.pageType == "item"'>

    <meta expr:content='data:blog.pageTitle' property='og:title'/>

    <meta expr:content='data:blog.url' property='og:url'/>

    <b:else/>

    <meta expr:content='data:blog.title' property='og:title'/>

    <meta expr:content='data:blog.homepageUrl' property='og:url'/>

    </b:if>

    <meta content='NAMA BLOG ANDA' property='og:site_name'/>

    <meta content='App ID' property='fb:app_id'/>

    <meta content='ID Profil Anda' property='fb:admins'/>

    <meta content='article' property='og:type'/>

PENTING: Lihat tulisan yang berwana merah...

a. Ganti tulisan NAMA BLOG ANDA sesuai nama blog/situs anda.

b. Ganti tulisan APP ID ANDA dengan nomor aplikasi id Anda yang di save ke notpad tadi.

c. Ganti ID PROFIL FB dg yang sesuai. Contoh : https://www.facebook.com/profil/100000149724303

4. Cari kode </head> seperti no 3 tadi dan letakkan kode berikut ini tepat dibawah kode </head>

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId : 'App ID Anda',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml : true // parse XFBML
    });
};

    (function() {
    var e = document.createElement('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>

Ganti tulisan merah dengan App ID Anda yang telah Anda simpan kedalam notepad tadi.

5. Cari kode seperti dibawah ini :

<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>

6. Tambahkan kode dibawah ini tepat dibawahnya :

<b:if cond='data:blog.pageType == "item"'>
<div class='fb-comments' data-num-posts='2' data-width='450' expr:data-href='data:post.url'/>
</b:if>

Contoh : Lihat dibawah ini..

title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
        </b:if>
        </b:if>
<b:if cond='data:blog.pageType == "item"'>
    <div class='fb-comments' data-num-posts='2' data-width='450' expr:data-href='data:post.url'/>
    </b:if>

7. Save Template Anda.

Seperti yang saya sampaikan diatas tadi, seharusnya langkah-langkah diatas berhasil, karena saya sudah mempraktekkannya "lihat facebook comment saya". Jika Anda tidak berhasil mungkin template yang Anda miliki adalah template blogger baru, atau anda kurang teliti membaca langkah-langkah diatas

Cara Membuat Kata Sambutan Dan Penutup Di Blog

A. Cara membuat Kata Sambutan di blog

1. Login di Blogger
2. Edit Tata Letak/ Rancangan

3. Tambah Gadged

4. Pilih HTML/JavaSricpt

5. Save

6. OK

<SCRIPT language='JavaScript'>alert("WELCOME TO BLOG ANDIS-TO-B-ONE 'Jangan Lupa Follow Me & Beri Komentar ya' ");</SCRIPT>

Ket : Gantilah kata-kata yang berwarna BIRU sesuai keinginan kamu.

B. Cara membuat pesan penutup di blog

Proses nya sama dengan di atas OK

Ket : Gantilah kata-kata yang berwarna BIRU sesuai keinginan kamu..

Cara Membuat Tulisan Mengikuti Cursor

Tips Cara Membuat Tulisan Mengikuti Cursor Pada Blogspot :

1. Seperti Biasa Sign in dulu ke Blog anda
2. Pilih Rancangan / design
3. Klik Add Gadget (tambah gadget)
4. Pilih HTML/JavaScript
5. Copylah script di bawah ini

<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg=’Cara Membuat Tulisan Mengikuti Cursor di Blog‘.split(”).reverse().join(”);
var font=’Verdana,Arial’;
var size=3; // up to seven
var color=’#ff0000′;
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//—————————————————
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split(”);
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props=”<font face=”+font+” size=”+size+” color=”+color+”>”;
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write(‘<layer name=”nsmsg’+i+’” top=0 left=0 height=’+a+’ width=’+a+’><center>’+props+msg[i]+’</font></center></layer>’);
}
else if (ie||dom){
document.write(‘<div id=”outer” style=”position:absolute;top:0px;left:0px;z-index:30000;”><div style=”position:relative”>’);
for (i=0; i < n; i++)
document.write(‘<div id=”iemsg’+(dom&&!ie? i:”)+’” style=”position:absolute;top:0px;left:0;height:’+a+’px;width:’+a+’px;text-align:center;font-weight:normal;cursor:default”>’+props+msg[i]+’</font></div>’);
document.write(‘</div></div>’);
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!=”BackCompat”)? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+’px’;
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById(‘iemsg’+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? ‘px’ : ”);
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? ‘px’ : ”); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != “undefined” )
window.addEventListener( “load”, drag, false );
else if ( typeof window.attachEvent != “undefined” )
window.attachEvent( “onload”, drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();
</script>

6. Save widget dan template anda. Lihat Hasilnya.

Cara Membuat Efek Bubble Pada Cursor Blog

Hai sobat , kali ini saya akan share bagaimana Cara Membuat Efek Bubble Pada Cursor Di Blog sobat, iya agar tampilan blog dan web kita lebih menarik dan pengunjung bisa betah berlama-lama diblog kita gitu...hehe, pasti tambah capcusss.., oke langsung saja ya gan..

1.Login ke Blogger
2.Klik Nama Blog Sobat --> Tata Letak --> klik Tambah Gadget --> HTML/Javascript
3.Lalu Copy dan Paste Kode Bubble Kursor Efek di bawah ini di kotak HTML/Javascript

NB :

Kode yang berwarna merah adalah warna Bubble silahkan sobat ganti dengan warna kesukaan sobat.
Kode yang berwarna biru adalah jumlah Bubble yang akan kita pasang. Sobat boleh menggantinya mau seberapa banyak Bubble yang akan di tampilkan

4. Simpan dan coba lihat hasilnya.....