Kumpulan Animasi Bergerak Untuk Blog

Ternyata banyak sekali blogger – blogger yang sangat menyukai animasi bergerak pada blognya.  Bisa terlihat ketika saya berkunjung ke beberapa blog teman. Dari animasi yang simple dengan ukuran mini sampai yang ribet dengan ukuran jumbo banyak terpasang di blog mereka. Ya itu juga karena selera masing2 orang berbeda. Memang animasi pada blog sangat membantu blog agar terlihat menarik. Jadi blog akan terlihat hidup dan tidak membosankan. Sebelumnya saya pernah juga memposting tentang animasi bergerak, tapi saya rasa pada postingan sebelumnya pilihan animasi terlalu sedikit. Sehingga saya memposting kembali mengenai animasi bergerak lagi, namun dengan pilihan yang beragam dan banyak tipe agar bagi anda yang ingin memasang animasi jadi lebih banyak referensi dan pilihan.  Berikut daftar dan cara memasangnya

Related Post Widget Untuk Blogger (Keren Abis!)

Sebenarnya sudah pernah saya posting sebelumnya,bagaimana membuat related post pada blogger di Cara Membuat Artikel Yang Berhubungan / Related Post / Artikel Terkait.
Namun widget related post yang satu ini sangatlah unik, menarik sekaligus dapat membantu pengunjung melihat posting yang berkaitan.

Ada 2 pilihan widget related post keren abis yang bisa sobat gunakan,dan dua-duanya pantas untuk sobat coba.

1.Related Post Widget for Blogger dengan Javascript

Teknik ini menggunakan javascript dari http://theblogtemplates.com/scripts/Related_posts_hack.js,lihat sumbernya.
Jika javascript tersebut masih valid alias tersedia,maka widget ini akan bekerja dengan baik.

Contoh gambarnya sobat bisa lihat dibawah ini:

Membuat Tanda Tangan Online

Tanda tangan online anda bisa lihat contoh di bawah ini:

 

  

Ingin tahu cara membuatnya?

Ya,ada cara praktis untuk membuat tanda tangan seperti diatas,bukan dari Paint da juga bukan dari Photosop.Lalu?

• Membuat tanda tangan online pada blog

Untuk membuat bentuk tanda tangan diatas secara praktis,kita memakai jasa www.mylivesignature.com.
Tampilan halaman dari www.signature.com seperti ini :

Membuat Artikel Yang Berhungan [Related Post] Pada Blogger

Nah, bagi anda yang ingin tahu langkah cara membuat artikel yang berhubungan ini, yuk ikuti langkah berikut ini.

  

Langkah Cara Membuat Related Post/Artikel Yang Berhubungan:

Pergilah ke Dashboard blog anda,lalu pilih Tata Letak/Layout,kemudian pilih tab Edit HTML.



Jangan lupa beri tanda contreng ya pada tulisan Expand Widget Templates.

Cara Mengetahui Umur Domain Website dan Blog

Mengetahui umur sebuah website sudah tentu sangat penting bagi seorang blogger atau pun yang berhubungan dengan bisnis online. Banyak website atau blog yang menawarkan barang atau jasa yang dilakukan secara online di internet, untuk mengetahui tentang situs tersebut tentunya perlu kita lakukan menelusuri sejauh apa ketenaran suatu domain itu dengan cara check umur domain sebelum kita melanjutkan transaksi pada situs online tersebut. Siapa tau situs online yang anda temui adalah situs penipuan seperti yang pernah saya temui. Saat itu saya ingin membeli sebuah Handphone Nokia N8 yang harga yang super murah, singkat cerita saya tertarik dengan handphone yang ditawarkan di blog itu dan berencana membelinya. Tapi sebelumnya iseng-iseng saya mencoba check umur domain , ternyata baru berumur 1 bulan . Apa yang saya temukan ternyata membuka mata hati saya ,ada keanehan pada blog bisnis online penjual laptop dan hp itu. Apa keanehannya ? Pada blog tersebut tertulis testimoni orang yang sudah transaksi disana pada tanggal 20 maret 2011 sementara blog itu baru dibuat 1 bulan yang lalu, bagaimana mungkin testimoni lahir sebelum blog ada ? sungguh ini adalah suatu penipuan yang biadab. Ternyata dugaan saya benar blog ini adalah blog PENIPUAN yang ingin mencari untung dari orang yang tidak teliti . Wasapadalah saat belanja online , sebelum anda memutuskan untuk membeli sesuatu secara online , ada baiknya anda menelusuri terlebih dahulu website atau blog bisnis itu . Termasuk dengan cara check umur domain dibawah ini :

