• Seminar Digital BackTrack

    Seminar Digital BackTrack

    Seminar Digital yang diselenggarakan oleh BEM STMIK Jayakarta bersama dengan komunitas Indonesian BackTrack Team.

  • Unjuk Rasa Mahasiswa

    Unjuk Rasa Mahasiswa

    Demonstrasi mahasiswa di depan Gedung Mabes Polri kawasan Blok M, Tuntut usut dan adili kasus Lukas, SH.

  • Promo Bhinneka.com

    Wonderful Christmas

    B'Nerz, Gak sempat belanja kado special untuk orang yang terkasih? Belanja Online di Promo Wonderful Christmas Bhinneka.Com aja! Langsung klik kategori produknya, untuk 'Dad', 'Mom', 'Boys', 'Girls' atau 'Kids'. Merry Christmas B'Nerz!.

  • Works Everywhere

    Works Everywhere

    Nullam a massa ac arcu accumsan posuere. Donec vel nibh sit amet metus blandit rhoncus et vitae ipsum.

  • Web Development

    Web Development

    Suspendisse eleifend nulla in est euismod scelerisque. Etiam lacinia fermentum nunc id imperdiet.

  • Calon Presiden Mahasiswa

    Calon Presiden Mahasiswa STMIK Jayakarta 2013

    Kandidat calon presiden Mahasiswa STMIK Jayakarta tahun 2013 dengan nomor urut 3.





NO IMAGE AVAILABLE
Showing posts with label Trik Tips. Show all posts
Showing posts with label Trik Tips. Show all posts

May 24, 2012

Cara Membuat Slider Carousel Berdasaran Label

0 komentar
HALAMAN INI SEDANG BERMASALAH ATAU DALAM MASA PERBAIKAN. MOHON KUNJUNGI LAIN WAKTU.  MOHON MAAF ATAS KETIDAK NYAMANAN ANDA.

TERIMA KASIH.


Read more

May 20, 2012

Cara Pasang Status Twitter di Blog

0 komentar

Sudah lama banget gak ngeblog nih, baru bisa ngeposting lagi. Mungkin apa yang akan saya bahas nanti sudah usang, namun semoga bisa memberikan pencerahan dan pengetahuan lagi buat yang belum mengetahuinya.

Kali ini saya akan membahas tentang cara pasang status twitter di blog. Seperti yang saat ini saya gunakan adalah untuk meng-ekspos tweet dari akun Twitter saya di blog dengan animasi slidenya. Mungkin jika kalian bingung dengan maksut saya, silahkan lihat saja di front page blog saya ini di widget Twitter.

DEMO

Srutuu....pppp... (sambil nunggu kawan melihat contohnya, neguk kopi anget dulu).
Sudah ketemu kawan...??? Kalau sudah, nah bagaimana tuh caranya?
Mungkin lebih tepatnya dan lebih singkatnya saya akan share saja scriptnya dan biar kalian langsung saja pasang di widget kalian masing-masing.

[[ =====================================================================

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#5193f0'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('blacknodID').start();
</script>

===================================================================]]
Catatan :
Width = Ukuran lebar kolom twitter kalian,
Height = Ukuran tinggi kolom twitter kalian,
Background = Warna latar kolom twitter kalian,
Color = Warna text yang tampil,

Ubah "BlacknodID" dengan akun Twitter kalian masing-masing.

Nah, mungkin cukup sekian dan semoga bermanfaat untuk kita semua, Jangan lupa tinggalkan komentar dan Selamat mencoba....!!!


Read more

Feb 28, 2012

Cara Membuat Rocking Rolling Rounded Menu dengan JQuery dan CSS3

3 komentar
Menambahkan Rocking Rolling Rounded Menu dengan JQuery dan CSS3 adalah salah satu cara untuk mepercantik menu navigasi pada blog kamu, dengan memasang jQuery ini maka akan mempermudah juga bagi para pengunjungmu untuk bisa memilih menu yang diinginkan. saya sendiri sebenarnya suka dengan menu ini dan setelah saya praktikkan scriptnya berjalan kok akan tetapi saya tak memasangnya di blog ini karena belum ada space-nya yang. Sama halnya dengan membuat daftar isi dengan jQuery Accordion widget ini tidak membuat jadi lelet. nah bagi kamu yang ingin memasangnya saya persilahkan saja kok.

Berikut asalah cara membuat Rolling Rounded Menu dengan JQuery dan CSS3.

1. Masuk ke akun blogger kalian terlebih dahulu
2. Pilih Rancangan > Edit HTML
3. Pastikan kalian memberikan centang pada Expand Template Widget
4. Cari kode </head>, gunakan bantuan CTRL+F untuk mempermudah pencarian.
5. Letakkan script JQuery di bawah ini tepat sebelum kode di atas
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

6. Letakkan script berikut persis di bawah script JQuery di atas
<script src='http://infonetmu.googlecode.com/files/jquery-animate-css-rotate-scale.js' type='text/javascript'/><script src='http://sabarmuanas.googlecode.com/files/jquery-css-transform.js' type='text/javascript'/>

