Showing posts with label Widget. Show all posts
Showing posts with label Widget. Show all posts

Saturday, 13 June 2015

Cara Menampilkan Status Y M

Jika ada ingin berinteraksi dengan pengunjung blog anda , anda bisa gunakan fasilitas YM ini. agar pengunjung anda tau saatanda online atau tidak anda perlu menarunya pada blog anda sehingga pengunjung mengetahui kebeeradaan anda .

ini contoah gambarnya saat anda offline



Klo di bawah ini saat anda Online




1. caranya sama seperti saat kita akan menambahkan elemen halaman atau widget HTML.
2. Copy code ini

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

Ganti text berwarna merah dengan id YM kmu . Angka 2, Gambar yang akan di tampilkan , klo anda ingin tampilannnya sama seperti di atas maka angka 2 jangan di ganti

Cara Menampilkan Status Y M


3. Lalu Simpan deh

Gimana ? Gampang kan
Read more

Sunday, 5 October 2014

Pasang Jam di Blog

Pasang jam di blog- Ini nich buat kamu yang mau pasang jam di blog,,, memang sih ini trik lama, tapi lumayan juga buat memvariasaikan blog akan agan terlihat ramai akan aksesoris

1. Kunjungin deh http://www.clocklink.com
2. Pilih kategori yang ada di kiri web
 
Pasang Jam di Blog
Beberapa contoh galeri jam


3. Pilih jam yang kamu inginkan, ada animation, animal, digital, holiday dan masih banyak lagi,  lalu pilih View HTML Tag. truz pilih Aceppt
Pasang Jam di Blog
 
4. Tinggal copy paste deh scriptnya di blog kamu dengan cara menambahkan Elemen/Widget Di Blog.

nb : copy salah satu scriptnya , jika script yang  ke 1 gagal, anda tinggal copy saja yang ke 2 

Read more

Wednesday, 20 August 2014

Membuat Link di Sidebar atau Widget

Membuat Link di Sidebar atau Widget /  Terkadang kita memerlukan link untuk di taruh atau di letakan pada blog biasanya pada side bar dan yang nanti nya link ini bisa di geser dan di ubah dengan mudah kapan saja oleh kita Yang udah gak sabar, langsung aja nih tutorial nya 

1. Seperti biasa anda harus sign in di akun blogger.com kalian 
2. Pilih blog yang akan kalian terapkan trik ini 
3. Pilih menu Tata Letak lalu Tambah Gadget 
4. Pilih dan klik HTML/Javascript 
5. Ketik kode HTML nya jika sudah klik SIMPAN 1






Membuat Link Bro                   = Teks yang kalian ingin jadikan Link atau Tautan

Mudahkan ?
Lakukan dengan hati-hati dan sabar ya, agar mudah di pahami



Read more

Friday, 6 June 2014

Widget Untuk Mengetahui Jumlah Pengunjung Yang online di blogger

Kali ini kita akan menaambahkan Widget Untuk Mengetahui Jumlah Pengunjung Yang online di blogger, kadang kita penasaran saat mengunjungi blog kita sendiri ingin mengetahui siapa saja yang dengan bersamaan dengan anda mengnjungi blog anda. tak perlu khawatir kini kalian bisa mengetahui nya dengan Widget Untuk Mengetahui Jumlah Pengunjung Yang online di blogger.

Widget Untuk Mengetahui Jumlah Pengunjung Yang online di blogger


di bawah ini beberapa situs yang menyediakan Widget Untuk Mengetahui Jumlah Pengunjung Yang online di blogger, kalian cukup copy lalu paste di HTML pada blog anda.


Widget Untuk Mengetahui Jumlah Pengunjung Yang online di blogger

bentuk dari widget yang di sediakan situs ini sangat beragam seperti type klasik,berwarna, tab dan peta, kalian tinggal hanya memilih lalu mencopy kode HTML nya lalu paste di blog kalian


