468x60 Ads

1
Demo image Demo image Demo image Demo image Demo image >
Tampilkan postingan dengan label Belajar Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Belajar Blogger. Tampilkan semua postingan

Popular Post Widget Dengan Animasi

21 komentar

Script ini sangat mudah tinggal masukkan Script di bawah ke dalam "Gadget" Blogger

  • Masuk ke Blogger Dashboard dan Pilih Design - Page Elements
  • Klik "Add Gadget" dan pilih "Popular Posts" jumlah popular postingan harus lebih banyak dari 4 (Jika sudah ada gadget ini jangan masukan lagi)
  • Setelah anda mempunyai Popular Post Gadget kemudian klik "Add Gadget" lagi dan pilih "HTML/Javascript"
  • Letakan semua script di bawah ke dalam "Content" dari HTML/Javascript Gadget
  • Selesai, semua otomatis menjadi Popular post mempunyai animasi
Kode


<style type="text/css" media="screen">

#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;
    
}

#PopularPosts1 ul {
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
 width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff 
url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) 
repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}

#PopularPosts1 li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#PopularPosts1 li img {
 float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}

#PopularPosts1 li .item-snippet {
  overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}

#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}

#PopularPosts1 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.tags span,
.tags a {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

a img {
    border: 0;
}

-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" 
type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" 
type="text/javascript"></script>
 
Hasil dapat dilihat di http://blackberryprogram.blogspot.com/ 

Script Anti Copas untuk Blogspot

1 komentar

Langkah - langkah nya adalah :

  1. Login Blogger Dengan Google Akun Anda
  2. Jika sudah di dashboard Pergi Ke Rancangan ,Edit HTML
  3. Masukkan script berikut di bawah kode <head>
<script type='text/javascript'>
function addLink() {
	var body_element = document.getElementsByTagName('body')[0];
	var selection;
	selection = window.getSelection();
	var pagelink = "<br/><br/> 
Read more at: <a href='"+document.location.href+"'>"+document.location.href+"</a>
<br/>Copyright  blackberryprogram.blogspot.com Under Common Share Alike Atribution"; 
// change this if you want
	var copytext = selection + pagelink;
	var newdiv = document.createElement('div');
	newdiv.style.position='absolute';
	newdiv.style.left='-99999px';
	body_element.appendChild(newdiv);
	newdiv.innerHTML = copytext;
	selection.selectAllChildren(newdiv);
	window.setTimeout(function() {
		body_element.removeChild(newdiv);
	},0);
}document.oncopy = addLink;
</script>



  1. Ganti url blackberryprogram.blogspot.com pada script dengan url blog Kamu .
  2. Setelah itu simpan template .
  3. Selesai .

Jika anda melakukan langkah-langkah di atas dengan benar maka coba tes di blog anda copy artikel anda sendiri terus taruh di notepad apa yang terjadi ada url blog kamu di artikel tersebut pada bagian Bawahnya .Hasil silahkan lihat di http://blackberryprogram.blogspot.com/

13 cara membuat screenshot untuk sebuah web atau blog.

4 komentar

Menggunakan Addon Firefox

1. Abduction! 2.019 - Jika Anda pengguna browser firefox (mozilla) sungguh beruntung Anda karena firefox dilengkapi berbagai macam plugins (addon) yang terus dikembangkan dari hari ke hari dan plugin satu ini berupa pembuatan screenshot “Save Page as Image” untuk menggunakannya Anda tinggal menginstal addon firefox “Abduction! 2.019″ restart lalu buka alamat web atau blog yang akan diambil screenshotnya lalu klik kanan atau klik File pada menu browser dan Save Page as Image simpan pada hard drive komputer Anda jadilah sebuah screenshot.

2. Pearl Crescent Page Saver - Pearl merupakan bagian dari extension firefox untuk menyimpan screenshot dari sebuah halaman web dalam bentuk jpg atau png; menyimpan seluruh halaman atau sekedar suatu bagiannya saja dan secara otomatis mengconvert screenshot dalam ukuran yang lebih kecil.

3. Picnik for Firefox - Picnic pun merupakan plugin firefox lainnya untuk pengambilan screenshot hanya saja picnic memiliki keunikan tersendiri yaitu dilengkapi dengan editor gambar secara online. Untuk menggunakannya Anda cukup menginstal, restart dan buka web/blog yang akan diambil screenshotnya klik kanan atau klik Tools pada browser firefox lalu send page to picnic pilih visible page atau full page, tunggu beberapa saat Anda akan dihubungkan pada halaman dimana Anda bisa mengedit screenshot secara online.

4. Screengrab 0.93 - Demikian halnya dengan screengrab ini yang merupakan bagian dari plugin firefox dan memungkinkan Anda untuk menyimpan screenshot web/blog terbuka, seluruh halaman, pilihan atau bingkai tertentu.

Menggunakan Program Aplikasi

5. SnagIt - Program seharga $39.95 ini merupakan salah satu program terbaik untuk membuat screenshot dengan banyak option yang Anda perlukan. Dengan integrasi firefox, Anda dapat menggantikan fungsi PrintScreen pada windows, dan memungkinkan Anda untuk membuat profil-profil untuk berbagai jenis berguna lainnya. Sebelum membeli Anda bisa menggunakan trial versionnya.

6. FastStone Capture - Aplikasi yang cukup mantab untuk mengambil screenshots dengan suatu panel kendali yang “mengambang” seperti juga kemampuan untuk menangkap apapun di layar termasuk jendela, object, layar penuh, daerah-daerah segiempat panjang, dan bahkan memilih daerah-daerah sebuah webpage. Anda bisa langsung membeli product seharga $24.95 ini atau cukup mencoba dahulu trial versionnya selama 30 hari.

7. WebShot - Fungsinya hampir sama dengan Abduction! 2.019 Program aplikasi WebShot ini mengizinkan Anda mengambil screenshots sebagian kecil halaman web atau keseluruhannya. kelebihannya adalah WebShot memiliki menu command yang memungkinkan Anda secara otomatis memproses pengambilan screenshots.

8. Paparazzi - Aplikasi sederhana untuk Mac OS X yang memungkinkan Anda untuk mengambil screenshots dari halaman sebuah web/blog.

9. PrintKey - Menggantikan fungsi PrintScreen dengan lebih banyak fitur. Ada suatu versi berbayar tetapi Anda dapat juga menemukan freewarenya.

10. I4X Screencatcher - Dengan alat ini Anda dapat mengambil screenshots dari window aktif, seluruh layar, atau hanya yang terpilih saja.

11. InstantShot - salah satu program freeware unggulan namun aplikasi freeware ini hanya untuk Mac OS X. Program ini memberi Anda banyak sekali opsi untuk menangkap screenshot, termasuk menangkap sebagian halaman, hotkeys, beberapa bentuk keluaran, penskalaan gambar dan banyak yang lainnya.

Screenshot Berbasis Web

12. WebShotsPro - Jika ingin secara instant membuat screenshot Anda dapat menggunakan layanan web ini dengan cukup memasukan URL web atau blog yang Anda inginkan dan screenshot akan segera ditampilkan. Namun kekurangan dari WebShotsPro ini adalah kurang uptodate mengambil screenshot dari sebuah web atau blog.

13. Thumbalizr - Selain menggunakan extension addon firefox saya sering menggunakan layanan yang satu ini untuk membuat screenshot, tentunya selain mudah, dia bisa mengambil screenshoot sebuah postingan meski memang kadang tidak sepenuhnya lancar dan bekerja namun lumayan untuk mengambil homepage web/blog.

Skript Translate Untuk Blog

1 komentar

Langsung saja masuk yah....

Membuat Breadcrumb Blogspot Untuk SEO

23 komentar

Langsung saja yah...
  • Login ke Blog kalian
  • Pilih Tata Letak, Klik Edit HTML
  • Agar aman, silakan anda Download dulu template anda (klik Download Template Lengkap)
  • Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget (atas)
  • (gunakan Ctrl + F) Cari kode ]]></b:skin> 
  •  Copy dan paste Kode dibawah ini diatas kode ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