7. Cari kode ]]></b:skin> dengan bantuan CTRL+F.
8. Letakkan scrip CSS di bawah ini sebelum kode di atas ya.
#rocking-rolling{width:auto;height:52px;text-align:left;font-family:"Trebuchet MS",sans-serif;font-size:16px;font-style:normal;font-weight:bold;text-transform:uppercase;}#rocking-rolling h2,#rocking-rolling p, #rocking-rolling form{/* netralisasi tampilan elemen heading, paragraf dan formulir */margin:0 0 0 0;pading:0 0 0 0;border:none;background:transparent;}#rocking-rolling .item{position:relative;background-color:#f0f0f0;float:right;width:52px;margin:0px 5px; height:52px;border:2px solid #ddd;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;-moz-box-shadow:1px 1px 3px #555;-webkit-box-shadow:1px 1px 3px #555;box-shadow:1px 1px 3px #555;cursor:pointer;overflow:hidden;}#rocking-rolling .link{left:2px; top:2px;position:absolute;width:48px;height:48px;}#rocking-rolling .icon_home{background:transparent url(http://3.bp.blogspot.com/-fuX8vT6cIzs/TlXFJXROx2I/AAAAAAAAAxE/D1kiRmSFBy4/s1600/home.png) no-repeat top left;}#rocking-rolling .icon_mail{background:transparent url(http://2.bp.blogspot.com/-FaTjV0LsMXQ/TlXFJ_5vpxI/AAAAAAAAAxc/JRPFgDCZ6lg/s1600/mail.png) no-repeat top left;}#rocking-rolling .icon_help{background:transparent url(http://4.bp.blogspot.com/-l7M2zGOJAQo/TlXFJ0YZR6I/AAAAAAAAAxM/32acLuLn_r8/s320/help.png) no-repeat top left;}#rocking-rolling .icon_find{background:transparent url(http://4.bp.blogspot.com/-ZIEGzN0LZCg/TlXFJ8WVzEI/AAAAAAAAAxU/2-oDKLYjsKw/s1600/find.png) no-repeat top left;}#rocking-rolling .icon_photos{background:transparent url(http://4.bp.blogspot.com/-IwFEevO-np8/TlXFKFu47FI/AAAAAAAAAxk/aejG1YmQumc/s1600/photos.png) no-repeat top left;}#rocking-rolling .item_content{position:absolute;height:52px;width:220px;overflow:hidden;left:56px;top:7px; background:transparent; display:none;}#rocking-rolling .item_content h2{color:#aaa;text-shadow:1px 1px 1px #fff;background-color:transparent;font-size:14px;}#rocking-rolling .item_content a{background-color:transparent;float:left;margin-right:7px;margin-top:3px;color:#bbb;text-shadow:1px 1px 1px #fff;text-decoration:none;font-size:12px;}#rocking-rolling .item_content a:hover{color:#0b965b;}
#rocking-rolling .item_content p{background-color:transparent;text-transform:none;font-weight:normal !important;display:none;}#rocking-rolling .item_content p input{border:1px solid #ccc;padding:1px;width:155px; float:left;margin-right:5px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

9. Nah, jika script JQuery dan CSS3nya sudah terpasang, maka kita tinggal memasukkan script HTMLnya. Silahkan cari script berikut :
<div id='header-wrapper'>

10. Letakkan script di bawah ini tepat setelah script pada nomor 9.

<div id='rocking-rolling'><div class='item'><a class='link icon_mail'></a><div class='item_content'><h2>KONTAK SAYA</h2><p><a href='#'>Email</a><a href='#'>Twitter</a><a href='#'>Facebook</a></p></div></div>
<div class='item'><a class='link icon_help'></a><div class='item_content'><h2>BANTUAN</h2><p><a href='#'>Buku Tamu</a><a href='#'>Lapor</a><a href='#'>Kritik dan Saran</a></p></div></div>
<div class='item'><a class='link icon_find'></a><div class='item_content'><h2>TELUSURI</h2><p><form expr:action='data:blog.homepageUrl + &quot;search/&quot;' method='get'><input name='q' type='text'/></form></p></div></div>
<div class='item'><a class='link icon_photos'></a><div class='item_content'><h2>GALERI FOTO</h2><p><a href='#'>Kategori</a><a href='#'>Arsip</a><a href='#'>Daftar Isi</a></p></div></div>
<div class='item'><a class='link icon_home'></a><div class='item_content'><h2>MULAI DARI SINI</h2><p><a href='#'>Pelayanan</a><a href='#'>Portfolio</a><a href='#'>Pembayaran</a></p></div></div>
<div style='clear:both;'></div></div>
<script type='text/javascript'> function collapse(a){var b=1440;var c=setInterval(function(){if(b==0){clearInterval(c);return}b-=40;$('.link',a).stop().animate({rotate:'+=40deg'},0)},10);a.stop().animate({width:'52px'},1e3).find('.item_content').stop(true,true).fadeOut().find('p').stop(true,true).fadeOut()}function expand(a){var b=0;var c=setInterval(function(){if(b==1440){clearInterval(c);return}b+=40;$('.link',a).stop().animate({rotate:'+=-40deg'},0)},10);a.stop().animate({width:'268px'},1e3).find('.item_content').fadeIn(400,function(){$(this).find('p').stop(true,true).fadeIn(600)})}$('.item').hover(function(){var a=$(this);expand(a)},function(){var a=$(this);collapse(a)}) </script>

11. Simpan


Catatan : Silahkan ganti text yang berwarna merah dengan judul dan warna biru untuk menu-menunya. Kemudain untuk tanda # adalah link URL yang akan kalian tuju nantinya.

Demikian dari saya semoga bermanfaat ya buat kawan-kawan semua.


Read more

Feb 25, 2012

Cara Membuat Link Bergoyang di Blog

1 komentar
Berbagai kreasi tentang dunia style blogging semakin banyak dan semakin unik. Masih dalam materi Trik dan Tips Ngeblog, kali ini saya akan mengangkat tema tentang cara membuat link bergoyang di blog.

Hahahaha.... Link bergoyang ? Macam penyanyi dangdut saja ya kawan-kawan.
Apa sih link bergoyang ini. Pada dasarnya link bergoyang yang saya maksut adalah dimana link tersebut akan bergerak dari kiri ke kanan jika tereksekusi. Jenis trik ini sama dengan Marquee, akan  tetapi trik ini hanya bereaksi jika suatu link tersentuh oleh kursor. Tujuannya adalah untuk mengetahui apakah text atau objek tersebut mengandung link ataukah tidak.

Nah, bagaimana sih caranya membuat link bergoyang ini?

