Blog Riski Aditya

SMS Gratis Via Riski Aditya

noreply@blogger.com (Anonymous) — Wed, 14 Aug 2013 06:56:00 -0700

Kode Warna

noreply@blogger.com (Anonymous) — Wed, 14 Aug 2013 06:49:00 -0700

Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun

noreply@blogger.com (Anonymous) — Wed, 14 Aug 2013 06:30:00 -0700

Kali ini saya sedikit share Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun yang lengkap dengan tombol kembali ke beranda / home dan muat ulang / reload yang saya dapat dari salah satu blog / website dengan alamat url www.ozanhacker.com.
Tips dan trick ini sudah saya peragakan di blog saya. singkat cerita mari kita simak saja Cara Memasang Tombol Kembali Ke Atas Dan Kembali Turun berikut ini.

Cara Memasang Tombol Back to Top

Memasang tombol kembali ke atas atau memasang tombol back to top ini mungkin bagi blog saya ini sangat diperlukan, karena untuk menyikapi blog yang terlalu memanjang kebawah, mungkin masalah ini tidak akan ditemui jika kita memasang template yang sudah menyertakan widget ini, tetapi jika belum ada kita bisa memasangnya sendiri, karena jika tidak ada tombol back to top akan membosankan pembaca blog kita, apalagi jika menggunakan mouse yang kebetulan keadaannya sudah letoy (hehe…) atau lebih parahnya lagi sudah tidak ada scroll nya lagi, itu akan membuat mereka capek untuk mengakses blog kita, maka alternatifnya adalah membuat tombol back to top atau tombol kembali ke atas.

Ada dua cara pembuatan tombol back to top ini, berikut penjelasannya:
(Sebelum memasuki penjelasan, download terlebih dahulu template anda, sebagai asuransi tamplate anda...hehe...)

Cara Pertama:
Untuk cara pertama ini sangat simple, karena tampilannya sederhana, anda hanya perlu menambahkan kode berikut sebelum kode </body>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk-oCDwy3PVqLuLvH4NiBh1lI_qBfF7p5yLEs4uP2CUXPCTK-iPOlx4qhLYGShVzjhEsNKhA98qqPBoQR6bLSIYvv0_SM9PvNraYC89IIA-3_iGM55Wik5CtAx8xHsWymIU3-PXTFo0thc/s1600/Untitled-2.png'/></a>

Untuk penjelasannya, anda login dulu ke blogger anda lalu Ikuti tahap-tahap berikut ini:

1.      Pilih Rancangan
2.      EDIT HTML ( Centang Expand Template Widget )
3.      Cari Kode </body> ( Untuk lebih cepat mencari gunakan Ctrl+F )
4.      Simpan kode berikut sebelum atau di atas kode </body>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk-oCDwy3PVqLuLvH4NiBh1lI_qBfF7p5yLEs4uP2CUXPCTK-iPOlx4qhLYGShVzjhEsNKhA98qqPBoQR6bLSIYvv0_SM9PvNraYC89IIA-3_iGM55Wik5CtAx8xHsWymIU3-PXTFo0thc/s1600/Untitled-2.png'/></a>

5.      Lalu simpan tamplate, SELESAI dan lihat hasilnya…

Keterangan:

Kode warna kuning adalah posisi tombol berada
Kode warna merah adalah URL gambar tombol (silahkan anda ganti dengan URL gambar anda bila ingin menyesuaikan gambarnya dengan selera anda)

Cara Kedua:
Tombol back to top pada cara pertama hanya tombol back to top biasa, jika anda ingin yang lebih komplit, anda bisa memekai cara kedua ini:

Tahap-tahapnya sama dengan yang diatas, cuma sekarang anda harus menambahkan kode CSS sebelum kode ]]></b:skin>, berikut penjelasannya:

1. Cari kode ]]></b:skin> lalu sisipkan CSS berikut sebelum atau diatasnya.

    #Enjoy{display:scroll;position:fixed;bottom:1px;right:1px;z-index:99}
    #Enjoy a{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;border:0}
    #Enjoy img{border:0}
    #Enjoy a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

2. Kemudian sisipkan kode berikut ini setelah atau dibawah kode </body>

3. Lalu simpan tamplate anda, dan lihat hasilnya…

Keterangan:
=> Warna merah adalah gambar untuk tombol-tombolnya
=> Warna kuning adalah posisi tombol

apabila tombol down / ke bawah tidak berfungsi silakan ganti kode yang berwana hijau seperti ketyerangan di bawah:

=> Untuk kode #footbar anda ganti dengan #footer atau #copyright sesuaikan dengan HTML template anda.

Sedikit tambahan lagi untu menentukan tempat tombol berada di sebelah kanan atau kiri blog silakan ganti kode yang berwarna orange left (untuk sebelah kiri) right (untuk sebelah kanan blog anda).

Jangan lupa komentarnya… Untuk artikel ini jika ada yang mau menambahkan cara yang lainnya aku tunggu…

Kumpulan Efek - Efek Blog: Dari Yang Ringan Hingga Yang Berat

noreply@blogger.com (Anonymous) — Wed, 14 Aug 2013 06:28:00 -0700

Share kumpulan efek blog yang telah di posting oleh sobat Riski Aditya kumpulan efek-efek blog baik dari yang ringan hingga yang berat, untuk diterapka pada blog sobat sekalian, singkat cerita saja silakan simak keterangan berikut.

Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

2. Efek hati bertaburan

3. Efek bintang bertaburan

4. Efek kembang api

5. Efek Gelembung

Cara pemasangan :

Klik rancangan --> Edit html
Letakkan script efek di atas kode </body>
Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut, silahkan lihat di sini.. DEMO

1.Meteor Jatuh

2. Banjir

3. Bunga Mekar

4. Bom Atom

5. Ufo

6. Graffity

7. Shaver

8. Gun

9.Bloody gun

10. Paint ball

11. Chainsaw

12. Dinosaur

13. Lebah

14. Lalat

15. Semut

16. Siput

17. Cacing

18. Mold

19. Bayi merangkak

20. Telur mata sapi

21. Kopi tumpah

22. Terbakar

23. Tomat

24. Creampie

25. Murka

26. Sapi Jorok

27. Anjing Jorok

28. Kencing Sembarangan

Cara pemasangan :

Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan script efek di dalam kotak yang di sediakan
Klik save dan lihat hasilnya.

Tambahan :
Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ). so, pilih mana yang terbaik menurut sobat.. salam..

Cara Lengkap Membuat Efek Lipatan Kertas Di Ujung Blog

noreply@blogger.com (Anonymous) — Wed, 14 Aug 2013 06:18:00 -0700

Berbagi pengalaman pribadi membuat lipatan kertas pada ujung kanan blog yang menurut saya agak lumayan bikin pusing sob, maklumlah pemula,, heheheheee,,,,

Setelah berkali-kali mencoba merubah kode java scriptnya, akhirnya selesai juga, dan lihat hasilnya di ujung kanan blog saya, [sedikit pamer, heheheheee,, ]

bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog seperti blog saya [tenag aja yang saya bagi tidak ada foto jelek saya kok,, heheheheee,,, ] silakan ikuti lankah-langkah berikut ini ya sobat:

1. Silahkan Login ke akun blogger sobat.

2. Lalu masuk ke design Template, klik Edit HTML

3. Seperti Biasa Centang Expand Template Widget

4. Kemudian cari kode berikut </body>

5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode </body>

<script type='text/javascript'>var tujuan ='http://Alamat Url Feeds Sobat'</script>

<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>

6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)

Keterangan:

Kode warna hijau: ganti dengan URL Feeds sobat
Kode warna biru: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.

Ikuti langkah-langkah berikut ini bila sobat ingin mengganti gambarnya.

Bagi sobat yang ingin mengganti gambarnya silakan download dulu scriptnya disini.

1. Setelah sobat selesai download silakan sobat buka script tersebut dengan Notepad.

2. Untuk merubah gambar yang berukuran kecil (gambar saat lipatan tertutup) sobat cari url berikut dalam text dan silakan ubah dengan URL gambar sobat:

http://petir-project.googlecode.com/files/fedkcl.png

(Upload gambar di code.google.com atau situs upload lainya untuk mendapatkan URL gambar)

3. Untuk merubah gambar yang berukuran besar (gambar saat lipatan terbuka) sobat ubah URL berikut dengan URL gambar sobat:

http://petir-project.googlecode.com/files/feed.png

4. Setelah selesai merubah kode URL gambar tersebut Sobat Save Text, selanjutnya silakan sobat upload text tersebut dan ganti url http://petir-project.googlecode.com/files/ktb4.jsdengan URL hasil upload sobat tadi.

NB: sedikit saran apabila sobat ingin merubah gambar, sebaiknya ukuran gambar harus sesuai dengan gambar semula untuk hasil yang lebih baik.

Selamat mencoba ya sobat,,

Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah

noreply@blogger.com (Anonymous) — Wed, 14 Aug 2013 06:16:00 -0700

Cbox atau lebih dikenal sebagai buku tamu merupakan hal yang tidak asing lagi di dunia blogger, sudah banyak tutorial-tutorial yang membahas tentang cara pemasangan Cbox, baik dengan cara standar maupun dengan cara pengubahan kode CSS.

Kali ini saya akan memposting cara memasang Cbox auto hiden dari segala arah, segala arah maksudnya yaitu Cbox dapat ditempatkan atau muncul dari bagian sebelah kiri blog, kanan blog, bawah blog, dan atas blog, dan disertakan juga animasi gambar gif sebagai background.

Saya kira cukup sekian bla bla bla penerangan saya, dan mari kita menuju kepokok pembahasan.

Berikut ini adalah Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah:

Seperti biasa sobat harus Login dulu di akun blog sobat
Pilih Tata Letak
Tambah Gadget HTML/Java Script
Selanjutnya copy paste kode script di bawah ini dan masukan ke dalam Gadget HTML/Java Script.

Klik save / simpan.

Keterangan:

Kode warna merah adalah warna gambar, silakan sobat sesuaikan sendiri sesuai selera bila ingin mengganti gambarnya
Kode warna kuning adalah penepatan dimana cbox akan muncul, bila sobat ingin cbox muncul dari atas ganti kode tersebut menjadi TOP, dari sebelah kiri LEFT, dari sebelah kanan RIGHT .
Kode warna putih adalah jarak cbox dari sebelah kanan. Silakan sobat sesuaikan sendiri.
Texts berwarna hijau adala tempat untuk menaruh strip kode cbox sobat (atur cbox sobat agar backgroudnya transparant untuk hasil yang lebih sempurna).

Selanjutnya adalah cara membuat tombol cbox (tombol untuk menampilkan cbox)

Tetap login di akun blog sobat
Masukan script berikut bersamaan dengan script di atas dalam gadget HTML / Java Script

Keterangan:

Kode berwarna merah adalah gambar tombol, bisa sobat ubah sesuai selera.
Kode warna kuning adalah dimana tombol akan ditempatkan, TOP untuk menempatkan tombol di atas, BOTTOM untuk menempatkan tombol di bawah, LEFT untuk menempatkan tombol di sebelah kanan.
Kode warna biru anda sesuaikan jarak tombol TOP dari atas blog, BOTOM dari bawah blog.

Demikianlah Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah. Semoga bermanfaat bagi sobat semua.

Cara Mecegah Copy Paste Pada Blog

noreply@blogger.com (Anonymous) — Wed, 14 Aug 2013 06:14:00 -0700

Setelah sekian lama tidak posting dikarenakan masih banyak urusan yang harus saya selesaikan, dan kali ini saya hanya sedikit share dari postingan blog sahabat yaitu tentang cara mencegah copy paste pada blog, kalau menurut saya sih hal ini tidak terlalu penting, merupakan satu keuntungan tersendiri bila artikel kita di copas (copy paste), apa lagi bila sobat yang copas mau mencantumkan sumber dari artikel tersebut, bisa menambah back link kan, merupakan keuntungan tersendirikan.

Namun bagi sobat yang merasa bahwa artikel sobat sangat penting dan tidak rela untuk di copy paste, mungkin hal ini cukup berguna untuk dilakukan. akan tetapi cara tersebut tidak melindungi content blog sobat sepenuhnya, stidaknya cukup membuat orang yang berniat copas sedikit bingung apabila dia seorang newbie, karena sebenarnya ada jalan lain untuk bisa meng-copas artikel blog sekalipun sudah dilindungi dengan script anti copas.

Tanpa panjang lebar, kali ini untuk melindungi blog di blogger (blogspot) dari dari copy paste adalah dengan mendisable right click, atau lebih dikenal dengan mematikan klik kanan. Berikut tutorial cara mematikan klik kanan pada blogspot.

Login terlebih dahulu ke Blogger.com
Dari halaman Dashboard, silahkan Sobat menuju ke Tata Letak > Edit HTML
Lalu cari kode <body> atau <body (dengan bantuan tekan Ctrl+F atau F3)
Tambahkan kode dibawah ini ke dalam kode <body> atau <body tadi, atau bisa juga di ganti sekalian

<body oncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'>

Sobat juga bisa menggunakan beberapa tambahan kode saja, atau semuanya juga boleh, terserah kebutuhan anda.

Berikut penjelasan dari kode-kode diatas:

oncontextmenu='return false' (untuk mematikan klik kanan mouse)
onmousedown='return false' (untuk mematikan klik blok ke bawah)
onselectstart='return false' (untuk mematikan seleksi blok)
onkeypress='return false' (untuk mematikan tombol keyboard)

Jika sudah, Simpan Template blog Sobat.

Mohon maaf apabila tutorial sebelumnya tidak berhasil karena belum saya coba. untuk demonya silakan sobat lihat di sini DEMO.

Selamat mencoba dan semoga berhasil sobat.

Download Game PC 2013 Full Version Gratis

noreply@blogger.com (Anonymous) — Wed, 14 Aug 2013 06:07:00 -0700

DOWNLOAD GAME PC 2013 :: Download Game PC 2013 Full Version Gratis - Apakah anda penggemar game PC? Kabar gembira buat anda yang maniak Game PC 2013, karena pada kesempatan kali ini blog Kumpulan Info Terbaru akan berbagi link download game pc 2013 full version gratis terbaru yang lumayan asik untuk di buat nge game di PC.

Berbagai game pc telah tersedia di sini, baik yang game PC akan tetapi anda harus mempersiapkan koneksi yang cukup untuk men download game pc 2013 full version gratis terbaruini.

Penasaran dan ingin segera Download Game PC 2013 Full Version? Simak di bawah ini :

Chernobyl Commando

Download PC Game Chernobyl Commando Free Game Download Download Full Chernobyl Commando Game PC Download Free Chernobyl Commando Full Version PC Game Download Free Minimum System...

Download Here

Resident Evil 6 | PC

Download PC Game Resident Evil 6 Download Free Game Download Free Resident Evil 6 PC Download Full Version Download Resident Evil 6 Free Download Full PC Games Minimum System...

Download Here

Gears of War Judgment

