Cara Membuat Random Post di Sidebar Blog

Uuntuk memasang widget random posts ini di sidebar blog Sobat, silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Elemen Laman > Tambah Gadget.

3. Pilih HTML/JavaScript.

4. Beri judul sesuai keinginan Anda.

5. Copy kode di bawah ini dan paste di Konten.

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomposts" type="text/javascript"></script>Get this <a href="http://kamu-klik.blogspot.com/2011/12/cara-memasang-widget-random-posts.html" target="_blank"><blink>widget</blink></a>

    var numofpost=10, angka 10 menunjukkan jumlah judul posting random posts yang ditampilkan. Ganti angka 10 dengan angka yang lebih tinggi nilainya jika Anda ingin lebih banyak lagi judul random posts yang ingin ditampilkan atau sebaliknya.

6. Klik tombol SIMPAN.

7. Pindahkan elemen ke tempat yang Anda inginkan.

8. Klik tombol SIMPAN.
Silakan lihat hasilnya.. mungkin akan sama seperti Random Posts blog ini.. selamat mencoba :)

Pasang Widget Hitung Jam Mundur Tahun Baru 2013

Tahun baru 2013 tidak lama lagi..seiring berputar nya waktu dan masa maka tahun 2012 ini akan berakhir,,pastinya kita sudah tahu berapa lama lagi kita akan menuju tahun baru yang akan menyambut kita atau menunggu kita..saya sudah siapkan widget untuk menghitung mundur jam / waktu menuju tahun baru 2013.

silahkan saja sobat kalau mau berminat..

1. Login ke blogger
2. Layout >>> Tata letak >>>>add gadget
3. Pilih dan cari  HTML/JavaScript
4. Masukkan kode berikut didalam nya.

<!-- Begin of mycountdown.org script --><div align="center" style="margin:15px 0px 0px 0px;"><noscript><div align="center" style="width:140px;border:1px solid #ccc; background: #0A0721; color: #FFFFFF;font-weight:bold;font-size:12px;margin-bottom:0px;padding-bottom:0px"> <a style="text-decoration: none; color:#FFFFFF;" href="http://mycountdown.org/My_Countdown/My_Countdown/"> Countdown</a></div></noscript><script type="text/javascript" src="http://mycountdown.org/countdown.php?cp3_Hex=0F0200&cp2_Hex=0A0721&cp1_Hex=FFFFFF&ham=0&img=&hbg=0&hfg=0&sid=0&fwdt=260&lab=1&text1=Tahun Baru 2013&text2=Tahun Baru 2013&group=My Countdown&countdown=My Countdown&widget_number=3011&event_time=1356998400&timezone=Asia/Kuala_Lumpur"></script><a href="http://mycountdown.org/fullpage.php?cp3_Hex=0F0200&cp2_Hex=0A0721&cp1_Hex=FFFFFF&ham=0&img=&hbg=0&hfg=0&sid=0&fwdt=260&lab=1&text1=Tahun Baru 2013&text2=Tahun Baru 2013&group=My Countdown&countdown=My Countdown&widget_number=3011&event_time=1356998400&timezone=Asia/Kuala_Lumpur" title="Tahun Baru 2013  Countdown  on  Tuesday, 1 January 2013MYT timezone  (+0800 GMT)" style="display:inline"><br><img src="http://mycountdown.org/images/get_widget_button.png" alt="" style="border:none"></a></div> <!-- End of mycountdown.org script -->

    5.  Simpan dan Lihat hasilnya

Semoga bermanfaat..terimakasih!!!

Software Untuk Gerakan Mouse Dengan Mata

Software Gerakan Mouse Dengan Mata Anda
Software Unik (Gerakan Mouse Dengan Mata Anda) - Mouse merupakan perangkat yang selalu ada pada komputer atau Laptop. Tanpa mouse, sudah pasti kita akan mengalami kesulitan dalam mengoprasikan komputer. Lalu, apa hubungannya mouse dengan software eViacam ? Berikut penjelasannya.

eViacam merupakan sebuah software yang dapat anda gunakan untuk menggerakan pointer mouse deangan mata anda. hah, apakah benar bisa menggerakan pointer mouse hanya dengan menggerakan mata?  Ya benar, hanya dengan syarat komputer/laptop yang anda gunakan harus terdapat webcam yang aktif. Jadi eviacam dapat bekerja dengan bantuan webcam.









 




 



 



 


 



 



 
 

