Tutorial Blogspot

Auto Followers Twitter 2014

2014-07-13T17:37:00.001-07:00

Hy, Para Blogger ;) Lama Tak Pernah Posting :D, Abisnya banyak urusan sekolah, Kali ini Saya akan share Auto Followers Work 2014, Ya Tapi ini Gunakan dengan bijak jangan salah menggunakan ya !

Sebelumnya udah tau Auto Followers gak ? ya kalau gatau disni saya akan Jelaskan. Auto Followers itu ialah Auto Follow yang digunakan untuk memperbanyak Followers. ya cuma itu aja dari saya. Langsung saja :

1. Sign in HERE
2. Izinkan Aplikasi
3. Dan Tara Followers Kamu Bertambah Setiap 5 Menit Dapatkan 30 Followers :)

Sekian Dari saya :) Salam Blogger
Garuda Wing

Mengganti "Older Posts" Dengan Angka

2014-04-24T19:32:00.000-07:00

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.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;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.


<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>

</b:if> </b:if>

Kalau sudah silahkan dilihat hasilnya.

Sumber

Cara Membuat / Memasang Emoticon Pada Kotak Komentar Blog

2012-12-22T03:03:00.001-08:00

Cara Membuat / Memasang Emoticon Pada Kotak Komentar Blog - Selamat Sore Para Blogger !!, Kali ini Ane akan Membahas Tips tentang Topik Membuat / Memasang Emoticon Pada Kotak Komentar Blog. Bukankah Unik Jika Agan Blogger menghiasi Kotak Komentar blog Agan ??. Apalagi Emoticon ini sangat Unik dan Bisa bergerak loh seperti di Kaskus. Sudah tahu gmana Emoticonnyakan ??
Kalau Belum ini ada ScreenShotnya :

Gimana Bagus tidak ?, Kalau bagus dan berminat ini Ane akan Bahas. Ok langsung saja Simak - Simak Baik- Baik yh ?!

1.Log In blogger.com
2.Pilih Template
3.Lalu Pilih Edit HTML dan Pilih Lanjutkan
4.Centang Expand Template Widget
5.Cari Kode </body> ( Gunakan CTRL + F atau F3 untuk mempermudah Pencarian )
6. Letakkan Kode dibawah, Tepat diatas kode </body>

<script src='http://blog-tutorialbdb.googlecode.com/files/smiley.js.txt' type='text/javascript'/>

7. Setelah itu Cari Kode Berikut : ( Gunakan CTRL + F atau F3 untuk mempermudah Pencarian )

<b:include data='post' name='comment-form'/>

8.Jika sudah ketemu letakan kode dibawah ini tepat diatas kode yang tadi

<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))</b>
<center><blink><a href="http://blog-tutorialbdb.blogspot.com/2012/12/cara-membuat-memasang-emoticon-pada.html" target="_blank">Pasang Emoticon </a></blink></center>

9.Simpan dan Lihat Hasilnya

Cara Modifikasi Widget Popular Post With Grid Layout

2012-12-20T23:50:00.001-08:00

Cara Modifikasi Widget Popular Post With Grid Layout - Cara Membuat atau Memodifikasi Widget Populart Post menjadi lebih Keren bergaya dengan grid layout, seperti yang Agan Tahu unutuk Tampilan Widget bawaan Blogger ini Cukup Menarik, tapi Kita bisa Modifikasi Lagi dengan Gaya yang Berbeda dan lebih Keren lagi.

Pastinya diluar Sana sudah Banyak yang Sharing tentang Topik ini. Penasaran Sperti apa ?? Widgetnya Ok,Langsung Saja, Ane akan Ulas di simak Bae" Gan !! :

1. Log in Blogger.com
2.Pergi Ke Tata Letak

3.Tambahkan Gadget / Add gadget

4.Pilih Widget "Populart Post"
5.Settinglah persis seperti gambar dibawah ini, untuk jumlah post, bisa Agan atur sendiri.

Setting Configure

6.Lalu Save

7.Lanjut Ke Edit HTML, Beri Centang pada Expand Widget Templates. Jangan Lupa Backup Template Agan (Buat jaga" aja agan mana tahu ada yang error)

8.Cari Kode ]]><b:skin> (Untuk mempermudah silahkan Tekan CTRL + F )

9.Copy Kode dibawah ini dan Pastekan diatas kode ]]><b:skin>

