Mesin Penghasil Uang Diinternet

       Dibawah ini adalah beberapa situs mesin penghasil uang yang bisa menghasilkan rupiah dan dolar,hanya dengan mendaftar,dan juga bisa menjadi publiser,maka secara kurun waktu yang ditentukan maka kita akan mendapatkan hasil rupiah dan dolar yang lumayan.silahkan dipilih salah satu yang anda inginkan.


sekian postingan dari saya yang cukup singkat ini,semoga bermanfaat dan semoga sukses selalu.

Cara Mudah Memasang Tombol Share This Article

Untuk Meningkatkan traffik atau visitor blog ada banyak macam cara. disamping mengandalkan SEO juga harus mengandalkan situs social media dan situs sosial bookmark,agar mempermudah dalam mensubmit berita ke situs social media atau situs sosial bookmark, maka diperlukan tombol share yang biasanya kita lihat dibawah posting.
Tombol share yang  di maksud pada gambar berikut:

Jika anda mau lihat hasinya, silahkan lihat dibagian bawah posting ini. Selain memudahkan dalam men-share article kita , tombol share This article ini juga juga mempercantik tampilan blog.Jika anda tertarik dan mau memasangnya yaitu cukup mudah,tapi disini ada dua cara yang biasa dilakukan yaitu :

Cara yang pertama
1.Login ke dashbor anda
2.Pilih template
3.Edit template,sebelum mengedit template sebaiknya anda download dulu,agar tidak pusing jika terjadi kegagalan pada code scriptnya.
4.Cari code <data:post.body/>,agar memudahkan pencarian browser tekan Ctrl + f ,jika sudah ketemu codenya,biasanya ada dua code <data:post.body/> ,pilih yang nomer dua,dan silahkan anda copy paste code dibawah ini,lalu letakan tepat dibawah code <data:post.body/>

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>
<!-- AddThis Button END -->

 5.Terakhir SAVE

Cara yang kedua,Cara yang satu ini adalah cara yang tidak mau pusing,dan tidak mau ribet sebaiknya menggunakan cara yang kedua ini.
1.Login dashbor anda
2.Pilih Tata letak
3.Pilih tambah gadget
4.Pilih HTML/java script
5.masukan code diatas didalamnya
6.klik save

silahkan lihat hasilnya di blog anda,jika ada kesulitan jangan segan-segan untuk coment ,semoga artikel ini bermanfaat untuk anda semua,selamat mencoba,

 

CARA MEMBUAT HEADER DIAM DITEMPAT

Selamat malam sobat semua,pada malam yang sunyi ini saya mau share tetang cara membuat header diam ditempat,sebenernya sudah banyak sekali para blogger master yang memuat tentang cara ini,saya cuma ikut-ikutan karena sebagai arsip saya.

Semua para blogger mendambakan dan menginginkan blog yang enak dipandang mata dan juga loading blog yang cukup ringan saat dibuka,banyak juga blog yang dengan tampilan menarik tapi loading yang lambat,jadi visitor buru-buru meninggalkan blog kita sebelum membaca artikel diblog kita,benar bukan sobat ?dengan begitu maka suatu kerugian yang sangat besar bagu kita.juga sebaliknyajika blog loading ringan tapi tampilannya acak-acakan maka visitor akan merasa jenuh dan tidak betah diblog kita,pertimbangkan kedua hal tersebut sobat ,lantas bagaimana solusinya ?


Cara ini adalah salah satu agar visitor betah diblog kita karena dengan adanya header ( menu navigasi ) yang tetap berada ditempat.sayangnya ada beberapa navigasi menu yang dipasang malah membuat loading blog kita menjadi berat,tapi dengan menerapkan cara yang satu ini maka akan membuat tampilan blog jadi menarik dan lodingnya juga standar,jika sobat tertarik dan ingin membuat navigasi menu yang diam ditempat silahkan ikuti beberapa langkah berikut :

1.Login dashbor sobat
2.Pilih Tata letak
3.Pilih Tambah gadget
4.Pilih HTML / java scipt lalu masukan code dibawah ini di dalam java script

<style type="text/css">
#search {float:right; padding:4px; display:inline;}
#fixed {position:fixed; top:0; left:2%; width:96%; height:33px; background:black; font-size:13px; font-family:Comic Sans Ms; color:white; font-weight:bold; border-bottom:3px solid #111; box-shadow:0 0 5px white; -moz-box-shadow:0 0 5px white; -webkit-box-shadow:0 0 5px white; -khtml-box-shadow:0 0 5px white;}
#menu {margin:opx; padding:0px;}
#menu ul, #menu li {float:left; list-style:none; margin:0px; padding:0px;}
#menu li a, #menu li a:link, #menu li a:visited {color:#fae7df; display:block; margin:0px; padding:9px 10px;}
#menu li a:hover, #menu li a:active{background:purple; color:#fff; margin:0px; padding:9px 10px; text-decoration:none;}
#menu li li a, #menu li li a:link, #menu li li a:visited {background:#ED4A05; width:150px; color:#fae7df; font-family:sans-serif; margin:0px; padding:9px 10px; border:1px solid #FF7800;}
#menu li li a:hover, #menu li li a:active {background:purple; color:#fff; padding:9px 10px;}
#menu li ul {z-index:9999; position:absolute; left:-999em; height:33px; width:170px; margin:0px; padding:0px;}
#menu li ul a {width:140px;}
#menu li ul ul {margin:-34px 0 0 170px;}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left:-999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul{left:auto;}
#menu li:hover, #menu li.sfhover{position:static;}
</style>

