Cara Memasang Widged Spider

"Cara Memasang Widged Spider"

Bagi sahabat-sahabat yang ingin memperindah blog nya dengan widged Laba-Laba, sedikit caranya sebagai berikut...
langsung aje yee....
1. silahkan anda pergi ke dasbor
2. tambah HTML (Java Scrip)
3. Copy Paste kan Kode yang berwarna ungu yaa, ni kodenya :

Letak Dikiri:

<div style="position: fixed; bottom: -10px; left: 2px;"><embed pluginspage=" http://jafarsiddiq.blogspot.com/" width="180" height="330" src="https://sites.google.com/site/widgetislamic/labe2.swf?attredirects=0" wmode="transparent" type="application/x-shockwave-flash" quality="high" title=" "></embed></div>

Letak Dikanan :

<div style="position: fixed; bottom: -10px; right: 2px;"><embed pluginspage=" http://jafarsiddiq.blogspot.com/" width="180" height="330" src="http://jafarsiddiq.blogspot.com/" wmode="transparent" type="application/x-shockwave-flash" quality="high" title=" "></embed></div>

Pada Side Bar :

<div style="text-align: center;"><embed pluginspage=" http://jafarsiddiq.blogspot.com/" width="180" height="330" src="https://sites.google.com/site/widgetislamic/labe2.swf?attredirects=0" wmode="transparent" type="application/x-shockwave-flash" quality="high" title=" "></embed></div>

Selamat mencoba....

Lanjut Yuuk.....

Like

Cara Mendapatkan Like Terbanyak Di Facebook ini sebenarnya tidak sulit  , saya pertama nyoba gak begitu percaya tapi ini bukan janji ini NYATA , percaya gak percaya , mudah simple dan sangat gampang untuk di praktekkan , kusus buat pengguna layar lebar ( PC/Laptop/ sejenisnya)
langsung saja tak usah berbelit belit ,, nah langkah pertama and harus masuk ke akun facebook anda & kemudian atur dulu Privasi anda..
Setelah anda klik di bagian itu , selanjutnya anda akan di hantarkan kehalaman berikut, dan buat pengaturannya menjadi Publik..
seperti gambar dibawah ini:

Dan selanjutnya anda juga harus merubah pengaturan akun anda, seteh anda klik pengaturan akun, pilih pelanggan kemudian centang kotak kecil "Izinkan Pelanggan".

setelah selesai langkah itu semua

sekarang tinggal bekerja buat UPDATE STATUS

Update Status anda sekarang, terserah mau status apa ,,

setelah itu klik nangkene, dan kopas tulisan Iki

setelah itu tinggal anda SUBMIT aja tuh status....

Lanjut Yuuk.....

Cara Mudah Memasang "LIKE" button | Tips Pada Blog

Cara Mudah Memasang "LIKE" button | Tips Blogger

LIKE Button berfungsi untuk memudahkan pengunjung dalam berbagi sesuatu hal yg menarik dari blog sobat, kepada teman-teman mereka melalui media FACEBOOK. Selain itu juga berfungsi untuk meningkatkan traffik ke blog. Nah bila berminat untuk memasangnya, berikut caranya....

Monggo disimak njeh....

Langkah-langkahnya :

1. Masuk ke blogger

2. Pilih Template

3. Edit HTML

4. Klik kotak kecil Expand Template Widget

5. Ctrl+F untuk memudahkan pencarian, lalu cari kode berikut <data:post.body/>

(bila ada dua pilih yg paling bawah)

6. Kemudian copy pastekan script berikut ini tepat di bawah kode diatas

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

7. Simpan dan monggo dilihat hasilnya...

Cttn : Kata Like pada kata yg di beri warna merah bisa diganti dengan kata yg sobat inginkan, begitu juga dengan huruf atau font nya, bisa dengan Tahoma, verdana, trebuchet, lucida dan untuk Colorscheme, terdapat tiga warna selain dari light yaitu evil dan dark.

Thanks, Semoga Bermanfa'at, Selamat Mencoba....

http://jafarsiddiq.blogspot.com/

Lanjut Yuuk.....

Cara Membuat READMORE Pada Blog

Cara membuat read more pada blog, blogspot, Blogger ini sangat mudah sekali, karena hanya tinggal mengcopykan script code yang ada ke template blogspot anda, dan Berikut ini cara yang mudah untuk membuat Read More Otomatis dengan Thumbnail di Blogger seperti halnya yang digunakan pada Blog. sebelum anda memulai membuat read more pada blog, blogspot, blogger yang harus anda lakukan adalah sebagai berikut :

► Silahkan Login dan masuk di akun blogger anda

► lalu klik Template dan klik Edit HTML

► Centang Expand Template Widget

► Untuk mempermudah pencarian kode HTML nya anda tekan aja ( CTRL + F )

► Cari kode </head> dan kalau sudah ketemu

► Lalu silahkan Tambahkan kode dibawah ini tepatnya diatas kode </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

Bila anda ingin merubah ukuran Read More Pada Blog, Blogspot, Blogger anda, ubah aja di bagian-bagian kode di bawah ini, dan Ubah angka nya sesuai kebutuhan:

summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar

summary_img = 340; adalah tinggi potongan artikel dengan gambar

img_thumb_height = 100; adalah ukuran tinggi thumbnail

img_thumb_width = 120; adalah ukuran lebar thumbnail

► langkah Selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> tersebut dengan kode script di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);

</script>