1. Jika sudah diinstal secara sukses, kemudian buka Program yang di Desktop "eViacam".
2. Lalu akan muncul tampilan dari wizard dari eViacam, silahkan anda klik Next.
3. Untuk selanjutnya klik Next lagi > klik Next > Terus saja Next  > lalu akan keluar Motion Calibration, langkah pertama gerakan kepala atau tangan anda kekiri, kekanan, didepan webcam. Untuk tampilan .selanjutnya, arahkan ke atas dan bawah seperti langkah pertama No 3.
4. Setelah itu keluat Motion Calibration, langsung saja klik Next  untuk melanjutkan.
5. Keluar tampilan Click Mode, silahkan klik Next > Next lagi > terakhir akan keluar Wizard Complete, dan langsung klik Finish.
6. Sekarang software Software Unik (Gerakan Mouse Dengan Mata Anda) sudah siap pakai.
Keterangan :

1.Baca Cara Pemakaian
2.Password Mediafire : www.seo-xp.blogspot.com

Silahkan Download Disini >> eViacam 7MB<<

Sumber : http://agungxd.blogspot.com/2012/10/software-gerakan-mouse-dengan-mata-anda.html#ixzz2GT684zHO

Cara Unik Merubah Smadav Free jadi Pro

Cara Mengubah Smadav Free Menjadi Pro - Kali ini saya akan berbagi cara mengubah dari Smadav Free menjadi Smadav Pro, Apa sih keuntungannya Smadav Pro ? Pokoknya Smadav Pro lebih baik daripada Smadav Free. Oke langsung saja.

Caranya :

Buka Smadav ▹ Klik tab Settings ▹ General Settings ▹ Tuliskan Salah satu Nama dan Key di bawah ini :

Nama : Cyber Kazuya
Key : 993899908686

Nama : RyoryTK
Key : 775277734641

Nama : www.kazuya.us
Key : 993899526462

Nama : kakiteng
Key : 995299086052

Nama : xeandry
Key : 775677855929

Nama : vivian.kazuya.us
Key : 991999565066

Nama : Q Ry Kazuya
Key : 771277692496

Nama : Cyber Share
Key : 995299706010

Jika Sudah Klik Register.

Sumber : http://agungxd.blogspot.com/2012/11/cara-mengubah-smadav-free-menjadi-pro.html#ixzz2GT3gq7ui

 

Apa itu CSS | CSS adalah kependekan dari Cascading Style Sheet ,pengertiannya adalah sekumpulan code pemrograman web yang berfungsi untuk mengendalikan beberapa komponen didalam web sehingga menjadi tampak seragam,berstruktur dan teratur.CSS inilah yang bertanggung jawab atas penampilan web anda  dimata pengunjung melalui browser internet.

CSS yang buruk bisa membuat visitor Anda tidak kerasan lagi menjelajahi blog anda,apalagi untuk kembali lagi.

Memaksimalkan CSS adalah penting (khususnya) blog agar lebih nyaman untuk dibaca dilihat oleh visitor anda dan kalau bisa bikin lah CSS yang meringankan loading.

Jika anda tertarik untuk mengedit tampilan template blog sendiri,maka mengerti CSS adalah wajib.Namun ingat,untuk menjadi seorang blogger tidak wajib untuk mengerti CSS karena banyak template yang bisa didapat dari desainer blog.Tapi tak ada salahnya kan mengerti sedikit saja?.....karena menggunakan tampilan blog hasil desain sendiri itu dapat memberikan kepuasan tersendiri.

Pengenalan Dasar penulisan CSS

Untuk pengenalan dasar CSS,kita wajib mengetahui apa itu yang namanya ;

• Selector
• Properti
• Deklarasi
• Nilai/Values

Contoh penulisan code  CSS

body {background-color: white;}

body adalah sebagai Selector
background-color adalah Properti
white adalah Nilai/values

Deklarasi adalah bagian yang berada didalam "{  }" yaitu properti dan nilai


Selector adalah bagian atau elemen yang ingin kita atur stylenya.
Properti adalah komponen yang kita butuhkan
Nilai/value adalah nilai dari deklarasi yang kita inginkan

Segitu saja dasar CSS,untuk lebih lanjut,nanti kita akan mengenal apa saja code yang bisa dimasukkan kedalam golongan properti,selector ataupun Nilai untuk postingan berikutnya.

Metode yang dipakai dalam penggunaan CSS

Inline style sheet metode
Penulisan atribut css langsung kedalam code HTML yang dimaksud

Contoh:

<div align="center" style="background="white;"> Ini adalah bagian yang diatur stylenya</div>


Embeded style sheet
Penulisan CSS dengan mendefinisikan dulu didalam sebuah tag
<style type="text/css">code CSS</style> yang dipasang sebelum tag </head>
Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.

Contoh:

<html>
<head>
<title>Title halaman</title>
<style>
body {background:#0000FF; color:#FFFF00;}
h1 {font-size:18px; color:#FF0000}
p {font-size:12px; font-family:arial; text-indent:0.5in}
.header-wrapper{margin:0 auto;border 1px solid #cccccc;}
</style>
</head>
<body>
<div class="header-wrapper">komponen header</div>
<h1>Judul psotingan ini berukuran 18 dengan warna merah!</h1>
<p>Artikel /paragraf ada disini berukuran 12</p>
</body>
</html>


Menurut sifatnya CSS itu memiliki 2 sifat yaitu CSS external dan CSS internal adalah CSS yang ditulis secara langsung didalam halaman web yang disesain.Jika anda membuat dua halaman web yang berstyle sama ,maka dihalaman yang kedua kita juga memasukkan code css yang sama

CSS external adalah CSS yang ditulis didalam berkas style.css dan diletakkan ditempat khusus atau bahkan diluar dari situs tersebut.

Berkas CSS itu bersxtensi css,bisa di beri nama yang memudahkan untuk diingat,misalnya cssku-page1.css.

Rumor mengatakan bahwa css external itu lebih meringankan loading blog?...saya kurang tahu pasti.Tergantung pilihan anda,lebih suka cara yang mana..

Cara penulisan code pemanggilan css  adalah

<link href="http://situsku.com/style/cssku.css" rel="stylesheet" type="text/css" media="screen"></link>

Segitu saja pengenalan pokok pokok CSS untuk posting kali ini,Nanti akan kita ulas lebih lanjut lagi.

Sumber : http://agungxd.blogspot.com/2012/12/apa-itu-css-dan-pengertiannya.html#ixzz2GSxN9KWu

Cara Download Video Youtube Menggunakan YTD Video Downloader - Selamat Malam sobat..postingan kali ini lanjutan dari Software Download Video Youtube | YTD Youtube Downloader yang telah saya posting pada artikel sebelumnya.artikel sebelumnya berisi mengenai software download video youtube,,,sekarang saya akan memberikan tutorial tentang bagaimana cara mendownload video youtube menggunakan software dari YTD Youtube Downloader tersebut..ok sob tanpa basa-basi langsung saja kita ke tutorialnya

Untuk mendownload video youtube  cukup mudah kok sobat..

• Pastinya sobat membuka link/url video streaming youtube yang sobat ingin download.misalnya sobat ingin mendownlod "Video Youtube RX Baja Hitam" ini film kesukaan saya waktu kecil sob..hehehhe. klik link  ini  http://www.youtube.com/watch?v=WjeDiz7VsX4  setelah itu sobat dibawa ke VideoYoutube nya..kemudian perhatikan link/url bagian atas atau dibawahnya klik tulisan "Bagi" sorot semua link/url yang ada dan klik kanan copy link tersebut. contohnya seperti ini : 

• Buka Aplikasi YTD Youtube Downloader yang telah sobat instal maka tampilan nya seperi ini :

• Kemudian setelah itu sobat perhatikan kotak panjang yang kosong pada gambar diatas, disana sobat hanya tinggal mengarahkan kursor sobat kedalam kolom tersebut, secara otomatis link/url yang telah sobat copy tadi sudah terpaste sendirinya kok,,kalau belum terpaste sobat bisa melakukan nya dengan cara manual,yaitu klik kanan di di dalam kotak dan klik paste dan klik lagi tombol "paste url" seperti yang telah sobat lihat diatas
• Gambar  tampilan seperti dibawah ini :

• Sampai disini saya rasa cukup jelas dan sobat pasti sudah tau apa yang harus sobat lakukan..kalau masih belum tau klik tombol "Download"
• Setelah itu akan keluar halaman baru seperti ini : 

• Sudah sampai pada tahap ini yang perlu sobat lakukan adalah menunggu sampai proses download nya selesai,,
• Setelah proses download selesai lihat dan klik icon folder yang berwarna kuning diatas untuk melihat dimana file tersebut disimpan atau bisa sobat atur sendiri dimana sobat mau letakkan file download nya..setelah itu buka file nya dan lihatlah video hasil download keringat sobat sendiri ..hahaha..

oke sobat sekarang sobat sudah bisa mendownload video youtube kesukaan sobat..selamat  mencoba dan semoga bermanfaat..apabila sobat ada yang kurang mengerti silahkan tenyakan kepada saya melalui kotak komentar dibawah ini saya juga menerima saran ataupun masukannya..nah sampai disini dulu sob Terimakasih ......!!

Software Download Video Youtube | YTD Youtube Downloader

Youtube merupakan situs video sharing dan streaming yang paling besar dan paling terkenal di dunia. Tak heran bila saat user internet memerlukan hiburan, atau hendak mempublikasikan sebuah video maka youtube adalah pilihan yang paling sering disarankan.

Nah, kendala untuk menikmati video streaming untuk user di indonesia adalah keterbatasan koneksi internet yang ada sehingga banyak user internet yang lebih memilih untuk mendownload video kesukaan dibanding menonton langsung secara berulang-ulang melalui streming di youtube.

Karena di situs youtube sendiri tidak disediakan alat atau menu untuk mendownload video di sana, maka disini saya akan memberikan sebuah tips yang berguna yaitu Software Download Video Youtube | YTD Youtube Downloader  tutorial dibawah ini.

Caranya cukup mudah sob..untuk mendapatkan Software Download Video Youtube | YTD Youtube Downloader sobat hanya perlu mengikuti beberapa petunjuk dibawah ini :

• Jika sobat belum punya software download video youtube silahkan saja klik tulisan ini YTD Youtube Downloader 
• Setelah itu sobat akan diarahkan pada sebuah halaman web dimana disana sobat bisa download software download youtube nya klik Free Download .saya sudah sediakan screnshotnya setelah sobat mengklik free download tersebut.

Installation instructions for Firefox

Step 1

Click Save File so the YTD Video Downloader installer download can begin.

Step 2

The downloads window will pop up. All you have to do is double-click or right click and "Open" on YTDSetup.exe to initiate the installation

Step 3

Press Yes in order to start the YTD Video Downloader product install.

Step 4

Follow the steps listed in the installer to successfully install the application.

 

• Lakukanlah sesuai petunjuk gambar diatas

Sekian dulu sobat tutorial  Software Download Video Youtube | YTD Youtube Downloader semoga bermanfaat dan berguna bagi sobat, untuk mendownload Video Youtubenya baca di Cara Download Video Youtube Mengunakan YTD Video Downloader disana saya sudah berikan tutorialnya lengkap,,oya saya sampai lupa tutorial diatas bagi sobat yang menggunakan browser "Mozilla Firefox" sob..oke sob  jika ada pertanyaan ataupun saran silahkan isikan pada ktak komentar yang telah disediakan dibawah ini..terimakasih,,!!!

Cara Membuat Blockquote dengan Scroll

Pertama, Login dulu dengan account yang Anda punya.

Kedua, pilih salah satu blog yang Anda punya (jika punya lebih dari satu domain).

Ketiga, masuk ke tab Template - Edit HTML - jangan lupa untuk mencentang Expand Template Widget.

lalu cari kode ini ]]></b:skin> setelah ketemu copy code dibawah ini lalu pastekan tepat diatas kode ]]></b:skin>

 