.popular-posts .item-thumbnail{float:left;} .popular-posts ul{padding-left:30px;} .popular-posts ul li {list-style-image: none;list-style-type: none;display:inline;} .popular-posts ul li img {padding:0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;} .popular-posts ul li img:hover {border:2px solid #ccc;-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}

10.Lanjut Cari Kode PopulartPost1 (CTRL+F) biar lebih cepat

ini Kode Script Selengkapnya :

<b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

11.Ganti Kode Script diatas dengan Kode di bawah ini :

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == "false"'> <b:if cond='data:showSnippets == "false"'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == "false"'> <!-- (3) Show only thumbnails --> <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a expr:href='data:post.href' expr:title='data:post.title'> <b:if cond='data:post.thumbnail'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> <b:else/> <img alt='' border='0' expr:height='data:thumbnailSize' src='http://www.prismestate.com/images/noimages.png' expr:width='data:thumbnailSize'/> </b:if> </a> </div> </div> <b:else/> <!-- (4) Show snippets and thumbnails --> <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget>

12.Terakhir Simpan dan Lihat Hasilnya

Catatan :
Untuk Kode CSSnya bisa Agan ganti dengan Kreasi Sendiri, Sesuai dengan Kreativitas Agan Masing- Masing.

Sekian dari Ane untuk Topik Cara Modifikasi Widget Popular Post With Grid Layout. Selamat Mencoba !!

Cara Memasang Widget I Love You Indonesia

2012-12-20T04:17:00.004-08:00

Cara Memasang Widget I Love You Indonesia - Malam Agan Blogger, Gmana Kbar Agan" ? Klw Ane Sih Bae" Aja, dan Ane harap Bae" Semua. Kali ini Ane akan Share Tips tentang Cara Memasang Widget I Love You Indonesia. Agan pernah lihatkan Widget Sperti Ini ?? Kalau belom pernah Ane beri Demonya :
Buat yang Berwarga Negara Indonesia Wajib donk membuat Widget ini.

ini Demonya

Mau Tahu Cara Membuatnya ??, Berikut ini Tips Memasang Widget I Love You Indonesia, disimak Baik - Baik Yh !? :

1.Log in Blogger.com
2.Tata Letak

3.Tambahkan Gadget / Add Gadget

4.Pilih HTML / JavaScript

5.Masukkan Code dibawah ini :

<script language="JavaScript" src="http://blog-tutorialbdb.googlecode.com/files/widget.js%281%29.txt" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjSwa4IC-Mifdi1GzNsjaCUQJJYU8_U2cfuZAAitGqv9nSKwDOmfvTBSGFfyd5vQef0FW6hIy6LemYGogKqBgNMgtIjWyJS2XShiMY2d0AbO266hpCzk0N34s58H03aDuX7Z8U9HGc95Yy/")</script>

6.Jangan Lupa Simpan dan Lihat Hasilnya

Itu dia Tips tentang Cara Memasang Widget I Love You Indonesia. Selamat Mencoba !!

Cara Ping Blog dan Manfaatnya

2012-12-19T04:35:00.006-08:00

Cara Ping Blog dan Manfaatnya - Selamat Malam Para Agan" Blogger. Kali Ini Ane akan Share Cara Ping Blog dan apa manfaatnya. Buat Para Blogger, pasti tidak asing lagi dengan Namanya Ping Blog atau Cara melakukakn Ping Agar tentunya Artikel/Postingan Kita lebih Cepat Terindex Mbah Google, adakah kaitannya dengan SEO ??. Ane sendiri Percaya bahwa Ping memang diperlukan untuk membantu Search Engine melihat lebih kata kunci pada blog kita.

Banyak toool online yang menyediakan layanan Ping online, baik manual maupun otomatis, adapun dari Ping Blog adalah untuk menyampaikan informasi dari suatu blog ke Search Engine agar Cepat Terindex.

Lalu bagaimana cara ping blog ? Caranya Mudah gan, Agan tinggal memasukkan URL blog Agan dan Submit aja, dan berikut beberapa tool online yang bagus menurut Ane untuk Ping Blog Agan.

http://www.pingomatic.com/

http://googleping.com/

http://www.auto-ping.com/

Ping.in

Pingoat.com

www.totalping.com

http://pingler.com/

http://autopinger.com/

http://pingmyblog.com/

Nah, daftar nama Website diatas adalah beberapa situs Ping yang bermanfaat untuk meningkatkan performa blog Agan, demikian Tips Cara Ping Blog dan Manfaatnya. Semoga berguna

Membuat Tombol Facebook, Twitter dan Google + Melayang

2012-12-15T04:22:00.001-08:00

Membuat Tombol Facebook, Twitter dan Google + Melayang - Selamat Malam Para Agan" blogger Semua. Kali ini Ane Akan Sharing Widget tentang Membuat Tombol Facebook, Twitter dan Google + Melayang. Widget ini Sangat - Sangat berguna bagi Para blogger, Selain Menambah Pengunjung blog. Widget ini juga membuat blog agan Lebih Terkenal, Kalau tidak Percaya Coba Saja :).

Ok. Langsung Saja Membuat Tombol Facebook, Twitter dan Google + Melayang Silahkan Simak Gan !! :

1.Log in Blogger.com
2.Tata Letak

3.Tambahkan Gadget / Add Gadget

4.Pilih HTML / JavaScript

5.Masukkan Kode Berikut :

<style>
/*-------Tombol Melayang------------*/
#floatdiv {
position:absolute;
width:94px;
height:229px;
top:0;
left:0;
z-index:100
}

#bttsidebar {
border:1px solid #ddd;
padding-left:5px;
position:relative;
height:220px;
width:55px;
margin:0 0 0 5px;
}
</style>

<div id="floatdiv">
<div id="bttsidebar">
<table cellpadding="1px" cellspacing="0">
<tr>
<td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like>
</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
<g:plusone size="Tall" expr:href="data:post.url">
</g:plusone></td>
</tr>
<tr>
<td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="alfon_ritonga">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td>
</tr>
<tr>
<td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;">
<p style=" font-size:10px; text-align:center; color:#ddd;"><a style="color:#ddd;" href="http://blog-tutorialbdb.blogspot.com" target="_blank">Get Widgets</a></p>
</td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">
// JavaScript Document