Download Free Game Gears of War Judgment Full Game Download Download Full Game Gears of War Judgment Free Download Games Download Gears of War Judgment Full Version Game...

Download Here

L.A Noire The Complete Edition

Download PC Game L.A. Noire The Complete Edition Free Game Download Download Full LA Noire The Complete Edition Game PC Download Free L.A. Noire Full Version PC Game Download...

Download Here

Sniper: Ghost Warrior 2

Download Here

Pressure 2013

Download PC Game Pressure 2013 Free Game Download Download Free Pressure 2013 PC Download Free Games Pressure 2013 | Chasing Carrots Free Download Full Game Minimum System...

Download Here

StarCraft 2: Heart of the Swarm

Download StarCraft II: Heart of the Swarm PC Game Full Version Download PC Game StarCraft II: Heart of the Swarm PC Game Download Full PC Game StarCraft II: Heart of the Swarm...

Download Here

The Walking Dead Survival Instinct

Download PC Game The Walking Dead Survival Instinct Full PC Download Download Free The Walking Dead Survival Instinct Game PC Download Free Download The Walking Dead Survival...

Download Here

Alien Spidy

Download PC Game Alien Spidy Full PC Download Download Free Alien Spidy Game PC Download Free Download Alien Spidy Game Full Version PC Download Minimum System Requirements:...

Download Here

The Sims 3 University Life

Download PC Game The Sims 3 University Life Free Download Download The Sims 3 University Life PC Download Free Game Download Full Game The Sims 3 University Life Download Free...

Download Here

Tomb Raider 2013

Download PC Game Tomb Raider 2013 Full PC Download Free Download Free Game Tomb Raider 2013 Free Download Full Game Download Free Game Tomb Raider 2013 Full Version PC Download...

Download Here

Crysis 3 Ultimate HD

Download PC Game Crysis 3 Ultimate HD Free Download Download Crysis 3 Ultimate HD PC Download Free Games Download Full Game Crysis 3 Ultimate HD PC Download Minimum System Requirements:...

Download Here

Rochard Game

Download PC Game Rochard Download Free Game Download Full Game Rochard PC Download Free Download Rochard Full PC Game Free Download Minimum System Requirements: Operating...

Download Here

Naruto Shippuden: Ultimate Ninja Storm 3

Download Naruto Shippuden Ultimate Ninja Storm 3 Game Download Free Download Naruto Shippuden Ultimate Ninja Storm 3 Demo Download Full PC Game Naruto Shippuden Ultimate...

Download Here

Download Game PC 2013 Full Version Gratis Terbaru

Nah itulah beberapa link download yang dapat saya berikan, buat anda yang mau download game yang lain bisa di Situs Download Game PC Terbaru.

Download Kumpulan Antivirus Terbaik Full Version Terbaru 2013

noreply@blogger.com (Anonymous) — Wed, 14 Aug 2013 05:53:00 -0700

Hallo selamat malam blogger mania , alhamdulillah sekarang masih diberi kesempatan untuk share aritkel lagi , kali ini admin akan share tentang Download Kumpulan Antivirus Terbaik Full Version Terbaru 2013 .

Dari judulnya aja mungkin sahabat mungkin tertarik karena yang akan share adalah antivirus terbaik 2013 . Antivirus memang penting bagi komputer/laptop anda untuk mencegah masuknya virus dan sejenisnya yang dapat merusak komputer/laptop anda .

Langkah download :

Klik tombol download
Lalu tunggu 5 detik dan klik skip ad yang berada di kanan atas
kemudian muncul situs yang memberitahu link downloadnya , copy kan link nya pada adrees bar
Lalu tunggu 5 detik dan klik skip ad yang berada di kanan atas
Enjoy Download

Password If you Need :

ahmedeltivicie

Berikut adalah daftar antivirus terbaik 2013 versi ahmed eltivicie dan saya sediakan link download nya :

1. Bit Defender Terbaru 2013

Silahkan yang mau download Bit Defender semua versi + crack :

2. Kaspersky terbaru 2013

Yang mau downloadsemua versi kaspersky terbaru 2013 + keys Update Mei 2013

3. Avast Terbaru 2013

Yang mau download Avast semua Versi + Crack

4. Norton Antivirus terbaru 2013 :

Yang mau download norton antivirus lengkap TERBARU 2013 :

5. Avira Terbaru 2013 :

Yang mau download avira full :

6. Esset Tebaru 2013 :

Download esset terbaru lengkap + crack :

7. AVG Antivirus Terbaru 2013 :

Download AVG terbaru :

8. Microsoft Security Essensial :

Download MSE FULL :

9. Panda Antivirus Terbaru 2013 :

Yang mau download panda antivirus :

10 Comodo Antivirus Terbaru 2013 :

Yang mau download Comodo antivirus terbaru 2013 :

Sekian postingan dari saya tentang Download Kumpulan Antivirus Terbaik Full Version Terbaru 2013 .

Semoga Bermanfaat ! ! !

Artikel ini bersumber dari : : http://ahmedeltivicie.blogspot.com/2013/05/download-kumpulan-antivirus-terbaik.html#ixzz2bwo56b6r

Disable Google Web Preview Untuk Mengurangi Bandwidth Hosting

noreply@blogger.com (Anonymous) — Wed, 14 Aug 2013 05:41:00 -0700

Sekarang ini fitur terbaru dari Google yang menginginkan kenyamanan bagi usernya dirasa sangat mengganggu para webmaster, salah satunya dalah fitur Google Web Preview .Google Web Preview adalah fitur yang disediakan oleh search engine google, dengan adanya fitur ini visitor akan bisa melakukan preview terlebih dahulu sebelum mereka memutuskan untuk mengunjungi sebuah website. Tapi sisi yang tidak enaknya adalah buat para pemilik web, dengan konsumsi bandwidth dan resource cpu yang sama, visitor yang berpotensi mengantarkan recehan dollar buat kita akan lewat begitu saja, iseng-iseng saya googling, ternyata banyak juga orang-orang yang mengeluh dengan Google Web Preview. Terinspirasi dari situ maka saya coba bikin kode sederhana untuk memblokir visitor yang menggunakan Google Web Preview.

<?php
/*
Plugin Name: Google Web Preview Blocker
Plugin URI: http://www.agcextreem.com
Description: Stop wasting bandwidth!
Author: Ratna Dewi
Version: 0.1
*/
add_action('wp_head', 'google_web_preview_blocker');

function google_web_preview_blocker()
{
$ua = strpos($_SERVER['HTTP_USER_AGENT'],’Google Web Preview’);
if($ua !== false)
{
?>
<!—Silakan edit pesan dibawah ini untuk memberitahukan calon visitor untuk tidak menggunakan google web preview—>
<h1>You are using Google Web Preview</h1>
<h1>Please visit our site directly, to see the content</h1>
<!——>
<?php
exit;
}

}
?>

Script PHP diatas merupkan script yang saya dapatkan di adsense-id, kalau teman saya menyebut script ini adalah script anti google review, kalian bisa menggunakannya agar lebih mantap lagi ngeblognya dan hosting kalian akan lebih irit

Dan berikut jika script ini bekerja

——–

Cara Memasang Related Post pada Sidebar

noreply@blogger.com (Anonymous) — Wed, 14 Aug 2013 05:36:00 -0700

Login ke account blogger anda, klik rancangan/layout lalu klik edit HTML

Jangan lupa centang expand widget templates untuk mengedit template secara keseluruhan
masukan kode dibawah ini sebelum tag </head>