.post blockquote{max-height:250px; overflow:auto;background:#f0f0f0; font-style:italic; border:1px solid #ccc; margin:10px; padding:10px 10px 10px 20px}

 
Keempat, save dan lihat hasilnya.

Cara Membuat Blockquote lain dari yang lain

1. Buka akun Blogger Anda
2. Masuk ke Menu Edit HTML
3. Temukan blockquote Anda bila Anda telah menggunakan blockqute standard atau editan di blog Anda, kode nya akan mirip seperti ini :

.post blockquote {
background: -------------------
url(------------------------------;
margin:------------;
padding:---------------------;
border-top:---------------------------------;
border-right:-------------------------;
border-left: ------------------------;
border-bottom: ----------------------;
font-size:--------------------------;
}

    4.  Ganti kode diatas dengan kode dibawah ini :

.post blockquote {
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0ilDTsWWXRQZDMjPwWS0hpZNV0fE-d_17mOcUGpicA_S7ujd4nfTJ_14m0cOSA4FYSay0uDzN8Cs38-1MTToogI40F32RKKCiBVWPG4cXVpYJ63ZI50FG-ZkQgcGRdpy4fWOWAFwjMQc/s400/quote1.gif)top left repeat-y;
margin: 0 20px;
padding: 10px 20px 10px 45px;
border-top: 1px solid #DDD;
border-right: 1px solid #666;
border-left: 1px solid #DDD;
border-bottom: 1px solid #666;
font-size: 0.9em;
}
.post blockquote p {
margin: 0;
padding: 0 0 15px;
}
.post blockquote:hover {
background: #F2F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEildeR4xdyhkJt9cwXazdFpVvrKKdXd732qognynMmNaJBhJm516bpGcVlx1NzADkbjvu8-zurjWGRZw_rt2UuRaYWVbaxZ9PcbE6jvpGWPdCjdCh6nLdmJZeCKWBLlY-l7Vr3Ro6QGKYs/s400/quote2.gif)top left repeat-y;
}

     5. Simpan dan lihat

Cara Cepat Membuat Kotak Langganan Via Email Dibawah Posting Blog

Cara membuat kotak email berlangganan dibawah posting blog :

1. Masuk pada blogger.com
2. Pilih Template >>Edit HTML >> Lanjutkan
3. Centang Expand Template Widget
4. Cari kode ]]></b:skin>
5. Letakkan kode berikut diatas kode ]]></b:skin> :