</script>

6. Lalu Simpan
7.Masuk Ke Template, Lalu cari </head>
8.Copas Kode di bawah ini Diatas kode </head>

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>

9.Simpan Template Agan dan Lihat Hasilnya

Ket :
Ganti Kode alfon_ritonga menjadi Username Twitter Agan !

Sekian Tentang Membuat Tombol Facebook, Twitter dan Google + Melayang. Selamat Mencoba !!

Cara Membuat daun Berjatuhan di Blog

2012-12-14T02:13:00.001-08:00

Cara Membuat Daun Berjatuhan di Blog - Kali ini Ane Akan Sharing Tutorial Tentang Cara Membuat Daun berjatuhan di Blog. Selama 2 Hari Ane tidak memposting Tutorial ataupun Tips Trik, disebabkan karna sakit. Hari ini Ane sudah mulai Sehat dan bisa Memposting Tips Membuat Daun berjatuhan. Klw Ane Curhat mulu kapan Tutorial n Tips Trik ?? :D
Ok, Langsung saja Cara Membuatnya :

<script src="http://blog-tutorialbdb.googlecode.com/files/daungugur1.js.txt"></script>

1. Log In blogger.com
2.Tata Letak

3.Tambah Gadget / Add Gadget

4.Pilih HTML/JavaScript

5.Copy Paste Code diatas jangan Lupa Simpan

Sekian Tentang Cara Membuat daun Berjatuhan di Blog. Selamat Mnecoba :)

Cara Mengganti Template Blog

2012-12-11T04:29:00.000-08:00

Cara Mengganti Template Blog - Cara Mengubah/merubah Template Lain - Setelah Kemarin Share Cara Membuat Back to Top Icon Burung Terbang, Kali ini Ane akan Sharing Tutorial Tentang Cara Mengganti Template Blog. Template memang Menjadi Kebanggan tersendiri buat Para Blogger. Para blogger sih sudah banyak tahu cara mengganti template ini, tapi Ane menshare Tutorial ini, Karena ada Sobat blogger yang Request Tutorial ini :)

Ok, langsung saja, berikut Cara Mengubah Template Blog, Silahkan di ikuti :

1.Download Aneka bentuk Template yang Agan inginkan di berbagai Situs Penyedia Template Gratis, Salah satunya di BTamplate. Silahkan ke Sini http://btemplates.com/
2. Log in blogger.com
3.Klik Template

4.Klik Cadangkan / Pulihkan

5.Akan Muncul Seperti di bwah ini!

6. Sebelum di Upload, Agan Harus Extract Templatenya. Caranya boleh di lihat di bawah ini :

7.Akan Muncul Gambar Seperti di Bawah ini :
Klik Ok

8.Hailnya Akan Seperti Ini :

9.Setelah Filenya di buka, Template Akan Jadi Bentuk XML

10.Setelah Selesai, Agan Kembali ke Template Dashboard
11.Klik Telusuri Dan Cari Template yang Kamu Extract, di bwah sebagai Contohnya.

12.Unggah

13. Lihat Hasilnya

Skian tentang Cara Mengganti Template Blog. Semoga Bermanfaat.

Cara Membuat Back to Top Icon Burung Terbang

2012-12-10T03:09:00.000-08:00

Cara Membuat Back to Top Icon Burung Terbang - Selamat sore Gan !!. Jumpa lagi dengan ane Blogger Pemula hehehe :). Kali ini Ane akan Share Tutorial Blog tentang Tips Membuat Back to Top dengan Icon Brung Terbang. Sudah tahu Seperti apa Iconnya ?? yah klw belum tw leh lihat gambar di bwah ini : !!

Itu dia Gambar nya. Penasaran ?? Mw tw Cara Membuatnya ?. Ok Langsung saja Cara Membuat Back to Top Icon Burung Terbang :

1.Log In Blogger.com
2.Tata Letak

3.Klik Tambah Gadget / Add Gadget

4.Pilih HTML / Java Script

5.Masukkan Script di bwah ini

<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="#" title="Top"><img src="http://i584.photobucket.com/albums/ss285/vanesalu/flying_bird.gif" /></a>

6.Simpan dan Lihat hasilnya

Sekian Tutorial Blog Tentang Cara Membuat Back to Top Icon Burung Terbang. Semoga bermanfaat dan Selamat Mencoba !!

Cara Membuat Link Bergoyang di Blog

2012-12-07T05:51:00.000-08:00

Cara Membuat Link Bergoyang di Blog - Cara menciptakan link yang bisa bergoyang/nudging di blog atau cara membuat link yang dapat bergoyang jika terkena pointer mouse. Link tersebut akan bergoyang jika terlintas cursor mouse. Trik ini menggunakan script via jQuery yang nantinya semua link akan bergoyang / bergerak secara otomatis. Dengan trik ini akan semakin mempercantik tampilan blog Agan.

Cara membuatnya :