<script type=”text/javascript”>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == ‘alternate’) {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length – 1) * Math.random());
var i = 0;
document.write(‘<ul>’);
while (i < relatedTitles.length && i < 20) {
document.write(‘<li><a href=”‘ + relatedUrls[r] + ‘”>’ + relatedTitles[r] + ‘</a></li>’);
if (r < relatedTitles.length – 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write(‘</ul>’);
}
//]]>
</script>

kemudian cari kode widget seperti dibawah ini :

<b:if cond=’data:post.labels’>
<data:postLabelsLabel/>
<b:loop values=’data:post.labels’ var=’label’>
<a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a><b:if cond=’data:label.isLast != “true”‘>,</b:if>
</b:loop>
</b:if>

Kemudian tambahkan kode yang warna merah pada kode tersebut :

<b:if cond=’data:post.labels’>
<data:postLabelsLabel/>
<b:loop values=’data:post.labels’ var=’label’>
<a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a><b:if cond=’data:label.isLast != “true”‘>,</b:if>
<b:if cond=’data:blog.pageType == “item”‘> <script expr:src=’”/feeds/posts/default/-/” + data:label.name + “?alt=json-in-script&callback=related_results_labels& max-results=10″‘ type=’text/javascript’/>

</b:if>

</b:loop>
</b:if>

Save template
Masuk ke menu Layout -> Page Elements dan add a new HTML/Javascript widget. beri judul atau title Title Related Post ( atau yang lain sesuai kebutuhan ) kemudian copy paste script di bawah ini : //bisa pasang dibagian mana saja//side bar//footer//sesuai kebutuhan//

<script type=”text/javascript”>
removeRelatedDuplicates();
printRelatedLabels();
</script>

Simpan dan lihat hasilnya..

cara agar modem smartfren lebih cepat (mempercepat koneksi smartfren)

noreply@blogger.com (Anonymous) — Tue, 13 Aug 2013 22:04:00 -0700

Setelah sebelumnya membuat artikel dengan judul cara mempercepat kinerja komputer/laptop, kali ini saya akan membuat artikel dengan judul cara mempercepat koneksi internet smartfren. Sebagai salah satu pelanggan smartfren saya juga merasakan terkadang koneksi internet smartfren lambat. Sebenarnya ada beberapa faktor yang menyebabkan koneksi internet smartfren menjadi lambat. Koneksi internet yang lambat bukanlah sepenuhnya menjadi kesalahan provider, melainkan juga disebabkan oleh beberapa hal. Beberapa hal yang bisa menyebabkan lambatnya koneksi internet adalah sebagai berikut ini:

1. Modem yang anda Gunakan
Berbagai perangkat modem memiliki kecepatan akses internet yang berbeda-beda, ada yang memiliki kecepatan hingga 157Kbps, 3.1Mbps, 7.2Mbps dan ada juga yang sampai 14.7Mbps. Jadi modem yang anda gunakan juga menentukan prestasi dari koneksi yang akan anda dapatkan. Jadi jika anda menggunakan modem dengan batas kecepatan 157Kbps jangan berharap bisa mendapatkan kecepatan 3.1Mbps atau bahkan lebih.

2. Paket Internet yang anda beli
Smartfren menyediakan beberapa pilihan paket internet, misalnya saja untuk paket unlimited bulanan seharga 49rb dengan FUP 2 GB kecepatan download maksimal adalah 512Kbps. Untuk mendapatkan kecepatan akses yang lebih cepat anda bisa membeli paket lain, misalnya membeli paket seharga 99rb untuk 2GB dengan kecepatan download maksimal 1Mbps. Jadi paket yang anda beli juga menentukan prestasi.

3. Kekuatan Jaringan (signal)
Kualitas dari jaringan yang ada di daerah anda juga menentukan kecepatan akses internet. Misalnya saja saat hujan terkadang signal menjadi sangat lemah dan sedikit, hal ini akan menyebabkan koneksi internet menjadi lambat. Seseorang yang tinggal di kota apa lagi rumahnya dekat dengan tower pemancar sinyal biasanya akan memiliki signal yang kuat dan berkesempatan berinternetan lebih cepat.

4. Virus di Komputer anda
Virus tidak hanya bisa menyebabkan komputer menjadi lambat dan rusak saja, namun juga bisa menjadikan koneksi internet anda melambat. Beberapa virus komputer di desain agar mengunduh file virus lain secara otomatis di internet, bayangkan koneksi internet anda akan dibagi 2 dengan virus ini sehingga koneksi internet akan terasa melambat.

Nah dari beberapa faktor yang bisa menyebabkan lambatnya koneksi internet diatas kali ini kita akan membahas bagaimana supaya koneksi internet khususnya smartfren menjadi lebih cepat. Cara kali ini cukup simpel, yakni menggunakan DNS Google. Bagaimana cara menggunakan DNS Google untuk koneksi internet smartfren yang lebih cepat? Simak caranya dibawah ini:

Pertama silakan Masukkan modem smartfren ke komputer/laptop
Buka software smartfren
Kemudian klik tools dan pilih options, seperti pada gambar dibawah ini:

Kemudian klik Profile management dan pilih New, lihat pada gambar dibawah ini untuk lebih jelasnya:

Setelah itu perhatikanlah data dibawah ini:
Pada bagian Profile Name di isi dengan terserah anda, misalnya saja Koneksi cepat
Pada bagian Acces number isi dengan #777
Pada bagian User name Isi dengan smart
Pada bagian Passowrd isi dengan smart

Untuk lebih jelasnya lihat ada gambar berikut ini:

Masih pada gambar diatas, silakan klik Advanced kemudian pada bagian DNS setting pilihstatik, Primary DNS isi dengan 8.8.8.8 sedangkan untuk secondary DNS isi dengan 8.8.4.4untuk lebih jelasnya silakan perhatikan gambar berikut ini:

Terakhir tinggal klik OK/Apply kemudian koneksikan jalur akses yang baru saja kita buat. Pada halaman awal nantinya akan menjadi seperti dibawah ini:

Mengenai DNS 8.8.8.8

Primary DNS 8.8.8.8 dan secondary DNS 8.8.4.4 merupakan DNS milik Google. DNS ini bisa dengan gratis di gunakan oleh semua orang. Dengan menggunakan DNS ini mungkin saja anda akan tidak merasakan kecepatan dari koneksi yang didapatkan. Misalnya anda membeli paket internet dengan kecepatan maksimal 512Kbps, dengan menggunakan DNS ini tidak berarti koneksi akan bisa melebihi 512Kbps. Penggunaan DNS ini dimaksudkan agar respon dari server (disebut dengan ping) lebih cepat, misalnya ketika anda membuka situs Google.com maka server akan segera merespon dengan cepat, sehingga koneksi akan terasa sedikit lebih cepat. Namun hal ini tak berarti menambah kecepatan download, karena kecepatan download smartfren telah dibatasi oleh pihak operator itu sendiri sesuai dengan harga paket yang anda beli.

Demikian artikel singkat mengenai cara mempercepat koneksi internet smartfren ini. Semoga dengan koneksi yang lebih cepat anda bisa memanfaatkannya untuk tujuan positif

salam blogger

TV Online

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 06:25:00 -0700

Daftar Isi

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 06:14:00 -0700

Sidebar Featured Post dengan CSS dan jQuery

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 04:33:00 -0700

Sebelumnya saya pernah membagikan featured post seperti ini, tapi untuk ditempatkan pada bagian atas posting. Sedangkan pada featured post ini untuk diletakkan pada bagian sidebar.
Script yang saya gunakan pada sedikit berbeda agar dapat digunakan pada sidebar. Karena biasanya bila diletakkan pada sidebar tidak hanya untuk artikel terbaru tapi juga untuk label-label tertentu.
Bagi anda yang tertarik untuk memasang diblog anda bisa ikuti cara berikut ini:

Menambahkan gadget HTML dan Script Featured Post

Pada dashbord pilih Layout/Tata Letak kemudian klik tulisan Add a Gadget yang ada pada sidebar
Setelah itu scroll kebawah hingga menemukan HTML/JavaScript lalu klik tombol tambah yang ada disudut kanan

Kemudian Masukkan Kode berikut:

123456789101112131415161718192021222324252627282930313233343536373839404142<style scoped="" type="text/css">
ul.rcentside *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
ul.rcentside{font:normal normal 11px Verdana,Geneva,sans-serif}
ul.rcentside,ul.rcentside li{margin:0;padding:0;list-style:none;position:relative}
ul.rcentside{width:100%;height:500px}
ul.rcentside li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none}
ul.rcentside li:nth-child(1),ul.rcentside li:nth-child(2),ul.rcentside li:nth-child(3),ul.rcentside li:nth-child(4){display:block}
ul.rcentside img{border:0;width:100%;height:100%}
ul.rcentside li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0}
ul.rcentside li:nth-child(2){left:0;top:50%}
ul.rcentside li:nth-child(3){left:50.5%;top:50%}
ul.rcentside li:nth-child(4){width:100%;left:0;top:75%}
ul.rcentside  .overlayx,ul.rcentside li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
ul.rcentside .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;background-image:url(http://1.bp.blogspot.com/-FtnGJHMcWH8/UIV3IE-aaJI/AAAAAAAAGHs/WvLypnWxg5A/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x}
ul.rcentside .overlayx,ul.rcentside img{border:4px solid #2E8DCE;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
ul.rcentside li:nth-child(1) .overlayx{background-position:50% 25%}
ul.rcentside .overlayx:hover{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
ul.rcentside h4{position:absolute;bottom:30px;z-index:2;color:white;margin:0;width:100%;padding:0 10px;line-height:1.5em;font-family:Georgia,Times,"Times New Roman";font-weight:normal}
ul.rcentside li:nth-child(1) h4,ul.rcentside li:nth-child(4) h4{font-size:150%}
ul.rcentside .label_text{position:absolute;bottom:10px;left:10px;z-index:2;color:white;font-size:90%}
ul.rcentside li:nth-child(2) .autname,ul.rcentside li:nth-child(3) .autname{display:none}
.buttons{margin:5px 0 0}
.buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative}
.buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%}
.buttons a.nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px}
</style>
<div id="featuredpostside"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="https://ivyth.googlecode.com/svn/js/featuredpostside.min.js" type="text/javascript"></script>
<script type='text/javascript'>
//<![CDATA[
FeaturedPostSide({
blogURL:"http://mkr-site.blogspot.com",
MaxPost:8,
idcontaint:"#featuredpostside",
ImageSize:300,
interval:5000,
autoplay:true,
tagName:false
});
//]]>
</script>

