0 Memasang Widget CCTV di Blog

Membuat gambar kamera melayang seperti anda lihat di pojok kanan atas blog saya itu sangat mudah koq. Mau tau caranya? Agan" juga mau memasangnya di blog agan? oke saya kasih tau deh, dari pada nanti agan" nangis gak di kasih tau sama saya. hahaha PEACE gan :p

ni scriptnya:

<script language="JavaScript" src="http://brigit.xtgem.com/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKpnEPg9KD2iPYEKSgpU1BjjYBgpUlNbjeLlb6LItac3WaYwOZjH8FlcfdaYjiDLuy-y4EHAZnjfaq_kJ5g5PZBK7Z3WCW7pfBPVixLTtiPnrv9mFqBeRGVtxB8eC18ybADvaV1DJhhsE/s1600/cctv.gif")</script>

Cara memasangnya:
1. Buka blog agan.
2. Masuk ke rancangan
3. Pilih elemen laman
4. klik Tambah Gadget
5. Pilih HTML/JavaScript
6. dan terakhir, copy script yg tadi dan paste kan di HTML/JavaScript. Lalu simpan, dan lihat hasilnya.

Gampang kan sob? nah cuma itu yg bisa saya share. Jika ada kesalahan kata atau apa lah gitu mohon di maklumin. Maklum saya masih newbie sob. hehe :)

Jangan lupa berkomentar juga ya!

oia https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKpnEPg9KD2iPYEKSgpU1BjjYBgpUlNbjeLlb6LItac3WaYwOZjH8FlcfdaYjiDLuy-y4EHAZnjfaq_kJ5g5PZBK7Z3WCW7pfBPVixLTtiPnrv9mFqBeRGVtxB8eC18ybADvaV1DJhhsE/s1600/cctv.gif juga bisa kalian ganti dengan gambar kalian :)

Klo Berguna Jgan Lupa donk Follow nYa...!! Berkreasi Sndiri Jgan HnYa Mniru..!!

Anda sedang membaca artikel tentang Tutorial Blooger dan anda bisa menemukan artikel Tutorial Blooger ini dengan url http://brigitcheaterz.blogspot.com/2012/07/memasang-widget-cctv-di-blog.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Tutorial Blooger ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Tutorial Blooger sumbernya.

0 Cara memasang Star Rating google untuk Blogger

Cara memasang Star Rating google untuk Blogger. Star rating google untuk blogger / blogspot yang bisa di manfaatkan untuk mengetahui kualitas konten blog anda dari penilaian visitor. Star rating google ini bisa sobat pasang di atas posting maupun di bawah posting. Bagaimana cara memasang star rating google di blogger? Caranya sangat mudah dan saya yakin sobat semua tidak akan kesusahan :). Berikut ini cara memasang star rating google di blogspot.

Cara memasang star rating google untuk Blogger / blogspot

• Pergi ke halaman Layout
• Kemudian klik edit pada widget posting blog
• Maka akan muncul popup untuk mengatur star rating google ini akan ditampilkan atau tidak. Lihat gambar di bawah ini

Silahkan lakukan seperti gambar di atas, kemudian save

• Pemasangan start rating google di blog sobat belum selesai, sekarang menujuTemplate > Edit HTML > Centang Expand widgets Templates
• Cari kode <data:post.body/> . Untuk pengguna read more otomatis biasanya ada 3 kode yang sama, maka sobat gunakan kode yang kedua. Namun jika ada 4 kode yang sama, sobat gunakan kode yang ke 3.
• Jika sudah ketemu silahkan sobat paste kode berikut di atasnya apabila ingin star rating tersebut tampil di atas posting. Tapi jika ingin star rating googletersebut tampil di bawah posting, silahkan sobat paste kode ini di bawahnya.

<div class='rating-google'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if>
</div>

• Langkah terahir yaitu simpan template dan selamat sobat berhasil memasang star rating google di blog sobat sendiri.

Ok itu saja, dan terima kasih sudah membaca artikel Cara memasang Star Rating Google untuk Blogger / Blogspot.


