Cara Pasang buku tamu dengan jQuery

Posted by Unknown Minggu, 28 Oktober 2012 0 komentar

Buku tamu memang fasilitas yang penting yang dibutuhkan oleh blogger dalam silaturahim dengan pengunjung, dimana pengunjung dapat bertegur sapa, mengucap salam bahkan ucapan terimakasih yang pernah saya alami di ungkapkan dalam buku tamu. Buku tamu juga digunakan sebagai media blogwalking, dimana blogger dapat meninggalkan jejak untuk dikunjungi oleh si pemilik blog yang dikunjungi nya tersebut. Lalu, bagaimana cara membuat Buku Tamu Ala Slide Vertikal dengan jQuery  mari kita simak tutorialnya.
  • Login ke Blogger 
  • Masuk ke "Tata Letak - Edit HTML"
  • Klik "Expand Template Widget"
  • Cari kode di bawah ini :
]]></skin>
  • Masukan (copy paste) kode dibawah ini diatas kode ]]></skin>
.parno{position:fixed;top:40px;left:0;background:#000;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border:1px solid #444;width:330px;height:auto;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;display:none;padding:30px 30px 30px 100px}
.parno p{color:#ccc;margin:0 0 15px;padding:0}
.parno a,.parno a:visited{color:#9FC54E;text-decoration:none;border-bottom:1px solid #9FC54E;margin:0;padding:0}
.parno a:hover,.parno a:visited:hover{color:#fff;text-decoration:none;border-bottom:1px solid #fff;margin:0;padding:0}
a.triger{position:fixed;text-decoration:none;top:110px;left:0;font-size:16px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#fff;font-weight:700;background:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtjMC_sx-3LTYqB2VS8sBscCZiEC_AWebcIgJpRZVW6JC0_XILfgHmYKJB1Ho0CR0gwivZDAT-NYpJQFvDwk9oRc8EyDOZD4kjamPMmMu-9jKQYcHOM0fF5MjI3S2dW-wolyFL0mPPFyQ/) 85% 55% no-repeat;border:1px solid #444;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:15px 40px 15px 15px}
a.triger:hover{position:fixed;text-decoration:none;top:110px;left:50px;font-size:16px;letter-spacing:-1px;font-family:verdana, helvetica, arial, sans-serif;color:#fff;font-weight:700;background:#222 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZXC1NPOI5OZVPHBHqEfLdhrVBPBJd3rEmyISvY-k3dCAhVA5Y_HAnD_bykfpOSinY_t4zLa_DxpT7DgaNgEFZLK4IFaPiB-vJpwakMes2pmp1BJUv35gqQvF_lUOrq-Az3iFNotoILDs/) 85% 55% no-repeat;border:1px solid #444;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;display:block;padding:15px 40px 15px 15px}
a.active.triger{background:#222 url(http://lh3.ggpht.com/_xcD4JK_dIjU/S4QDvxbreOI/AAAAAAAAD2M/Cz3Q2r5pdTM/d/minus.png) 85% 55% no-repeat}
.columns{clear:both;width:330px;line-height:22px;padding:0 0 20px}
.colleft{float:left;width:130px;line-height:22px}
.colright{float:right;width:130px;line-height:22px}
a:focus{outline:none}
.parno img{background-color:#262626;border:1px solid #333;float:right;margin:3px 3px 6px 8px;padding:5px}
.parno h3{border-bottom:1px solid silver;margin-bottom:5px;padding-bottom:3px;text-align:left;clear:both;color:#FFF;font-size:12px;font-weight:700}
.columns ul,.columns ul li{list-style-type:none;margin:0;padding:0}

Tulisan yang bercetak tebal silahkan dirubah sesuka anda dg url koleksi gambar anda, hanya saja diharuskan max 32x32.
  • Cari kode dibawah ini :
</head>
  • Masukan (copy paste) kode dibawah ini diatas kode</head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(&quot;.triger&quot;).click(function(){
$(&quot;.parno&quot;).toggle(&quot;fast&quot;);
$(this).toggleClass(&quot;active&quot;);
return false;
});
});
</script>
  • Cari kode dibawah ini :
</body>
  • Masukan (copy paste) kode dibawah ini diatas kode </body>
<div class='parno'>
<h3>Buku Tamu</h3>
====== Kode Widget Shoutbox Anda =======
</div>
<a class='triger' href='#'>Guest</a>
Tulisan yang bercetak tebal isikan dg kode widget shoutbox sobat.
Simpan Template dan Lihatlah hasilnya..
Semoga bermanfaat.....

Baca Selengkapnya ....

Cara Membuat Permalink SEO di Blog

Posted by Unknown 0 komentar
PermalinkCara Membuat Permalink Seo di Blogspot - Saya akan berbagi cara membuat permalink seo di blogspot, namun sebelum itu saya akan menjelasakan sedikit apa itu permalinkseo permanen link adalah salah satu optimasi onpage yang berguna untuk memasang permanen link dan bertujuan untuk menambah internal link pada posting blog , untuk itu memasang permalink seo di blogspotsangat bermanfaat untuk optimasi blog kita. 

Untuk membuat permalink di blogspot cukup mudah anda tinggal ikuti langkah-langkah yang sudah saya sediakan .
  • Masuk ke akun blogger anda.
  • Masuk ke rancangan > edit html
  • Jangan lupa untuk centang expand template widget.
  • Sekarang cari kode berikut ini ]]>
  • Letakan kode css bawah ini di atas kode tadi
.permalinkseo{border: 1px solid #EFF0F1;padding: 5px;background: #ffffff;-moz-border-radius:5px;}
.
permalinkseo a{background:none;}img.float-right {margin: 5px 0px 0 10px;}img.float-left {margin: 5px 10px 0 0px;}
  • Setelah itu cari kode  <data:post.body/> 
  • Setelah anda menemukannya lalu hapus kode tadi dan ganti dengan kode ini
<b:if cond='data:blog.pageType == &quot;item&quot;'> <p><data:post.body/></p> <div class='permalinkseo'> <center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</small></center></div> <b:else/> <p><data:post.body/></p> </b:if>
  • Lalu tekan simpan dan lihat hasilnya
Cara buat permalink pada blog readmore Untuk memasang permalink di blog yang sudah menggunakan readmore sedikit berbeda
  • Silahkan anda ikuti cara saya yang diatas , masuk ke blogger anda
  • Pada cara buat permalink blog diatas anda disuruh mencari kode berikut ini 
  • Untuk yang sudah memasang readmore kode diatas akan ada dua.
  • Sehingga akan terlihat kodenya seperti ini :
<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/></p> <a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p> </b:if>
  • Anda tinggal sisipkan kode permalink seo anda di bawah kode berikut ini 
<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p>
  • Maka permalink anda tidak akan terlihat pada homepage , hanya akan terlihat saat anda membuka posting blog.
  • Semoga Berhasil

Baca Selengkapnya ....

Cara Pasang Tag Permalink di blog

Posted by Unknown 0 komentar
Cara Pasang Tag Permalink Artikel dibawah Postingan - Memasang tag permalink dibawah postingan mungkin sudah banyak rekan yang mengetahui. kita memberi penjelasan kepada pembaca tentang judul, alamat permalink, serta anchor artikel tersebut, trik ini dapat mempengaruhi seo blog kita karena cukup memperkuat keyword kita.berikut tutorialnya :


  •  Login ke akun blogger rekan
  • Pilih rancangan dan klik edit template, expand widget template
  • Pasang css berikut ini dan letakkan diatas ]]></b:skin>
.ayriypermalink
{border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}
.ayriypermalink a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
  • Cari kode <data:post.body/> atau <p><data:post.body/></p>
  • Jika sudah ditemukan, ganti kode tersebut dengan kode dibawah ini :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
<div class='ayriypermalink'>
<center><small>Anda sedang membaca artikel <strong><u><data:blog.pageName/></u></strong> dan artikel ini url permalinknya adalah <strong><data:post.url/></strong></small></center><center><small>Semoga artikel <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> ini bisa bermanfaat.</small></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>
  • Save template
  • Selamat Mencoba dan Semoga Berhasil

Baca Selengkapnya ....

Tips Agar Breadcrumbs Terindex Google

Posted by Unknown 0 komentar

Saya mau share tutorial lagi nih sobat sekalian yaitu  Cara Agar Breadcrumbs Terindex Google, keren kan sob, url blog kita bisa dipersingkat. Yuk langsung aja langkah-langkah cara membuatnya.

Pertama-tama masukan kode css di bawah ini kemudian taruh di atas kode ]]></b:skin>
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
setelah itu cari kode  <b:includable id='main' var='top'>, hapus kode tersebut dan ganti dengan kode berikut,
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
Save template. untuk mengecek kinerja breadcrumb, silahkan sobat buat artikel dengan menyertakan label yang sudah terindex oleh google (untuk mengeceknya sobat tinggal copy paste url label ke google). setelah membuat artikel baru, tunggu hingga artikel tersebut terindex, dan lihat hasilnya. Selamat Mencoba.

Baca Selengkapnya ....

Download Windows 8 ISO Full Version

Posted by Unknown Jumat, 26 Oktober 2012 0 komentar
Download Windows 8  – Peluncuran preview Windows 8  dilakukan  pada 14 September 2011 (14/09/2011 03:00), dan kita dapat menikmati fitur-fitur baru dan merupakan pengembangan dari windows sebelumnya yaitu windows 7.

Windows 8 full Version ini kini tersedia dalam berbagai versi antara lain versi x86 (32bit) dan x64 (64bit). ISO file untuk windows 8 ini tersedia terpisah dan anda bisa mendownloadnya di http://dev.windows.com

Sebagai catatan bahwa Windows 7 tidak dapat di upgrade ke windows 8, hanya bisa dilakukan dengan membuat istalasi baru pada laptop/pc (clean install) anda. Anda tidak  perlu untuk mengaktifkan preview pada windows 8, download, instal  dengan munggunakan installer (instalasi) windows 8 anda. Windows 8 Full Version ini terdiri dari 3 versi :

Windows Developer Preview with developer tools (x64)
Windows Developer Preview Classic (x64)
Windows Developer Preview Classic (x86)
   
Dan Ini Screenshot nya :


Link Download Windows 8 Full Version

Windows Developer Preview with developer tools (x64)
Download Windows 8 Full Version (4.8 GB)
Windows Developer Preview Classic, 64-bit (x64)
Download Windows 8 Full Version (3.6 GB)
Windows Developer Preview Classic, 32-bit (x86)
Download Windows 8 Full Version (2.8 GB)

Rating: 4.5

Baca Selengkapnya ....

Cara Flashdisk Jadi Installer Win 7

Posted by Unknown Minggu, 14 Oktober 2012 0 komentar
Tips ini berguna bagi rekan2 yang kesulitan menginstall windows 7 ke PC (personal computer) atau notebook yang tidak memiliki DVD-ROM. Mungkin rekan2 juga sering jengkel karena DVD windows 7 yang rekan miliki sudah pada tergores dan error jika digunakan untuk meng-install.

Berikut ini akan saya sharing bagaimana cara membuat Flashdisk installer Windows 7.
Pertama rekan harus Mempunyai DVD windows 7 yang masih bisa dipakai atau file ISO windows 7. Download softwareWindows7-USB-DVD-tool, ekstrak dan install.

Ikuti langkah berikut :
Format flashdisk menggunakan HP USB Disk Storage Format Tool gunakan FAT 32.
Jika belum punya file ISO windows 7, buat dulu file .ISO dari DVD Windows 7.
Jalankan Windows 7 USB DVD -Tool, Lalu klik Browse, cari file ISO yang telah dibuat kemudian klik Next.


Kemudian pilih / klik USB device


Pilih drive dimana USB flashdisk berada. Biasanya sudah langsung terdeteksi secara otomatis. Lalu klik Begin copying.


Maka file akan dicopy ke USB flashdisk. Tunggu hingga prosesnya selesai.

Selamat. Anda telah mempunyai USB Flashdisk Installer windows 7.

Cara install windows 7 menggunakan USB Flashdisk:
1. colokan flashdisk di usb.
2. pada saat booting, ubah prioritas booting ke USB.
3. Selanjutnya sama persis seperti menginstall windows 7 dari DVD.

Baca Selengkapnya ....

Download File APK dari APK Leacher

Posted by Unknown 0 komentar

Salah satu tulisan yang banyak diminati di blog ini adalah tentangcara mendownload aplikasi android (APK) ke PC. Banyak orang yang berhasil menggunakan cara tersebut dan bisa mendapatkan file apk di PC mereka. Namun tidak sedikit juga yang mengalami kegagalan, karena memang langkah-langkahnya sangat banyak. Apalagi pada chrome versi terbaru ada update trik yang harus ditambahkan. Atas dasar itulah, saya akan memposting bagaimana cara lain untuk mendapatkan apk file ke PC anda, tentunya dengan cara yang lebih mudah.
Trik download kali ini menggunakan aplikasi yang dinamakan APK Leacher Aplikasi ini bisa langsung dijalankan tanpa harus menjalankan browser Chrome seperti trik sebelumnya. Namun, seperti sebelumnya kamu tetap harus memiliki akun google dan device id dari ponsel yang digunakan.
Berikut ini adalah langkah-langkahnya.
  1. Download aplikasi apk leacher 1.3.5 di sini.
  2. Extract dan jalankan aplikasi apk leacher. Jika belum berhasil, itu tandanya di komputer anda belum terinstal JRE, download aplikasinya di sini.
  3. Setelah aplikasi berjalan masuk ke menu edit > option > masukan email, password dan device id. Jika takut email utama dicuri anda harus membuat email baru. Cara mendapatkan device id ketik*#*#8255#*#* di ponsel anda.
  4. Setelah itu cari aplikasi yang diinginkan pada menu search, akan muncul list aplikasi sesuai dengan yang anda ketikan, klik salah satu, setelah berwarna biru klik kanan dan klik download this app. Salah satu keunggulan dari aplikasi ini kamu bisa memberi nama aplikasi sesuai dengna versi aplikasi itu sendiri. Misal Go SMS v3.61. Sehingga bagi kamu blogger yang suka berbagi aplikasi apk tidak akan kesulitan atau tertukar dalam mengatur banyaknya file.

Baca Selengkapnya ....

Antivirus Terbaik untuk Android - mu

Posted by Unknown 0 komentar

Ada banyak antivirus di play store namun tentunya kita akan sedikit kebingungan untuk memilih salah satu diantaranya. Mengapa harus satu? Tentu saja karena biasanya jika lebih sari satu antivirus mereka akan konflik, bahkan akan mendeteksi antivirus yang lain sebagai virus. Nah berikut ini adalah beberapa penjelasan tentang 5 antivirus terbaik sampai dengan saat ini yang ada di play store.

1. AVG
AVG adalah antivirus yang sangat populer pada PC, kehandalannya sudah tidak bisa diragukan lagi. Mungkin ini juga slah satu alasan AVG juga bisa menjaring banyak user ketika merilis antivirus untuk android. Daya tarik yang lain dari AVG adalah gratis tentunya itu yang akan sangat dicari oleh user di Indonesia.
Fitur unggulan dari AVG adalah virus scanner dan kemampuan mencari perangkat android dengan bantuan GPS apabila perangkat android yang kamu miliki hilang atau dicuri. Perangkat kamu juga bisa dikunci agar privasi bisa terlindungi.











Download:


2. Lookout Security & Antivirus
Lookout Security & Antivirus adalah salah satu yang terbaik. Di play store aplikasi ini telah didownload dengan angka mencapai 50 juta kali. Sebuah angka yang menjanjikan dan user tentunya sudah tahu bagaimana kehandalan dari antivirus ini. Pada saat instalasi pertama kali antivirus ini akan melakukan scanning dan membersihkan program jahat yang ada.










Download:

3. Dr. Web Anti-virus Light
Dari vendor antivirus rusia yang sangat terkenal yaitu DR Web, maka Dr. Web Anti-virus Light rilis untuk ponsel. Tidak seperti AVG dan lookout, antivirus ini tidak akan melakukan scanning setelah instalasi. Namun kamu bisa melakukan itu dengan cara manual scan. Kamu juga akan dikenakan beberapa dolar untuk dapat menggunakan versi pro dari apliksi ini,namun tetap gratis jika menggunakan versi free.











Download:

4. avast! Mobile Security
avast! adalah salah satu antivirus yang sedang merket baik itu pada PC ataupun pada versi mobile android. Antivirus ini memang sangat mumpuni untuk mendeteksi berbagai program berbahaya. Hasil tes yang dilakukan oleh http://www.av-test.org/en/tests/android/ menunjukan bahwa avast memang antivirus terbaik sampai dengna saat test dilakukan. Di play store sendiri avast menklai mendapatkan nilai 4,7 dari skala 5. Dan keunggulan lain adalah antivirus ini bisa didapatkan secara gratis.











Download:


5. Zoner AntiVirus
Zoner adalah salah satu antivirus terbaik saat ini. Setidaknya itu yang telah tercatat pada av-test.org. Perbedaan fitur antivirus ini dengan yang lain adalah kemampuan mengirimkan pesan yang terenkripsi kepada user lain yang sama-sama menggunakan zoner. Nantinya user lain atau teman kamu akan diminta password yang sama dengan yang kamu gunakan. Antivirus ini juga bisa didapatkan secara gratis.











Download:

Baca Selengkapnya ....
Trik SEO Terbaru support Online Shop Baju Wanita - Original design by Bamz | Copyright of samsung galaxy battery.