1. Silahkan login saja ke akun blogger kalian masing-masing.
2. Pilih Rancangan > Edit HTML
3. Pastikan kalian memberikan tanda centang pada Expand Template Widget
4. Cari kode berikut
</head>
Gunakan CTRL+F untuk membantu pencarian kata.

5. Copas saja script berikut dan letakkan tepat sebelum kode di atas tadi :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'>$(document).ready(function() {$(&#39;a&#39;).hover(function() { //mouse in$(this).animate({ marginLeft: &#39;12px&#39; }, 400);}, function() { //mouse out$(this).animate({ marginLeft: 0 }, 400);});});</script>


6. Simpan


Demikian cara membuat link bergoyang di blog. Selamat mencoba dan semoga berhasil.


Read more

Cara Membuat Spoiler Kaskus di Blogger

6 komentar
Spoiler sudah sangat terkenal dikalangan forum KASKUS. Pada dasarnya spoiler adalah berfungsi sebagai alat untuk meminimalisir space yang memang ada beberapa gambar atau text yang bisa membuat penuh sebuah space.
Spoiler ini sebelumnya lebih sering dipakai oleh pecinta kasku. Namun kali ini Spoiler lebih banyak sering juga digunakan pada blogger. Fungsinya bisa sebagai alat untuk membuat penasaran kepada para pembaca untuk mengetahui ada apa sih yang disembunyikan itu, dengan cukup menekan tombol yang tersedia maka object akan bisa terlihat.

Sebenarnya saya agak bingung memberikan judul artikel ini dengan judul apaan, ya sudahlah saya beri judul simple saja "Cara Membuat Spoiler Kaskus di Blogger".

Oke, gak usah banyak teori ya, langsung saja kita praktek kan saja script sopiler ini :
<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"></div><div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">Letakkan teks atau kode script (gambar atau video) di sini <br></div></div></div>

Nah.. Pada text yang berwarna merah di atas, silahkan ganti dengan kata-kata kesukaan kalian dan untuk text yang berwarna kuning, letakkan isi spoiler nya.

Sebagai contohnya, silahkan lihat demo nya, di bawah ini :

Cewek Bugil Sexy:
Hahahaha.... maksa buka juga nih orang, Nih ceweknya cyiiiin.....





Read more

Feb 23, 2012

Trik Cara Membuat Cloud Tag Pada Blogger

0 komentar
Masih berhubungan dengan yang namanya trik dan tips ngeblog. Kali ini saya akan mencoba untuk memberikan pengetahuan tentang Cloud Tag.
Apa itu Cloud Tag?

Cloud Tag adalah di mana sebuah Tag akan memiliki efek seperti hal nya sebuah awan. Kebetulan memang dalam blog ini, saya tak menggunakan trik semacam ini, tapi karena saya tak sengaja menyambangi blog kepunyaan WizYuLoverz dan kebetulan memang sedang memuat tentang trik dan tips ini. Saya agak tertarik untuk mencantumkan trik dan tips tersebut di halaman saya sendiri.

1. Silahkan masuk ke akun blogger kalian.
2. Pilih Rancangan > Edit HTML
3. Pastikan untuk memberikan centang pada Expand Template Widget
4. Silahkan cari kode berikut :
Gunakan bantuan tombol CTRL+F untuk mempermudah pencarian kata
<b:section-contents id='sidebar-right-1'> 
5. Copy-paste kan script berikut setelah kode di atas :

<b:widget id='Label99' locked='false' title='Labels' type='Label'><b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if><div class='widget-content'><script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/><div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div><script type='text/javascript'>var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "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>

6. Simpan
Catatan :

  • Angka Merah 240 Adalah Tinggi dari tag tersebut
  • Angka Biru 300 Adalah Lebar dari tag tersebut
  • Dan Huruf Kuning #ffffff Adalah Warna Latar dari tag tersebut


Selamat mencoba dan semoga berhasil!



Read more

CARA MEMBUAT ARTIKEL TERKAIT Versi 2

1 komentar
Masih mengangkat tema tentang trik dan tips ngeblog. Kali ini saya akan mencoba untuk memposting satu artikel yang masih sedarah dengan artikel yang sebelumnya yaitu Cara membuat artikel terkait. Namun ada beberapa kawan yang menanyakan apakah ada cara yang lain untuk membuat artikel terkait di blog selain pada artikel saya sebelumnya. Menanggapi hal tersebut maka artikel ini saya buat dengan judul cara membuat artikel terkait versi 2.

Nah, untuk kawan-kawan yang menanyakan hal ini. Sekarang saya akan menjawabnya.
Mohon perhatikan dengan seksama ya kawan-kawan.

1. Silahkan kalian masuk ke akun blogger kalian atau klik ini.
2. Pilih Rancangan > Edit HTML
3. Pastikan kalian memberikan tanda centang pada Expand Template Widget
4. Silahkan cari kode berikut :
Gunakan bantuan tombol CTRL+F untuk mempermudah pencarian.
<data:post.body/>
5. Letakkan script berikut setelah kode di atas

<b:if cond='data:blog.pageType == "item"'><div class='similiar'>
<div class='widget-content'><h3>Artikel Yang Berhubungan</h3><div id='data2007'/><br/><br/><script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 4;var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;maxNumberOfLabels = 3;

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></b:if>
6. Simpan

Silahkan kalian ganti teks yang berwarna merah dengan teks kesukaan kawan-kawan sendiri. Dan demikian trik dan tips ngeblog tentang Cara membuat artikel terkait versi 2 yang bisa saya sampaikan. Selamat belajar dan semoga berhasil.


Read more

Feb 22, 2012

Cara Membuat Artikel Terkait