<br />
<div id="fixed">
<div id="search">
<form action="/search" method="get">
<input name="p" placeholder="" size="23" style="font-size: 14px;" type="text" />
  <input style="font-size: 14px;" type="submit" value="search" />
  </form>
</div>
<div id="menu">
<ul>
<li><a href="Url Blog Sobat/">Home</a></li>
<li>
<a href="http://www.blogger.com/blogger.g?blogID=2655030301552248393#">Contact</a>
<ul>
<li><a href="Url Blog Sobat/">Contact Me</a></li>
<li><a href="https://plus.google.com/ ID GOOGLE + S">Google +</a></li>
<li><a href="https://www.facebook.com/ ID FACEBOOK SOBAT">Facebook</a></li>
<li><a href="Url Blog Sobat/">Twitter</a></li>
</ul>
</li>
<li>
<a href="http://www.blogger.com/blogger.g?blogID=2655030301552248393#">Categories</a>
<ul>
<li><a href="Url Blog Sobat//">Cara-cara</a></li>
<li><a href="Url Blog Sobat//">Memasak</a></li>
<li><a href="Url Blog Sobat//">Jawa</a></li>
<li><a href="Url Blog Sobat//">Software</a></li>
<li><a href="Url Blog Sobat//">Video lucu</a></li>
</ul>
</li>
<li><a href="Url Blog Sobat//">Game Online</a></li>
<li><a href="Url Blog Sobat//search/label/FREE%20GAME%20PC/">GAME PC</a></li>
<li><a href="Url Blog Sobat//2013/08/tv-online.html">TV Online</a></li>
<li><a href="Url Blog Sobat//">Music</a></li>
<li><a href="Url Blog Sobat//">Movie</a></li>
</ul>
</div>
</div>

5.Klik save

Tambahan :
sillahkan sobat ganti tulisan yang berwarna merah dengan URL blog sobat.selamat mencoba

CARA PMEMASANG WIGWET CCTV DIBLOG

Banyak para blogger yang memasang widget CCTV ini untuk mempercantik blognya,jika tampilan widget CCTV ini mau dipasang diblog sobat,caranya gampang ko,seperti biasa yang kita lakukan adalah :
 1.Login dashbor sobat
2.Pilih Tata letak
3.Pilih Tambah gadget
4.Pilih HTML / java scipt lalu masukan code dibawah ini di dalam java script

<a href='http://puteragentan.blogspot.com/'

style='display:scroll;position:fixed;Top:0px;

Right:0px;' title='Mau Widget Seperti ini ?

Klik Gambar ini'><img

src='http://1.bp.blogspot.com/-

jyICA3F7eOo/TbBE4YBgbpI/AAAAAAAAAEM/XU9sJQnzG

vU/s1600/cctv.gif'/></a>

5.Klik save

Silahkan lihat hasilnya di blog sobat,selamat mencoba .

CARA MENAMBAHKAN WIDGET RADIO ONLINE

</embed>
Widget radio online ini bisa dipasang diblog sobat,yang bisa distel untuk menghibur visitor diblog kita,Jika tertarik dan ingin menambahkan widget radio online diblog sobat silahkan ikuti langkah berikut :
1.Login dashbor sobat
2.Pilih Tata letak
3.Pilih Tambah gadget
4.Pilih HTML / java scipt lalu masukan code dibawah ini di dalam java script

<center><embed name='MediaPlayer'

src='mms://iradiofm.com/iradio1'

type='application/x-mplayer2' width='300'

height='250' ShowControls='1'

ShowStatusBar='0' autostart="1" loop="1"

EnableContextMenu='0' DisplaySize='0'

pluginspage='http://www.microsoft.com/Windows

/Downloads/Contents/Products/MediaPlayer/'></

embed></center>

5.Klik save

Silahkan lihat hasilnya di blog sobat,selamat mencoba .

Cara menambahkan widget SMS gratis di blog

Beberapa blog ada yang menambahkan widget SMS gratis agar pengunjung bisa mengirim sms ke nomor tujuan dengan layanan gartis tanpa dipungut biaya,berlaku untuk semua nomor hp.jika sobat berminat untuk memasang diblog sobat silahkan ikuti langkah berikut ini :

1.Login dashbor sobat
2.Pilih Tata letak
3.Pilih Tambah gadget
4.Pilih HTML / java scipt lalu masukan code dibawah ini di dalam java script