Login ke akun Blogger sobat.
Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
Search kode berikut </head> ( untuk mempermudah pencarian tekan Ctrl + F ).
Copy paste script jQuery di bawah ini sebelum kode tersebut

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });
</script>

Simpan Template dan lihat hasilnya.

Nah, itulah cara membuat link bergoyang di blog. Semoga bermanfaat.

Cara Otomatis Menampilkan Link Sumber Ketika Artikel Dicopas

2012-12-07T05:29:00.003-08:00

Setelah pada Posting Sebelumnya Ane Membahas Trik tentang Cara Membuat Headline News di Blog, maka posting kali ini Ane akan bahas Tutorial Cara Otomatis Menampilkan Link Sumber Ketika Artikel Dicopas. Ok langsung Saja Simak Gan !!

1. Log in ke Blogger.com
2.Klik Template >> Edit HTML >> Lanjutkan ( Jangan Lupa Centang Expand Template Widget ).
3.Copas Kode berikut Tepat diatas kode <body> Template Agan.

<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://infonetmu.googlecode.com/files/sumber-otomatis.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>

4. Lalu Simpan

Catatan :
Ganti Kode berwarna Hijau sesuai Keinginan Agan. Misalnya: Sumber asli, Source, Copas dari, dan lain-lain. Untuk mengecek keberhasilan Trik ini, Silahkan Copas artikel blog agan Sendiri. Semoga bermanfaat. Salam Blogger.

Sumber

Cara Membuat Headline News di Blog

2012-12-06T21:53:00.002-08:00

Cara Membuat Headline News di Blog - Siang Para Blogger !?. Jumpa lagi dengan Ane blogger Pemula yang Share Tutorial yg pernah Ane pakai. Kali ini Ane akan Sharing Tips Trik Membuat Headline News di Blog terbaru 2012 Update. Mungkin Agan Pernah Lihat Sebuah Artikel dengan judul saja dan setiap 4 detik berubah- ubah secara otomatis dengan judul artikel lain Itulah namanya Headline News. Ok langsung Saja Cara Membuatnya Cekidot :) :

1. Pastikan anda sudah login/masuk ke akun blogger anda.
2. Template >> Edit HTML >> Lanjutkan.
3. Kasih centang pada "Expand Template Widget".
4. Tekan CTRL + F untuk memudahkan pencarian kode.
5. Letakkan kode berikut ini tepat DIATAS kode ]]></b:skin>

/* Headline News
-------------------*/
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii0Wypsb7k-lEn_sZy7XdwdxGHvWx7Pj2y9zIxGiWp9iTXjfis9EFjEPH4BFCZDxFCQRgonSbEeCt9tqU_ip4noDQ7QTb52e0ZMKL7Jw2qqfP0JoFkkaRQ7xBgbYrxnVjl4-E4rDEGyQU/s1600/news.gif) no-repeat top left;width:940px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
.news {width: 940px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#fff;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}

6. Selanjutnya, letakkan kode berikut ini tepat DIATAS kode </head>

<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};

var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>

7. Letakkan juga kode berikut ini tepat DIATAS kode <div id='header-wrapper'> atau <div id='header-outer'>

<div class='newspic'>
<div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new")
cssfeed.addFeed("Creating Website", "http://blog-tutorialbdb.blogspot.com/feeds/posts/default") //Specify "label" plus URL to RSS feed
cssfeed.displayoptions("date") //show the specified additional fields
cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>

8. Ganti kode yang berwarna merah, dengan alamat blog anda.
9. Jika sudah semua, jangan lupa klik "Simpan Template" dan lihat hasilnya.

Sumber

Cara Membuat Efek Banjir Di Halaman Blog

2012-12-06T21:34:00.000-08:00

Cara Membuat Efek Banjir Di Halaman Blog - Selamat siang para blogger, hmmm. Kali ini saya akan Sharing Tutorial tentang Tips Trik dan Tutorial Membuat Efek Banjir di Halaman Blog. Bukan hanya Indonesia aja bisa banjir :), tapi kita bisa membuat blog kita menjadi banjir. Abgi agan yang ingin blognya Terlihat lebih cantik, yh mesti pakai efek banjir ini di blog agan. Caranya adalah dengan mengunakan Seuntaian Script.

Bagi Agan yang ingin menerapkannya pada blog agan, silahkan ikuti langkah-langkah berikut ini dengan tepat!.

1. Pastinya anda sudah login ke akun blogger kamu.
2. Tata Letak

3.Tambah Gadget

4. Html/JavaScript.

5. Copy dan paste-kan kode berikut. Untuk judul, kosongkan saja!.

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://aksota.googlecode.com/files/efek_banjir.js"></script>

4. Jika sudah, jangan lupa klik "Simpan" dan lihat hasilnya :).

Selamat Mencoba dan Semoga Bermanfaat Untuk Anda.

Template SEO Friendly Blue And Black Simple

2012-12-06T06:55:00.001-08:00

DEMO

DOWNLOAD

Feature :

Template 2 Kolom
Sidebar Masih Kosong
Cukup SEO Friendly
Style Cocok Untuk Anak Muda
Auto Read More
Tombol Read More Keren Dengan Efek Jquery
Navigasi Tab Di Bawah Header
Cukup Ringan