NB: Pada line 29 adalah link script jQuery library. Jika di template ada sudah ada silahkan hapus kode ini. Karena pemasangan lebih dari 1 jQuery Library dapat membuat error.

Klik Simpan

Demo SideBar Featured Post

Opsi-Opsi

Deskripsi

blogURL

Isikan dengan link blog anda misal:http://mkr-site.blogspot.com

MaxPost

Maksumal jumlah post/artikel yang ingin ditampilkan

idcontaint

ID tempat slideshow akan ditampilkan

ImageSize

ukuran gambar yang ingin ditampilkan

interval

Waktu pergantian slide. satuan dalam milidetik

autoplay

Jika ingin menampilkan slide yang bergerak secara otomatis: pilihan true ataufalse

pBlank

Backup gambar jika artikel tidak memiliki gambar

MonthNames

Tulisan pada nama bulan. Defaultnya seperti ini: MonthNames:["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]

tagName

Jika ingin menampilkan artikel berdasarkan tag/label, misalnya tag bloggermaka ditulis seperti ini : tagName:"blogger"

NB: Jika ingin merubah warna birunya dengan warna yang lain silahkan ganti kode warna#2E8DCE dengan kode warna Heksa yang anda inginkan menggunakan tool ini Generator Kode Warna Heksa.

Sumber : http://mkr-site.blogspot.com/

MXfluity Responsive Blogger Template by MKR

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 04:32:00 -0700

Membuat template menggunakan masonry/isotope tidaklah terlalu sulit. Tetapi ketika ingin menyatukannya dengan script load more/infinity scroll barulah sering terjadi masalah. Dari beberapa uji coba yang saya lakukan akhirnya saya dapat menyatukan keduanya seperti yang pada template kali ini.
Template yang saya beri nama MXfluity ini menggunakan isotope untuk mengatur tata letak elemennya sehingga tersusun dengan baik dan saya gabungkan dengan load more yang hampir sama yang ada pada MyExtraNews dan MyTimeline Serta fitur yang ada pada template kali ini tidaklah jauh berbeda.
Desain yang sederhana sangat cocok bagi website/blog dengan tema photografi maupun personal. Sehingga membuat blog dapat terlihat dan terkesan lebih profesional. Kenapa saya katakan demikian. Karena menurut saya penggabungan isotope dengan load more pada platform CMS (content management system) selain blogger misalnya pada wordpress umumnya ada pada themes premium.
Pada template ini cara menampilkan gambar pada halaman beranda yaitu dengan menggunakan 'data:post.thumbnailUrl' sehingga jika gambar pada artikel anda bukan pada hosting picasa web/blogspot maka yang akan tampil hanya gambar backupnya.
Ingat karena template ini saya bagikan secara gratis serta menggunakan license Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License maka bagi anda yang ingin menggunakan template ini jangan menghilangkan kredit link yang ada di bagian footer serta bukan untuk diperjual belikan. Jika anda melakukan sedikit modifikasi silahkan tambahkan tulisan redesign by tapi jangan menghilangkan kredit linknya untuk menghargai hasil kreatifitas seseorang.

Fitur-Fitur dari Aware Blogger Template

Responsive blogger Template.
JSON Search Result.
Sidebar dikanan atau dikiri dengan accordin slider
Related Post/Artikel terkait dengan jQueru get() sehingga loadingnya agak cepat (script dari moretechtips saya modifikasi sesuai templatenya).
Emoticon pada bagian komentar.
Ajax Recent Comments / Komentar terbaru dengan fitur untuk menghilangkan komentar Admin blog(dengan Animasi)
Optimasi SEO (schema.org).
Plugin jQuery Isotope untuk menyusun layout/tata letak elemen pada halaman beranda.
script loadmore jQuery get() untuk mendapat artikel pada halaman berikutnya sehingga tidak perlu berpindah kehalaman selanjutnya
Breadcrumd pada halaman artikel.
Support modern browser IE9, Mozilla, Chrome
Warna dasar Hitam, Putih, Merah dan Abu-abu.

Demo MXfluity

Download MXfluity Right

ScreenShot MXfluity Right Sidebar

Download MXfluity Left

ScreenShot MXfluity Left Sidebar

Konfigurasi pada Top Menu

Masuk dashboard blogger --> layout/tata letak --> Edit HTML
Lalu gulung layar kebawah hingga mendapatkan kode berikut ini:

<ul id='navinti'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
<li><a href='#'>Comments</a></li>
<li class='dgnsub'><a href='#'>With Sub Menu</a>
<ul class='sub-menu hidden'>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
</ul>

Ganti # dengan alamat link anda

Script Komentar Terbaru(Recent Comment)

Masukkan kode dibawah pada widget HTML

<div id="rcentcomnets"></div>
<script type='text/javascript'>
RecentComment({
adminBlog:""
});
</script>

Pengaturan lengkap (default) untuk Script Komentar Terbaru(Recent Comment)

RecentComment({
url_blog: "",
id_containrc: "#rcentcomnets",
numComments: 5, 
avatarSize: 50,
characters: 100,
loadingClass: "loadingxx", 
defaultAvatar:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRWpt3l6QJWGoFQJEt5yVJk1FCucVhAwpdgVCn8JWMSSNs25X0l1ejI1GnRwGOGSXkJexm1_KeUIO13g6VObO6VjLRqDTuDF7VAYuqU5D3nEmfIB-jNT-YvdfziztHv9C0F5TDVj60oOls/s70/user-anonymous-icon.png", 
maxfeeds:50,
MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"], 
adminBlog: ""
});

Pengaturan Emoticon

Masuk dashboard blogger --> layout/tata letak --> Edit HTML
Lalu gulung layar kebawah hingga mendapatkan kode berikut ini:

emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
});