1 komentar
Masih menyinggung tentang artikel saya yang sebelumnya 10 cara meningkatkan SEO. dan dalam salah satu point ada yang menyinggung tentang cara pembuatan Artikel terkait. Berhubung saya belum membuat artikel tentang hal ini. Maka kali ini saya mencoba membagi pengetahuan saya kepada kawan-kawan semua tentang bagaimana sih caranya membuat artikel terkait itu?

Cara pembuatannya sangat mudah namun sebaiknya kalian perhatikan lebih teliti langkah demi langkahnya agar tak ada kesalahan dalam pengerjaannya.


Berikut adalah cara membuat artikel terkait di blog.

1. Masuk ke akun blogger kalian terlebih dahulu atau klik ini 
2. Pilih Rancangan > Edit HTML
3. Pastikan kalian memberikan centang pada Expand Template Widget
4. Cari kode berikut :
Gunakan bantuan CTRL+F untuk melakukan pencarian 


<div class='post-footer-line post-footer-line-1'>
5. Biasanya kode tersebut ada dua. Silahkan pilih yang pertama saja.
6. Kemudian silahkan copy paste saja script di bawah ini setelah kode di atas tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'><H2>Artikel Terkait:</H2><DIV class='rbbox'><DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'><DIV id='albri'/><SCRIPT type='text/javascript'>var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 4;var maxNumberOfLabels = 10;maxNumberOfPostsPerLabel = 100;maxNumberOfLabels = 3;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;albri&#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><script type="text/javascript">RelPost();</script></DIV></b:if>
7. Simpan

Demikian adalah trik dan tips cara membuat artikel terkait di blog. Jika ada pertanyaan, silahkan tanyakan saja. Selamat belajar dan semoga berhasil.


Read more

Feb 20, 2012

Cara Membuat Kalender di Blog

11 komentar
Hai kawan-kawan Dehidraser semuanya. Apa kabar kalian semua. Semoga sehat selalu saja ya.
Oke, Puji Syukur kehadirat Ilahi atas segala rahmat dan nikmatnya untuk kita bisa kembali berjumpa dalam kegiatan belajar kita. Tanpa kehenda-Nya lah kita tak akan berjumpa seperti ini.

Kali ini masih dalam pembahasan trik dan tips ngeblog.
Ada yang ingin saya sampaikan untuk mengisi tutorial kali ini yaitu tentang pemasangan kalender. Sebagaimana fungsi kalender itu sendiri adalah sebagai alat informasi kepada kita semua tentang waktu dalam hitungan bulan dan matahari. Dengan kalender kita bisa tahu pada hari, bulan dan tanggal berapa kita saat ini menghirup udara.

Nah, selain kalender-kalender yang biasa ada di dinding-dinding rumah, kali ini kita akan mencoba memasang kalender di halaman blog kita, bagaimana caranya. Tentunya dengan script-scipt tertentu dan kebetulan saya menggunakan javascript.
Pada materi kali ini, saya tak akan menjelaskan tentang penjelasan Javascript-nya, akan tetapi kita akan langsung saja memasang javascript nya hingga informasi yang ditampilkan adalah sebuah tanggal, bulan dan tahun sekarang.

Oke, silahkan perhatikan cara membuat kalender di blog berikut :
1. Bukalah akun blogger anda.
2. Pilih Rancangan > Elemen Laman
3. Pilih Add Gadget > HTML/JavaScript
4. Copas saja script di bawah ini.

  • Script Kalender Text

<font color="lime"><script language="javascript" src="http://vhenom.wen.ru/script/date.js"></script></font>    <br/>   

DEMO :
  • Script Kalender Table

 <font color="lime"><script language="javascript" src="http://vhenom.wen.ru/script/calendar.js"></script></b></font><br/> 

Demo :



5. Simpan
Catatan : Text yang berwarna hijau, bisa diganti dengan warna kesukaan kawan-kawan kok.
Semoga yang sedikit ini bermanfaat untuk kita semua. Amin.  Selamat mencoba dan semoga berhasil !


Read more

Cara Membuat Alert Jumlah Pengunjung

0 komentar
Oke, ketemu lagi dengan Idris Dehidrasi. Kali ini saya akan membahas tentang cara membuat alert jumlah kunjungan untuk pengunjung situs kita di blogger. Mengapa saya memposting tentang trik dan tips ini?

Pada dasarnya sebagai seorang admin blog misalnya, jumlah pengunjung adalah sebuah hal informasi yang sangat penting karena dengan informasi jumlah pengunjung, kita akan tahu seberapa kualitaskah situs kita. Ingat, kualitas sebuah situs bukan karena tampilannya yang bagus, akan tetapi kualitas sebuah situs adalah seberapa banyak orang berpetualang di situs kita.


Nah, berikut akan saya sampaikan cara membuat alert jumlah pengunjung di blog kita.

1. Silahkan masuk ke akun blogger anda terlebih dahulu.
2. Pilih Rancangan > Elemen Laman
3. Pilih Add Gadget > HTML/JavaScript
4. Copas saja script si bawah ini
<font color="lime"><script language="JavaScript" src="http://vhenom.wen.ru/script/online2.js"></script></font><br/>
5. Simpan

Gampan kan?
Nah, demikian sekilas tentang trik dan tips cara membuat alert jumlah pengunjung di blog kita, selamat mencoba dan semoga berhasil!


Read more

Cara Membuat Alert Selamat Datang di Blog

0 komentar
Sebagai upaya mencerdaskan bangsa khususnya para blogger mania yang selalu dan selalu ingin terus berkarya dan berinovasi dengan kreatifitas-kreatifitas yang dimilikinya.

Masih mengangkat tema trik dan tips ngeblog. Kali ini Idris Dehidrasi akan nge-share trik dan tips tentang Cara Membuat Alert Selamat Datang di Blog. Bagaimana caranya dan bagaimana bentuk eksekusinya, silahkan baca sampai akhir secara tartil dan urut ya!