<span class='rmlink' style='float:right;padding-top:20px;'>

<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

► dan untuk kata " READ MORE " bisa diganti sesuai dengan selera anda.

setelah dipastikan semua udah terpasang dengan benar langkah selanjutnya adalah simpan template dan coba lihatlah hasilnya. truiiiiiiiiiinngggggggggggggg...... ;)

Okelah sobat itulah artikel tentang Cara Membuat Read More Pada Blog, Blogspot, Blogger yang mungkin bisa sedikit membantu anda. Semoga Bermanfa'at...

http://jafarsiddiq.blogspot.com/

Lanjut Yuuk.....

Cara Memasang Gambar Animasi Pada Blog

Cara Memasang Gambar Animasi Pada Blog

Mungkin Ini dapat Sedikit Membantu para pembuat blog...
silahkan ikuti langkah-langkahnya, monggo...

1. Pilih script yang tersedia

2. Di Dashboard blogger pilih Tata Letak

3. Pilih Tambah Gadget

4. Pilih HTML/Javascript

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

Catatan:


1.Contoh blog yang sudah terpasang widget di atas bisa dilihat disini widget animasi atau disini widget blog
2. 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.

Ini Contoh Gambar nya, monggo dipilih mana yang kira-kira imut....

1.Gajah loncat



Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://jafarsiddiq2.blogspot.com/" 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://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" 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://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" 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://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" 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://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" 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://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" 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://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" 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://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" 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://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" 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://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" 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://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" 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="http://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" 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://jafarsiddiq2.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://jafarsiddiq2.blogspot.com/" 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://jafarsiddiq2.blogspot.com/" target="_blank">Widget Animasi</a></center></small></div>

Selamat mencoba, semoga bisa membantu...
jangan lupa like dan join ya gan..... ;)

Lanjut Yuuk.....

Cara Membuat Recent Post Berjalan di Blog

Cara Membuat Recent Post Berjalan di Blog - Recent post atau dalam bahasa indonesianya posting terakhir atau artikel terkini adalah widget yang bisa sobat pasang di blog dengan tujuan memberikan informasi tentang postingan atau artikel terkini.

Recent post biasanya menampilkan sejumlah  judul artikel yang belum lama sobat posting dalam deretan ke bawah dan tak jarang juga ada yang bergerak ( animasi ) ke bawah. Contohnya sobat bisa lihat di sidebar blog ini.

Kali ini saya akan kasih tahu bagaimana cara memasang recent post Berjalan di blog. Sobat yang berminat silahkan ikuti tutorial berikut.

simak ya, ki carane'....

1. Log in ke akun blog sobat.

2. Klik Tata-Letak --> Elemen laman --> Tambah gadget --> HTML/Javascript

3. Kopy-Pastekan kode berikut ke dalam konten.

ki kode ne..:

<style type="text/css">

    #rp_plus_img{height:377px;}

    #rp_plus_img li {height:60px;padding:5px;list-style:none;

    background-color:#ffffff;

    border:solid 1px #000000;}

    #rp_plus_img a{color:#00000;}

    #rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;

    text-align:justify;

    -moz-border-radius: 5px;}

    #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}

   

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">

</script>

<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript">

</script>

<script type="text/javascript">

    var speed = 1500;

    var pause = 3500;

    $(document).ready(function(){

    rpnewsticker();

    interval = setInterval(rpnewsticker, pause);

    });

   

</script>

<ul id="rp_plus_img"><script>

    var numposts = 5;

    var numchars = 0;

   

</script>     <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">

</script>     </ul>

<small><a href="http://jafarsiddiq2.blogspot.com/2012/11/cara-membuat-recent-post-berjalan-di.html" target="_blank">get this widget here</a></small>

Setelah Selesai, "Save" dan Taraaaammmmmmmmmmm, lihat hasilnya pada Blog Rencang2 sedanten...

Lanjut Yuuk.....

Cara Memasang Widget Share Button Facebook, Twitter, Google di Blog

Cara Memasang Widget Share Button Facebook, Twitter, Google di Blog -

Belakangan ini saya berkunjung  ke sebuah blog, dan saya menemukan sesuatu yang unik di blog sahabat saya tersebut. Saya menemukan widget share botton. Kemudian saya mencoba memasangnya, karena widget ini akan memudahkan pengunjung blog kita untuk mengshare apa yang ada di blog kita. Dan hal ini juga akan berdampak positif ke blog kita.. karena ini bisa menjadi media marketing gratis buat para blogger , untuk itu saya akan membagaikan kepada para sahabat – sahabat blogger sekalian tentang cara membuat share botton. Berikut langkah- langkahnya :

Login ke dasbor blog anda

Pilih Tata-Letak

Pilih tambah gadget

Pilih Html/Java script

Copy kode Html di bawah ini :

<!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>

<div id='pageshare' title="bagikan ke teman anda">

<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>

<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>

<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>

<div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>

<div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>

<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://jafarsiddiq2.blogspot.com/2012/11/cara-memasang-widget-share-button.html" target="blank" title="Cara Memasang Widget Share Button"><font color="blue">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

Pastekan di Html/ Java Script tadi

Simpan

Selesai deh.... Monggo dilihat hasilnya...

cttn:

Catatan : untuk tulisan warna Merah anda dapat mengeditnya sesuai keinginan anda. Dan tulisan warna Ungu bisa anda hapus jika anda ingin tampilan yang simple.

Niki Contoh Hasil akhire cak...:

Lanjut Yuuk.....