emoRange = dimana efek emoticon akan ditampilkan.
putEmoAbove = dimana contoh gambar emoticon mau ditampilkan.
topText = Tulisan dibawah contoh gambar emoticon.
emoMessage = Tulisan pesan yang akan muncul ketika gambar contoh gambar emoticon diklik
NB: kode pemanggilan emoticon terdapat 2 kali yang masing-masing dibungkus dengan tag kondisional yang berbeda.

Pengaturan Artikel Terkait (Related Post)

Masuk dashboard blogger --> layout/tata letak --> Edit HTML
Lalu gulung layar kebawah hingga mendapatkan kode berikut ini:

relatedPostsWidget({
related_title: "Related Posts",
containerSelector: "#related_posts",
maxPosts: 6,
loadingClass: "loadingxx",
rlt_thumb: 70
});

Itu merupakan minimal konfigurasi untuk menampilkan artikel terkait pada template ini. Pengaturan lengkap (default) untuk Script Artikel terkait (Related Post) seperti berikut:

relatedPostsWidget({blogURL:'',
maxPosts:5,
maxTags:5,
maxPostsPerTag:5,
containerSelector:'',
tags:null,
loadingText:'',
loadingClass:'',
relevantTip:'',
rlt_summary:100,
relatedTitle:'Related Posts',
readMoretext:'Read more',
rlpBlank:'http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif',
rlt_thumb:55,
recentTitle:'Recent Posts',
postScoreClass:'',
onLoad:false
});

Pengaturan JSON Search

Masuk dashboard blogger --> layout/tata letak --> Edit HTML
Lalu gulung layar kebawah hingga mendapatkan kode berikut ini:

var searchFormConfig = {  
numPost: 9999, // Jumlah maksimal temuan
summaryPost: true, // 'true' jika ingin menampilkan deskripsi posting
summaryLength: 100, // Jumlah karakter ringkasan posting
resultTitle: "Result For Keyword", // Judul hasil pencarian
noResult: "No result", // Deskripsi 'tak ditemukan'
resultThumbnail: true, // 'true' untuk menampilkan thumbnail posting
thumbSize: 50, // Ukuran & resolusi thumbnail
fallbackThumb: "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif" // Fallback thumbnail untuk posting tak bergambar
};

NB: Jika ingin merubah warna merahnya dengan warna yang lain silahkan ganti kode warna#C20404 dengan kode warna Heksa yang anda inginkan menggunakan tool ini Generator Kode Warna Heksa. Kode warna #C20404 ada 6, jadi harus diganti semua.

Sumber : http://mkr-site.blogspot.com/

Google mengupdate Blogger Template HTML Editor

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 04:29:00 -0700

Bagi kalian yang gemar dalam mengutak-atik template blogger ini merupakan berita yang bagus bagi kalian. Baru-baru ini google mengupdate/meningkatkan fungsi dari HTML editor yang ada pada bagian template.
Seperti apa yang ditulis pada Blogger Buzz bahwa peningkatan fungsi ini untuk kalian para pengembang web (pembuat template) ataupun yang senang dalam merubah-rubah tampilan blog dengan menggunakan HTML, Javascript dan CSS.
Tambahan fitur yang ada pada editor HTML baru ini dapat mempermudah dalam pengeditan template yang dilakukan oleh pengguna blogger.
Fitur-fitur yang ada diantaranya : penomoran baris (line numbering), Penanda sintaks (syntax highlighting), auto-indentation dan code folding.
Berikut ini sedikit gambaran tampilan dari Editor HTML yang baru pada blogger:

Tampilan Template HTML Editor Blogger

Jump to widget (untuk memudahkan dalam pencarian widget blogger)

Code folding (untuk menggumpulkan/menyembunyikan satu kelompok kode)

Preview Template (Melihat tampilan blog sebelum template disimpan)

Selain fitur diatas ada juga fitur untuk mencari kata/kode tertentu yang ada pada template yaitu dengan menekan Ctrl+F. Atau jika ingin menggantinya dengan kata/kode yang baru dengan caraCtrl+Shift+F.
Nah dengan semakin banyaknya fitur baru yang ada pada blogger ini mungkin menjadi salah satu bukti keseriusan google agar dapat menjadi nomor satu dalam penggunaan blog di dunia. Serta membuat para pengembang web khususnya platform blogger dapat lebih dimudahkan sehingga kreatifitas mereka dalam membuat template blogger semakin bertambah.
Sekian.

Merubah Widget Popular Post Menjadi Slideshow Coinslider

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 04:27:00 -0700

Artikel terpopuler (Popular Post) merupakan salah satu widget bawaan dari blogger. Widget ini dapat menampilkan gambar, judul serta deskripsi dari artikel dan biasanya diletakkan pada bagian sidebar. Nah tahukah kalian widget popular post ini dapat dirubah menjadi slider. Untuk membuatnya menjadi slider kita harus mengetahui struktur HTML yang menyusun slider yang akan dibuat.
Jika sudah mengetahui struktur HTMLnya yang perlu kita lakukan yaitu merubah strutur widget tersebut menjadi seperti HTML dari slider tersebut. Nah kali ini saya akan membuat popular menjadi slideshow coinslider. Berbeda halnya dengan widget recent post coinslider ini tidak menggunakan JSON Feed.
Karena widget popular post ukuran gambarnya hanya 72px yang sudah dicrop maka perlu JS untuk mengubah ukuran gambarnya. Bagi yang penasaran bagaimana cara memasangnya bisa mengikuti cara berikut ini:

Menampilkan Add a Gadget diatas Blog Post

Jika diblog anda belum tampil tombol/tulisan add gadget di atas Blog Posts ikuti langkah berikut untuk menampilkannya:

Pada dashbord pilih Template kemudian klik tombol Edit HTML

Kemudian cari kode <b:section class='main' id='main' showaddelement='no'> lalu ganti rubah showaddelement menjadi yes sehingga menjadi seperti ini <b:section class='main' id='main' showaddelement='yes'>
NB: Untuk mempermudah klik pada area Edit HTML lalu tekan Ctrl+F pada keyboard lalu tulis<b:section class='main' id='main' showaddelement='no'>.

Klik Simpan

Menambahkan gadget Popular Post dan Script Slideshow CoinSlider