Widget Untuk Mengetahui Jumlah Pengunjung Yang online di blogger

bentuk dari widget yang di sediakan situs ini sangat beragam seperti type berdasarkan negara, icon, peta dan small button, kalian tinggal hanya memilih lalu mencopy kode HTML nya lalu paste di blog kalian

mudah kan ?

Semoga bermanfaat
Read more

Tuesday, 6 May 2014

Membuat Recent Comment atau Komentar Terbaru di blogger

Membuat Recent Comment atau Komentar Terbaru


ini dia cara-cara mudah nya

1. Sign in di  Blogger.com  yang pastinya dengan akun anda.

2. pada dasbor, pilih blog yang akan anda tambahkan widget ini.

3. Lalu pilih  Rancangan

4. Pilih tambahkan widget, dimana anda akan meletakkannya tapi jangan khawatir lokasi widget bisa di pindahkan kok nanti

5. Lakukan pencarian widget seperti gambar di bawah ini

Membuat Recent Comment atau Komentar Terbaru

6. Pilih salah satu yang kalian akan terapkan.

Membuat Recent Comment atau Komentar Terbaru

     1. Recent Comment standar
     2. Recent Comment advance
saya sarankan gunakan lah yang pertama karena simple

7. Isi isian sesuai keinginan anda  Lalu piilih simpan atau save

Membuat Recent Comment atau Komentar Terbaru


Lalu lihat blog anda, pasti deh sudah terdapat recent commentnya

semoga bermanfaat yaa
Read more

Sunday, 4 May 2014

Membuat Kotak Pencarian/Search Engine

Search engine atau kotak pencari adalah sebuah fasilitas yang digunakan untuk mencari halaman dan konten berdasarkan keyword atau kata kunci yang kita cari. Kotak pencari ini juga sangat bermanfaat untuk pengunjung kita dalah mencari konten yang ada di blog sehingga tidak usah membuka satu persatu post yang ada dalam blog, dengan anda hanya mengetikan kata kunci yang ingin di cari lalu klik enter, tarangggg. Keluar deh hasil yang kalian inginkan...

Ini nih kenampakan kotak pencarian 
Membuat Kotak Pencarian/Search Engine

Untuk kalian yang ingin menaruhnya di blog gampang kok cara nya. cekidott
1. Masuk dengan akun blogger anda 

2. Pilih blog yang akan kalian taruh kotak pencarian

3. Lalu pilih tata letak, tambah gadget pada tempat yang di inginkan 

4. Pilih HTML/Javascript 

5. Copy paste kode di bawah ini lalu simpan atau save


<form action="http://url-blog.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="25" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti url blog dengan nama blog anda. Angka 25 adalah panjang kotak pencarian yang kalian inginkan


Membuat Kotak Pencarian/Search Engine

Membuat Kotak Pencarian/Search Engine


Selamat mencoba ya
Read more

Wednesday, 21 August 2013

Membuat Recent Comment / Komentar Terbaru dengan thumbnail

Mengijinkan para pembaca setia blog anda menanggapi postingan membuat setiap postingan anda menjadi lebih hidup, para pembaca bisa langsung ber konsultasi dan tanya jawab sekitar postingan tersebuat.

Membuat Recent Comment / Komentar Terbaru dengan thumbnail

Postingan yang menarik akan sangat banyak mengundang banyak komentar dan tanggapan yang aktif untuk mempermudah anda dan para pembaca setia blog untuk melihat siapa saja yang baru saja menambahkan komentar, anda bisa menambahkan Widget Membuat Recent Comment / Komentar Terbaru dengan thumbnail yang bisa memunculkan Avatar sang yang empunya komentar

Ini penampakannya

Membuat Recent Comment / Komentar Terbaru dengan thumbnail

1. Sign in atau masuk ke akun Blogger anda

2.Pilih blog yang akan anda tambah kan widget ini