Sebagai seorang blogger, pengunjung adalah raja baginya, karena dari para pengunjungnya itupun situs yang dia pegang akan semakin terkenal, tanpa pengunjung, Blog tak ada artinya sama sekali.
Nah, sopan dan ramah terhadap pengunjung adalah sesuatu keharusan yang dilakukan oleh para blogger profesional sekalipun. Banyak cara yang dapat dilakukan dengan para pengunjung blog itu sendiri, diantaranya adalah dengan interaksi yang interaktif bisa dilakukan, Memberikan reward sesama blogger juga bisa dilakukan, dan masih banyak lagi yang lainnya. Selain itu juga ada yang bisa kita lakukan dengan cara memberikan ucapan selamat datang kepada para pengunjung dan kali ini Idris Dehidrasi akan membahasnya.

Berikut adalah cara membuat alert selamat datang di blog.

1. Silahkan masuk ke akun blogger anda
2. Pilih Rancangan > Elemen Laman
3. Pilih Add Gadget > HTML/JavaScript
4. Silahkan Copas saja script di bawah ini :
 <script language="JavaScript">alert(" Selamat Datang di Blog Pribadiku")</script> 
5. Simpan.

Catatan : Silahkan ganti text yang berwarna merah dengan teks ucapan anda sendiri.
Mungkin hanya sekian yang bisa Idris Dehidrasi sampaikan. Semoga bermanfaat dan selamat belajar!


Read more

Feb 18, 2012

Cara Membuat Kotak Admin Selalu berada di bawah postingan blog

0 komentar
Ribuan trik dan tips blogger banyak bertebaran di dunia maya guna mempercantik bahkan mengoptimalkan sebuah layanan web blog. Sebagian besarnya adalah cara Cara Membuat Kotak Admin Selalu berada di bawah postingan blog. Ini biasanya digunakan seorang admin untuk menyampaikan ucapan-ucapan terima kasih atau kata-kata mutiara di setiap akhir postingan.

Banyak kawan-kawan yang memang sudah memiliki pertanyaan tentang trik dan tips ini dan begitupun saya yang tak sengaja menemukan trik dan tips Cara Membuat Kotak Admin Selalu berada di bawah postingan blog .

Kali ini saya akan mencoba mengajarkan juga kepada para pembaca tentang trik dan tips yang ini. Caranya sangat mudah namun sebaiknya kawan-kawan memperhatikan langkah demi langkahnya agar tidak tersesat di jalan ya. hehehehe...