Pada dashbord pilih Layout/Tata Letak kemudian klik tulisan Add a Gadget diatas Blog Post Area
Setelah itu scroll kebawah hingga menemukan Popular Post lalu klik tombol tambah yang ada disudut kanan Setelah itu klik Save/Simpan
Setelah itu pilih Template kemudian klik tombol Edit HTML Lalu Cari tempat Widget Popular Post yang tadi. Untuk mempermudah bisa dengan mengklik Jump to widget Lalu pilih Blog1. Diatas Widget Blog1 tersebut merupakan Widget Popular Post yang sebelumnya telah ditambahkan

Kemudian Ganti Widget Popular Post yang tadi dengan Kode berikut:

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647<b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style scoped='' type='text/css'>
#coin-slider-pop img {width: 100%;height: 300px;}
#coin-slider-pop {margin: 0 auto;}
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title {width: 97%;padding: 10px 1.5%;background-color: #000000; color: #FFFFFF;}
.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
</style>  
  <div class='widget-content popular-posts'>
    <div id='coin-slider-pop'>
      <b:loop values='data:posts' var='post'>
      <a expr:href='data:post.href' expr:title='data:post.title'>
      <b:if cond='data:post.thumbnail'>
      <img expr:alt='data:post.title' expr:src='data:post.thumbnail'/>
      <b:else/>
      <img expr:alt='data:post.title' src='http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif'/>
      </b:if>
      <span>
      <strong><data:post.title/></strong>
      <p><data:post.snippet/></p>
      </span>       
      </a>
      </b:loop>
    </div>
<script type='text/javascript'>
//<![CDATA[
function resizeimage(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b);d[a].width=b}}
resizeimage("PopularPosts2",630);
//]]>
</script> 	
<script src='http://ivyth.googlecode.com/svn/js/coin-slider.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$('#coin-slider-pop').coinslider({width:630,height:300});
//]]>
</script> 
</div>
</b:if>
</b:includable>
</b:widget>

NB: CoinSlider merupakan jQuery Plugin. Sehingga untuk dapat bekerja pada blog anda harus meliliki jQuery library.
Widget ini telah saya bungkus dengan tag kondisional yang hanya tampil pada halaman depan (Home/Beranda) kodenya pada baris 3 dan penutupnya baris 45.

Klik Simpan

Demo Popular Post Coin Slider

Nah itulah cara merubah widget popular post menjadi slideshow coinslider. Saya tidak memberikan keterangan lebih agar kalian dapat belajar serta membedakan disebelah mana letak perbedaan dari widget popular post yang umum dengan struktur dari slideshow diatas.
Sebenarnya bukan hanya coinslider yang dapat diaplikasikan pada widget popular post, tapi hampir semua slideshow. Intinya kita mengerti bagaimana susunan dari kerangka Slideshow tersebut kemudian output dari widget dibuat sesuai kerangka tersebut.

Sevida Premium Responsive Blogger Template

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 04:23:00 -0700

Bagi desainer template blogger mungkin banyak yang sudah tahu tentang themeforest. Yah Themeforest merupakan tempat anda dapat menemukan theme/template dari berbagai macam platform baik itu Wordpress,Jombla,Drupal,Prestoshop,Blogger dan masih banyak lainnya. Disinilah banyak para desainer handal yang menjual themes/template yang mereka buat.
Dengan jumlah user yang sudah terdaftar mencapai lebih dari 2 juta serta memiliki reputasi yang sangat baik. Walaupun komisi maksimal dari temlate yang kita buat yaitu 70%. Ini tetap menjadi pilihan bagi banyak desainer template. Begitupun saya sebagai pemula dalam dunia blogger.
Setelah mencoba memasukkan template Guinys yang pada akhirnya ditolak tapi lewat template kedua ini yang saya beri nama sevida akhirnya template saya dapat diterima. Dengan harga $20 yang merupakan standar yang cukup tinggi untuk template blogger.
Dengan berhasilnya template sevida masuk dalam daftar template yang ada pada themeforest sekarang saya memutuskan untuk mencoba memasukkan template premium yang akan saya buat di themeforest. Serta melihat masih sangat kurangnya template blogger yang ada pada themeforest ini bisa menjadi pasar yang sangat baik bagi anda para desainer template blogger.
Nah mungkin begitulah sedikit tentang template ini dengan themeforest. Berikut ini detail fitur yang ada pada template Sevida.

Fitur-Fitur dari Sevida Premium Responsive Blogger Template

Responsive Layout
Ajax News Ticker
Ajax Featured Post
Ajax Load More Post
Ajax Recent Comment
Ajax JSON Feed Search Result
Ajax Recent Post by Tag/label (dengan efek Slider)
Breadcrumbs Pada Artikel
Dua mode tampilan (list atau grid) default grid
Emoticon dikotak komentar.
Sidebar Tab Widget.
Optimasi SEO (schema.org).
Smooth Scroll Top
Costum Error 404 Page
Easy customize (menggunakan Blogger Customize)
Normal Menu menjadi Mobile Menu dengan toggle
Costum CSS Blogger Comments (Thread Comment and Normal) Support Google+ Comment
Archive Page
Browser Support IE8+, Firefox, Google Chrome, Safari and Opera

Demo Sevida

Purchase Sevida

Kumpulan Template Blog

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 04:19:00 -0700

BlueBuzz
SimplexBlog
ElasticoResponsive
RBSimple
Reviewlt
Soundcheck
ExtraNewsResponsive
PingreyResponsive
ExelenciaResponsive
JPstationResponsive
DarkRedResponsive
ExcluSiveResponsive
AdsosiveResponsive
GrembleResponsive
DeNewsResponsive
TheTutsResponsive
AwareResponsive
MyMagazinePremium
MaxxiPremium
MyExtraNewsResponsive
MyTimeLineResponsive

Cara Mudah Download Video Youtube

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 02:07:00 -0700

Cara Mudah Download Video Youtube - Sahabat kemelus tentunya sudah tahu situs berbagi video yang sangat populer saat ini, iya benar sekali situs itu adalah youtube. Situs youtube merupakan situs web berbagi video dimana penguna dapat mengupload video dan menonton video secara gratis. Video yang diupload di situs youtube sangat bervariasi ada yang video musik (klip video), potongan film, serta video pribadi yang sengaja di upload oleh uploadernya. Situs youtube merupakan anak perusahaan dari raksasa mesin pencarian Google, Youtube semula situs yang dahulu tidak dimiliki oleh Google, namun pada tanggal 9 Oktober 2006 Google membeli Youtube dengan harga USD 1,65 miliar (sumber: wikipedia).

Pada artikel ini penulis akan memberikan tips tentang cara mudah download video youtube, dengan mengunakan tips berikut ini anda diharapkan dapat men-download video dari youtube secara mudah. Dan berikut ini tips untuk mendownload video di youtube :

- Untuk mendownload video di youtube, silahkan anda pergi situs keepvid.com
- Kemudian Copy URL video yang ingin anda download dan selanjutnya paste pada form yang tersedia disitus keepvid.
- Tekan Download untuk memulai proses download video, jika proses sudah selesai maka akan tampak sebuah list link yang menunjukan pilihan kualitas video dan klik link yang ingin anda download sesuai kualitas video yang anda inginkan.

Cara mudah download video youtube yang kedua adalah dengan mengunakan software IDM (internet download manager) namun untuk memiliki software tersebut anda harus membeli lisensi sebesar USD 24.95. Jika anda berminat ingin mencoba silahkan download versi trial di halaman www.internetdownloadmanager.com.

Demikian artikel tentang Cara mudah download video youtube yang dapat penulis bagikan jika sahabat kemelus mempunyai tips lainya bisa dibagikan dengan cara mengisikan kotak komentar dibawah ini, saya tunggu tips super dari anda.