Ane Sih Dapet Template Ini Dari Blog Tetangga. Jadi Sedikit Kurang Tau Tentang Designnya. Tapi Kalo Ada Masalah Dalam Pemasangan Templatenya, Bisa Layangkan Di Kotak Komentar. Segitu Aja Ya Dari Ane, Thanks

Cara Mengetahui Jenis Kelamin Komputer

2012-12-06T06:07:00.001-08:00

Widih !! Ane Baru Nemu Sebuah Trik Nih. Kelamin Cowo? Udah Bosen Ngeliat. *(>_<). Kelamin Cewe? Udah Tau!*(>_<). Kelamin Komputer/Laptop? Nah Lho? Gimana Tuh? Pernah Liat... Hehe Gak Mungkin. Tapi Ane Nemu Cara Buat Mengetahui Jenis Kelamin Komputer/Laptop Dari Suaranya. Triknya Sebenernya Simple Banget. Tapi Hasilnya Keren Abis... :D. Agan Simak Cara-caranya Dibawah Ini.

Hal Yang Perlu Disiapkan :

Yang Pasti Harus Punya Komputer/Laptop. (Yang Ini Hukumnya Wajib :D)
Keyboard Lengkap Dengan Mousenya. (Kalo Gak Ada Mouse Buat Komputer, Tikus Juga Gak Apa-apa :D)
Aplikasi Notepad (Kalo Gak Tau/Gak Punya, Kebangetan!)
Makanan Ringan (Siapa Tau Pengen Cemal-cemil)

Yang Pasti Harus Punya Aplikasi Notepad. Kalo Belom Punya, Cari Dulu Gih Ke Mbah Google. :P. Kalo Udah Punya, Berikut Cara-caranya :

Buka Aplikasi Notepad
Copy Kode Berikut, Lalu Pastekan Ke Notepad

CreateObject("SAPI.SpVoice").Speak"Hi! What Is Your Name? I Is Your Computer"
Simpan/Save File Tersebut. Tapi Pake Nama xyz.vbs" (Tanpa Tanda Petik)

Pastikan Volume Speaker Komputer/Laptop agan Sekeras Mungkin. Jika Perlu Pake Speaker Masjid. (>_<). Atau Bisa Juga Memakai Earphone Agar Suaranya Terfokes Ke Telinga agan.

Buka File Yang agan Save Tadi. Dan Dengerin Suaranya. Cewe Apa Cowo? Kasih Tau Anelah Lewat Kotak Komentar. :D

Gimana? Kerenkan? Komputer/Laptop Agan Jenis Kelaminnya Cewe Apa Cowo? Kalo Laptop Ane Jenis Kelaminnya Cewe. *Asik Ada Yang Nemenin. Ya Udah Sekian Aja Dari Ane.
Semoga bermanfaat

Selamat Mencoba !!

Format Meta tag Keyword dan Deskripsi Yang Baru

2012-12-05T01:32:00.001-08:00

Apa sih meta tag itu? saya pribadi juga masih belum begitu paham benar, soalnya saya juga masih Newbie.. Tapi kata para master yang pintar dalam search engine optimazition (SEO) mengatakan bahwa Crawler Search Engine akan melihat meta tag ini terlebih dahulu daripada bagian-bagian yang lainnya.

Ada beberapa hal yang harus di perhatikan dalam membuat meta tag ini, seperti yang dikatakan oleh Kang rohman, yaitu sebagai berikut :

1. Jangan terjadi duplikasi antara judul blog dengan deskripsi blog (kata-katanya sama).

2. Sebaiknya jumlah karakter keyword jangan lebih dari 500 katrakter.

3. Untuk jumlah keyword sebaiknya jangan lebih dari 20 keyword. Pemasangan keyword yang terlalu banyak bisa di anggap spam oleh seach engine.

4.Keyword yang di pasang sebaiknya berhubungan dengan isi dari postingan.

5. Lakukan analisa terhadap meta tag yang anda pasang

Berikut ini format meta tag yang lama

<meta name="description" content=" Deskripsi blog "/>
<meta name="keywords" content=" keyword 1, keyword 2, keyword 3, dst "/

Note : Format meta tag yang lama tersebut dianggap kurang optimal, untuk format meta tag yang baru yaitu ditambah dengan judul blog tau title blog.

Berikut ini format meta tag yang baru

<meta expr:content='data:blog.pageTitle + " - Deskripsi blog"' name='description'/>
<meta expr:content='data:blog.pageTitle + ", keyword 1, keyword 2, keyword 3, dst"' name='keywords'/>

Contoh hasilnya akan seperti dibawah ini

<meta expr:content='data:blog.pageTitle + " - BLOGGER | PHOTOSHOP | WINDOWS | LINUX | NETWORKING | COMPUTER | SOFTWARE"' name='description'/>
<meta expr:content='data:blog.pageTitle + ", blogger, komputer, tutorial, photoshop, linux, blog, free software, trik blogging, jaringan, abdugreen, banner, html, label, free download, seo, windows, javascript, sharing, artikel"' name='keywords'/>

Dengan format meta tag yang baru ini diharapkan dapat meningkatkan jumlah traffic ke blog kita.
Oke Kawan...
Selamat mencoba dan semoga sukses!!
Jangan lupa Komentarnya.....