1. Silahkan login ke blogger kalian masing-masing
2. Pilih Rancangan > Edit HTML
3. Berikan centang pada Expand Template Widget
4. Silahkan cari script berikut (gunakan bantuan CTRL+F untuk mempermudah pencarian)
<div class='post-footer'>
5. Copy-paste scipt kotak admin di bawah ini tepat setelah kode di atas
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Deskripsi Blog Anda</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNblRUFsvvLt8LCB9yjRsinDs8_1FXt2bECSRlSMlR5Qv9AhmY9gYezguGXQh6r8NWZwpNR_OC-C0HXMe7h9VRG3Q1kTMHe-4lTD0zh_AEKpbLL0z3iYfKXhFxsvx5tieqna817JqjHd4/s220/AVATAR+KU-128.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://idris-dehidrasi.blogspot.com/2012/02/cara-membuat-kotak-admin-selalu-berada.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
6. Setelh itu, silahkan cari kode berikut  ]]></b:skin> pada template kawan-kawan
7. Letakkan kode di bawah ini tepat sebelum kode di atas tadi pada nomor 6.
.admin-tulisan{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#8A9C04;
border:none;
border-bottom:1px solid #699019;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #954B02;
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
8. Silahkan ganti text yang berwarna merah untuk merubah deskripsi blog dan URL gambar kawan-kawan.
9. Untuk Jenis font, warna background dan bahkan border pun bisa kawan-kawan ganti sesuai dengan keinginan sendiri
10. Silahkan Preview terlebih dahulu untuk melihat sejenak dan hingga scipt berjalan sesuai mestinya dan dirasa cukup, silahkan klik Save/simpan.


Read more

Feb 17, 2012

Cera Mengetahui Kualitas Template Blog

0 komentar
Oke, kembali lagi dengan Balcknod. Kali ini saya akan membagikan sedikit pengetahuan saya tentang dunia blogging. Sebagai seorang blogger konten adalah darah bagi saya, maka dari itu saya ingin menuliskan sesuatu yang mungkin saya rasa memiliki suatu arti besar buat para pembaca yang sering saya sebut sebagai Dehidraser.

Masih bersinggungan tentang dunia trik dan tips ngeblog, kali ini saya kan share tentang Cera Mengetahui Kualitas Template Blog Anda. Pasti kalian para blogger penasaran kan tentang seberapa kualitaskah blog kita. Maka dari itu silahkan check saa dengan cara seperti ini. Cara ini tentunya saya rasa sangat mudah karena kalian hanyalah memiliki tugas membuka sebuah situs dan mengecek dengan menggunakan URL kita.

Tak usah banyak teori, langsung saja kita praktekkan caranya.
1. Silahkan kalian buka situs berikut :
http://www.seoanalyser.net/
2. Masukkan URL kalian dan klik tombol Check
3. Silahkan click Check Again







4. Tunggu hingga hasilnya keluar dan kalian bisa melihat hasilnya.

Nah, cukup seperti itu saja kok kawan-kawan Dehidraser, Semoga yang sedikit ini bisa memberikan manfaat buat kita semua. Amin!


Read more

Cara Membuat Background Berwarna-warni Saat di refresh

0 komentar
Untuk mengisi waktu kosong, saya bersyukur masih bisa diberikan kesempatan untuk menuliskan beberapa hasil temuan saya bersama Google.co.id. Apapun yang saya temukan seringkali saya akan menuliskannya di blog yang tentu kiranya bermanfaat.

Masih membahas tentang trik dan tips ngeblog. Kali ini saya akan menyampaikan hasil temuan saya di blog kawan yang memiliki url http://ageboy.blogspot.com. Trik kali ini adalah tentang Cara Membuat Background Berwarna-warni Saat di Refresh. Ini trik sangat simple menurut saya karena memang hanya membutuhkan sebuah layanan gadget pada halaman laman pada blog kita.

Tak usah panjang lebar ya kawan-kawan dehidraser semua, jika memang kalian berminat untuk mempelajarinya silahkan perhatikan trik Cara Membuat Background Berwarna-warni Saat di Refresh kali ini.

1. Silahkan masuk ke akun blogger kalian.
2. Pilih Rancangan  > Elemen Laman
3. Pilih Add Gadget > HTML/Javascript
4. Copas saja script di bawah ini dan letakkan kemudian simpan pada HTML/Javascript

<script type='text/javascript'>
//CDATA[
/* JavaScript Kit (http://ageboy.blogspot.com/)*/
//Created Ageboy:
var bgcolorlist=new Array("#FFFFFF", "#B30000", "#EEFF00", "#11FF00", "#FF8A14", "#0008FF", "#4AFFF3", "#000")
document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
//]]>
</script>

5. Simpan
Silahkan refresh blog kalian dan taraa... apa yang telah terjadi???

Oke, demikian yang bisa saya sampaikan kepada kawan-kawan dehidraser semua. dan Wassalam!


Read more

Feb 16, 2012

Cara Menambahkan Emoticon Kaskus di Kotak Komentar

1 komentar
Kotak komentar adalah sebuah hal yang dirasa sangat penting bagi para admin website maupun blog, karena dengan menyediakan kotak komentar akan bisa melihat secara real kualitas web tersebut. Betapa tidak, dengan menyediakan kotak komentar semacam ini, admin maupun orang-orang yang sedang mengunjungi akan bisa mengetahui bagaimana tanggapan-tanggapan para komentator web tersebut. Semakin blog tersebut berkualitas akan ditunjukkan seberapa banyak responden merespon apa yang ada dalam web tersebut, baik itu mengenai tampilan, maupun konten.

Namun terkadang para admin melihat komentator hanya mencantumkan komentarnya dengan text saja. Tapi kali ini para admin sudah bisa menambahkan beberapa Emoticon untuk dibubuhkan di beberapa komentar yang mengomentari web kita. Akan tetapi trik ini akan saya sampaikan hanya digunakan di blogger.

Sebenarnya Emoticon apa yang akan ditambahkan pada tutorial kali ini, sesuai judul Cara Menambahkan Emoticon Kaskus di Kotak Komentar.
Anda tentunya sudah tak asing lagi dengan yang namanya KASKUS, suatu jejaring sosial yang ada di Indonesia yang sangat familiar di kalangan cyber. Kita tak akan membahas tentang KASKUS nya, akan tetapi kita akan membahas tentang Emoticon yang digunakan pada website KASKUS.

Bagaimana sih caranya menambahkan Emoticon KASKUS pada setiap kotak komentar di blog kita? Berikut adalah langkah-langkahnya :
1. Silahkan login terlebih dahulu di blogger anda
2. Pilih Rancangan > Edit HTML
3. Pastikan anda memberikan tanda centang pada Expand Template Widget
4. Cari kode </body>
5. Letakkan script di bawah ini sebelum kode di atas :
<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://grandis.web.id/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://grandis.web.id/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://grandis.web.id/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://grandis.web.id/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://grandis.web.id/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://grandis.web.id/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://grandis.web.id/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://grandis.web.id/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://grandis.web.id/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://grandis.web.id/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://grandis.web.id/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://grandis.web.id/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://grandis.web.id/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://grandis.web.id/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");
b.item(i).innerHTML = _str;
}
}
}
a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://grandis.web.id/blog-triks/sundul.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://grandis.web.id/blog-triks/jempol2.gif' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://grandis.web.id/blog-triks/bingung.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://grandis.web.id/blog-triks/ngakak.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://grandis.web.id/blog-triks/hammer.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://grandis.web.id/blog-triks/najis.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://grandis.web.id/blog-triks/capede.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://grandis.web.id/blog-triks/takut.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://grandis.web.id/blog-triks/sorry.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://grandis.web.id/blog-triks/marah.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://grandis.web.id/blog-triks/ngacir2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://grandis.web.id/blog-triks/cewek.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:o:/gi, "<img src='http://grandis.web.id/blog-triks/shakehand2.gif' alt='' width='40' class='smiley'/>");
_str = _str.replace(/:p:/gi, "<img src='http://grandis.web.id/blog-triks/malu.gif' alt='' width='40' class='smiley'/>");
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

6. Setelah itu, silahkan cari kode berikut :
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

7. Kalau sudah ketemu, silahkan letakkan script di bawah ini setelah kode <p class='comment-footer'>
( Jika kode tersebut ada dua, silahkan pilih yang paling awal )
<b><img src='http://grandis.web.id/blog-triks/sundul.gif' width='40'/>
:a:
<img src='http://grandis.web.id/blog-triks/jempol2.gif' width='40'/>
:b:
<img src='http://grandis.web.id/blog-triks/bingung.gif' width='40'/>
:c:
<img src='http://grandis.web.id/blog-triks/ngakak.gif' width='40'/>
:d:
<img src='http://grandis.web.id/blog-triks/hammer.gif' width='40'/>
:e:
<img src='http://grandis.web.id/blog-triks/najis.gif' width='40'/>
:f:
<img src='http://grandis.web.id/blog-triks/capede.gif' width='40'/>
:g:
<br/><img src='http://grandis.web.id/blog-triks/s_sm_maho.gif' width='40'/>
:h:
<img src='http://grandis.web.id/blog-triks/takut.gif' width='40'/>
:i:
<img src='http://grandis.web.id/blog-triks/sorry.gif' width='40'/>
:j:
<img src='http://grandis.web.id/blog-triks/marah.gif' width='40'/>
:k:
<img src='http://grandis.web.id/blog-triks/ngacir2.gif' width='40'/>
:l:
<img src='http://grandis.web.id/blog-triks/I-Luv-Indonesia.gif' width='40'/>
:m:
<img src='http://grandis.web.id/blog-triks/cewek.gif' width='40'/>
:n:
<img src='http://grandis.web.id/blog-triks/shakehand2.gif' width='40'/>
:o:
<img src='http://grandis.web.id/blog-triks/malu.gif' width='40'/>
:p:
</b>