<div align="center">
<script type='text/javascript'><!--
smswidth = 195;
smsheight = 330;
//-->
</script>
<script type='text/javascript'
src='http://www.sms-

gratis.web.id/api/widgetfree.js'>
</script></div>

5.Klik save

 Silahkan lihat hasilnya di blog sobat,selamat mencoba .

CARA MEMASANG WIDGET BERITA

	«		»
	«		»
	«		»

Get this widget

Mempercantik blog kita dengan menampilkan berita terbaru,akan membuat para visitor merasa betah karena bisa melihat berita terbaru sambil membaca artikel di blog kita.tampilan diatas cukup keren kan sobat ?bagaimana ? apakah sobat tertarik dan ingin memasangnya? caranya mudah seperti biasa ,

1.Login dashbor sobat
2.Pilih Tata letak
3.Pilih Tambah gadget
4.Pilih HTML / java scipt lalu masukan code dibawah ini di dalam java script

<div style='color:#ffffff; width:614;height:auto;margin:5px 0 5px 0;padding:5px 10px 5px 10px; text-align:left; overflow:hidden; border-radius: 8px; -moz-border-radius: 8px; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color:#619bb9; background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75)); background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));'><table width=100%><tr><td width=18px><img src="http://detik.net.id/detik/image/favicon.ico" width="16px" height="16px"/></td>
<td width="10" style="vertical-align: top;" ><a id="TickerPrevBC5226488" href="javascript: ;" onclick="PrevTickerBC5226488();" class="bc_tickerarrow" style="text-decoration: none; ">&laquo;</a></td>
        <td id="TickerContentBC5226488" class="bc_tickercontent" style="vertical-align: top;">
            <a id="TickerLinkBC5226488" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none;" target="_blank"><b><span id="TickerTitleBC5226488" class="bc_tickertitle" ></span></b></a>            <span id="TickerSummaryBC5226488" class="bc_tickersummary" ></span>
        </td>
        <td width="10" style="vertical-align: top;" ><a id="TickerNextBC5226488" href="javascript: ;" onclick="NextTickerBC5226488();" class="bc_tickerarrow" style="text-decoration: none; ">&raquo;</a></td>
<!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. -->
<noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript>
<script id="scr5226488" type="text/javascript"></script>
<script type="text/javascript"> /* <![CDATA[ */
setTimeout('document.getElementById(\'scr5226488\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//detik.feedsportal.com/c/33613/f/589693/index.rss&changedelay=8&maxitems=-1&showsummary=0&objectid=5226488\'', 500);
 /* ]]> */ </script>
</tr>
<tr><td width=18px><img src="https://lh3.googleusercontent.com/-bU9YAaVigLg/TqusCS26cGI/AAAAAAAAAZI/fICD1G7WkLE/s800/kaskus.png"/></td>
        <td width="10" style="vertical-align: top;" ><a id="TickerPrevBC46619671" href="javascript: ;" onclick="PrevTickerBC46619671();" class="bc_tickerarrow" style="text-decoration: none; ">&laquo;</a></td>
        <td id="TickerContentBC46619671" class="bc_tickercontent" style="vertical-align: top;">
            <a id="TickerLinkBC46619671" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none;" target="_blank"><b><span id="TickerTitleBC46619671" class="bc_tickertitle" ></span></b></a>            <span id="TickerSummaryBC46619671" class="bc_tickersummary" ></span>
        </td>
        <td width="10" style="vertical-align: top;" ><a id="TickerNextBC46619671" href="javascript: ;" onclick="NextTickerBC46619671();" class="bc_tickerarrow" style="text-decoration: none; ">&raquo;</a></td>
<!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. -->
<noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript>
<script id="scr46619671" type="text/javascript"></script>
<script type="text/javascript"> /* <![CDATA[ */
setTimeout('document.getElementById(\'scr46619671\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//www.kaskus.co.id/rss/forum/21&changedelay=5&maxitems=-1&showsummary=0&objectid=46619671\'', 500);
 /* ]]> */ </script>
</tr>
<tr><td width=18px><img src="http://www.tabloidpulsa.co.id/templates/pulsav3/favicon.ico"/></td>
<td width="10" style="vertical-align: top;" ><a id="TickerPrevBC29075508" href="javascript: ;" onclick="PrevTickerBC29075508();" class="bc_tickerarrow" style="text-decoration: none; ">&laquo;</a></td>
        <td id="TickerContentBC29075508" class="bc_tickercontent" style="vertical-align: top;">
            <a id="TickerLinkBC29075508" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none;" target="_blank"><b><span id="TickerTitleBC29075508" class="bc_tickertitle" ></span></b></a>            <span id="TickerSummaryBC29075508" class="bc_tickersummary" ></span>
        </td>
        <td width="10" style="vertical-align: top;" ><a id="TickerNextBC29075508" href="javascript: ;" onclick="NextTickerBC29075508();" class="bc_tickerarrow" style="text-decoration: none; ">&raquo;</a></td>