Menghapus Broken Link blog melalui Webmater Tools

2012-12-05T01:29:00.002-08:00

Blog akan bagus di mata Google jika memiliki kekuatan SEO yang bagus pula. Dan blog akan jelek di mata Google jika terdapat banyak penyebabnya, salah satunya adalah broken link. Broken link adalah link yang terdapat pada suatu web atau blog yang mengalami kerusakan atau tidak valid. Semakin bayak broken link yang terdapat pada blog kita, akan semakin jelek pula blog kita di mata Google.

Nah cara untuk mengatasi adanya broken link yaitu dengan cara menghapusnya lewat Google Webmaster. Fasilitas ini sudah di sediakan oleh Google Webmaster untuk mengetahui link yang rusak yang terdapat pada blog kita,, Nah kita harus menghapus broken link tsb, agar blog kita menjadi baik di mata Google sendiri.

Cara Untuk menghapus Broken Link tersebut adalah sbb:
1. Login ke Google Webmaster Tools dengan akun google kita.
2. Klik nama blog kita yang akan di hapus broken link nya.

3. Setelah itu akan muncul "crawl errors", dan klik link "Not found".

4. Setelah itu copy link yang rusak pada bagian sebelah kiri.

5. Lihat ke sidebar webmaster dan klik "site Configuration". Lalu pilih "crawler access"

6. Lalu buka tab "Remove URL" dan klik "New Removal Request".
7. Pastekan link yang sudah di copy tadi kemudian continue

Lakukan hal yang sama pada link lainnya.

Selamat mencoba....Semoga bermanfaat....

Mendaftarkan Blog Di Search Engine

2012-12-05T01:27:00.001-08:00

Bagi blogger pemula seperti ane ini... Setelah membuat blog, tentu menginginkan blog kita langsung terindex oleh mesin pencari seperti Google, Yahoo, MSN atau mesin pencari yang lainnya. Tapi semua itu tidak mudah bagi blog kita untuk langsung terindex mesin pencari tersebut.

Kita harus mendaftarkan terlebih dahulu blog kita ke berbagai mesin pencari agar blog kita bisa terindex. Tentunya sangat merepotkan kalau kita mendaftar ke berbagai mesin pencari secara manual, karena banyak sekali mesin pencari yang ada di dunia ini. Tapi menurut saya, dari berbagai mesin pencari yang ada, hanya ada tiga mesin pencari yang sangat berpengaruh yaitu seperti yang ane sebutkan di atas.

Daftarkan dahulu blog sobat ke tiga mesin pencari di atas agar bisa terindex, kemudian yang lain bisa menyusul.
Google - http://www.google.com/addurl.html
Yahoo - http://siteexplorer.search.yahoo.com/submit
MSN - http://www.bing.com/webmaster/SubmitSitePage.aspx

Selamat mencoba.... Semoga bermanfaat.
Silahkan jika agan blogger yang ingin menambahkan, itu akan sangat membantu.

Cara Untuk Menambahkan Tombol ke Quick Access Toolbar

2012-12-04T23:53:00.001-08:00

Cara untuk menambahkan tombol ke Quick Access toolbar, klik tombol Customize dan klik tombol yang diinginkan dari menu. Jika tombol yang tersedia tidak cukup atau jika Agan tidak melihat tombol yang Agan inginkan:

Agan dapat mengklik tombol Perintah Lebih
Agan dapat klik kanan Quick Access toolbar dan klik Customize Quick Access Toolbar

Salah satu tindakan ini akan membuka dialog Acces Options :

Untuk menambahkan perintah, klik dalam daftar tengah dan klik Add >>. Setelah Agan memilih opsi yang diinginkan, klik ok . Daerah utama atau tengah bagian atas menampilkan nama aplikasi: Microsoft Access. Di sisi kanan bar judul, ada tombol sistem tiga yang memungkinkan Agan untuk meminimalkan, memaksimalkan, memulihkan, atau menutup
Microsoft Access. Di bawah tombol sistem, ada dua tombol lain: Minimize the Ribbon dan Help.

Cara Membuat Salam Pembuka Sesuai Waktu Berkunjung

2012-12-04T23:31:00.001-08:00

Membuat salam pembuka di blog sesuai dengan settingan waktu yang kita inginkan kemungkinan terasa asik untuk menyambut kunjungan sobat ke blog kita. Namun salam pembuka ini kita atur waktunya pada jam-jam tertentu untuk menyapa sahabat yang berkunjung.

Salam pembuka yang ada di bawah header blog ini dengan tulisan berjalan merupakan contoh kecil salam pembuka di blogspot yang dibuat sesuai dengan settingan waktu yang kita inginkan. Nah, bagaimana cara membuatnya? Gak terlalu sulit, hanya menambahkan kode HTML saja sesuai dengan keinginan kita.
Berikut cara Membuat Salam Pembuka di Blogspot Sesuai Dengan Settingan Waktu tersebut :

1. Log in Blogger.com

2.Klik tata letak

3.Klik Tambah Gadget / Add Gadget

4.Pilih HTML/JavaScript

5.Masukkan Script d' bwah ini :