3. Pilih Tata Letak, lalu Tambahkan Widget HTML/Javascript

4. Copy Paste kode di bawah ini

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 4,
    showAvatar     = true,
    avatarSize     = 30,
    roundAvatar    = true,
    characters     = 40,
    showMorelink    = false,
    moreLinktext    = "More »",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://trikaja.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

  •  4 Memunculkan 4 Komentar terbaru
  • 30 Ukuran avatar yang muncul
  • 40 Jumlah huruf yang mucul
  • http://trikaja.blogspot.com Ganti dengan URL Blog anda
5. Lalu Simpan , dan letakan sesuai keinginan anda
Read more

Tuesday, 20 August 2013

Cara menghilangkan Widget Attribution atau Atribusi

Widget Attribution atau Atribusi Sangat sedikit blog yang menaruh link ‘ Powered by Blogger ‘ atau ‘ Diberdayakan oleh Blogger ' saat ini. Mereka mengkustom sedemikian rupa template blog sehingga hampir menyerupai Web yang profesional. 

Secara default blogger menginginkan agar para pengguna nya tidak lupa untuk menaruh link blogger.com pada setiap blog yang kita punya, sehingga widget Attribution atau Atribusi muncul pada setiap template yang di sediakan blogger saat ini. Banyak para blogger yang tidak setuju atau juga sangat terganggu akan ada nya Widget Attribution atau Atribusi, karena widget ini bisa di tambahkan tetapi tidak bisa di hapus dan di pindahkan.

Widget Attribution atau Atribusi

Tetapi dengan sedikit trik bisa kok kita lakukan hal-hal yang kalian inginkan seperti di atas. Ini nih penampakannya 

Widget Attribution atau Atribusi
 
Buat kamu yang ingin menghapus Widget Attribution atau Atribusi

1. Sign in di akun blogger anda

2. Pilih blog yang akan anda terapkan 

3. Pergi ke Template lalu Edit HTML

4. Tambahkan kode di bawah ini, tepat di atas  ]]></b:skin>
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
5. Lakukan Pratinjau sebelum di Simpan

Semoga bermanfaat ya
Read more

Monday, 19 August 2013

Widget Attribution atau Atribusi

Widget Attribution atau Atribusi Sangat sedikit blog yang menaruh link ‘ Powered by Blogger ‘ atau ‘ Diberdayakan oleh Blogger ' saat ini. Mereka mengkustom sedemikian rupa template blog sehingga hampir menyerupai Web yang profesional. 

Secara default blogger menginginkan agar para pengguna nya tidak lupa untuk menaruh link blogger.com pada setiap blog yang kita punya, sehingga widget Attribution atau Atribusi muncul pada setiap template yang di sediakan blogger saat ini. Banyak para blogger yang tidak setuju atau juga sangat terganggu akan ada nya Widget Attribution atau Atribusi, karena widget ini bisa di tambahkan tetapi tidak bisa di hapus dan di pindahkan.

Widget Attribution atau Atribusi

Tetapi dengan sedikit trik bisa kok kita lakukan hal-hal yang kalian inginkan seperti di atas. Ini nih penampakannya 
 
Widget Attribution atau Atribusi
Buat kamu yang ingin menghapus Widget Attribution atau Atribusi Klik disini
Read more

Friday, 16 August 2013

Pasang floating iklan atau gambar di blog

Dalam suatu kesempatan kadang sedikit aneh ya kawan kalau ada gambar yang diam tak bergerak di atas status bar browser anda dan akan hilang di saat kita klik closed. Lihat gambar di bawah ini untuk lebih jelasnya.

Pasang floating iklan atau gambar di blog


Floating ini bisa di isi iklan dari adsense dan sebagainnya atau gambar iklan biasa juga bisa


Pasang floating iklan atau gambar di blog


1. Pergi ke blogger.com lalu sign in menggunakan akun blogger anda

