Tampilkan postingan dengan label Tips dan Trik Untuk Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tips dan Trik Untuk Blog. Tampilkan semua postingan

Kamis, 09 Mei 2013

Mengenal Fungsi Gadget Blogger


Mengenal Fungsi Gadget Blogger - Sebelum kita bahas fungsi masing-masing gadget utama pada blogger terlebih dulu kita mengenal apa itu gadget?ada dua macam pengertian dalam kesempatan ini, yaitu pengertian gadget secara umum dan pengerian gadget pada blogger, berikut penjelasannya:

Pengertian Gadget Secara Umum

Gadget secara umum adalah barang elektronik kecil yang yang didesain sedemikian rupa sehingga menjadikannya sebagai sesuatu inovasi terbaru, atau juga bisa dikatakan sebagai suatu penemuan yang benar-benar menakjubkan pada masanya. 

Pengertian Gadget Pada Blogger.com

Gadget di blogger.com adalah adalah fitur tambahan yang terdapat pada sidebar berupa elemen yang berguna dan mudah digunakan baik yang telah disediakan oleh penyedia layanan blog yang anda gunakan atau yang berasal dari pihak ketiga. Selain untuk mempermudah pengunjung blog dalam memahami sebagian isi blog, fitur ini juga dapat memperindah blog anda dengan modifikasi gadget.

Penggunaan serta pemasangan widget sangat dipermudah oleh pihak-pihak penyedia layanan sehingga yang anda lakukan hanya mendaftar atau bahkan ada yang tidak perlu mendaftar sama sekali alias Cuma mengcopy script yang telah disediakan dalam elemen blog.

Sesuai dengan judulnya yaitu mengenal Fungsi Gadget Blogger. pada artikel penjelasan gadget ini akan menjelaskan macam-macam gadget dan fungsinya. Memang fungsi dari masing-masing gadget sudah dijelaskan oleh pihak blogger, namun beberapa pemula di blogger.com merasa penjelasan tersebut masih kurang, setelah sobat mengetahui pengertian gadget juga fungsi gadget lengkap, tidak perlu pusing lagi untuk memasang gadget tersebut.

Fungsi Gadget Pada Blogger adalah sebagai berikut:

1. Pengikut

Gadget ini Berfungsi untuk Menampilkan daftar pengguna yang mengikuti blog Anda, lalu apa kegunaan dari mengikuti suatu blog? Kegunaannya adalah si pengikut akan segera tahu apabila ada artikel terbaru yang terposting di blog yang ia ikut, dan ini akan langsung tampil di Dasbor si pengikut. Agar lebih gampang seperti ini ilustrasinya: Si A mengikuti Blog si B, maka si A akan dengan cepat mengetahui apabila ada postingan terbaru dari blog si B, karena postingan terbaru tersebut akan langsung tampil di dasbornya si A, tatkala ia login/ masuk ke akun blogger-nya. sedangkan kegunaan bagi si pemilik blog yaitu untuk mempermudah penyebaran postingan terbarunya. Dengan kata lain, gadget ini bisa dikatakan memiliki peranan dalam mempermudah kedua belah pihak, antara si pemilik dan si pengikut. Apabila anda menambahkan gadget ini ke blog anda, maka seperti inilah nanti tampilannya:


2. Kotak Penelusuran


Gatget ini berfungsi untuk menelusuri isi blog-blog, blogroll, atau apapun yang pernah Anda tauti ke dalam blog anda. Anda juga bisa mengatur Gatget penelusuran ini hanya untuk mencari isi yang berada di blog anda saja, hasilnya seperti dibawah ini:



3. HTML/ JavaScript.

Gadget ini berfungsi untuk menambahkan fungsional pihak ketiga atau kode lainnya ke blog Anda. Dengan gadget ini anda bisa menambahkan kode HTML/ script di blog anda. Kode script itu biasanya bermacam-macam, ada yang berupa kode script iklan, banner, dll. Seperti apakah kode script itu? Agar teman-teman lebih jelas seperti apakah kode script itu, teman-teman bisa memperhatikannya melalui contoh berikut ini:

"
"

Dan hasil dari kode di atas adalah:


dan kode di atas berfungsi untuk mengetahui orang yang sedang online di blog kita.



4. Teks.

Melalui gadget ini, anda bisa menambah kata-kata di blog anda, seperti: Selamat datang di blog kami, selamat membaca, jangan lupa meninggalkan komentar, dll. Anda juga bisa menulis beberapa puisi atau juga pantun. Selain itu anda bisa membuat tulisan yang diselipi dengan link (Hyper Link) di dalamnya, seperti dengan menggunakan kata-kata, "untuk membaca panduan merakit komputer silahkan untuk pergi ke halaman ini" (kata ini, anda selipi dengan suatu link), atau juga bisa anda selipi dengan alamat e-mail.