<marquee align="center">
<span style="font-weight:bold;"></span><script>
var Digital=new Date()
var hours=Digital.getHours()

//Silahkan sesuaikan dengan pesan yang Kita inginkan
if (hours>=5&&hours<=11) //pesan pagi hari (05.00-11.00)
document.write('<b>...:::Selamat Pagi Sahabat! Semoga Pagi Ini menjadi Awal Yang Baik Untuk Memulai Karya:::...</b>')
else if (hours==12) //pesan siang hari (12.00)
document.write('<b>...:::Selamat Siang Sahabat. Terimakasih Telah Menyempatkan Berkunjung di Sela-sela Istirahat Siang Ini:::...</b>')
else if (hours>=13&&hours<=15) //pesan waktu siang hari(13.00-15.00)
document.write('<b>...:::Selamat Siang Sahabat...Terima Kasih Telah Berkunjung Siang Ini:::...</b>')
else if (hours>=15&&hours<=17) //pesan sore hari(15.00-17.00)
document.write('<b>...:::Selamat Sore Sahabat, Terima Kasih Telah Menyempatkan Berkunjung Sore Ini:::...</b>')
else if (hours>=17&&hours<=18) //pesan petang hari (17.00-18.00)
document.write('<b>...:::Selamat Petang Sahabat! Sambil Istirahat Dipersilahkan Menikmati Hidangan Blog Ini, Hehehe:::...</b>')
else if (hours>=18&&hours<=23) //pesan malam hari (18.00-23.00)
document.write('<b>...:::Selamat Malam Sahabat, Terima Kasih Telah Berkunjung:::...</b>')
else //pesan malam mejelang pagi(00.00-04.00)
document.write('<b>...:::Sobat..!!!, Sudah Larut Malam Sobat Masih Sempat Berkunjung.., Terima Kasih Sobat!:::...</b>')
//edit by http://wisatainformasi.co.cc
</script></marquee>

6.Simpan dan Lihat hasilnya

Cara Mengubah Lebar Kolom Pada Ms. Access

2012-12-04T23:03:00.000-08:00

Jika Agan membuat tabel menggunakan salah satu Template Table atau jika Agan mendapatkan tabel dari sebuah Template Database, kolom dari tabel yang cukup lebar untuk menampilkan nama mereka. Jika Agan membuat tabel dari awal dalam Datasheet View, Microsoft Access memberikan itu lebar default. Lebar yang dapat muncul terlalu sempit atau terlalu lebar. Sebagai contoh, ketika data melebihi lebar teratur kolom, sebagian informasi akan disembunyikan. Jika kolom tertentu berisi data yang ingin ditampilkan setiap saat, Agan dapat memperbesar kolom. Di sisi lain, jika kolom menampilkan potongan nyaring informasi, Agan dapat mempersempit kolom untuk membiarkannya hanya sesuai dengan data yang diinginkan. Ada berbagai teknik yang dapat Agan ikuti untuk memperluas atau mempersempit kolom.

Untuk mengubah lebar kolom:

Agan dapat posisi mouse pada batas kanan kolom header. Pointer mouse akan berubah menjadi panah ganda horisontal dilintasi oleh garis vertikal:
Jika Agan klik dua kali, kolom akan diubah ukurannya dengan nilai terluas kolom, asalkan nilai terluas lebih lebar dari header kolom. Jika nilai terluas lebih sempit daripada header kolom, lebar kolom akan melebar cukup untuk menampilkan nama kolom.
Agan dapat mengklik perbatasan sebelah kanan kolom dan tarik ke arah yang diinginkan, kiri atau kanan sampai Agan mendapatkan lebar yang diinginkan
Agan dapat klik kanan nama kolom dan klik Lebar Kolom ... Ini akan membuka kotak Kolom Lebar dialog di mana Agan dapat mengetikkan nilai yang diinginkan dan klik
klw diingikan klik ok :D

Cara Membuat Efek Gelembung Pada Cursor Blog

2012-12-04T22:18:00.001-08:00

Cara Membuat Efek Gelembung Pada Cursor Blog - Kali ini ane akan Share Tutorial blog tntang Cara Membuat Efek Gelembung Pada Cursor Blog, dengan mengunakan Script yang ane sediakan di bawah nanti, Cursor blog agan akan mengeluarkan gelembung - gelmebung atau bisa juga dikatakan bubble.

Sebelum ane share caranya, Ane ingin menegaskan bahwa Efek ini hanya salah satu cara untuk mempercantik atau menghias blog agan, dan sifatnya tidak wajib, karena mingkin saja efek ini bisa memperberat loading blog agan, klw ane berakata" truss kpn selesainya :D heheheh !. Ok langsung saja Cara Membuat Efek Gelembung Pada Cursor Blog :

ini Scriptnya :

<script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
    // <![CDATA[
    var colours=new Array("#cc0000", "#cc0000", "#cc0000", "#cc0000", "#cc0000"); // 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>

1. Log In blogger.com
2. Klik Tata Letak

3. Tambahkan Gadget / Add Gadget

4.Pilih Gadget/ HTML/JavaScript

5.Masukkan Script Efek Gelembung

5. Truss Jangan lupa Simpan
6. Taraaaa... Jadi deh :D dan lihat hasilnya

Keterangan :