.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px;-webkit-border-radius:5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .Rssardi33 { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0sCKWi9Df0473HfU1p_IrBcTErc1r6BXIWualkC2Z2j49NaVjRWiMdxvNn205Wt_Eao8_xaVRccHCWags3g54r6h0ern4SoWCUczsRmfSk2UA6yRYMwJdvkQ5DhE-9CcxNfPap79B9Yc/s1600/maskolis.co.cc.jpg') no-repeat bottom right; } .Rssardi33 a { background: none;}  .inpRssardi33 { border: 1px solid #B9C1C6; width: 170px;height: 16px; font-size: 12px; padding:3px 4px 4px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;} .sbmtRssardi33 {background:#9b9b9b;border: 1px #9b9b9b solid;color:#FFF;font-size:13,5px;font-family:Arial,Tahoma,Verdana;margin-left:5px;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:7px;-webkit-border-radius: 7px;} .ardi33subs table {border-collapse: inherit; border: none;} .ardi33subs tr { border:0;} .ardi33subs td { border:0;} .ardi33subs th { border:0;} .clear { clear: both; }

 Selanjutnya cari kode <data:post.body/>
Letakkan kode berikut dibawah <data:post.body/> :

<!-- Script Artikel Berlangganan  -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/My Note' target='_blank' title='Berlangganan'>
<b>klik disini</b></a> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di <font color='#0099DD'>B-digg </font>
<div class='ardi33subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=diesilver&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRssardi33' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='My Note'/>
<input name='title' type='hidden' value='My Note'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>
</form></td><td align='left' style='padding:6px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/My Note'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/My Note?bg=9b9b9b&amp;fg=fffffff&amp;anim=0' style='border:0' width='88'/></a></td></tr></table></div></div></div><div class='clear'/><!-- End Artikel Berlangganan -->

Ganti My Note dengan Id Feedbunner sobat
tambahkan :

1. Untuk blog yang menggunakan readmore otomatis maka Anda akan menemukan 2 kode <data:post.body/>, letakkan kode diabaawah <data:post.body/> yang kedua.
2. Simpan Template dan Lihat Hasilnya

 Source : http://www.katakan-hey.com/2012/05/membuat-kotak-langganan-via-email.html

Cara Mudah dan Gampang Membuat Artikel Terkait Dengan Scroll Box

Cara Mudah dan Gampang Membuat Artikel Terkait Dengan Scroll Box - Untuk menghemat area artikel terkait tersebut kita dapat menghematnya dengan memasang scroll box.berikut gambaran untuk artikel terkati dengan menggunakan scroll box

Nah,Berikut Cara Mudah Membuat Artikel Terkait Dengan Scroll Box :

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

4. Cari kode <data:post.body/>. Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.

5. Copy kode di bawah ini dan paste di bawah kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='similar'><!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** --><!-- *****************Related Articles by Labels - Take Two****************** --><div class='widget-content related-by-cat'><h3>Artikel Terkait</h3><div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'><div id='data2007'/><br/><br/><div id='hoctro' style='display:none;'>Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u></div><script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 50;var maxNumberOfLabels = 40;

maxNumberOfPostsPerLabel = 40;maxNumberOfLabels = 40;



function listEntries10(json) {var ul = document.createElement(&#39;ul&#39;);var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i &lt; maxPosts; i++) {var entry = json.feed.entry[i];var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {if (entry.link[k].rel == &#39;alternate&#39;) {alturl = entry.link[k].href;break;}}var li = document.createElement(&#39;li&#39;);var a = document.createElement(&#39;a&#39;);a.href = alturl;

if(a.href!=location.href) {var txt = document.createTextNode(entry.title.$t);a.appendChild(txt);li.appendChild(a);ul.appendChild(li);}}for (var l = 0; l &lt; json.feed.link.length; l++) {if (json.feed.link[l].rel == &#39;alternate&#39;) {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);var txt = document.createTextNode(label);var h = document.createElement(&#39;b&#39;);h.appendChild(txt);var div1 = document.createElement(&#39;div&#39;);div1.appendChild(h);div1.appendChild(ul);document.getElementById(&#39;data2007&#39;).appendChild(div1);}}}function search10(query, label) {

var script = document.createElement(&#39;script&#39;);script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);document.documentElement.firstChild.appendChild(script);}

var labelArray = new Array();var numLabel = 0;

<b:loop values='data:posts' var='post'><b:loop values='data:post.labels' var='label'>textLabel = &quot;<data:label.name/>&quot;;

var test = 0;for (var i = 0; i &lt; labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel &lt; maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script></div></div>
</div></b:if>

• Artikel Terkait adalah judul dari artikel terkait tersebut bisa anda ganti dengan selera anda.

Cara Membuat Permalink Keren dan Mudah

Sobat Blogger kali ini saya akan menyajikan Bagaimana Cara Membuat Permalik Keren dan Mudah dibawah postingan, ya tentunya agar lebih SEO Friendly, Ok sobat langsung aja kita ke Tutor nya.

1. Seperti biasa Login Dule ke Akun Blogger Sobat
2. Klik Template >> Edit HTML >> Lanjutkan
3. Centang Expand Template Widget
4. Kemudian cari ke :  ]]></b:skin> letakkan Kode dibawah ini di atas nya:

.admin-tulisan{
width:auto;
background:#1D1C1C;
border:1px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#DCDAD6;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#464544;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:60px;
height:65px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

Keterangan :

• Warna Kuning adalah warna background isi keterangan permalink.
• Warna Hijau adalah warna Teks isi keterangan permalink.
• Warna Pink adalah warna background judul permalink.
• Warna Ungu adalah warna Teks judul permalink.
• Warna Merah adalah ukuran lebar dan tinggi photo.

5.Cari Kode <data:post.body/> (gunakan CTRL+F) dan letakkan kode berikut tepat dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'><center><div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ <b>Nama Blog Anda</b></h4>
<div class='kontainer'>
<img alt='Nama Blog Anda' src='URL PHOTO ANDA'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Atas perhatian nya &#169;<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> ucapkan Terima Kasih, semoga artikel <strong><data:blog.pageName/></strong> ini bermamfaat:
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1' style='margin: 0px; height: 45px; width: 99%; color:#C4CE33; background:#1D1C1C; '>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://ahmad-roni.blogspot.com/2012/08/cara-membuat-permalink-seo-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div></center></b:if>

6. Save Template

Membuat Tombol Follow Twitter di Blog

Membuat Tombol Follow Twitter di Blog-kali ini kita akan sharing mengenai Membuat Tombol Follow Twitter di Blog. tidak perlu basa basi, langsung saja menuju ke cara Membuat Tombol Follow Twitter di Blog. 

Berikut ini Membuat Tombol Follow Twitter di Blog:

1.masuk ke akun Twitter anda.

2.kunjungi situs Follow Twitter DISINI

3.Pilih tombol yang anda sukai

4.Copy Skrip dan Codenya dan masukkan  ke Blog anda.

Cara memasukkan skripnya seperti biasa, masuk ke akun Blogger > Buka rancangan > Add Gadget > HTML/JavaSkript.

Selesai. mudah bukan cara Membuat Tombol Follow Twitter di Blog.

Cara Mudah dan Gampang Membuat Emoticon Keren Di Kotak Komentar Blog

1.Log in ke blog
2.Pilih Template
3.Edit HTML
4.Centang tulisan Expand Template Widget
5.Cari kode </body> | untuk memudahkan pencarian tekan Ctrl+F
6.Setelah ketemu kodenya, copy kode dibawah ini tepat diatas kode </body>

<style type='text/css'>
.emoWrap {
  background-color:#ffffff;
  border:2px solid #ffffff;
  padding:10px 14px;
  color:black;
  font:bold 12px Tahoma,Arial,Sans-Serif;
  text-align:center;
}
img.emo, input.emoKey {
  display:inline-block; /* Penting! */
  *display:inline;
  vertical-align:middle;
}
input.emoKey {
  border:1px solid #ccc;
  background-color:white;
  font:bold 11px Arial,Sans-Serif;
  padding:1px 2px;
  margin:0px 0px 0px 2px;
  color:black;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script src='http://reader-download.googlecode.com/svn/trunk/jquery.autoemoticons.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var emoRange    = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage  = "Untuk menyisipkan emoticon setidaknya sobat harus menambahkan satu spasi di awal simbol.";
//]]>
</script>


7.Simpan Template

Cara Menambahkan Emotion di Komentar Blog

Baiklah, kali ini emoticon di Yahoo! tersebut akan kita pasang di komentar blog sobat. Caranya? Sangat gampang pang pang..dan ini dia penampakannya:

Lansung saja kita ke KTP!! eh salah TeKaPe. Cekibrot...
1. Masuk ke akun blogger Anda
2. Masuk pada bagian template
3. Klik Edit HTML
4. Seperti biasa, jangan lupa centang Expand Template Widget
5. Cari kode </body> untuk lebih mudah lansung saja tekan CTRL+F
6. Letakkan kode berikut tepat di atas kode </body> tadi

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

7. Kemudian, kita cari lagi kode <b:include data='post' name='comment-form'/> dan untuk memudahkan pencarian tekan CTRL+F
8. Letakkan kode berikut tepat di atas kode no.7 tadi

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

9. Klik Simpan Template

Kalau sobat mau emotion yang lain silahkan aja klik disini

Sekarang, pada komentar sobat telah diletakkan emoticon yahoo! keren. Untuk lihat hasilnya silahkan coba komentar disini atau bisa di komentar blog Anda masing-masing. Selamat Mencoba

Halo sobat blogger, pada kesempatan kali ini saya ingin kasih info seputar tombol reply dan delete atau balas dan hapuspada komentar, ya memang pada dasarnya tombol ini terkadang tidak tersedia langsung pada template blog, contohnya template blog saya ini, namun begitu, kita bisa menambahkan tombol-tombol ini dengan menambahkan beberapa kode html. disini saya langsung beri 2 kode tombol reply dan delete. biar agak lengkap tutorial-nya.

Baiklah tanpa berlama-lama silahkan sobat ikuti langkahnya di bawah ini :

---

Tahap pemasangan tombol Reply Comment atau Balas Komentar

---

1. Login Blogger
2. Pilih Rancangan -> Klik Edit HTML -> Cek Expand Widget Template
3. Tekan tombol F3 atau CTRL + F (untuk mencari kode html)
4. kemudian Cari kode <data:commentPostedByMsg/>
5. Kemudian masukkan kode di bawah ini tepat di bawah kode <data:commentPostedByMsg/>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=3397203693435836828&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;);return false;' style='padding:0px 5px; border:1px solid #ddd;'>Balas</a>
</b:if>

6. Ganti BlogID yang di block Hijau dengan BlogID punya Sobat. Cara mengambilnya lihat gambar di bawah

Info : Sobat bisa ganti teks Balas yang block pink, dengan Gambar dengan memasukkan URL gambar,

7. Simpan Template

---

Tahap pemasangan tombol Delete Comment atau Hapus Komentar

---

1. Login Blogger
2. Pilih Rancangan -> Klik Edit HTML -> Cek Expand Widget Template
3. Tekan tombol F3 atau CTRL + F (untuk mencari kode html)
4. Cari kode ]]></b:skin>
5. Kemudian masuukan kode di bawah ini tepat di atas kode ]]></b:skin>
  

.item-control { display: inline;}

6. Simpan Template

Mengatasi Tombol Hapus yang Tidak Muncul pada Komentar

Mengatasi Tombol Hapus yang Tidak Muncul pada Komentar - Dengan diluncurkannya komentar bertingkat (threaded comment) di blogger, pada komentar blogger akan terdapat tombol Balas dan Hapus (Reply dan Delete).

Semua pengguna baik admin atau visitor, bisa menggunakan tombol Balas. Akan tetapi tombol Hapus hanya bisa digunakan oleh Admin dan penulis komentar dan bukan Anonim. Secara otomatis tombol ini akan ditambahkan ketika kita mengaktifkan komentar bertingkat (threaded comment).

Kenapa di blog saya tidak ada tombol hapus?

Apabila tombol hapus ini tidak muncul pada blog Anda, maka 2 kemungkinan hal yang telah anda lakukan. Dua kemungkinan itu adalah :

01MENONAKTIFKAN NAVBAR BLOGGER
Anda telah memilih opsi OFF pada widget navbar Blogger.

02MENGHAPUS WIDGET NAVBAR
Anda telah menghapus navbar widget pada Edit HTML.

Untuk lebih jelas tentang dua hal di atas, baca : Efek menonaktifkan navbar blogger.

Bagaimana cara memunculkan tombol hapus pada komentar?

Anda bisa menggunakan tutorial yang sudah dishare oleh rekan² blogger, yaitu dengan menyimpan kode CSS di atas ]]></b:skin>