Sumber : www.bamz.us

Klo Berguna Jgan Lupa donk Follow nYa...!! Berkreasi Sndiri Jgan HnYa Mniru..!!

Anda sedang membaca artikel tentang Tutorial Blooger dan anda bisa menemukan artikel Tutorial Blooger ini dengan url http://brigitcheaterz.blogspot.com/2012/06/cara-memasang-star-rating-google-untuk.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Tutorial Blooger ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Tutorial Blooger sumbernya.

0 Cara Menggunakan RSS Grafiti Untuk Menampilkan Postingan Blog Ke Facebook Secara Otomatis

 

Jika kita punya pages di facebook tentang blog kita, tentunya kita ingin menampilkan postingan terbaru kita di pages facebook. Kalau di lakukan secara manual tentu cukup merepotkan. Karena itulah kita perlu menggunakan aplikasi RSS Grafiti yang di sediakan facebook. Aplikasi ini bisa melakukan update status di facebook secara otomatis untuk pages atau group facebook yang sudah di buat.

Sebenarnya apa itu RSS graffiti ?? Bagaimana cara kerja dari RSS Graffiti ini ?? RSS graffiti adalah salah satu aplikasi di Facebook yang akan menampilkan status di Wall FB kita dengan info terbaru dari blog atau website yang feed nya kita atur di RSS graffiti. Nantinya aplikasi ini akan memeriksa blog atau website tadi yang kita ambil feed-nya dan akan menampilkan di wall kita jika ada informasi terbaru dari blog atau website tadi.

Cara menggunakan RSS Graifiti adalah sbb:

• Pertama cari aplikasi RSS graffiti di facebook yaitu di http://apps.facebook.com/rssgraffiti/ dan ijinkan untuk mengakses aplikasi ini.
• Masukkan feed blog kita pada kolom “add new feed”. Contoh feed dari blog saya :http://feeds.feedburner.com/BlognyaMasrahmat dan tekan tombol add .
• Atur pada tab Schedule. Tab ini berguna untuk memerintahkan aplikasi ini untuk memeriksa halaman feed yang dituju. Pada kolom update frequency diatur as soon as possible.
• Selesai. Cukup dengan pengaturan sederhana ini saja. jika sudah, silahkan update blog kita masing2, nanti aplikasi ini akan memeriksa dan menampilkan artikel terbaru blog kita.

Nah sekarang, postingan terbaru yang kita tulis di blog akan secara otomatis di tampilkan di facebook juga.
Selamat mencoba..

Klo Berguna Jgan Lupa donk Follow nYa...!! Berkreasi Sndiri Jgan HnYa Mniru..!!

Anda sedang membaca artikel tentang Tutorial Blooger dan anda bisa menemukan artikel Tutorial Blooger ini dengan url http://brigitcheaterz.blogspot.com/2012/06/cara-menggunakan-rss-grafiti-untuk.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Tutorial Blooger ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Tutorial Blooger sumbernya.

0 Memasang Widget Mode Energy Saver untuk Blog

Energy Saver Mode alias mode hemat energi adalah sebuah widget tambahan hiasan blog berupa tampilan hemat energi pada layar komputer jika online melebihi batas waktu yang telah ditentukan dan tidak ada pergerakan kursor maupun keyboard komputer. Buat sobat blogger yang ingin baterai laptopnya awet maupun listriknya hemat, bisa memasangnya di blog sobat.

Oke langsung saja kita ikuti tutorial cara membuat mode energy saver di blog.

Sebelum sobat mulai ini ada baiknya memback up template dulu.

1. Masuk ke akun blogger Dasbor>Template>Edit HTML> centang expand template widget

2. Cari kode </head>

3. Tepat di atas kode tadi masukkan kode berikut.

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>

   Lalu simpan template

4.  Masuk ke Tata Letak > Tambahkan Gadget > pilih HTML Javascript, lalu Masukkan kode berikut.

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>

    Simpan, Simpan Perubahan

Catatan;