Kode berwarna Merah adalah kode warna gelembung, silahkan agan ganti sesuka hati agan !!
Kode Warna aqua ( 100 ) adalah jumlah maksimal gelembung yang akan keluar, silahkan ganti angka 100, dengan angka / Jumlah yang agan sukai :).

itu dia tutorial blog tntang Cara Membuat Efek Gelembung Pada Cursor Blog. Semoga bermanfaat. Selamat Mencoba.

Aku Malu Jadi Blogger Copas

2012-12-03T00:46:00.001-08:00

Aku Malu Jadi Blogger ~~Copas~~ - ~~Copy paste~~ atau yang lebih dikenal dengan ~~copas~~ ini, telah menjadi pertanyaan kepada setiap pengguna blogger. Para blogger sangat malas untuk menulis sebuah karya artikel para blogger sendiri, setiap harinya harus ~~Copas ( Copy Paste )~~ artikel milik orang lain, tentunya pemilik blog tersebut juga merasa kesal dan sangat tidak ingin blog mereka menjadi sarang ~~copy paste ( Copas )~~. Adapun keuntungan dan kerugian Menulis artikel sendiri dan ~~Copy paste ( Copas )~~ artikel milik orang lain, berikut ini :

blog-tutoriabdb.blogspot.com

Keuntungan dan Kerugian Menulis Artikel Sendiri

Keuntungan Menulis Artikel Sendiri :

Artikel mudah terindex Google
Pengunjung akan merasa senang dengan artikel yang kita buat
Membuat kita lebih kreatif dalam membuat artikel

Kerugian Menulis Artikel Sendiri :

Membutuhkan waktu yang lama dan kita juga harus berpikir apa yang harus kita buat
Kemungkinan akan Banyak yang akan copas artikel yang kita buat

blog-tutoriabdb.blogspot.com

Keuntungan dan Kerugian ~~Copy Paste~~ Artikel Orang Lain

Keuntungan Copy Paste Artikel Orang Lain :

Tidak usah berpikir lama untuk buat postingan
Akan mempersingkat waktu kita dalam membuat postingan
Dengan copas, kita bisa mendapatkan 3 - 5 artikel dalam sehari, dan mungkin juga Dapat memperbanyak visitor blog kita.

Kerugian Copy Paste Artikel Orang Lain :

Artikel sulit terindex oleh Google
Blog akan dilaporkan
Pengunjung akan merasa bosan, karena artikel kita mirip dengan blog lain.
Kemungkinan visitor blog akan berkurang

blog-tutoriabdb.blogspot.com

Nah, mau pilih yang mana? tentu Menulis Artikel Sendiri..!! dengan ini kita akan lebih kreatif dan blog kita akan di sayangi oleh Mesin pencari google. Copy paste ( Copas ) itu bukan hanya tulisan atau teks loh !?. Copy paste bisa berupa gambar, video, link download dan lainnya. Dulu, waktu saya baru mengenal dunia Blogging, saya juga sering melakukan copy paste, itu merupakan hal yang sangat lama. Sejak saya mengenal lebih dalam lagi tentang blog dan SEO, akhirnya saya tidak menjadi seorang copaser lagi.

Maka dari itu kita harus merasa Malu menjadi blogger copas. Ayo, jangan menjadi blogger pemalas yang tiap harinya selalu copas artikel milik orang lain!!
ayo, basmi para copaser dinegeri ini!! Katakan "Aku Malu Jadi Blogger Copas" mulai dari sekarang !!

Cara memasang gambar animasi lucu di pojok blog

2012-12-01T03:50:00.003-08:00

Widget Animasi

Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat

Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget-Animasi</a></center></small></div>

2. Boring

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa

Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget-Animasi</a></center></small></div>

4.Boneka joget

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget-Animasi</a></center></small></div>

5. Panda main bola

Script :

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

6. Tuyul baring

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda biru

Script

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. Panah

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget Animasi</a></center></small></div>

9. Bunga

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget Animasi</a></center></small></div>

10.Anjing laut

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget Animasi</a></center></small></div>

11.Lumba-lumba

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget Animasi</a></center></small></div>

12.Kucing tidur

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget Animasi</a></center></small></div>

13.Kelinci

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget Animasi</a></center></small></div>

14.Dragon

Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget Animasi</a></center></small></div>

15.Ikan

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="blog-tutorial.blogspot.com" target="_blank">Widget Animasi</a></center></small></div>

16.Pinguin

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget Animasi</a></center></small></div>

17. Helikopter

Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget Animasi</a></center></small></div>

Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.

Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia

2. Di Dashboard blogger pilih Tata Letak

3. Selanjutnya pilih Tambah Gadget

4. Kemudian pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript

Jangan lupa klik tombol Save dan Lihat Hasilnya

Catatan:

Untuk mengganti posisi widget dari sebelah kiri ke kanan ganti tag left menjadi right
Untuk mengubah posisi dari kiri ke kanan ganti tag right menjadi left
Contohnya bisa dilihat di bawah ini

<div style="position: fixed; bottom: 0px; left: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://blog-tutorial.blogspot.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

Itu dia Tutorial Blog tentang Cara memasang gambar animasi lucu di pojok blog . Selamat Mencoba !!