Cara Membuat Yahoo! Messenger Pingbox
kali ini Radmin™ akan coba share kan cara mebuat Widgets buat Blogger Yahoo! Messenger Pingbox,
Apakah Yahoo! Messenger Pingbox? Adalah fasilitas chatting menggunakan yahoo messenger langsung dari website pribadi, blog, atau halaman website lainnya, tanpa harus punya account Yahoo Messenger bagi si pengunjung.Cara membuatnya :
- Klik http://id.messenger.yahoo.com/pingbox/
- Pilih menu Pingbox™
- Tekan tombol Buat Pingbox
- Di jendela Pingbox Baru tentukan tema latar belakang, nama tampilan (yaitu nama yang akan terlihat oleh pengujung yang chat), salam sambutan online, pesan saat offline, dan tentukan nama untuk setting kamu ini
- Klik tombol simpan
- Setelah itu akan muncul layar untuk masuk ke account email Yahoo, masukkan nama dan password email yahoo, jika belum punya daftar saja kan gratis
- Akan muncul layar “Pingbox Baru siap ditambahkan ke situs web”, di situ memberikan pilihan apakan akan ke sembarang situs atau situs lain yang tersedia semisal friendster, blogger, wordpress dll
- Di bawah akan muncul muncul kode untuk dicopy paste ke website/blog kita.
- Bagaimana memasang YM Pingbox di blog? Yaa ikuti blog kami selanjutnya
Baca Selengkapnya
Tambahkan Komentar
0
komentar
Widget pendeteksi jumlah pengunjung yang online
ika anda seorang blogger pemula seperti saya pastinya anda ingin tahu ada berapa orang yang sedang membuka blog anda pada saat itu,nah jika anda ingin menambahkan widget seperti ini sangat gampang sekali,saya jamin anda tidak akan pusing,,,
ini langkah-langkahnya..
1.klik tombol merah yang ada pada blog saya..
2.kemudian anda akan di bawa ke
3.Dan klik Kalimat get one
4.kemudian pilih ingin anda letakan dimana,contoh seperti dibawah ini akan membuat widget terletak di kanan tengah,seperti blog saya.
6. setelah di copy Login blog anda
7. klik layout, page element ( klik Tata Letak, Elemen Laman)
8. Add Gadget (Tambah Gadget)
9. Pilih & Klik Html/Java Scrip
10. Pastekan Kode tadi
kemudian save..
selamat mencoba...
Baca Selengkapnya
Tambahkan Komentar
0
komentar
membuat back to top pada blogger
Apa Itu Tombol Back To Top?? sesuai namanya dalam bahasa ingrris yang dalam bahasa mandarinnya yaitu Kembali Ke Atap,upzzz Kembali Ke Atas Maksudnya ,,(mank ada yah bahasa mandarin Kembali ke Atas??) , Nah dari namanya saja pasti udah kebayang kalau di gunakan dalam sebuah halaman blog, yaitu jika kita berada di bagian bawah halaman ataupun pertengan halaman, jika tombol tersebut di klik maka secara perlahan akan menuju ke bagian atas halaman blog, namun ada juga yang langsung tok ke atas tidak secara perlahan,namaun yang saya gunakan naiknya secara Perlahan karena menggunakan JQuery,silahkan dilihat di blog ini contohnya (Bagian Kanan Bawah Arah Kita)udah Ketemu Kan Tombolnya??Kalau belum berarti anda berada di bagian atas halaman,ke bawah dulu dong...
Waduh.... Panjang amat Yah,Yaudah Langsung aja saya Kasi Kodenya
Ini Dia Kodenya :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>entahlah saya dapat kode ini darimana asalnya,hahaha lanjuuuuuuuuttttttt
<script src="http://js-rezdown7.googlecode.com/files/rezdownbacktotop.js"></script>
Cara Meletakkannya Yaitu :
Seperti biasa
1. Masuk ke akun blogger anda dengan email dan password sendiri
2. Setelah berada di halaman Dashboard silahkan anda Pilih Desaign dan anda akan diantar ke halaman Edit Layout Tepatnya Page Elements.
3. Pilih Add a Gadget
4. Pilih HTML/JavaScript
5. Masukkan/Copy Kode Tersebut Di Atas dan Klik Save.
6. Lihat hasilnya
--------------------------------------------
- Jika anda ingin mengganti dengan tombol atau gambar anda sendiri, download dulu file Js nya.
- caranya pada kode yang berwarna hijau copy/paste di adress bar webbrowser anda,dan klik Enter.
- Setelah selesai, Silakan Upload file Js nya, Caranya Lihat Di Sini.
Setelah itu ganti Kode Warna Hijau di atas dengan Link hasil anda Mengupload.
Kalau kurang jelas silahkan hub. saya.
Terima Kasih...semoga bermanfaat
Baca Selengkapnya
Tambahkan Komentar
0
komentar
Membuat Page Navigation
Page Navigation adalah sebuah Widget yang digunakan pada Web ataupun Blog untuk memperlihatkan postingan atau artikel pada Webblog tersebut per halaman,contohnya seperti gambar dibawah ini:
Untuk lebih memperjelas pengetahuan anda mengenai Page Navigation ini silahkan menuju halaman depan[Homepage] blog ini,dibagian bawah postingan terakhir terdapat angka1,2,3,…,dst.itulah yang disebut Page Navigation.
Untuk membuatnya sangat mudah
1.Login ke blogger dengan ID anda
2.Lalu Klik Menu Templates
3.Klik Add Widget Element
4. Pilih Menu HTML/Java Script
5.Lalu Download Kode berikut dan Pastekan pada kotak HTML tersebut
<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #bbb;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #bbb;
background-color:#bbb;
}
.showpagePoint {
color:#fff;
text-decoration:none;
border: 1px solid #fff;
background: #000;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #bbb;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}
</style>
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'Awal';
var endPageWord = 'Akhir';
var upPageWord ='Sebelumnya';
var downPageWord ='Selanjutnya';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}
if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}
if(postNum==1) postNum++;
html += '</div>';
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
</script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://blogkomputers.blogspot.com">Grab this Widget ~ Navigasi Halaman</a></div>
6.Save Widget tersebut
7.Scrool atau pindahkan Widget tersebut pada area dibawah posting[lihat gambar]
8.Save Template
9.Selesai
Baca Selengkapnya
Tambahkan Komentar
0
komentar