2. Pilih blog yang akan kalian gunakan floating ini

3. Pergi ke Tata Letak lalu Tambah Gadget pilih HTML lalu kopas kode di bawah ini

<!-- Start Iklan Melayang Footer -->
<scriptsrc='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'> <br />
<script type='text/javascript'> $(document).ready(function() { $('img#closed').click(function(){ $('#btm_banner').hide(90); }); }); </script>
<style type='text/css'> div#btm_banner { bottom: 0; position: fixed; width: 100%; opacity: 0.9; left: 0; } div#btm_banner img{ border:0; cursor:pointer; } </style> <div style='height: 0px;'></div> <div align='center' id='btm_banner' style='height: 110px; z-index: 9999;'> <div style='text-align: right; width: 735px; height: 3px;'> <img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtetaR8T6qzjTSapaFKg59AuilXUWKhM0OJx28ONPbHBemDWhmbheqp-JFAvyDOGIBtiO1cQkBJnVgrPhuDjpVtn0F6gPudVc_dIpwSYD3b53_Awpzd6xbcu_6aMrZCTWjTXdDsjOgmAU/s1600/close-icon.png'/></div> <div style='clear: both;'></div> <p> <p><center>isi floating nya disini</center></p> </p> </div>
<!-- End Iklan Melayang Footer --></scriptsrc='http:>

4. Ganti teks bertulisan merah tersebut, isi dengan gambar berlink, script iklan juga bisa

5. Simpan deh

Sangat Mudah kan ?
Read more

Tuesday, 13 August 2013

Membuat iframe di Blog

iframe adalah suatu ruang kota seperti bingkai yang bisa di isi berbagai kegunaan dalam blogging

Membuat iframe di Blog

Membuat iframe di Blog
http://scape.cs.vt.edu

ini dia script sederhana untuk membuat iframe

<iframe> isi frame nya </iframe>

Beberapa atribut yang sering di pasang dalam iframe adalah :

align=”left/right” –> Untuk mengatur posisi iframe

width=”lebar” –>: Mengatur lebar IFRAME dalam pixel atau persen

height=”tinggi” –> Untuk mengatur tinggi dari iframe dalam pixel atau persen

frameborder=”garis pembatas” –> Untuk memberi garis pembatas

scrolling=”auto/yes/no” –> Untuk memberi atau tidak memberi scrolling pada iframe

src=”url yg ingin di tampilkan” –> alamat sumber yang ingin di tampilkan pada iframe

agar kalian tidak binggung dalam memehaminya. ini dia script iframe yang seder hana
contoh kode yang di pasang seperti ini :
ini sript iframe yang tidak menggunakan scrolling

<iframe align="left" frameborder="0" src="http://trikaja.blogspot.com"
width="500" height="300" scrolling="no">
</iframe>

kalau yang ini menggunakan scrolling


<iframe align="left" frameborder="0" src="http://trikaja.blogspot.com"
width="500" height="300" scrolling="yes">
</iframe>

Selesai deh

kalian tinggal copy lalu paste di tempat yang kalian inginkan

catatan : script di atas adalah iframe yang di gunakan untuk menampilkan blog pada frame
Read more

Saturday, 10 August 2013

Pasang Feed di Blog

Pasti kalian inginkan selalu update dengan blog yang kalian sering kunjungi tanpa kalian kunjungi satu-persatu
sehingga kamu bisa taruh artikel terbaru blog lain di blog kalian
ini dia trik feed pada blog

Pasang Feed di Blog

Secara default feed sebuah blog seperti ini :http://trikaja.blogspot.com/atom.xml. tulisan merah ganti dengan alamat blog yang kalian ingin lihat feednya

inin dia caranya
Pasang Feed di Blog

1. Sign in di blogger dengan id kalian

2. Klik menu layout

3. Klik menu Elemen Halaman

4. Klik tulisan Tambahkan sebuah Elemen Halaman