.item-control {display:none}

Idealnya tombol Hapus pada komentar hanya akan muncul ketika kita login, karena kalau logout kita tidak bisa menghapus komentar. Kekurangannya dengan metode penambahan CSS ini, tombol Hapus akan tampil pada semua visitor. Coba saja Anda tambahkan CSS seperti di atas, kemudian logout, pasti tombol Hapus masih ada.

Saya ingin tombol hapus muncul hanya ketika login, caranya?

Sebenarnya untuk menampilkan tombol hapus pada threaded comment atau gambar tempat sampah pada komentar lama, Anda tinggal membalik dari 2 kemungkinan di atas.

01APABILA ANDA TELAH MENONAKTIFKAN NAVBAR BLOGGER
Apabila langkah ini yang Anda lakukan, maka masuk ke Dasbor Blogger klik Setelan -> Tata Letak

Pada widget Navbar, klik Edit

Pilih salah satu, kemudian klik Simpan

02APABILA ANDA TELAH MENGHAPUS NAVBAR BLOGGER
Apabila langkah ini yang Anda lakukan, maka masuk ke Dasbor Blogger klik Template -> Edit HTML -> Lanjutkan

Tambahkan kode HTML ini setelah <body>

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

Apabila langkah di atas memunculkan kembali navbar blogger, tambahkan kode CSS ini dibawah ]]></b:skin>