1. http://www.iwebtool.com
2. http://www.whois.domaintools.com
3. http://www.betterwhois.com
4. http://www.allwhois.com
5. http://www.whois.net

Buat Frame Iklan Di Blog

Sobat fajar widodo rupanya tertarik untuk mengetahui bagaimana cara membuat frame seperti frame iklan yang ada di blog ini. Apakah sobat juga sama tertarik untuk membuat frame tersebut? baca saja sampai akhir, saya akan memberitahu caranya.

Untuk membuat frame seperti itu banyak cara yang bisa di tempuh, diantaranya bisa menggunakan kode HTML <div> atau bisa juga dengan menggunakan kode HTML <span>. Langkah yang harus di persiapkan adalah tentukan dahulu lebar, warna latar belakang, warna huruf, jenis huruf, besarnya huruf, serta hal lain yang sekiranya berhubungan. Agar lebih mudah untuk di mengerti, saya buatkan sebuah contoh frame sebagai berikut: 

Belajar membuat website »
Membuat website itu sangatlah mudah, dapatkan panduannya di sini ! ditunjang berbagai software & full support. daftar segera !!
http://www.resepbisnis.com/?id=rohman

Kode asli dari frame di atas adalah sebagai berikut :

<div style="border: 3px dashed red; background: #005af5; padding:10px; width:330px; text-align:left; color:white;">
<a style="font-size: 17px;COLOR: yellow; text-decoration:none;" href="http://kolom-tutorial.blogspot.com/2007/07/perkenalkan-situs-wwwresepbisniscom.html" title="klik di sini"><b>Belajar membuat website </b></a> &raquo;<br/>
Membuat website itu sangatlah mudah, dapatkan panduannya di sini ! ditunjang berbagai software & full support. daftar segera !!<br/>
<a style="color:yellow; font-size:12px; text-decoration:none;" href="http://kolom-tutorial.blogspot.com/2007/07/perkenalkan-situs-wwwresepbisniscom.html" title="klik di sini"><b>http://www.resepbisnis.com/?id=rohman</b></a>
</div>

Jika saya membuat spesifikasi pada frame iklan di atas, maka akan seperti ini :

warna pembatas : merah
style dari pembatas : garis putus-putus dengan lebar 3 pixel
jarak hurup dengan batas terluar : 10 pixel
lebar frame: 330 pixel
posisi hurup : rata kiri
warna hurup : putih
warna latar belakang : biru
warna link : kuning


Bagaimana sudah agak faham? kemungkinan besar masih bingung deh. Agar lebih mudah cobalah sobat otak-atik sendiri kode di atas, saya sedikit malas untuk menerangkan secara terperinci dari kode yang saya buat.

ooo... iya lupa... sobat fajar widodo lebih spesifik menanyakan kode untuk membuat garis putus-putus. Untuk garis putus-putus perintahnya seperti ini :

border : 3px dashed red;

3px menandakan lebar dari garis, dashed berarti garis putus-putus, red adalah kode warna merah.

Ada juga style yang lain yaitu berupa garis berbentuk garis yang solid ada juga yang berupa titik-titik.

border : 3px dashed red; --> untuk garis solid
border : 3px dotted red; --> untuk garis berupa titik-titik


Sepertinya cukup dulu deh, silahkan untuk bereksperimen menciptakan variasi-variasi baru dari bentuk frame. Salam !

Sumber: http://kolom-tutorial.blogspot.com/2007/09/buat-frame-iklan.html 

Cara Membuat Like This Box Facebook Di Blogger

Syarat yang pertama harus punya akun facebook jika belum punya silakan daftar disini www.facebook.com