5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan Feed

Tulis alamat ini pada kotak di samping tulisan URL feed -->

6. Klik tombol SIMPAN PERUBAHAN

7. Pindahkan elemen yang baru saja di buat pada tempat yang kalian mau

8. Klik tombol SIMPAN

9. Klik tulisan Lihat Blog untuk melihat hasil penambahan elemen yang baru di buat

10. Selesai

Pasang Feed di Blog  

mudah kan. semoga berhasil
Read more

Thursday, 8 August 2013

Pasang Skrip Alert Di Blog

Pernah kah kalian saat mengunjungi sebuah blog terkadang terdapat windows aler seperti gambardi bawah ini

Pasang Skrip Alert Di Blog

menurut saya penggunaan skrip ini memang sediki mengganggu pengunjung tetapi untuk anda yang hanya sekedar coba-coba skrip ini juga boleh untuk di terapkan


untuk kalian yang berminat menggunakannya ini triknya
<SCRIPT language='JavaScript'>alert("Selamat datang di blog deska_tire");</SCRIPT>
Tulisan yang berwarna merah adalah tulisan yang hendak anda tuliskan, tentunya ini sesuai dengan keinginan anda.

  1. Login ke blogger.
  2. Klik Tata Letak.
  3. Klik tab Edit HTML
  4. Jangan lupa backup template
  5. Cari kode </head>.
  6. Copy paste kode berikut di atas kode </head> (ganti tulisan yang berwarna merah dengan yang anda inginkan).
    <SCRIPT language='JavaScript'>alert("Selamat datang di blog deska_tire");</SCRIPT>

  7. Klik tombol SIMPAN TEMPLATE
  8. Selesai. Silahkan buka blog anda untuk melihat hasilnya.

Mudah kan?
Read more

Sunday, 4 August 2013

Pasang Pelacak IP Address

Pasang Pelacak IP Address - Untuk pecinta aksesoris blog, Ini dia sobat satu lagi aksesori blog yang menarik untuk di sematkan di blog kalian,
Pasang Pelacak IP Address

Pasang Pelacak IP Address

Tool ini berfungsi untuk melacak alamat IP (Internet Protocol) sang pengunjung blog kita. Selain itu, tool ini juga bisa menampilkan informasi berupabrowser serta Operating system apa yang dipakai oleh pengunjung blog kita
Untuk kalian yang tertarik, banyak sekali situs yang menyediakan tool ini di internet dan khusus buat kalian, akan saya sarankan satu situs yaitu
http://www.wieistmeineip.de/banner/
Ini dia kira-kira tampilannya dan nanti ya kalian bisa memilih berbagai pilihan lainnya sesuai dengan keinginan kalian di situs tersebut           
Pasang Pelacak IP Address

1. Seperti biasa anda harus sign in di akun blogger.com kalian
2. Pilih blog yang akan kalian terapkan trik ini
3. Pilih menu Tata Letak lalu Tambah Gadget 
4. Pilih dan klik HTML/Javascript 
5. Paste kode yang tadi kalian copy, jika sudah ya klik SIMPAN

Mudah kan ?
Read more

fungsi Scroll untuk Berbagai Keperluan

Fungsi Scroll untuk Berbagai Keperluan
Fungsi Scroll untuk berbagai keperluan, anda hanya membuat kode seperti ini :
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
Isi
</div>
Contoh : 



Cara Agar Blog Bisa diakses Via Handphone

Cara Buat Spoiler di Blog

Cara Melindungi Artikel Dari Copy Paste (Disable Highlight)

Cara Membuat Teks Berjalan di Menu Bar

Cara Menampilkan Status Y M

Cara kontrol akses blog blogger anda (Control permissions)

Cara mudah Ganti Favicon Di Blogspot

Custom permalink pada blogger

Daftar google sitemap

Fungsi Scroll untuk Berbagai Keperluan