<!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. -->
<noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript>
<script id="scr29075508" type="text/javascript"></script>
<script type="text/javascript"> /* <![CDATA[ */
setTimeout('document.getElementById(\'scr29075508\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//www.tabloidpulsa.co.id/rss/&changedelay=8&maxitems=-1&showsummary=0&objectid=29075508\'', 500);
 /* ]]> */ </script>
</tr>
</table><span style="font-size: 80%; float:right;"><a href="http://puteragentan.blogspot.com" target="_blank">Get this widget</a></span> </div>

5.Klik save

Silahkan lihat hasilnya di blog sobat,selamat mencoba .

CARA MENAMPILKAN WIDGET DALAM SATU WIDGET

Selamat malam sobat semua,pada malam hari ini saya mau share tentang cara menampilkan widget dalam satu widget,pada postingan sebelumnya adalah cara membuat You Might Also Like,cara menampilkan widget didalam satu widget ini adalah fungsinya untuk menempatkan beberapa widget dalam satu widget agar tampilan blog kita menjadi cantik dan keren,karena widget dikumpulkan menjadi satu jadi tidak memakan banyak tempat diblog kita.jika penasaran kaya apa sih contohnya ? silahkan anda lihat di blog saya yang paling bawah, hasilnya seperti itu.

Jika anda tertarik dan mau mencobanya silahkan ikuti langkah berikut :

1.Login dashbor anda
2.Pilih Tata letak
3.Pilih tambah gadget >HTML /java script
4.Msukan Code script dibawah ini

     <div class='widget-content'><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="120%" height="300" align="center"><center>KODE WIDGET PERTAMA<br />KODE WIDGET KEDUA<br />KODE WIDGET KETIGA<br />KODE WIDGET KEEMPAT<br />KODE WIDGET KELIMA<br /></center></marquee></div>

Tambahan : silahkan anda ganti ukuran widgetnya pada tulisan yang berwarna merah,sesuai sengan lebar pada template blog anda.kemudian masukan code widget anda pada tulisan yang berwarna ungu.jika sudah lihat hasilnya diblog anda,selamat mencoba

CARA MEMBUAT YOU MIGHT ALSO LIKE DIBLOG

You Might Also Like ( anda juga mungkin menyukai ) adalah suatu kotak yang terletak dibawah postingan yang disediakan dengan maksud dan tujuan agar memudahkan para pengunjung melihat artikel yang yang laiinya yang mungkin sedang dicarinya.dengan tampilan disertai gambar dan dengan jumlah yang bervariasi.lalu bagaimana cara membuatnya ?

Cara membuatnya You MIght Also Like ini sangatlah mudah,silahkan ikuti langkah berikut ini :


1.Kunjungi situs http://www.linkwithin.com/learn?ref=widget.
2. Masukan Email,blog link,Jenis blog yang dipakai,serta jumlah kotak yang akan ditampilkan,jika beground blog anda berwarna gelap maka centang My Blog Has Light Text On Dark Beground,.lihat gambar berikut :

3.Setelah itu Klik Get Widget
4.kemudian akan membuka halaman baru,lalu klik Instal Widget seperti gambar berikut :

5.Pilih blog yang akan dipasang linkwithin lalu klik ADD WIDGET, nanti secara otomatis akan menuju kadasbor anda,kemudian tinggal menggeser widget ke bagian bawah post.

Bisa juga dengan cara klik Edit Content, nanti akan muncul code script kemudian tinggal dicopy saja codenya lalu kita masukan kegadget HTMLblog kita.

Dengan begitu maka You Might Also Like sukses dibuat,semoga bermanfaat dan selamat mencoba,jika masih kurang jelas silahkan tinggalkan comment
 

CARA MENGGABUNGKAN BLOG DENGAN FACEBOOK DAN TWITTER

Selamat pagi sobat semua,jarum jam menunjukan pukul jam 2 pagi,suasana sudah terasa sepi seperti dikuburan,tapi tidak apa-apa,kesempatan ini saya mau share tentang menggabungkan blog dengan facebook dan twitter seperti judulnya,cara ini adalah jika kita telah memposting di blog dan mempublikasikan maka secara otomatis postingan kita akan muncul di facebook dan twitter.lalu bagaimana caranya ?

Caranya adalah kita menggunakan jasa dari suatu web yang bernama twitterfeed.com,jika sobat ingin dan tertarik dengan hal diatas silahkan ikuti terus langkah-langkahnya dibawah ini :

1.Kunjungi twitterfeed.com kemudian sig up ( mendaftar )
2.Masukan alamat email sobat beserta paswordnya lalu masukan captcha kemudian klik Creat Account seperti gambar berikut ini:

3.muncul jendela baru lalu diminta mengisi nama blog berikut URLnya,dihalaman ini ada step yang harus dilakukan ,step 1,step 2.step 3, pada step 1 tampak seperti gambar berikut ini,jika sudah klik Step 2