Kemudian cari kode :  <div class='post hentry uncustomized-post-template'>

Copy kode di bawah ini :

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

Lalu Paste dibawah kode  <div class='post hentry uncustomized-post-template'>

  • Terakhir klik Simpan Template
  • Selesai, silakan buka halaman postingan anda untuk melihat hasilnya
  • Semoga sukses

PS

Kalau tidak ketemu kode <div class='post hentry uncustomized-post-template'> cari aja kode yang ini
<div class='post hentry'> sama saja kok...



    Memindahkan Gambar Dengan jQuery

    1 komentar

    Coba pindahin gambar di bawah ini pakai mouse kalian

    Energy Saving atau Screen Saver Buat Blog

    2 komentar

    Hemat listrik yuk........ini cara membuatnya

    Membuat iklan muncul tiba-tiba

    7 komentar

    Langsung saja...

    Buka Link Komentar di Halaman Baru Dan Dofollow

    2 komentar

    Langsung masuk...

    Effect Lightbox untuk Blogger

    1 komentar

    Ini juga keren loh..langsung masuk saja deh...

    Membuat Kode Iklan Di Sisi Side BAR

    1 komentar

    Yang pasti ini tidak akan menggangu pengunjung blog kita!hehehehe!Langsung saja..

    Membuat Fasilitas Reply pada Kotak Komentar Blogger

    3 komentar

    Loggin ke blogger,lalu di dashboard pilih Setting

    Kumpulan Kode Warna

    5 komentar

    Kode warna...

    Membuat Warna Kotak komentar Admin Berbeda

    0 komentar

    Cara bikinnya simpel, ikuti langkah2 berikut

    Mengaktifkan Kembali Avatar Komentar Blogger Pada Custom Template

    0 komentar

    Menyambung posting yang di disini...

    Menampilkan postingan hanya judulnya saja

    0 komentar

    Langsung masuk ke TKP...masuk ke edit html....

    Related Post Dengan Fungsi Scroll

    1 komentar

    Langsung aja yah...

    Cara Membuat Menu Next Page/Nomor Navigasi Di Blog

    0 komentar

    Langsung aja yah...

    Cara Menampilkan Newer, Home, Older Post

    1 komentar

    Langsung ke Cara Menampilkan Newer, Home Dan Older Post

    Cara Pasang Yahoo Emotion Pada Komentar

    3 komentar

    Ini dia cara pasang yahoo emoticon di kotak komentar!!!Caranya :
    1.Masuk atau logg in ke blogger anda
    2.Pilih lay out,edit html lalu centang Expand Widget Template