#navbar-iframe {height:0px;visibility:hidden;display:none;}

Semoga bermanfaat...

Berbagai Cara Untuk Membuat Fungsi Scroll Pada Kotak Komentar Blog

Fungsi Scroll menurut saya sangat bagus karena selain menghemat halaman blog kita juga membuat blog kita tampak rapi,,namun untuk membuat dan menggunakan fungsi scroll ini ada yang mengalami masalah dan kendala,,bagi yg tidak ya syukurlah tapi bagi yang mengalami kendala seprti saya ini boleh dilihat caranya yg telah saya jelaskan..Jika sobat My Note menemukan kesulitan dalam memberikan fungsi scroll pada kotak komentar mungkin disinilah tempat nya..saya juga pernah mengalami kesulitan dalam membuat scroll pada kotak komentar blog saya..tapi beuntungnya saya menemukan tutorial yg mantap dari sobat saya.. 

Cara 1

Silahkan sobat Copy Paste script  di bawah ini dan simpan sebelum kode script #comments h4{ di Edit HTML blog sobat

#comments {
height:200px;
overflow:auto;
}

Jika masih gagal silahkan gunakan cara di bawah ini

Cara 2

Silahkan sobat Copy Paste script  di bawah ini dan simpan sebelum kode script <dl id='comments-block'> di Edit HTML blog sobat