Semoga artikel ini bisa bermanfaat bagi yang membutuhkanya.

Cara mengedit photo dengan jasa editan online

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 02:06:00 -0700

Begitu banyak tutorial photoshop.. atau penyedia layanan online seperti
Saat ini sudah banyak aplikasi online atau situs yang berfungsi untuk melakukan edit foto online lewat internet dan caranya pun sangat mudah dibandingkan menggunakan software yang harus di instal terlebih dahulu di komputer. Hal yang lebih menarik, menggunakan online photo editor, tidak dibutuhkan keahlian khusus layaknya edit foto seperti potosop dll.

Berikut ini kumpulan Situs Edit Foto Online

1. Photofunia
Photofunia menyediakan berbagai macam bingkai cantik yang bisa anda pilih untuk menempatkan foto anda di dalamnya.
2. Faceinhole
Dengan layanan ini anda bisa memasang foto muka anda pada berbagai pose figur para tokoh favorit anda dan hasilnya bisa langsung dishare ke beberapa situs social network.
3. Pizap
Dengan PIZAP kita bisa melakukan banyak hal untuk mengedit foto kita termasuk menambah efek-efek yang gokil dan pasti keren. Cocok sekali bila hasilnya mau diprint atau dipasang di facebook.
4. Fakemagazinecover
Apabila anda mempunyai fantasi menjadi model majalah maka situs ini cocok karena disediakan template cover majalah di mana anda bisa ada di dalamnya.
5. Hairmixer
Bisa dicoba bila anda ingin meniru atau berganti model rambut, silahkan dipilih mau model rambut yang seperti apa yang akan anda terapkan pada foto. Sehingga bisa menilai model rambut yang paling sesuai dengan anda.
6. Be Funky
Be funky ini salah satu favorit saya karena efek yang tersedia lumayan banyak dan ada salah satu fiturnya yang memungkinkan membuat foto anda jadi nampak seperti kartun.
7. Pic Joke
Disediakan berbagai macam template foto yang bisa anda terapkan pada foto anda layaknya pada photofunia.
8. Gross Out
Ini juga bagus, tapi jangan kaget yah kalau masuk ke situsnya akan ada pemandangan yang seram hehe..
9. Makemebabies
Make me babies adalah situs layanan edit foto online yang memprediksi seperti apakah bayi yang akan dimiliki oleh seorang pasangan

Daftar situs edit foto online yang juga bisa anda coba :

1. PicJoke.com
2. Festisite.com
3. FakeMagazineCover.com
4. HairMixer.com
5. PhotoFunia.com
6. FaceInhole.com
7. PiZap.com
8. GetGrosseDout.com
9. Pixenate.com
10. MakemeBabies.com
11. Blingee.com
12. BeFunky.com

Cara ambil Screen shot pada PC

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 02:05:00 -0700

Cara ambil Screen shot pada PC Jika kita berbicara tentangILMU KOMPUTER tentu setiap orang memiliki rasa ingin menguasainya, begitu pula dengan saya ..

Setelah berselancar di Dunia perbloggingan Saya banyak belajar dari para Master blogger yang menjadi guru DUMAY ( dunia maya ).

Berikut beberapa Cara yang ku pelajari bagaimana cara mengambil SS dari PC...

1. Tampilkan dilayar monitor gambar yang ingin diambil.
2. Tekan tombol Print Screen (Prt Scr) pada keyboard yang letaknya setelah tombol F12.
3. Buka software pengolah gambar Paint, Microsoft Picture Manager, atau Photoshop.
4. Tekan Ctrl + V lalu edit sesuka Anda.
Bagi yang menggunakan Windows 7, caranya lebih mudah dengan software bawaan Snipping Tool yaitu:
1. Tekan tombol Start, logo Windows yang terletak di bagian kiri bawah monitor atau tekan logo Windows pada keyboard.
2. Lalu langsung ketikkan Snipping Tool, kemudian akan muncul disitu program tersebut lalu klik untuk membukanya.
3. Prosesnya seperti melakukan cropping pada Photoshop.
Dengan Snipping Tool kita diberi kebebasan bagian mana yang ingin kita ambil.
Seperti yang sudah saya katakan, 2 cara ini berlaku pada PC desktop maupun laptop.

Facebook Autolike terbaru 2013

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 02:01:00 -0700

Pernahkah sahabat melihat status teman sobat yg di hinggapi begitu banyak jempol.

Padahal, teman sahabat itu bukan seorang Artis, Politis, Bahkan bukan Jokowi..

Lalu, kenapa kok bisa jempolers-nya banyak?

Apakah itu merupakan jempol yg di fotocopy?

Apakah yg nge-like status temen sobat itu memberikan 4 jempol sekaligus?

ternyata itu bukan masalah yg sulit jika sahabat tak sengaja nyasar atau ingin melihat ketampanan dan ke imutan sang penulis di blog ini kemudian membaca trik ini, itu namanya trik Autolike Facebook sahabat.

dan sudah dari dulu tersebar luas di kalangan facebookers atau para jempolers..

Simak triknya ::

Langkah pertama.
Sebelumnya atur dahulu pengaturan privasi kiriman status menjadi >>Publik..

Langkah kedua.
Aktifkan pelanggan agar dapat berlangganan pembaruan >>Status, photo, feed, dan lain"..

Langkah ketiga.
Cari situs penyedia layanan yang menurut sahabat cocok utuk di jadikan tools Autolike facebook.
Sahabat juga bisa masuk Kemari ..

Langkah keempat.
lihat gambar di bawah..

Langkah kelima.Jika ada tulisan Succes, lihat addres barr dan sahabat coppy link yang berwarna merah,
Contoh ;;
http://www.facebook.com/connect/login_success.html#access_token=AAbcsMZaans884hJggTMl097bdcxjN&expires_in=5184000

Langkah keenam.
Paste-kan code yang tadi sahabat coppy di bagian >> Submit.

Langkah terakhir.

Tinggal sahabat pilih Status mana yang hendak mendapatkan banyak like.. :)

Semoga bermanfaat !!

Cara Jitu Menguruskan Rank Alexa Dengan Rayuan

noreply@blogger.com (Anonymous) — Mon, 12 Aug 2013 02:00:00 -0700

Cara Jitu Menguruskan Rank Alexa - Sahabat Blogger tentunya sudah tidak asing lagi dengan berbagai macam artikel Cara cepat menurunkan Rank Alexa. Jika mau berfikir sedikit tentunya tidak akan ada habisnya berbagai macam tips dan trik yang kita peroleh dari berbagai blogger.

Namun pada kesempatan kali ini saya memberikan Tips terbaru Versi pengamatan Kuantitatif saya yang mungkin akan sangat membantu bagi anda dan sahabat blogger cara tercepat menurunkan Rank Alexa.

Sahabat mungkin jika mau berfikir dengan akal sehat, (Nana: Alexa ). itu sudah pasti identik dengan nama Wanita. untuk itu mari kita bersama gaet alexa dengan puisi atau sajak juga bolehhh.....???

Diam diam ada namamu _AlexaDatang tak di jemput_
Pulang tak di antar_

Dalam heningnya malam,
kau datang menggerayangi tubuhku (blog)
Dan kau hisap semua inti-intiku (keyword)

Itulah kau ? kau yang bernama alexa.
Aku rela jika tubuhku kau hisap sehingga kuruslah sari tubuhku. Ohh Alexa.
Hahahahaa...

Sebenarnya saya hanya ingin menawarkan saling review alexa yuk?? berhubung blog saya baru terbaca oleh alexa kemarin pada hari selasa, dan masih butuh banyak waktu untuk menguruskannya