8. Pilih Save / Simpan

Catatan : Ada beberapa hal yang perlu anda perhatikan yaitu kemungkinan setiap template memiliki perbedaan script. Ada kalanya saat anda mencari script terlalu kepayahan, kalau pun sudah menemukan dan berhasil masuk tanpa kesalahan akan tetapi Emoticon tidak muncul. Hal ini dipicu kemungkinan besar adalah karena setiap template berbeda, dan ada kalanya javascript yang ada di server sedang ada masalah.
Selamat belajar!


Read more

Feb 14, 2012

Cara Melihat Kualitas Blog

0 komentar
Apakah anda sudah memiliki sebuah blog atau website? Jika sudah, apakah kalian tahu seberapa besarkah kualitas situs anda tersebut?
Setiap orang yang memiliki website atau web blog tentu menginginkan agar situs mereka populer dan dikenal banyak orang. Bukti kalau website atau blog tersebut memiliki kualitas tinggi adalah dengan seberapa banyak dan seberapa orang mengunjungi situs tersebut, seberapa pentingkah orang membukanya dan seberapa kuatnya artikel ataupun informasi yang disampaikan dalam situs tersebut yang ini nanti akan berpengaruh pada 4 faktor. Faktor-faktor tersebut adalah :

1. Influence ( Pengaruh )
2. Popularity ( Popularitas )
3. Engagement ( Keterlibatan )
4. Trust ( Kepercayaan )

Kali ini saya akan mencoba meberikan cara kepada anda tentang bagaimana cara melihat atau mengetahui kualitas website maupun web blog anda.

1. Buka situs berikut ini : http://bloglevel.edelman.com/Home.aspx
2. Masukkan URL situs anda pada texbox yang berada di bawah "Discover Your BlogLevel".
3. Silahkan Klik pada tombol "Calculate"
4. Silahkan tunggu beberapa saat lagi hingga hasilnya akan terlihat.
Keuntungan menggunakan website ini sebagai alat untuk mengetahui kualitas sebuah situs berbasis web ini adalah tidak hanya akan menampilkan kualitas namun juga akan memberikan beberapa keterangan dan saran tentang kemajuan dan perbaikan terhadap website maupun web blog anda masing-masing.

Semoga bermanfaat dan selamat mencoba!


Read more

Feb 12, 2012

9 Cara Membuat Blog Jadi Terkenal

2 komentar
Sebenarnya apa sih yang ada dibenak para pemilik blog atau blogger, tentunya popularitas blognya kan.
Hal ini juga yang sebenarnya selalu saya pikirkan dan damba-dambakan tentunya, suatu popularitas dan harapan agar blog saya selalu dikunjungi oleh banyak orang baik itu yang nyari tentang informasi, trik dan apapun yang sudah saya sajikan dalam halaman blog saya.

Sebenarnya ada beberapa trik lho agar blog kita itu cepat terkenal dan saya akan ngasih tahu 9 cara membuat blog menjadi terkenal.

9 Cara Cepat Mempopulerkan Blog Kalian :
1. Printlah url blog kalian di t-shirt dan pakailah t-shirt tersebut sesering mungkin. Paling tidak 5 kali dalam seminggu. Cucilah t-shirt kalau memang sudah bau.


2. Jika kalian baru punya anak, maka namailah anak kalian dengan url blog kalian. Untuk itu hati-hatilah bagi yang punya blog penjahatcinta.com dan berbahagialah jika nama blog alian ternyata pangerancinta.com atau dewicinta.com karena nama itu sedikit lebih pantas..!!

3. Jika ada orang yang menanyakan alamat kalian, berikanlah alamat url blog kalian. Jangan pernah salahkan orang itu kalau akhirnya dia akan menyanyikan lagu Ayu Ting Ting “Alamat Palsu”.


4. Bukalah halaman blog kalian di semua komputer ditempat kerja kalian kemudian bersikaplah seolah-olah kalian tidak tahu apa-apa.


5. Ancam atau sogoklah teman kalian agar mau bergabung di halaman blog kalian.


6. Buatlah coretan-coretan url blog kalian di tembok toilet-toilet umum setiap kali kalian pipis.


7. Untuk membuktikan keseriusan kalian, buatlah tatto nama blog kalian di bagian tangan kalian.


8. Seolah-olah kalian sedang terkejut, sebutkanlah nama blog kalian secara tiba-tiba di kelas atau saat rapat.


9. Silahkan tulis url blog kalian di jalan raya menggunakan pilok.
Demikian beberapa cara agar blog kalian cepat terkenal. Namun harapan saya sih kalian jangan sampai ada yang melakaukan cara-cara di atas karena saya tak yakin akan keselamatan kalian nantinya dan saya tak mau bertanggung jawab jika kalian tetap nekat melakukannya.. Hahahahhaa
Kabuuuuuuuuuuuuuuuuuuuurrrrr...........................


Read more

Cara Hack Facebook Tanpa Software

7 komentar
Trik ini saya temukan saat saya masuk ke dalam sebuah forum hacking internasional. Di sana saya sempat melihat tentang dunia Hacking terhadap beberapa website jejaring sosial yang ada di dunia maya. Ada beberapa website yang berhasil diterobos adalah Facebook.