1. Tutorial ini menggunakan tampilan dasbor blogger terbaru.
2. time=120 adalah waktu untuk mencapai mode hemat energi tadi, terhitung mulai kita membuka blog, sobat bisa mengaturnya 120 berarti sama dengan 120 detik (2 menit)
3. Jika gagal atau tidak berfungsi silakan tambahkan kode di bawah ini tepat di bawah kode no. 3, yang mungkin bisa terjadi akibat konflik kode jquery. (Opsional)

<script>jQuery.noConflict();</script>

Mode energy saver sudah terpasang, silakan sobat lihat demonya di sini, tunggu selama 20 detik, karena saya atur selama 20 detik. Selamat mencoba.

Klo Berguna Jgan Lupa donk Follow nYa...!! Berkreasi Sndiri Jgan HnYa Mniru..!!

Anda sedang membaca artikel tentang Tutorial Blooger dan anda bisa menemukan artikel Tutorial Blooger ini dengan url http://brigitcheaterz.blogspot.com/2012/06/memasang-widget-mode-energy-saver-untuk.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Tutorial Blooger ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Tutorial Blooger sumbernya.

0 Cara Membuat Navigasi Nomer Halaman Blogger

 Membuat Navigasi Nomer Halaman Blog untuk blogger / blogspot. Navigasi nomer halaman blogger ini intinya sebagai pengganti dari blog pager. Tentunya navigasi halaman bernomer ini terlihat lebih elegant dan profesional dengan menampilkan juga total page yang ada. Lihat contohnya di bawah ini.

Lihat juga contohnya pada blog Template Blogger, nah kalau yang ini beda lagi desainnya hehe. Buat anda yang sudah bisa edit css, bisa langsung edit sendiri tampilannya. Tapi tanpa di edit sudah bagus kok, terlihat lebih profesional dari pada tampilan "Older Post" atau "Posting Sebelumnya" dll. Bagaimana cara membuat navigasi nomer halaman blog di blogger? yoi lanjut baca tutorialnya di bawah ini.

• Login ke blog anda  kemudian menuju halaman Design dan Edit HTML, jangan lupa di back up dulu templatenya untuk keamanan soalnya akhir akhir ini sering error blogger.
• Cari kode ]]></b:skin> lalu paste Css di bawah ini tepat di atas kode ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Langkah selanjutnya anda cari kode </body> , kalau sudah ketemu paste kode berikut ini tepat di atas kode </body>

<!--Page Navigasi-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigasi -->

Simpan template dan lihat hasilnya :).

Keterangan :

Anda bebas mengubah tulisan yang saya kasih warna hijau, angka 6 adalah jumlah posting yang tampil tiap halaman sedangkan yang 5 adalah tombol navigasi yang tampil. Next adalah text untuk ke halaman selanjutnya, sebalikanya previous untuk kembali kehalaman sebelumnya.

Membuat Navigasi Nomer Halaman Blog

Cara membuat Navigasi Nomer Halaman Blog untuk blogger ini di dapat dari jalan jalan tadi ke blog lain hehe. Thanks bloggerplugin yang sudah posting tutorial ini. Oh ya buat anda yang males mau edit HTML atau bingung dengan cara yang saya kasih di atas, bisa langsung add widget navigasi halaman untuk blogger di bawah ini.

Tambahan :
Untuk menyesuaikan Tampilan pada label, silahkan cari kode
'data:label.url' dan ganti dengan kode 'data:label.url + &quot;?&amp;max-results=5&quot;'
Nah angka 5 di sana samakan dengan Pagecount pada kode Navigasi. Semoga sukses

Klo Berguna Jgan Lupa donk Follow nYa...!! Berkreasi Sndiri Jgan HnYa Mniru..!!

Anda sedang membaca artikel tentang Tutorial Blooger dan anda bisa menemukan artikel Tutorial Blooger ini dengan url http://brigitcheaterz.blogspot.com/2012/06/cara-membuat-navigasi-nomer-halaman.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Tutorial Blooger ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Tutorial Blooger sumbernya.