<div style='overflow:auto; width:ancho; height:300px;'>

kemudian silahkan sobat scroll ke bawah dan cari kode </dl> jika sudah ketemu tambahkan kode </div> karena kode ini sebagai kode penutup untuk script di atas

Jika masih gagal silahkan gunakan cara di bawah ini

Cara 3

Silahkan sobat Copy Paste script  di bawah ini dan simpan sebelum kode script <dl expr:class='data:post.avatarIndentClass' id='comments-block'> di Edit HTML blog sobat

<div style='border: 1px solid rgb(230, 230, 230); padding: 10px; overflow: auto; width: auto; height: 200px;'>

kemudian silahkan sobat scroll ke bawah dan cari kode </dl> jika sudah ketemu tambahkan kode </div> karena kode ini sebagai kode penutup untuk script di atas

Selesai semoga bermanfaat dan berhasil

Catatan : beda Template beda kode script tapi tidak ada salahnya untuk dicoba "Semangat"

Sumber: http://variasiblogger.blogspot.com/2012/03/macam-macam-cara-membuat-scroll-pada.html#ixzz2G3kG9seZ

Cara mudah dan Gampang Menghilangkan Malware di Blog/Website

   Perlu anda ketahui, jika blog/website anda terkena malware, bisa saja blog anda dihapus oleh blogger. Apakah anda pernah berkunjung dengan situs yang terinfeksi malware? Jika anda pernah, pasti akan ada peringatan dari pihak browser.

   Tapi, malware juga bisa mempengaruhi traffic anda.Sebelum pengunjung menuju ke halaman website anda, pengunjung tersebut akan di alihkan untuk sementara di halaman lain. Nah, dihalaman lain itulah, pihak browser mengingatkan pengunjung untuk tidak mengunjungi blog anda. Nah, bentuk halaman tersebut seperti ini :

Gambar 1

*Vers. Google Chrome

   Kalau malwarenya sudah parah, tombol Next/lanjutkan tidak akan muncul seperti pada gambar diatas (Gambar 1). Dengan waktu beberapa bulan/minggu, traffic website anda akan turun drastis.

  Mengetahui apakah website anda terjangkit malware   
   Sebelum belajar menghilangkan malware, alangkah baiknya anda mengecek terlebih dahulu apakah situs anda terjangkit malware.
1. Go to tkp = https://www.google.com/webmasters/
2. Klik Sign in.
3. Klik alamat/gambar website anda.

Gambar 2

4. Pada menu dropdown sebelah kiri, klik Health.

5. Klik Malware.
6. Bila yang muncul tulisan positive, berarti site anda terjangkit malware. Kalau seperti gambar dibawah ini :

7. Berarti site anda tidak terjangkit malware.

                          Cara mudah menghilangkan malware di webiste/blog   
1. Klik disini.
2. Klik alamat/gambar blog anda. (Lihat gambar 2).
3. Pada menu dropdown sebelah kiri, klik Optimization.

4. Klik Remove URLs.
5. Klik Create a new removal request.

6. Isi url anda, lalu klik continue.

7. Pilih page apa yang akan dihapus malwarenya, lalu klik sumbit request.
8. Selesai.

   Untuk memastikan, apakah masih ada malwarenya, silahkan ikuti Cara mengetahui apakah website terjangkit malware yang sudah saya jelaskan diatas.

Sumber : http://infoiki.blogspot.com/