4.Pada Step 2 sobat diminta untuk memilih sosial media yang akan digunakan,sobat pilih tulisan dibawah Available Services,jika sudah dipilh maka akan muncul pada tulisan dibawah Active Services.lalu klik all done tampak seperti gambar berikut :

5.Langkah yang terahir jika sudah benar maka akan tampil halaman seperti gambar dibawah ini :

Demikian cara menggabungkan blog dengan facebook dan twitter yang bisa saya share,semoga bermanfaat dan silahkan mencoba,jika kesulitan silahkan tinggalkan comentar sobat.

CARA MEMBUAT WIDGET BLOGUPP DIBLOG

Gambar diatas adalah salah satu contoh blogupp dari blog orang lain

Blogupp adalah suatu website yang berfungsi menampilkan blog agar lebih dikenal, karena istilahnya saling bertukar blog,tampilan blogupp itu seperti iklan barner yang bergerak,jadi seandainya blog kita terpasang diblog orang lain kan lumayan jadi terkenal dan yang pasti akan mempengaruhi traffik blog kita donk.Jika anda tertarik dan ingin memasangnya silahkan ikuti langkah dibawah ini :.

1. Masuk ke http://www.blogupp.com
2. Masukan URL blog anda
3. Klik Get Widget, tunggu sebentar saja sampai prosesnya selesai.
4. Setelah  selesai maka anda akan melihat kode HTML.
5. Ambil kode tersebut lalu masukan kedalam blog anda.
6. Cara memasukan keblog kita seperti biasa :

♀ Login kedashbor anda
♀ Pilih Tata Letak.
♀ Pilih Tambah gadget,
♀ Pilih HTML/JavaScript.
♀ Paste kode HTML tadi kedalam kotak.
♀ Klik Simpan.
♀ Lihat hasilnya diblog anda,keren kan ?
7. Selesai.

 semoga artikel ini bermanfaat untuk semuanya,selamat mencoba .

CARA MEMBUAT WIDGET POPULAR POST BERWARNA WARNI

Selamat malam visitor semuanya,untuk kesempatan ini saya mau share tentang cara membuat widget popular post berwarna warni, cara ini adalah salah satu trik SEO dan juga membuat popular post kita menjadi cantik,menarik,keren,atraktif dan simpel.seperti gambar dibawah ini :

Nah tampilannya seperti diatas,gimana cukup kerenkan? cara membuatnya juga lumayan mudah karena kita tinggal kopas code HTML saja.kemudian memasangnya diblog kita. Jika anda tertarik dan mencoba ingin membuatnya silahkan ikuti langkah dibawah ini,

1.Login dashbor anda
2.Pilih Template
3.Pilih Edit Template
4.Cari code ]]></b:skin> jika sudah ketemu silahkan copy paste code dibawah ini kemudian letakkan diatas code ]]></b:skin>.
 

/* Rainbow Popular Post by http://puteragentan.blogspot.com*/

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

/* Rainbow Popular Post by http://puteragentan.blogspot.com*/

5.Kemudian klik save Template
6.Lanjut ke langkah berikutnya,kita menuju ke Tata Letak >>Tambah Gadget >>Entri Popular >>Tampilkan entri popular hanya Judulnya,jangan memakai gambar dan juga cuplikan,jumlah popular yang ditampilkan maxsimal 10 judul
7.Klik simpan

Setelah disimpan silahkan anda lihat hasilnya diblog anda,semoga bermanfaat dan selamat mencoba.

CARA MEMBUAT FANSPAGE FACEBOOK MELAYANG DIBLOG

 Selamat malam para blogger,Pada kesempatan ini saya mau share tentang cara membuat fanspage facebook melayang diblog,Sebenarnya sudah banyak banget blogger senior yang membuat postingan tentang ini,tapi tidak ada salahnya kalau saya share juga,karena salah satu teman saya ada yang belum tahu caranya,jadi sekalian saja saya posting dan sekaligus untuk jadi arsip saya.

Untuk blogger yang baru atau Newbie seperti saya,ika anda ingin membuat fanspage facebook ( para penggemar facebook anda ) tampil diblog melayang dan keren,Tapi sebelum anda memasang fanspage diblog,anda harus membuat fanspagenya dulu,silahkan ikuti  langkah-langkah dibawah ini :

1.Login ke facebook anda

2.pilih + Buat halaman

3.pilih salah satu dari 6 gambar yaitu Tempat atau Bisnis Lokal, Perusahaan, Organisasi, atau Institusi, Merek atau Produk, Artis, Band, atau Tokoh Masyarakat, Hiburan; Perjuangan atau Komunitas.

4. Kemudian isi nama website yang akan dibuat,lalu centang kotak saya setuju dan klik mulai

5.Jika sudah berarti fanspagenya sudah berhasil dibuat.