1.   Setelah mimiliki akun FB silakan anda login terlebih dahulu ke facebook.
2.   Bukalah halaman ini : http://www.facebook.com/pages/create.php jika anda belum punya community page
3.   atau Pilih "create a page" atau klik disini
4.   Akan muncul seperti gambar di bawah ini, dan isi sesuai nama komunity anda

Terbaru

Pilih zona apa yang hendak kamu buat, apa perusahaan, bisnis, merk ds, agang, artis, huburan, atau community. (nah klo di merk/produk saat di klik dan di scrool ke bawah ada catagori situs web)
 akan ada ada form yang harus di isi lengkapilah.

Zaman Dulu (UDAH GA BERLAKU LAGI) hiraukan saja!

setelah itu klik create community page.

Baiklah sekarang kamu sudah memiliki halaman fans untuk blog kamu,..

Berikutnya adalah Cara Membuat like This Box Facebook di Blog

1. Silakan Klik http://developers.facebook.com/plugins/?footer=1

klik gambar untuk memperbesar

Tampilan nya nanti akan seperti di atas... yang kang salman ber tanda merah di atas adalah widget yang paling banyak di pake di blog.

 (itu adalah ID community page anda)

Sekarang yang di copy url pagenya

Sebelumnya saya ingatkan Anda harus mengcopy URL page Fans Facebook Anda, jadi klau belum silakan kembali lagi.

1. Pilih Like Box
Perhatikan gambar di bawah ini :

Dahulu

Sekarang yang perlu kamu masukan bukan ID community, tetapi masukan url pagenya.. tepat di kolom "facebook page url"

Gambar oleh : www.kucoba.com

Keterangan :
-  Width : lebar widget
-  Height : ketinggan dari widget
-  Connections : jumlah max penggemar yang di munculkan
-  Stream : menampilkan komentar di community page anda
-  Header : menampilkan kata "find us on facebook

7.  Setelah selesai silakan klik Get Code, dan copy kode yang anda dapatkan seperti gambar di bawah ini

8.   Login ke Blogger
9.   Pilih Edit Tampale / Tata Letak
10.  Lalu Tambah Widget / Gedget
11.  Pilih HTML / Javascript
12.  (paste) salin kode tadi disini
13.  Simpan

Ok, sekarang anda bisa melihat hasilnya.
semoga bermanfaat ya ^_^

Sumber: http://www.kucoba.com/2010/05/cara-membuat-like-this-box-facebook-di.html

Cara Mengetahui Posisi Blog Di Search Engine Google

Sebenarnya ada beberapa tools seo cara mengetahui posisi di search engine google , namun saya sendiri untuk teknik seo ini lebih menggunakan tools Seo serp untuk blog , karena tools ini bersifat single checker makan anda hanya bisa mencari posisi blog hanya untuk search engine google , anda bisa mengetahui posisi blog anda di google dengan memilih keyword dan negara yang anda ingin ketahui.

Mengetahui Posisi blog

Tutorial blog nya cukup sederhana anda cukup masuk ke SEO SERP 

 

seoserp

lalu anda isikan dengan keyword yang ingin anda ketahui posisi blog nya dan masukan alamat blog anda lalu tekan serp .maka setelah itu akan muncul posisi kata kunci dan blog di google .

Scan Keamanan website anda

Jika Hal ini tidak diwaspadai, maka virus tersebut akan menginfeksi komputer kita. Nah bagi anda pemilik situs dan blog, anda dapat men- Scan Keamanan website anda untuk memastikan situs anda tidak mengandung virus atau malware yang mungkin disisipkan oleh hacker yang berusaha merusak situs anda.

Cara penggunaan URLVoid.com ini juga mudah. nda tinggal memasukkan nama domain yang ingin anda cek kemudian klik scan now.

Kmudian tunggu sebentar, maka hasilnyaakan keluar. termasuk informasi dimana web anda dihosting.

Semoga bermanfaat.

Mengatasi Error galat bX-fa9wwp pada Blogger