Hanya Menampilkan Judul Posting Pada Halaman Awal Blog

Kotak Komentar Di bawah Posting

Memasang AddThis Pada Blogger

Memasang Efek Salju di Blog Model Baru

Memasang Protektor Anti Copas Di Blogspot

Memasang gambar ber-link pada blog

Mematikan Klik Kanan

Membackup Widget Blogger

Membuat Blog di Blogger

Membuat Daftar Isi Berdasarkan Label

Membuat Fungsi Refresh Otomatis pada Blog

Membuat Kotak Pencarian/Search Engine

Membuat Link dalam Postingan Blogger

Membuat Link di Sidebar atau Widget

Membuat Marquee( Text berjalan )

Membuat Readmore pada Posting ( Manual )

Membuat Recent Comment atau Komentar Terbaru

Membuat Text Area

Membuat iframe di Blog

Mengembalikan Tulisan Home

Mengganti Gambar Kursor di Blog

Mengganti Template Blog

Menghapus Tulisan Menampilkan Entri Terbaru dengan Label

Menghilangkan Garis Bawah pada Link

Menghilangkan Garis atau Bingkai Pada Gambar di posting

Menghilangkan Icon Obeng dan Tang / Quick edit Blogger

Menghilangkan Navbar blogger (Navigation Bar)

Menghilangkan Tulisan Beranda/Home

Menghilangkan Tulisan Posting Baru/Newer Post

Menghilangkan Tulisan Posting Lama atau Older Post

Menghilangkan Tulisan di Poskan Oleh

Menghilangkan bingkai gambar pada blog

Menghilangkan tulisan Beranda/Home

Mengurutkan judul posting berdasarkan ABJAD

Menyingkat komentar post dengan scrolling

Merubah Title Blog dengan Title Postingan

Pasang Buku Tamu di Sidebar

Pasang Feed di Blog

Pasang Flash di Blog

Pasang Jam di Blog

Pasang Meta Tag Blogger

Pasang Pelacak IP Address

Pasang Skrip Alert Di Blog

Pasang Statis Pagerank Blog Anda

Posting Kode HTML di Blog

Posting Via Email

SEO Blog Versi Deska_tire

Setting Custom Domain Blogspot

Shortcut atau Jalan pintas pada blogger

Tips Mengedit HTML Blogspot

Tips SEO untuk blogger pemula

Tips memilih domain

Tips memilih template blog yang SEO friendly

Tips pada template blogger

Tips sederhana mengelola blog

Tips sederhana mengelola blog

Tips sederhana menjadi seorang Blogger sejati




 keterangan :

width:300px; = Untuk mengatur lebar bidang scroll, sesuaikan dengan lebar yang kalian inginkan. Dengan mengubah nilai 300 sesuai kebutuhan

Fungsi Scroll untuk Berbagai Keperluan

height:200px; = Untuk mengatur tinggi bidang scroll, sesuaikan dengan lebar yang kalian inginkan. Dengan mengubah nilai 200 sesuai kebutuhan

border:1px solid #eee  = di gunakan untuk menampilkan garis, sehingga menghasilkan effect kotak, ubah nilainya menjadi 0px jika kalian tak ingin menampilkan garis nya

 overflow:auto; = kode penghasil scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

padding:10px; = digunakan untuk membuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. Seperti 5px

Fungsi Scroll untuk Berbagai Keperluan

itu lah kira-kira kodestandartnya, kalian bisa juga menambahkan variasi lainya di fasilitas ini seperti : merubah backroundnya dengan gambar atau merubahnya dengan warna keinginan anda

selain bisa di isi dengan link dan teks, fungsi scroll juga bisa di isi dengan gambar, iklan atau apa saja sesuai keinginan anda

untuk meletakkannya , seperti biasa anda menambahkan elemen halaman, pilih html/javascript lalu geser sesuai letak yang kalian inginkan

Read more