Nah pada tahap selanjutnya adalah untuk menyempurnakan fanspagenya terletak pada pengaturan kerondii,nanti ada 3 pilihan yaitu :

-Tentang ( tambahkan web >pilih ya atau tidak >simpan info )

-Foto profil (pilih foto atau barner yang ingin ditampilkan - unggah dari computer / Impor dari web ) jika sudah klik simpan foto

-Enable Ads  ( yaitu mempromosikan fanspagenya,tapi jika anda mempunyai banyak uang dan merupakan hal atau informasi yang sangat penting untuk disebar luaskan difacebook,maka tekan Enable Ads,Tapi jika membuat fanspage ini hanya untuk hobi silahkan klik lewati )

jika langkah diatas sudah dilakukan maka fanspage anda sudah jadi.

Sekarang kita membahas tentang cara membuat agar fanspage melayang di blog.caranya adalah sebagai berikut :

1.Login ke dashbor anda

2.Pilih Tata letak

3.Pilih Tambah Gadget

4.Pilih HTML/Java script

5.Copy paste code dibawah ini dan masukan didalam kotak tersebut.

<style type="text/css">
#topbar{
position:absolute;
padding-left:260px;
background-color: transparancy;
width: 300px;
visibility: hidden;
z-index: 100;
}
</style>
<script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
  var el=d.getElementById(id);
  if (!persistclose || persistclose && get_cookie("remainclosed")=="")
  el.style.visibility="visible"
  if(d.layers)el.style=el;
  el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
  el.x = startX;
  if (verticalpos=="fromtop")
  el.y = startY;
  else{
  el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
  el.y -= startY;
  }
  return el;
}
window.stayTopLeft=function(){
  if (verticalpos=="fromtop"){
  var pY = ns ? pageYOffset : iecompattest().scrollTop;
  ftlObj.y += (pY + startY - ftlObj.y)/8;
  }
  else{
  var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
  ftlObj.y += (pY - startY - ftlObj.y)/8;
  }
  ftlObj.sP(ftlObj.x, ftlObj.y);
  setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWlIx9i1I3dy7JkT7nLdMlmawpRw1Egm7W7e1HzV0ycKk5DB4QT9I3p2UoYtWDtKDKgMpkhCYbvhMRuGIsJscpweKfFCM4nUGGzkcnwO1HyRTI2ZCngAOW8hCraEvB3mPRjIPbTojWLEbK/s1600/close3.png" /></a></div>
<center>
<div style="background: #fff;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/puteragentan" width="250" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>
</div>
</center>
</div>

6.silahkan anda ganti tulisan yang berwarna merah tebal dengan URL fanspage sobat yang tadi dibuat.jika sudah tinggal disave.

silahkan anda lihat hasilnya diblog anda,jika berhasil dipasang dengan benar maka akan tampil seperti gambar dibawah ini

Itulah turotial membuat fanspage facebook melayang diblog yang bisa saya buat,semoga bermanfaat dan bisa membantu anda semua.selamat mencoba.

Daftar isi

cara membuat tulisan ngetik sendiri

cara membuat tulisan ngetik sendiri

Satu lagi pernak-pernik blog,buat para blogger baru seperti saya ini,untuk membuat para pengunjung betah diblog kita yaitu kita bisa menambahkan widget form yang menulis suatu kata dengan sendirinya,Caranya cukup mudah,sobat tinggal copas code dibawah ini :

 <form name="news">
<br />
<center>
<textarea cols="20" name="news2" rows="3" wrap="virtual"></textarea></center>
</form>
<script type="text/javascript">
//<![CDATA[
var newsText = new Array();
newsText[0] = "Selamat datang di Blog sugono109.blogspot.com";
newsText[1] = "Blog ini ditulis oleh : sugono";
newsText[2] = "Jika anda ingin menyebar luaskan atau mencopy-paste artikel ini";
newsText[3] = "Harap cantumkan Link Sumbernya";
newsText[4] = "Belajarlah menghargai hasil karya orang lain";
newsText[5] = "Terimakasih telah berkunjung di blog sugono";
var ttloop = 1; // diulang-ulang teksnya ganti dengan 1 (1 = True; 0 = False)
var tspeed = 250; // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in milliseconds
// ------------- NO EDITING AFTER THIS LINE -------------
var dwAText, cnews=0, eline=0, cchar=0, mxText;
function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews <= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews && eline!=0 && ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}
doNews()
//]]>
</script>

hasilnya akan seperti ini

 Cara memasangnya :
-Login ke dashbor sobat
-klik tata letak
-klik tambah gadget
-pilih java script/HTML
-pasctekan dikolom HTML
-kemudian di save
-lihat hasilnya

NB.sobat tinggal ganti tulisan yang berwarnabiru dengan tulisan selera sobat anda dan juga ukurannya bisa disesuaikan lebarnya yaitu pada textarea cols="20" silahkan diganti,selamat mencoba