5. Gambar.

Melalui gadget ini teman-teman bisa menambah suatu gambar ke blog-nya teman-teman. Entah itu gambar dari komputer atau suatu web. Selain itu teman-teman juga bisa membuat link tujuan gambar tersebut, contohnya saja teman-teman memiliki posting tentang masjid atau tentang ka'bah, maka teman-teman bisa memasang gambar masjid atau ka'bah tersebut ke blognya teman-teman dengan link yang bertujuan ke postingan yang isinya tentang masjid dan ka'bah tadi.


6. tampilan Slide.


Dengan Gadget ini teman-teman bisa memunculkan tampilan slide di blognya teman-teman. Slide yang akan ditampilkan sudah disediakan oleh pihak blogger.com itu sendiri, jadi teman-teman tinggal mengaktifkannya. Sebelum mengaktifkan gadget ini, teman-teman juga bisa mengatur jenis tampilan slide-nya nanti seperti apa.


7. Baris Video.

Dengan gadget ini teman-teman bisa menambah video klip dari Youtube juga video Google, sehingga para pengunjung bisa menontonnya. Bagusnya lagi, para pengunjung tersebut dapat menonton video tadi tanpa harus meninggalkan halaman posting, anda juga bisa mensettingnya dengan menggunakan kotak keyword yang tersedia.


8. Polling.

Dengan gadget ini anda bisa melakukan survey terhadap para pengunjung. Apakah kegunaan dari survey tersebut? Dengan adanya survey tersebut anda akan mengetahui sampai di manakah daya tarik pembaca terhadap blog anda, sehingga anda bisa memantau kualitaf dari isi blog anda.

9. Daftar Blog.

Dengan gadget ini anda dapat menampilkan blog vaforit anda di blog anda. Anda cukup menulis link blog faforit anda, lalu klik tombol tambah. Dengan begitu anda juga akan mudah untuk pergi ke blog tersebut, tanpa harus menghafal alamat URL-nya atau mungkin dengan tujuan lain seperti sebagai referensi blog anda.

10. Daftar Link.

Gadget yang ini kegunaannya hampir sama dengan gadget di atas. Namun untuk gadget yang ini, yang muncul nantinya hanyalah link-nya saja. Namanya juga Daftar Link. Gadget ini dapat anda manfaatkan untuk tujuan tukar link, atau sebagai blog roll (link ke teman-teman blogger lainnya).

11. Daftar.

Dengan gadget ini, anda bisa menambah daftar buku kesukaan anda, film kesukaan anda, atau apapun yang memang anda rasa penting untuk didaftarkan ke blog anda.



12. Feed.

Dengan Gadget ini anda bisa menyisipi feed RSS atau Atom ke blog anda.




13. NewsReel.

Dengan gadget ini, secara otomatis menampilkan tajuk google news dari blog anda.




14. Label

Dengan gadget ini anda dapat menampilkan label/ kategori semua postingan yang ada di dalam blog anda. Lalu apakah kegunaan label/ kategori tersebut? Dengan adanya label/ kategori para pengunjung akan merasa lebih mudah dalam mencari artikel yang mereka butuhkan. Contohnya blog anda membahas tentang kesehatan. Sedangkan artikel anda banyak sekali yang membahas tentang kesehatan, dengan tersedianya gadget label ini, anda dapat mengkategorikan postingan anda, sehingga para pengunjung menjadi mudah untuk menemukan postingan-postingan yang mereka cari. Contoh label yang berkaitan dengan kesehatan: Kesehatan rongga mulut, kesehatan mata, dll.

15. Tautan Berlangganan

Gadget ini dapat anda gunakan untuk menampilkan fitur langganan. SehinggaMemudahkan para pembaca untuk berlangganan blog Anda lewat pembaca feed populer.


16. Logo

Anda bisa menampilkan logo blogger.com ke dalam blog anda melalui gadget ini.





17. Profil

Dengan Gadget ini, anda dapat menampilkan profil blogger anda di blog anda. Apa fungsi profil blogger? Biasanya digunakan sebagai tanda pengenalan, atau sebagai tanda bukti kepemilikan blog.

18. Arsip Blog

Anda dapat menampilkan arsip blog anda dengan menggunakan gadget ini. Apa itu arsip? Singkatnya, apabila anda menambahkan gadget ini ke dalam blog anda, maka anda dan para pengunjung blog anda dapat dapat melihat semua daftar postingan anda, atau biasanya beberapa blogger menamakan gadget ini sebagai daftar isi, karena memang manampilkan semua isi/ postingan di blog kita. Anda dapat men-setting tampilan arsip blog anda nantinya, seperti: ingin ditampilkan menurut bulanan, mingguan, atau harian. Selain itu juga, anda bisa menentukan style/ gaya, mau secara hirarki (tersusun), atau menu dropdown.