Saya tertarik saat saya melihat sebuah judul forum yang menyatakan Powerful Way To Hack Facebook. Apaan sih yang mereka perbincangkan. Ternyata trik hacking ini benar-benar bisa berjalan dan bisa langsung dicoba dan yang paling seru adalah cara ini kita gak usah pakai software yang kebanyakan sudah ketahuan ama Facebook dan udah kena protect semuanya, apalagi yang saya temukan dari forum ini, cara hacking Facebook tanpa software ini bisa dilakukan dari jarak jauh lho, giman, apakah anda tertarik ikut mempelajarinya?

Nah, kali ini saya akan mencoba embagian trik-trik nya kepada kawan-kawan semua sesuai apa yang saya pelajari dari Forum tersebut.

Sebelum mempelajari ini sebaiknya anda perhatikan beberapa persiapan :
1. Anda siapkan secangkir kopi dan satu bungkus rokok (bagi yang doyan merokok)
2. Matikan lampu utama karena ini sifatnya rahasia.
3. Pastikan antivirus anda benar-benar sudah aktif dan standbye
4. Jangan menyalakan radio atau televisi karena bisa mengganggu konsentrasi anda.
Karena ini akan memakan waktu banyak untuk mempelajarinya jadi perhatikan secara seksama.

Trik ini sengaja saya sampaikan dalam sebuah box spoiler agar ini tidak langsung terlihat oleh user lain selain anda sendiri guna kepentingan anda sendiri tentunya.

Cara Hack Facebook Tanpa Software
1. Buka Laptop atau PC anda yang terkoneksi dengan internet tentunya.
2. Pastikan Antivirus anda bekerja dengan baik.
3. Buka website Facebook atau klik di sini
4. Setelah website Facebook terbuka, silahkan anda menelfon atau sms ama doi dan menanyakan email dan password Facebook nya.
5. Silahkan masukkan Email dan password Facebook doi yang telah doi berikan kepada anda via telfon atau sms tadi.
Dan pastinya. Taraaaa.... Facebook doi terlah terbuka.

NB : Jangan paksa doi kalo doi gak mau kasih karena akan berakibat fatal yaitu mungkin doi akan menggampar anda.

Sekian Trik hacking Facebook yang terbukti berjalan 99%.
Hahahaha...

Cabuuuut......!!!!!


Read more

Feb 11, 2012

Cara Membuat Komentar Selamat Tinggal di Blog

0 komentar
Blog adalah sebuah media untuk mengembangkan kreatifitas dan bahkan ada beberapa blogger lainnya menyatakan bahwa dunia blogging adalah sebuah hobi.
Dengan blog kita bisa bertukar informasi, menyalurkan kreatifitas, bahkan mengasah bakat. Banyak para blogger menyajikan berbagai artikel di dalam blog-nya.
Nah inilah salah satu tujuan blogging, Saling bertukar informasi lewat tulisan.

Oke, tinggalkan masalah di atas, karena kita bukan akan membahas yang ada di atas itu. Namun sesuai judul, kita akan membahas tentang gimana sih caranya membuat komentar ucapan selamat tinggal kepada para pengunjung blog kita setelah mereka berselancar di blog kita tersebut.

Langkah-langkahnya adalah sebagai berikut :
1. Silahkan Login ke blog anda masing-masing.
2. Pilih Rancangan
3. Pilih Edit HTML
4. Pastikan bahwa anda tak lupa memberikan tanda centang pada Expand Template Widget
5. Cari kode berikut : </head>

6. Jika sudah, silahkan copy-paste script di bawah ini sebelum kode di atas :

<script type='text/javascript'>
// goodbye alert
function goodbye(){
alert(&#39;TERIMA KASIH TELAH BERKUNJUNG &#39;);
}
parent.window.onunload=goodbye;
</script>


7. Simpan.

Semoga bermanfaat dan selamat mencoba!


Read more

Cara Membuat Tombol Back To Top

0 komentar
Setelah kemarin saya gak terlalu update karena sibuk dengan UAS saya, baru kali ini saya bisa kembali meng-update lagi artikel Idris Dehidrasi.

Kali ini saya akan membahas tentang bagaimana sih caranya membuat button atau tombol back to top kayak di blog saya ini?
Apa sih maksutnya dengan tombol back to top ini? Tombol back to top ini berfungsi sebagai suatu button yang nantinya akan mempermudah para visitor blog kita jika seandainya visitor kita sedang berada di bagian bawah artikel, biasanya jika mereka sedang membaca di bagian bawah artikel kita dan ingin kembali ke bagian atas normalnya yaitu mereka harus menggeser scroll ke atas. Namun jika kita memasang tombol back to top tentunya akan lebih mempermudah para pengunjung kita untuk merangkah naik ke bagian atas blog kita hanya cukup meng-klik tombol back to top.

Nah, kali ini saya akan mengajarkannya kepada kawan-kawan  dehidrasi semuanya nih, namun mohon kuti langkah-demi langkahnya ya agar  gak ada kesalahan.

1. Silahkan masuk ke halaman blog kalian
2. Pilih Rancangan
3. Klik Edit HTML
4. Pastikan kawan-kawan memberikan tanda centang pada Expand Template Widget
5. Silahkan cari kode berikut :</body>
6. Jika ada, Silahkan copy-paste saja script di bawah ini tepat sebelum kode di atas :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">

7. Letakkan script di bawah ini setelah kode pada langkah ke 6.

<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Script Tombol Back To Top-nya ada di bawah ini -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://4.bp.blogspot.com/__54X_7pUWPw/S-ldyr2WFgI/AAAAAAAAAaQ/nnVfB-FBWR4/s400/uparrow_orange.png' width='70px'/></a>

8. Simpan

*) Catatan :
Silahkan ganti width='70px' dengan angka ukuran gambar kesukaan anda.

Semoga bermanfaat buat kita semua ya....


Read more