Tanda-Tanda Kiamat

 Selamat malam sobat semua,didalam menjalani kehidupan didunia ini,umur panjang manusia dizaman sekarang adalah kira-kira 60 tahun,tidak seperti orang jaman dulu yang berumur sampai seratus tahun lebih,dan kita semua tidak tahu kapan kiamat itu akan tiba,tidak seperti difilm kiamat 2012 itu,kiamat itu ada dan pasti akan terjadi,nah dibawah ini adalah tanda-tanda kiamat akan terjadi.silahkan disimak ya :

 Tanad-tanda Kiamat Besar Menurut Agama Islam Ditandai Dengan

- Kemunculan Imam Mahdi
- Kemunculan Dajjal
- Turunnya Nabi Isa (AS)
- Kemunculan Yajus dan Majus
- Terbitnya matahari dari Barat ke Timur
- Pintu pengampunan akan ditutup
- Dab'bat al-Ard akan keluar dari tanah dan akan menandai muslim yang sebenar-benarnya
- Kabut selama 40 hari akan mematikan semua orang beriman sejati sehingga mereka tidak perlu mengalami  tanda-tanda Kiamat lainnya
- Sebuah kebakaran besar akan menyebabkan kerusakan
- Pemusnahan / runtuhnya Ka'bah
- Tulisan dalam Al-Qur'an akan lenyap
- Tiupan sangkakala yang pertama kalinya membuat semua makhluk hidup merasa kaget dan ketakutan
- Tiupan sangkakala yang kedua kalinya akan membuat semua makhluk hidup mati
- Dan tiupan sangkakala yang ketiga yang membuat setiap makhluk hidup bangkit kembali

Nabi MUHAMMAD SAW telah bersabda:
"Barang siapa yang mengingatkan ini kepada orang lain, akan Ku buatkan tempat di
surga baginya pada hari penghakiman kelak."

Allah berfirman:
"Jika engkau lebih mengejar duniawi daripada mengejar dekat denganKu, maka Aku berikan, tapi Aku akan menjauhkan kalian dari surgaKu."

Itulah yang dimaksud Dajjal bermata satu:

Artinya hanya memikirkan duniawi Saja daripada akhirat.

INSYA ALLAH BERMANFAAT

CARA MEMBUAT TABEL DIBLOG

Banyak blogger-blogger baru yang belum tahu bagaimana membuat tabel diblog,pada kesempatan ini saya mau share seperti judulnya diatas,dan untuk blogger yang baru dan lagi mencari cara membuat tabel silahkan lihat code script dibawah ini yang bervariasi dan mungkin bisa membantu sobat semuanya.caranya mudah sobat tinggal pilih sesuai kebutuhannya kemudian tinggal dicopas dan mengganti ukuran dan namanya.

warna 1

warna 2

warna 3

<table border="1" style="width: 350px;"><tbody>
<tr><td bgcolor="#FF0000"><div align="center">
warna 1</div>
</td><td bgcolor="#0000FF"><div align="center">
warna 2</div>
</td> <td bgcolor="#00FF00"><div align="center">
warna 3</div>
</td></tr>
</tbody></table>

puteragentan 1	puteragentan 2
colom 1	colom 2

<table border="1">
<tbody>
<tr><td>puteragentan 1<br /></td> <td>puteragentan 2</td></tr>
<tr><td>colom 1</td> <td>colom 2</td></tr>
</tbody></table>

LABEL
1	2	3	4
5	6	7	8

<table border="1" style="margin-left: auto; margin-right: auto; text-align:left; width:350px;"><tbody>
<tr><th colspan="4" scope="col"><div
align="center">LABEL</div
align="center"></th></tr>
<tr><td><div align="center"><strong>1</strong></div></td><td><div align="center"><strong>2</strong></div></td><td><divalign="center"><strong>3</strong></divalign="center"></td><td><divalign="center"><strong>4</strong></divalign="center"></td></tr>
<tr><td><div align="center">5</div></td><td><div align="center">6</div></td><td><divalign="center"><strong>7</strong></divalign="center"></td><td><divalign="center">8</divalign="center"></td></tr>
</tbody></table>

KOLOM 1

KOLOM 2

<table border="1" style="width: 350px;"><tbody>
<tr><td scope="col"><div align="center">
KOLOM 1&nbsp; </div>
</td><td scope="col"><div align="center">
KOLOM 2</div>
</td></tr>
</tbody></table>

1	2
3	4

<table border="1" style="width: 350px;"><tbody>
<tr> <td scope="col"><div align="center">
1</div>
</td><td scope="col"><div align="center">
2</div>
</td> </tr>
<tr> <td scope="col"><div align="center">
3</div>
</td><td scope="col"><div align="center">
4</div>
</td></tr>
</tbody></table>

JUDUJ 1	JUDUL 2
A	B
C	D