Pernahkah sobat saat hendak login pada dashboard blog milik sobat justru malah mendapati galat (yang sering terjadi adalah 'bX-fa9wwp pent-)' alias pemberitahuan kesalahan seperti screenshot gambar dibawah ini?

Oke !, untuk ngatasi Error galat bX-fa9wwp kamu tnggal ngikutin langkah langah dibawah ini untuk mengatasinya :

1. Buka halaman  : http://draft.blogger.com Login seperti biasa anda login di blogger.com menggunakan akun yang sama.

2. Rubah Bahasa indonesia menggunakan Bahasa INGGRIS - UK terus logout dar Blogger Draft.

3. Loggin ke Blogger.com

 

4. Misal pengin ganti kebahasa Indonesia lagi, Ganti ajah bahasanya jadi bahasa indonesia. DONE !

Dah gitu ajah caranya, simple tapi bikin bingung. hehhehe... 

Ok semoga bermanfaat ya untuk Mengatasi Error galat bX-fa9wwp pada Blogger.

Membuat Artikel yg Berhubungan / Related Post

Fungsi dari artikel berhubungan atau related post adalah membari rujukan kepada pengunjung untuk membuka artikel yang lain di blog kita. Related post akan memunculkan judul postingan dengan label yang sama. Contoh apabila label postingan adalah "Animasi" maka judul postingan yang akan muncul adalah postingan - postingan kita yang mempunyai label "Animasi". Related post akan memunculkan judul artikel lain dengan label yang sama di bawah artikel utama.

Cara membuatnya sebagai berikut :

1. Login --->>> Tata Letak --->>> Edit HTML.

2. Centang "Expand widgets template".

3. Letakkan script dibawah ini di bawah kode <data:post.body/> ( apabila anda telah membuat read more, biasanya kode ini ada dua. Taruh kode di bawah kode yang pertama ).

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>


<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>


var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;


maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;




function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;


for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;


if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {


var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}


var labelArray = new Array();
var numLabel = 0;


<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;


var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>


</div>
</b:if>

4. Simpan.

Ket :

Setelah jadi, jika kamu ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, trus ganti dengan text/tulisan yg kamu suka.

Cara Membuat Tombol Share Facebook dan Twitter Di Postingan Blog

 

Jejaring sosial merupakan media yang paling banyak dikunjungi dan Facebook merupakan jejaring sosial yang menempati peringkat pertama paling banyak dikunjungi di seluruh dunia setelah itu disusul oleh twitter di peringkat ke 2. Banyaknya pengunjung yang menggunakan jejaring sosial merupakan kesempatan baik bagi para blogger untuk membagikan setiap artikelnya kedalam situs jejaring sosial dengan harapan semakin banyak pengunjung yang datang untuk membaca-baca blog kita, tentunya hal ini sangat berpengaruh terhadap posisi blog kita di mata mesin pencari.

Namun jika kita sendiri yang membagikan artikel demi artikel dari blog kita ke situs jejaring sosial, maka para pengunjung yang akan datang ke blog kita hanya sejumlah teman-teman yang ada pada jejaring kita saja. Untuk itu menambahkan tombol atau link yang berfungsi untuk membagikan artikel kita ke situs jejaring sosial sangat bermanfaat bagi kita, agar para pengunjung blog kita dapat membagikan link artikel kita ke jejaring mereka.

LANGKAH-LANGKAH:

Langsung aja ke tutorial membuat tombol share facebook dan twitter di blogspot
1. Login ke Blogger  » Rancangan Edit  » Template
2. Ceklis Expend Template
3. Cari kode ini ]]></b:skin>
4. Masukan kode berikut tepat sebelum (diatas) kode ]]></b:skin>

.sharesoc {display:inline-block;float:right;height:125px;margin:5px 0;width:60px;}

5. Cari kode <data:post.body/>
(Tips : tekan F3 untuk mempermudahnya, masukan kode di atas dan tekan enter)
6. Masukan (copy-paste) kode berikut tepat di atas kode <data:post.body>

<span class='sharesoc'>
<div style='float: right; margin-right: 0px;'>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<div style='float: right; margin: 8px 0px 0pt 0pt;'>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div> 
</span> 

Terakhir simpan template dan lihat hasilnya. 

Oke semoga bermanfaat..