Read More

blogger

Widget kategori/label di blogspot

Kategori atau yang biasa disebut oleh seorang blogger pengguna blogspot label, merupakan hal yang terpenting dalam sebuah blog untuk lebih mudah di jelajahi oleh para pengunjung. Fungsi dari sebuah widget kategori ini tidak akan pernah lepas dari sebuah tampilan website/blog, maka dari itu alangkah baiknya widget kategori ini terdapat di blog mu. Bagaimana caranya mamen? oooohhhh itu mudah sekali sobat, tinggal ikuti saja cara di bawah ini :

1. Login ke blogger
2. masuk ke Rancangan >> Elemen halaman
   
3. setelah itu tambahkan sebuah gadget dimana saja
   
4. lalu akan muncul pop-up window, kamu pilih yang LabelsKeterangan :
   
   • Title atau judul : isi dengan judul widget itu, misalnya "Kategori di blog oketrik"
   • Show menandakan kategori apasaja yang akan muncul, semua atau tertentu
   • Sorting : mengurutkan kategori berdasarkan Alpabet atau kategori yang paling banyak
   • Display : bentuk susunan dari widget kategori tersebut, apakah berbentuk daftar (List) atau paragraf (cloud) terserah kamu mau pilih yang mana, recomended List
     
5. Setelah mengikuti langkah diatas, simpan deh

Benar bukan mudah cara pemasangan Widget kategori/Labels, sobat? Baik untuk kali ini itu saja yang bisa saya sampaikan lain waktu saya akan memberikan trik cara membagi dua baris pada label berbentuk Daftar (list)

Read More

cara membuat read more otomatis di blog

 Cara membuat readmore otomatis di blog

cara Membuat Readmore Otomatis di Blogspot. Kali ini zona-klik ingin sharing kepada sobat bagaimana cara membuat readmore otomatis (auto read more) di blogspot. Mungkin telah banyak yang membahas cara ini di blognya masing-masing, tetapi tidak ada salahnya zona-klik mempublishnya.

Dengan adanya readmore otomatis, homepage blog kita akan terlihat rapi dengan ketentuan tinggi dan lebar yang bisa di atur dengan mudah, juga menampilkan thumbnails gambar di sampingnya.

Sebelumnya zona-klik minta maaf jika cara penyampaian di artikel ini kurang dipahami dan dimengerti oleh sobat blogger, karena itulah kemampuan dan pengetahuan zona-klik membahas cara membuat readmore otomatis di blogspot.

Tanpa perlu panjang lebar bercerita, alangkah baiknya langsung ke TKP, cekidot.........

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis diatas kode tersebut.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

KEDUA, cari kode html berikut ini :

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

ganti kode tersebut dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image

==> Summar img 430 = tinggi artikel terpenggal dengan image

==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save template

Read More

cara pasang jam di blog

1. CARA PASANG JAM
2. Pertama kunjungi www.clocklink.com
3. lalu klik pada menu Gallery (disitu kita bisa memilih kategori-kategori yang ingin kita pilih)
4. sebagai contoh kategori analog kita pilih,
5. kemudian klik view html tag pada kotak di bawah jam yang kita pilih lalu akan timbul halaman baru di window baru. disitu nanti kita ada ketentuan-ketentuan yang memakai bahasa inggris,
6. langsung aja kita pilih accept
7. Selanjutnya kita diminta memilih warna (color), {time zone untuk Waktu Indonesia Bagian Barat sebaiknya memilih JOG : Jogyakarta Indonesia Time (GMT + 07.00)} serta jangan lupa tuliskan ukuran (size) jam agar sesuai dengan sidebar tempat meletakan jam itu nantinya. Dapat juga diatur kemudian.
8. Copy seluruh kode HTML kemudian disimpan di komputer kita contoh pada notepad.

Langkah selanjutnya kita menuju blog kita

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik tanda plus (+) untuk HTML/Javascript
6. Copy paste kode yang kita taruh di notepad tadi ke dalam kolom konten yang tersedia
7. selesai

jika sudah berhasil akan tampak seperti dibawah ini :

Read More

cara masang akun profil facebook di blog

cara memasang akun profil facebook di blogger.

1. Pertama silakan login ke akun facebook dan blogger anda.

2. Kemudian masuk ke profil milik sendiri, jika anda sedang di beranda, tinggal klik nama kita.

3. Klik Log aktivitas (tanda panah ke bawah) eeh ini yang pakai facebook timeline yaa...

4. lalu klik Tambahkan lencana ke situs anda

Buat yang tidak pake timeline klik aja Tambahkan lencana ke situs anda yang letak link nya di bawah daftar foto teman tab bagian kiri.

gambar 2 edit lencana profil

Sobat bisa mengedit tampilannya dengan klik sunting lencana ini. 

Sobat bisa memilih tampilannya mau tegak seperti contoh di atas ataupun vertikal, selain itu bisa juga sobat atur fitur apa saja yang mau ditampilkan seperti foto profil, nama kita, status terakhir, situs web dan lainnya. Tidak perlu banyak-banyak centangnya, nanti malah kepenuhan. Jika dirasa sudah cocok lalu klik Simpan.

Kembali ke gambar 2, lihat logo blogger jika sobat memakai blogspot klik aja langsung logo tersebut beda dengan typepad atau wordpress. Untuk pengguna wordpress klik lainnya, akan muncul kode yang diberikan, silakan di copy kode tersebut.