19. Header Halaman.

Umumnya gadget ini secara otomatis sudah ditambahkan ke dalam blog kita. Namun, bagi anda yang ingin memodifikasi/ mengatur ulang header blog anda, anda bisa menggunakan gadget ini. Seperti halnya anda ingin memodif header blog anda dengan menambahkan gambar di dalamnya (sebagai latar atau background). Agar lebih jelas apa itu header blog/ halaman, anda dapat melihatnya di blog ini, yaitu terletak di bagian paling atas di blog ini, 

Jumat, 12 Oktober 2012

Membuat Efek Gelembung pada Cursor



Membuat Efek Gelembung pada Cursor

Jika sobat ingin membuat cursor terlihat lebih bergaya dan menarik maka cobalah trik yang satu ini. Kali ini blog trik dan tips akan membahas bagaimana cara membuat efek gelembung pada cursor. Efek gelembung akan muncul apabila cursor digerakan dihalaman blog anda. Gelembung akan timbul lalu melayang ke atas halaman blog. Jika sobat penasaran dengan tampilkan efek cantik ini silahkan coba langkahnya dibawah ini:

1. Login ke blogger
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan gadjet lalu pilih HTML/Javascript
4. Masukkan kode berikut ini:
<noscript></noscript><!-- --><script type="text/javascript" src="http://blogtrikdantips-blogspot.googlecode.com/files/cursor_gelembung.js"></script><script type="text/javascript">

// <![CDATA[
var colours=new Array("#2E9AFE", "#2E9AFE", "#2E9AFE", "#2E9AFE", "#2E9AFE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>

5. Simpan gadjet lalu lihat hasilnya

Jika sobat ingin mengubah warna gelembung pada cursor silahkan ganti kode yang berwarna biru diatas kode kode warna yang anda sukai. Selamat mencoba! Good Luck!

Kamis, 11 Oktober 2012

Cara Membuat Read More

Cara Membuat Read More

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) atau tekan ctrl + F:
<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:
<span class="fullpost">


</span>


8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :
<span class="fullpost">


</span>


10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>
11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba dan semoga bermanfaat ^^

Rabu, 19 September 2012

Cara Mengganti Alamat Blog

Cara Mengganti Alamat Blog
url blog, alamat blog, blog address
Alamat blog merupakan sebuah url yang kata-katanya atau susunan katanya perlu diperhatikan karena url blog yang baik merupakan url blog yang dapat menggambarkan keseluruhan isi blog dengan url tersebut. Menyusun url blog dengan baik merupakan salah satu teknik SEO yang dianjurkan, tapi menggonta-ganti url blog merupakan tindakan yang kurang baik dalam SEO dan juga tidak disukai oleh si Google. Tapi untuk para pemula yang blognya belum terlalu optimized, hal ini tidaklah menjadi masalah, lalu bagaimana cara mengubah alamat blog kita? Mudah saja, ikuti langkah-langkah berikut:
1. Masuk ke dashbor blog sobat.
2. Klik menu Setelan.
3. Di tab yang berjajar di atas itu, pilih tab "Penerbitan".
4. Nah, disitu kan ada url blog sobat, silahkan ganti sesuai keinginan sobat, masukkan kode verifikasi lalu klik Simpan Setelan.

Minggu, 27 Mei 2012

Cara Judul Posting berjalan

Mungkin kalian bertanya-tanya. gimana sih cara membuat Judul Postingan supaya bisa  berjalan..?
Eh.. ternyata sangat mudah sekali caranya ya loh ..

Berikut langkah-langkahnya:

1. Login ke www.blogger.com

2. Klik Entri Baru

3. Nah, saat memberi judul, beri kode <marquee>....</marquee> .

4. Format judulnya seperti ini , <marquee>Disini Judul Blog</marquee>

5. Isi postinganmu

6. Lalu klik Tebitkan Entri

SEMOGA BERMANFAAT !!!

Sabtu, 26 Mei 2012

Tempat download templete blog

Temen-temen sekarang ada info nih buat kalian , buat kalian yang punya blog dan pengen ganti templatenya bisa di download di :
  1. http://www.ipietoon.com
  2. http://www.freewpthemes.net
  3. http://btemplates.com
  4. http://www.eblogtemplates.com
  5. http://www.yvoschaap.com/wpthemegen
  6. http://wordpress.org/extend/themes
  7. http://www.wpthemesfree.com
 Selamat berkunjung ^^