<table border="1" bordercolor:="" red="">
<tbody>
<tr><th style="text-align: center;"> JUDUJ 1  </th> <th style="text-align: center;">JUDUL 2 </th></tr>
<tr><td style="text-align: center;">A </td> <td style="text-align: center;">B </td></tr>
<tr><td style="text-align: center;">C </td> <td style="text-align: center;">D </td></tr>
</tbody></table>

semoga bermanfaat,selamat mencoba

CARA MEMBUAT IFRAME

Elemen iframe adalah berfungsi untuk menampilkan halaman website yang lain didalam sebuah halaman web juga.Apabila sobat mempunyai banyak blog lebih dari satu kemudian sobat ingin menampilkannya alangkah baiknya menggunakan iframe ini.

Dalam penggunaan iframe ini tergantung sipemakainya,ada yang suka menggunakan iframe ada juga yang tidak suka, Sukanya kita bisa melihat blog lain dan juga bisa membacanya dalam satu halaman blog. Dan yang tidak suka karena mempengaruhi proses loading yang lumayan memakan waktu,karena harus menampilkan dua blog sekaligus dalam satu halaman blog.

Agar blog yang menggunakan iframe tidak terlalu berat,dibawah ini adalah contoh iframenya yang bisa menampilkan halaman blog.

Kode yang digunakan :
   <iframe>   </iframe>
Sedang astribut yang biasa di pakai adalah:

• Align="left/right"
  
• Frameborder="garis batas"
  
• Width="lebar"
  
• Height="tinggi"
  
• Scrolling="auto/yes/no"
  
• Src="alamat url atau blog yang akan di tampilkan"

Dan kodenya sbb:

<iframe align="center" frameborder="1" src="http://puteragentan.blogspot.com"width="350" height="350" scrolling="auto"></iframe>

Semoga bermanfaat !

cara membuat tulisan berjalan diaddres bar

Pada postingan sebelumnya puteragentan membahas tentang cara memasang tag cloud berputar-putar di blog,Nah pada kesempatan kali ini,puteragentan akan share mengenai cara membuat tulisan berjalan di addres bar  , ya barang kali saja ada yang belum tahu,bagi yang sudah senior silahkan lewati saja.caranya cukup mudah dan bisa dipahami silahkan ikuti langkah-langkahnya berikut:

Caranya :

1. Login ke dashbor  Blogger anda
2. Klik template---  Edit HTML
3. Untuk mengurangi kesalahan script Download template anda dulu.
4. Centang Expand Template Widget
5. Cari kode      </head>     (agar lebih cepat  tekan CTRL + F)
6. Copy kode berikut ini dan paste di atas kode    </head>

<script type='text/javascript'>

//<![CDATA[

msg = " selamat datang di ";

msg = " blog puteragentan" + msg;pos = 0;

function scrollMSG() {

document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;

if (pos > msg.length) pos = 0

window.setTimeout("scrollMSG()",100);

}

scrollMSG();

//]]>

</script>

Ganti Tulisan yang  warna biru dengan tulisan selera anda

sebelum disimpan klik pratinjau dulu,jika sukses lemudian disimpan templatenya

selesai deh  selamat mencoba, trima kasih

Cara Memasang Tag Cloud Berputar-putar Di Blog

Cara Memasang Tag Cloud Berputar-putar Di Blog

Pada kesempatan kali ini putera\gentan akan berbagi tentang cara membuat tag cloud berputar-putar diblog,cara termasuk pernak-pernik pernik blog dan juga termasuk trik tip SEO,dengan adanya tag cloud diblog maka akan membuat pengunjung betah,dan semua label yang tercantum akan muncul semua dan saling berputar bersautan dengan yang lainnya.

Sebenernya sudah banyak sekali para master blog yang memuat tentang ini sangat bagus-bagus,tapi saya jadi ikut-ikutan posting deh,sekaligus buat arsip saya.setelah cari-cari di Google dari blog para master dan akhirnya ketemu juga.dalam memerapkan tag cloud ini tidak semua template bisa mendukung,alangkah baiknya jika anda mau mencoba,anda download dulu semua templatenya,jadi jika terjadi gagal anda tidak pusing untuk mengaturnya lagi.silahkan simak caranya dibawah ini :

• Login ke  Blogger
• Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,  kemudian anda Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'>  ( biar cepat ketemu pakai Ctrl + F aja)
• Kemudian copy paste kode di bawah ini tepat berada di bawah kode tadi

<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

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

<div id='flashcontent'>Blogumulus by <a href='http://www.anvity.blogspot.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> Distributed by <a href='http://www.anvity.blogspot.com'>Tifan Dwi Avianto</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "250", "300", "7", "#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

Keterangan  :Anda ganti tulisan yang berwarna biru dengan keinginan anda

1.Lebar widget : 250px

2. Tinggi widget : 300px

3. Warna latar (background) : #ffffff (putih)

4. Warna huruf : 0x333333 (abu-abu)

5. Ukuran huruf : 12

jika tidak mau diubah,langsung di save saja,dan silahkan lihat hasilnya,selamat mencoba.