Untuk blogger sendiri akan langsung diarahkan otomatis ke add gadget blog dengan catatan sobat sedang login di akun blogger. dan akan muncul seperti gambar berikut ini:

Pilih nama blog, Judul widget, lalu klik menambah widget. Selesai. Dan profil facebook pribadi sobat sudah muncul di sidebar kanan. Langkah selanjutnya sobat bisa atur penempatannya agar lebih sedap dipandang mata, hehehe. Oke selamat Mencoba.

Read More

cara pasang tulisan bergerak

1. Kunjungi webnya di Widgeo.net
2. Ada akan menjumpai halaman web Widgeo.net seperti berikut

3. Jika sudah Flash Massage


Keterangan :
• No.1 silahkan masukan Teks atau tulisan yang sobat inginkan
• No.2 adalah model-model widgetnya silahkan pilih sesuai kriteria sobat
• No.3 adalah ukuran widget silahkan sesuaikan
• No.4 adalah kategori blog sobat silahkan sesuaikan
• No.5 Pilih No
4. Jika semua sudah diatur centang kotak kecil yang ditunjuka anak panah kemudian klik tombol Get Widget
5. Tunggu beberapa saat akan muncul kode untuk menampilkannya kehalaman blog seperti berikut

6. Sekarang Copy code tersebut masukan kehalaman blog anda dengan cara menambahkan Widget HTML/JavaScript -->Paste Code --> Simpan
7. Selesai deh

Read More

cara pasang efek salju

 cara pasang efek salju

1.Login Ke Blogger .

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Selanjutnya Silakan Sobat Cari Kode </head> .biar lebih mudah mencarinya tekan aja tombol CTRL+F.

5.Kalo udah ketemu kodenya Copy dan Paste kode berikut tepat dibawah kode </head> .

<script src='http://denisahlan.netau.net/hujansalju.js' type='text/javascript'/>

6.Klik Simpan Template .

7.Terakhir tinggal sobat lihat dech hasilnya..

Read More

cara pasang text menarik

                                                  Cara pasang  text diatas

1.buka http://www.flamingtext.com/

2pilih

3TUlis tulisan nya atur semuanya

4 create logo

5 personal use

6accept

7 copy code nya ke tata letak
 tambah gadget
pilih html/javascript
copy ke konten simpan

Read More

Cara Memasang Widget CCTV di Blog

Cara Memasang Widget CCTV di Blog

Haaiii,..hhehe kali ini saya akan posting tentang "Cara Memasang Widget CCTV di Blog",..

Saat browsing saya menemukan blog dengan widget yang unik yaitu ada CCTV di kanan atas halamannya,  langsung pengen saya. Kemudian setelah cari tau caranya ternyata ada script nya sendiri. Nah langsung saja begini cara masangnya :

• Login ke Blog
• Buka template, "Edit HTML"
• kemudian tambahkan script di bawah <head>

<script language="JavaScript" src="http://mufid-cheater.xtgem.com/CCTV.txt" type="text/javascript"> </script> <script language="JavaScript"
type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0JUZmbF2D2XUk_ZH1eT3BemIWCq3CTh9jVZpH2LBFsooF_v-F6BR3u9hxIXjUuStH1JRedsvBi5lesGdbBR1eotoxcB03PKu0-JHcdN95-Xj8k8OhPpJoNg9j3FwasBVLsy91ii7SPUo/s1600/cctv.gif")</script>

Catatan : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0JUZmbF2D2XUk_ZH1eT3BemIWCq3CTh9jVZpH2LBFsooF_v-F6BR3u9hxIXjUuStH1JRedsvBi5lesGdbBR1eotoxcB03PKu0-JHcdN95-Xj8k8OhPpJoNg9j3FwasBVLsy91ii7SPUo/s1600/cctv.gif bisa kalian ganti dengan url gambar lain jadi tak hanya kamera CCTV saja

Read More

Cara pasang lagu di blog

Langkah-langkahnya :

1. Silakan kunjung ke situs musicdumper.com

2. Tuliskan judul lagu yang anda inginkan di kotak search.

3. Pilih dan klik salah satu judul lagu yang di inginkan.

4. Tunggu beberapa saat muncul musiknya play.

5. Lihat di kotak Embed Options, copy code html tersebut ke blog kamu.


Cara copy code html ke blogspot kamu :

1. Login ke blogger.com

2. Klik Rancangan.

3. Klik tambah gadget.

4. Pilih dan klik html/javascript.

5. Masukkan judul dan kode scriptnya di kotak html/javascript.

6. Setelah selesai dan klik Simpan. Lihat hasilnya.

Read More

pivot

create stickfigure animations Stykz is a stickfigure animation program that was inspired by the popular Pivot Stickfigure Animator software. In addition to cross-platform support it adds several feature enhancements along with the ability to import and use your existing Pivot (.stk) animations. While similar in many ways, Stykz offers a completely different interface (multiple floating windows) along with in-scene editing, the ability to copy/paste figures, streching and distorting of elements, layer arrangements and more.Stykz provides several tutorial to get you started with your first animation, as well as detailed information for users that are switching over from Pivot. Your animation can be exported to animated GIF, .MOV video (requires Quicktime) or a series of PNG or JPEG still images.

http://www.snapfiles.com/get/stickfigure.html 

Read More