Showing posts with label WEBMASTER. Show all posts
Showing posts with label WEBMASTER. Show all posts
Cara Mendapatkan Uang / Pulsa Lewat Internet Terbaru 2015. Buruan Dicoba!

Cara Mendapatkan Uang / Pulsa Lewat Internet Terbaru 2015. Buruan Dicoba!

3:32:00 PM 0
Begitu banyak cara menghasilkan uang melalui internet, beberapa diantaranya yang paling popular yaitu melalui program iklan di website/blog, menjadi affiliate marketer dan toko online. Dari ketiga jenis bisnis online tersebut, semuanya mengandalkan jaringan yang kita miliki di dunia maya. Artinya semakin banyak jaringan kita, maka berarti peluang usaha untuk mendapatkan penghasilan sampingan (bahkan ada yang menjadi penghasilan utama) melalui internet akan semakin terbuka lebar.

Cara paling ampuh dalam membangun jaringan di dunia maya yakni melalui media sosial. Hal ini selaras dengan apa yang di katakana oleh Uangvisitor.com dalam salah satu artikelnya “Mendatangkan ribuan pengunjung sebenarnya tidaklah begitu sulit seperti yang Anda pikirkan. Strategi cerdas dan paling tepat ialah mempromosikan link affiliasi Anda di halaman BBM, Facebook, Twitter, dll. Semakin banyak yang mengklik tautan yang Anda bagikan maka semakin besar penghasilan yang Anda dapatkan.”

Sekarang kita lihat peluang untuk membangun jaringan di dunia maya. Perlu diketahui bahwa pertumbuhan jumlah pengguna internet di Indonesia saat ini mengalami peningkatan pesat, dan ini secara langsung memberikan peluang usaha bagi banyak orang untuk mendapatkan uang dari internet.

Menurut data yang dirilis oleh APJII (Asosiasi Penyelenggara Jasa Internet Indonesia), jumlah pengguna internet pada tahun 2014 sebesar 88,1 juta. Angka tersebut naik dari 71,2 juta di tahun sebelumnya. Dikatakan oleh ketua umum APJII, peningkatan ini banyak terjadi dari pengguna yang mengakses internet dari perangkat seluler. Bahkan Kemenkominfo berharap di akhir tahun 2015 jumlah pengguna Internet di Indonesia telah mencapai angka 150 juta orang, atau sekitar 61% dari total penduduk.

Apakah peluang sebesar itu akan kita sia-siakan begitu saja ? Jika saat ini kita sudah mempunyai jaringan yang luas, tidak ada salahnya untuk mencoba program Uangvisitor.com.

Uangvisitor.com adalah salah satu program unggulan atau bisnis online yang membayar membernya hingga Rp 400 (empat ratus rupiah) perkunjungan yang didatangkan. Satu orang pengunjung yang didatangkan, tetap dihitung dan bernilai profit. Untuk pendaftaran member, syaratnya sangat mudah yaitu cukup memiliki 1 account email yang aktif dan kita sudah bisa bergabung bersama program Uangvisitor.com



Untuk informasi lengkap dan pendaftarannya, silahkan langsung menuju link ini Daftar Uangvisitor.com.

Nah, setelah kita mendaftar,  kegiatan internetan kita bisa lebih bermanfaat.

Cara mendaftar di Uangvisitor.com

Kenapa harus mendaftar di Uangvisitor.com?
Di Uangvisitor.com, anda bisa menghasilkan income Puluhan Ribu, Ratusan Ribu, hingga Jutaan Rupiah Perhari, dan itu Sangatlah Mudah. Cukup datangkan Pengunjung, Anda akan dibayar Mahal Hingga Rp 400 (Empat Ratus Rupiah) Perkunjungan.
Apakah anda berminat untuk mendaftar? Silahkan ikuti beberapa langkah dibawah ini.
  1. Silahkan menuju situsnya atau langsung saja klik http://uangvisitor.com/
  2. Anda bisa membaca-baca dulu bagaimana Uangvisitor.com bekerja, bagaimana tips-tips bisnis online yang ampuh dll.
  3. Kemudian gerakkan kursor hingga paling bawah, dan isikan data-data lengkap anda. Mudah dan Tidak susah bukan?

Cara Membuat Animasi Pre Loading Pada Blogspot

10:56:00 AM 0


Langkah-langkah Pembuatan Loading di blog :

Langkah-1 : Login Blogger, Klik menu Template > Edit HTML
Langkah-2 : Simpan kode external jQuery library di bawah ini, tepat sebelum tag </head> :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

Kode jQuery library hanya bisa di pasang 1x saja, jika sobat sudah memasang kode jQuery library lewati langkah ini, karena akan mengakibatkan konflik / semua kode jQuery tidak akan berfungsi.

Langkah-3 : Copy kode CSS di bawah ini, setelah itu paste tepat sebelum tag </head> :

<style>
/* LOADING HALAMAN */
#loadingHalaman {
background:url(http://bart-ingredients.co.uk/wp-content/themes/food-recipes-child/images/ajax-loader.gif) no-repeat center;
background-color:rgba(0, 0, 0, 0.32);
width:100%;height:100%;
position: fixed; left: 0px; top:0px; z-index: +100000;
}
</style>


Langkah-4 : Copy kode HTML di bawah ini, setelah itu paste tepat setelah tag <body> :

<div id="loadingHalaman"></div>


Langkah-5 : Setelah itu simpan kode jQuery di bawah ini tepat sebelum tag </body> :

<script>
//<![CDATA[
//Loading Halaman
$(window).bind("load", function() {
    $('#loadingHalaman').slideUp(1000);
});
//]]>
</script>
Langkah-6 : Simpan Template

Catatan :
- Anda bisa mengganti efek animasi loading dengan mengunjungi website ini http://preloaders.net.
- Anda juga bisa mengganti efek animasi loading yang sudah saya siapkan dibawah.


Kumpulan Efek Animasi Loading Page .Gif

Inilah beberapa efek ajax animasi loading page yang saya ambil dari salah satu web penyedia ajax loading page, silahkan bisa Anda pilih dibawah ini :
Efek Animasi Loading Page 1
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfKyq2jVzRQJR1TTIwJv1opXnL4XsHAwL54hBh8Q5oNSBo0mtT2oK4HAqgjgF32V3KwLSMQkDRmtXBsZqR5RflY8GctJuUcI6wrROTP-3wq0-qjSnT6BgQ0Ple9bgHd5IE2PcBnYxJMzw/s128-no/Loading1.GIF
Efek Animasi Loading Page 2
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3BWXTv5lyB5loVY20-w7YObQokl_9c6Qngt-hZR6ZHwzBkY04PUwZF2NDQGWeTz5tG-IVF2_aYRMD0c-qDE2_P4nDmlmk0NlVtO3_kij1JPd2ke4-4aLw0sYhNeuJm5dLqxhlB05NT1Y/s128-no/Loading2.GIF
Efek Animasi Loading Page 3
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLwGMDf_dafsYPiRSid6iISSeVvckDilmoRMRdgOhBQl6VeMtkP4I3yv5D6qmhyphenhyphenuKd9ux9GpSHIS5SnPKO-ISZ68NMxRkIFjQOi7AR9d45sHGJxuHSKNanTjB0ry87Q0lc5lZaxoGQm8/s128-no/Loading3.GIF
Efek Animasi Loading Page 4
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS6Dr4svujNo3LtM6zGoiWQwo9T-aae9lozMz7cN411rjGqWjR81hB5TpPVBIT6YCb31azZHlwg7ogm0S50IMI5RHK1vgPpGh-GaFyM1PjacZT9-e60dEOWmJz6UC2nNiN1UuN21pf1W8/s128-no/Loading4.GIF
Efek Animasi Loading Page 5
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXBc-R_3BG-IgyCOEvpgrqq0EvJ_xIsgQjQlGvX42wH1HYX68ryCgtXc7t3vo67J0R3MC_5FCyX70ZCstowz60MV8jEfXy-GFJaHC8xdKqJmWAXjuy5FNmt0EgMZ3Wl517k867q8EPnTY/w124-h128-no/Loading5.GIF
Efek Animasi Loading Page 6
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLIWOxn3sPxTGJBiRpWRBHA7Esy93JvR0SzRYCLSSe0wq9PIiPPlfwPvIaNtNDIwKvsc2nD5eUwOKAL7hfN88KAt6PLWIYptlpP9pMGSfppoYnSnm4QXb8Ktaym2zzfcRewJdaRZy9U0M/s128-no/Loading6.GIF
Efek Animasi Loading Page 7
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0_1LdClBW8KVWgifzsuksZH_IXmgGngIa2gu5-xGycElCQ3QnIxVSpBICHRs88BLQ8xfoFQwaPt5Z4_IEUrrf5m1JwqMSJLS4WJZ-BtGohKKc2KS7GtissdnfhiU9tbJxox8STgNYqi0/s128-no/Loading7.GIF
Efek Animasi Loading Page 8
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTT8UvXp6anoMKCw4norDIcmcfBSIggwsshel50JIGCdMlpQV8hDR3MAhjcrjI_ibhPwfS_f357TryIFAL0nHyRZ8WuJdZgOSsdnd8s4FjIodGphCLNAeEB1L0rRuBcagGm_m79jDOmHs/w128-h54-no/Loading8.GIF
Efek Animasi Loading Page 9
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiifGToe3gP4hQ2LB7DPF2Hvvi38onavvXOKmbdD_pA4E3wWO-XKCwliVZSIn4at5Zp2f8d2EINx5rLSjgo_MQ6mTCOkNBCUF1bRcGkr3wz7EGQFSNlqbIqCFJuQkN6nigrmVyjZJ1pNuw/s128-no/Loading9.GIF
Efek Animasi Loading Page 10
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR_XArrIkMsfr5mkFn45dwL1n-OqAVPdDfhSrPOs7Ob47HDBYwF3KZGMOkGx5VvEB3wl0MpmSRr49McTKIAqpRIYMdI2NyySo2zAJn21ZC7exvaYobdv2C9xF81ADulZy9BlZFwtI3S2I/w128-h40-no/Loading10.GIF
Kurang lebihnya mohon maaf.
Semoga Bermanfaat...


bagaimana? mudah bukan? ^_^


Ref : http://www.ficripebriyana.com/2014/07/cara-membuat-efek-animasi-page-loading-di-blog.html


1000 Domain Gratis Untuk Blogger dan Atau Situs

1000 Domain Gratis Untuk Blogger dan Atau Situs

12:50:00 AM 0

Hai Sobat... pada kesempatan kali ini saya mau berbagi 1000 Domain gratis untuk blogspot ataupun situs kalian... salah satu domain yang saya pakai adalah CO.VU
domain yang lain sangat banyak, gratis seumir hidup, ada juga yang berbayar, tapi jika mampu membeli domain, sebaiknya pilih yang berbayar, dijamin puas :) tapi untuk kita yang suka Kere memang butuh yang gratis-gratis :v Yakan Vro :v berikut adalah domain gratis yang saya bisa bagikan,,, Cekidot Vro...



Bagaimana? puas? :D semoga Varokah vro :v

Tags : domain gratis - blogspor - blogger - wordpress - situs - web - blog - TI10130018

Koleksi Widget Untuk Memperindah Blog

Koleksi Widget Untuk Memperindah Blog

11:41:00 PM 0


Ingin sedikit tampak beda dengan tampilan Blog Anda? Beri Sedikit Sentuhan Efek
Pada Mouse dengan mengaplikasikan salah satu Widget JavaScript berikut ini :


1.Efect Pertama Salju Yg Berjatuhan
<script src="https://pesan-bocah-alus.googlecode.com/files/salju.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">var colour="blue";</script>


2.Efect Kedua Bubble / Gelembung

<script type="text/javascript" src="https://pesan-bocah-alus.googlecode.com/files/startbubble.js"></script>
<script type="text/javascript" src="https://pesan-bocah-alus.googlecode.com/files/bubble.js"></script>


3.Tulisan mengikuti cursor

<style type='text/css'>
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: &#39;comic sans ms&#39;, verdana, arial;
color: #0000FF;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type='text/javascript'>
//<![CDATA[
;(function(){
var msg = "www.aquagaze95.co.vu";
var size = 14;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.2;
var speed = 0.3;
if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :
document.body,
mouse = function(e){
e = e || window.event;
ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},
makecircle = function(){ // rotation/positioning
if(init.nopy){
o.style.top = (b || document.body).scrollTop + 'px';
o.style.left = (b || document.body).scrollLeft + 'px';
};
currStep -= rotation;
for (var d, i = n; i > -1; --i){ // makes the circle
d = document.getElementById('iemsg' + i).style;
d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +
'px';
d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
};
},
drag = function(){ // makes the resistance
y[0] = Y[0] += (ymouse - Y[0]) * speed;
x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
for (var i = n; i > 0; --i){
y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
x[i] = X[i] += (x[i-1] - X[i]) * speed;
};
makecircle();
},
init = function(){ // appends message divs, & sets initial values for positioning arrays
if(!isNaN(window.pageYOffset)){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
} else init.nopy = true;
for (var d, i = n; i > -1; --i){
d = document.createElement('div'); d.id = 'iemsg' + i;
d.style.height = d.style.width = a + 'px';
d.appendChild(document.createTextNode(msg[i]));
oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
};
o.appendChild(oi); document.body.appendChild(o);
setInterval(drag, 25);
},
ascroll = function(){
ymouse += window.pageYOffset;
xmouse += window.pageXOffset;
window.removeEventListener('scroll', ascroll, false);
};
o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
if (window.addEventListener){
window.addEventListener('load', init, false);
document.addEventListener('mouseover', mouse, false);
document.addEventListener('mousemove', mouse, false);
if (/Apple/.test(navigator.vendor))
window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
window.attachEvent('onload', init);
document.attachEvent('onmousemove', mouse);
};
})();
//]]>
</script>
NB : Ganti Tulisan Yang Berwarna Merah dengan Teks sesuai Keinginanmu!


 Mungkin cuma itu saja vro... selamat mencoba :v

Kumpulan Kode Warna HTML

11:19:00 PM 0


Berikut ini adalah kumpulan dan koleksi dari kode warna HTML :


#FOF8FF
Aliceblue
#FAEBD7
Antiquewhite
#00FFFF
Aqua
#7FFFD4
Aquamarine
#F0FFFF
Azure
#F5F5DC
Beige
#FFE4C4
Bisque
#000000
Black
#FFEBCD
Blanchedalmond
#0000FF
Blue
#8A2BE2
Blueviolet
#A52A2A
Brown
#DEB887
Burlywood
#5F9EAD
Cadetblue
#7FFF00
Chartreuse
#D2691E
Chocolate
#FF7F50
Coral
#64950
Cornflowerblue
#FFF8DC
Cornsilk
#DC143C
Crimson
#00FFFF
Cyan
#00008B
Darkblue
#008B8B
Darkcyan
#B8860B
Darkgoldenrod
#A9A9A9
Darkgray
#006400
Darkgreen
#8B008B
Darkmagenta
#BDB76B
Darkkhaki
#556B2F
Darkolivegreen
#FF8C00
Darkorange
#9932CC
Darkorchid
#8B0000
Darkred
#E9967A
Darksalmon
#8FBC8B
Darkseagreen
#483D8B
Darkslateblue
#2F4F4F
Darkslategray
#00CED1
Darkturquoise
#9400D3
Darkviolet
#FF1493
Deeppink
#00BFFF
Deepskyblue
#696969
Dimgray
#1E90FF
Dodgerblue
#B22222
Firebrick
#FFFAF0
Floralwhite
#228B22
Forestgreen
#FF00FF
Fuchsia
#DCDCDC
Gainsboro
#F8F8FF
Ghostwhite
#FFD700
Gold
#DAA520
Goldenrod
#808080
Gray
#008000
Green
#ADFF2F
Greenyellow
#F0FFF0
Honeydew
#FF69B4
Hotpink
#CD5C5C
Indianred
#4B0082
Indigo
#FFFFF0
Ivory
#F0E68C
Khaki
#E6E6FA
Lavender
#FFF0F5
Lavenderblush
#7CFC00
Lawngreen
#FFFACD
Lemonchiffon
#ADE8E6
Lightblue
#F08080
Lightcoral
#E0FFFF
Lightcyan
#FAFAD2
Lightgoldenrodyellow
#90EE90
Lightgreen
#D3D3D3
Lightgray
#FFB6C1
Lightpink
#FFA072
Lightsalmon
#20B2AA
Lightseagreen
#87CEFA
Lightskyblue
#778899
Lightslategray
#B0C4DE
Lightsteelblue
#FFFFE0
Lightyellow
#00FF00
Lime
#32CD32
Limegreen
#FAF0E6
Linen
#FF00FF
Magenta
#800000
Maroon
#66CDAA
Mediumaquamarine
#0000CD
Mediumblue
#BA55D3
Mediumorchid
#9370DB
Mediumpurple
#3CB371
Mediumseagreen
#7B68EE
Mediumslateblue
#00FA9A
Mediumspringgreen
#48D1CC
Mediumturquoise
#C71585
Mediumvioletred
#191970
Midnightblue
#F5FFFA
Mintcream
#FFE4E1
Mistyrose
#FFE4E1
Moccasin
#FFDEAD
Navajowhite
#000080
Navy
#FDF5E6
Oldlace
#808000
Olive
#6B8E23
Olivedrab
#FFA500
Orange
#FF100%0
Orangered
#DA70D6
Orchid
#EEE8AA
Palegoldenrod
#98FB98
Palgreen
#AFEEEE
Paleturquoise
#DB7093
Palevioletred
#FFEFD5
Papayawhip
#FFDAB9
Peachpuff
#CD853F
Peru
#FFC0CB
Pink
#DDA0DD
Plum
#B0E0E6
Powderblue
#800080
Purple
#FF0000
Red
#BC8F8F
Rosybrown
#4169E1
Royalblue
#8B4513
Saddlebrown
#FA8072
Salmon
#F4A460
Sandybrown
#2E8B57
Seagreen
#FFF5EE
Seashell
#A0522D
Sienna
#C0C0C0
Silver
#87CEEB
Skyblue
#708090
Slategray
#FFFAFA
Snow
#00FF7F
Springgreen
#4682B4
Steelblue
#D2B48C
Tan
#008080
Teal
#D8BFD8
Thistle
#FF6347
Tomato
#40E0D0
Turquoise
#EE82EE
Violet
#F5DEB3
Wheat
#FFFFFF
White
#F5F5F5
Whitesmoke
#FFFF00
Yellow
#9ACD32
Yellowgreen






Semoga Varokah Vro...

Cara Merubah atau Mengetahui Ukuran Header Blog

10:32:00 PM 0

Sering tampilan standar suatu blog belum bisa memuaskan hati,selalu saja ada yang ingin dirubah. Nah, kunci untuk merubah tampilan pada blog kita tidak bisa lepas dari struktur template dan yang paling sering dirubah adalah ukuran bagian header, sidebar dan halaman posting. Untuk memudahkan perlu dipahami istilah-istilah pada blogspot sebagai berikut :

• Header-wrapper, (halaman title dan deskripsi blog)
• outer-wrapper, ( halaman body secara keseluruhan)
• main-wrapper, (halaman posting)
• sidebar-wrapper, ( halaman tempat widget)
• footer-wrapper, (halaman catatan kaki)

Dengan menggunakan istilah-istilah tersebut maka kita bisa mencari masing-masing bagian pada template blog serta mengetahui dan bisa langsung merubah ukurannya sesuai dengan keinginan. Cara mencarinya adalah dengan menambahkan tanda # didepannya. Contoh jika ingin mencari ukuran header maka kode pencariannya menggunakan #header-wrapper. Untuk mencari bagian yang lain cara yang digunakan sama seperti tersebut diatas. Berikut contoh cara mengetahui dan merubah ukuran header :

1. Masuk ke halaman Dasbor blog anda dan klik pada Rancangan.
2. Klik pada Edit HTML.
3. Kemudian carilah kode: #header-wrapper
4. Lebih mudahnya mencari tekan (Ctrl + F) pada keyboard lalu tekan Enter. Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.
5. Perhatikanlah beberapa baris kode dibawahnya. Sebagai contoh serta keterangannya akan tampak seperti di bawah ini :

#header-wrapper { (artinya halaman header)
width:900px; (artinya lebarnya 900 pixels)
height:120px; (artinya tingginya 120 pixels)

Sekarang kita sudah tahu itulah ukuran headernya, yaitu lebar 900px dan tingginya 120px. (Sebagai catatan, secara default ukuran yang ada pada header bisanya hanya lebar(width)nya saja. Untuk tinggi biasanya ditambahkan kemudian jika kita ingin memasang gambar pada header).
Untuk merubah lebar dan tingginya kita tinggal menggantikan angka tersebut sesuai dengan keinginan. Langkah ini juga berlaku untuk mencari dan merubah bagian sidebar dan halaman posting.

Selamat mencoba semoga berguna.

Cara Menambah / Memutar Lagu Di Blog

10:24:00 PM 0
 
 
Berikut ini Cara Memasang Musik di Blog (Lagu Pilih Sendiri) :
1. Anda harus pergi ke alamat http://www.divine-music.info/ 
 
2. Setelah itu anda tinggal memilih nama band yang anda suka ,
3. Setelah itu pilihlah salah satu judul lagu yang anda suka.
 
4. Kemudian , Copy dan Paste kode yang telah disediakan
5. Lalu letakan kode yang telah di copas di Dasbor Blogger > Tata Letak > Tambahkan Gadget
6. Simpan / Save dan lihat hasilnya
Semoga Varokah...

Template Blog Pilihan Untuk Blogspot / Wordpress

10:12:00 PM 0

Sumber : http://hackerjeddah.blogspot.com/2014/01/templates-blog-free-download.html

Kumpulan Effect Untuk Blog

9:49:00 PM 0

Cara membuat / memasang efek-efek di blogspot :

1. Login ke akun blogger anda
2. Pada dashboard, pilih Tata Letak
3. Pilih Tambah Gadget
4. Pilih HTML/JavaScript dan masukkan kedalamnya kode efek-efek blog dibawah ini

1. Efek Banjir / Flood

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

2. Efek Bunga Matahari

<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

3. Efek Graffiti / semprot dengan pilok / coretan

<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

4.  Efek Gun / Menembak

<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

5. Efek ScreenShaver / Membersihkan

<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

6. Efek Bloody Gun / tembak keluar darah

<script language="javascript">
nd_mode="blood";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

7. Efek Chainsaw / gergaji

<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

8. Efek Dinosaurus

<script language="javascript">
nd_mode="dino";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

9. Efek Wasps / tawon

<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

10. Efek Flies / lalat

<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

11. Efek Snail / Keong / siput

<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

12. Efek Worms / cacing
<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

13. Efek Fried Eggs / goreng telur

<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

14. Efek God Almighty / Laser

<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

15. Cow Dung / Sapi jorok

<script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://www.netdisaster.com/js/mynd.js"></script>

Selamat Mencoba......!!!!


Sumber : http://hackerjeddah.blogspot.com/2014/01/kumpulan-efect-untuk-blog_24.html

Cara Memasang Anti Copy Paste Di Blog

10:01:00 AM 0

Blog anda sering di copy paste orang lain? anda ingin memasang anti copas? berikut ini adalah salah satu cara agar blog anda tidak bisa di copy oleh orang lain. Untuk meminimalisir kegiatan pencurian konten tersebut tentu kita harus berusaha untuk melindungi artikel kita agar tidak bisa di copy paste atau sering di sebut dengan istilah "copas"oleh orang lain.


Tapi sobat juga harus tahu, jika Blog sobat memuat seputar tutorial misalnya tutorial blog dan isinya berupa kode-kode yang harus di copy maka sebaikanya tidak perlu dipasang anti copy paste seperti ini. Ok berikut ini kita mulai dengan..

Anti Copy Paste Blog 1

Anti copy paste berikut ini dugunakan jika sobat ingin hanya pada bagian tertentu saja dipostingan yang tidak bisa di copy. Sebenarnya anti copy paste yang mirip dengan ini sudah pernah dibagikan di artikel yang berjudul Anti Copy Paste Kecuali Bagian Tertentu Pada Postingan Blog, Bedanya jika kita menggunakan cara dibawah ini kita bebas menentukan bagian mana yang tidak ingin di copy. Berikut cara membuatnya...

1. Seperti biasa masuk Blog anda dan pilih Template > Edit HTML
2. Cari kode ]]></b:skin> atau </style> dan letakan kode dibawah ini diatas kode ]]></b:skin> atau </style>.
.do-not-copy {
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
3. Simpan Template
Untuk penerapannya di postingan gunakan penulisan dalam mede HTML. Contohnya seperti dibawah ini
 <div class="do-not-copy"> isi artikel Anda yang tidak ingin dicopas </div>

Anti Copy Paste Blog 2

Selain cara diatas ada juga cara yang lain seperti dengan menambahkan script ke dalam template. Cara berikut ini adalah membuat semua isi postingan tidak dapat di copas.

1. Klik menu template lalu pilih Edit html.
2. Cari kode </head> dan letakan Letakan kode berikut ini dibawah kode </head>.
<script type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</script >
3. lalu simpan template

Anti Copy Paste Blog 3

Berikut ini adalah cara yang ke tiga yaitu dengan cara menambahkan kode di dalam kode body. Juga Anti Klik Kanan + Anti Copy PASTE. Cuma sayang ada beberapa kelemahannya karena beberapa fungsi di template blog akan hilang, salah satu contohnya widget search akan error. Tapi jika anda tertarik, berikut adalah cara memasangnya di blog.
1. Masuk ke edit HTML template blog dan Cari kode <body> .
2. Ganti kode <body> dengan kode berikut ini atau tambahkan saja kode berwarna merah dibawah ini kedalam kode body:
 <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>
3. Selesai dan Simpan Template Anda.


Source : http://www*seocips*com/2013/11/memasang-anti-copy-paste-di-blog*html
Tags : anti copy paste , script anti copas , cara memasang anti copy paste di blog blogspot wordpress

Cara Memasang Block Quote Otomatis Pada Blog

9:41:00 AM 0


Blockquote adalah sebuah tampilan (kutipan) yang membedakan tulisan yang satu dengan yang lain. Contohnya dapat digunakan untuk membedakan tulisan biasa dengan kode script atau tulisan penting lainnya di postingan. Ini dapat membuat pengunjung nyaman dan good looking post. Jika Blockquote Postingan blog dibuat yang menarik pastinya enak untuk dibaca dan ini dapat memberi efek beda pada halaman postingan lebih keren.

Saya mengumpulkan semua kode-kode blockquote dari berbagai blogger, tetapi sayang, yang dapat saya kumpulkan hanya 22 blockquote.

Cara Membuat Blockquote Blog

  • Pertama-tama masuk ke akun Blogger anda.
  • Masuk ke Template >> Edit HTML
  • Lalu Cari kode dibawah ini dengan menekan CTRL+F
.post-body blockquote {.........}
          Atau
.post blockquote {.........} 
  • Jika sudah ketemu langkah selanjutnya kode yang berwarna merah dan bertitik-titik (kode blockqoute setiap template berbeda-beda, jadi saya pake titik-titik aja sebagai pengganti ) ganti dengan salah satu kode dari 22 kode blockqoute dibawah ini
Misalnya :

.post-body blockquote {background-color: #f6ebc1;}

Rubah menjadi :

.post-body blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }

Cuma yang kode blockquote { bla bla bla } yang diganti, biarkan kode awal .post jangan dirubah atau dihapus


22 Blockquote Keren untuk Blogger! 

1.) Style 1 
Blockquote style 1
Code: 
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }


2.)  Style 2 


Blockquote style 2
Code: 
blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }


3.)  Style 3 
Blockquote style 3
Code: 
blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }


4.)  Style 4 
Blockquote style 4
Code: 
blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


5.)  Style 5 


Blockquote style 5

Code: 
blockquote { background-color: #666; color:#fff; padding: 15px; margin: 1em 40px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; }


6.)  Blockquote dengan Fancy Border dan Owl Image 


Blockquote dengan Fancy Border dan Owl Image

Code: 
blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2OkJsTyNOdOiWdDqLrYKl_1c7oMjlTVswSqWXR66Jt-D0MGUf9TQS2MqaxnoDYqte_c6psmP9yWLt8v6X3nzKN6N4PNVygn_3puYk0UToVxeWPeE8j5eD3ImpIGr0eJX3Yk34tv_Gfd4/s400/owl.png) no-repeat 350px 5px; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 8px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; }


7.)  Blockquote dengan Purple Corner Label dan garis dibawah

Blockquote dengan Purple Corner Label dan garis dibawah

Code: 
.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_BV5n8Cl-kyRT7JLix8ZhfD_FDmGCKkpUo38nPKMNkXKWWQDjdPF63K0hnHCaPazxn_s1_o17plJi5Flrm_wP2FShSTizOkQYD0UHZYSHUpjtDa5qT009rqlMKXPNOVf3XGXldNH6qcg/s400/angular-purple.gif) no-repeat top left; font: bold 1em Helvetica, verdana, Georgia, "Times New Roman", Times, serif; color : #000; border-bottom : 5px solid #435388; } .post blockquote p { margin: 0; padding-top:10px; }


8.)  Jigsaw Blockquote dengan gambar lisense di kanan bawah 


Jigsaw Blockquote dengan gambar lisense di kanan bawah

Code: 
.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwJcRkpfGCVICyDID6qDIGuyxIXDs_TWgCC64vrKGBJivr5_OfdOYPuph1KVRd9SmJ14jeQCrJ3ZYhspoZYWWm_ypC95gtRxq4lSlBR2j8DB3tUeQ4S6hi__1uyQe32-YfEug0RVYV9H8/s400/block22.gif) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }


9.)  Blockquotes dengan garis Classic sebelah kiri


Blockquotes dengan garis Classic sebelah kiri

Code: 
.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjDqAYRFH_lF9D_R4WOYzvlenSXtCzXLjoD7jujfKsxrcDg7uUEAkBztKNfyK0vqM1uj7qrsbfO1BRnnh023VUX_BFhtCHSszk4TmuIQGXfevtdmiL-PQ83TXFmi6Va7cux4xOnYFlt3k/s1600/comma-side-orange1.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 10px; }


10.)  Blockquotes left sided green black 


Blockquotes left sided green black

Code: 
blockquote { background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzrA3pgvzR0QfDdaNIYLW653LCOZdTlX7ZfMsOmFYywGyuKjwpxDnr91qKx2YSqywdbwlfyrGzTCsgLpa9KGiGRmG6RSicQHBnm-cDvazoSDla5-fMeA9OBqaUZLbuGI6Z6-9ATogKqqY/s1600/green-black-side.gif) ; background-position:; background-repeat:repeat-y; margin: 0 20px; padding: 20px 20px 20px 50px; color:#C7CACF; font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman"; } .post blockquote p { margin: 0; padding-top: 10px; }


11.)  Blockquote With A Brown Corner Label 


Blockquote With A Brown Corner Label

Code: 
.post blockquote { margin : 0 20px; padding: 20px 60px 80px 20px; background : #FEE4E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHKJszWmNmdCgvV6mtJ5T0ajiAjd_jt4hfI1NtdZ7raB72iRVpp4WDXp8qAyV5aGAYsqlRqEu6TBN0evX80IqzrLxKUgLqXoNG4uMoB-yj6iusvGK2i5y_a3P9KR7V-zbAG3BWDLDw660/s400/angular-right.gif) no-repeat bottom right; font: bold italic 1em Georgia, verdana, Helvetica, "Times New Roman", Times, serif; color : #000; border: 1px solid #DDD; } .post blockquote p { margin: 0; padding-top:10px; }


12.)  Blockquotes With Inverted Commas 


Blockquotes With Inverted Commas

Code: 
.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjokvrFyBK32jRqe-UBWZD1D2Rn66KQcQRj7c-uNotLmq6Nm1DgflwQ19fjJeXdeYjAsjxuZiws22375BEVu6WnkM092jnGowP8_ag8gqgZfc3lB8TQWEu4D5Qck2k2vfOy_pRALKFb1ls/s400/comma-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSsnz4pgTOTgCtrFd9Z46GEhPXvDIu-hbvQM90U8jNtdHO6AyR8D27ROj-mxJBffWpnv1WfPcZWXDVLXK2pk2ZUUv4og18lmYkP5F1QCeHZYOkMkWvd_Gf1j3I2nCbY49DImwkj85un84/s400/comma-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }


13.)  Blockquotes commas orange 


Blockquotes commas orange

Code: 
.post blockquote { font: 18px normal Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLCnE-Soh_OVzt-rfdONDSHp7OiOaqcwANUdhIJFZSSS7k7di9jx3oPsFo6sOq6CVrf7eCEc-GaNtsgUZv9_o8hX4wd2JEfIhu2k-En9dAr2rUigQyN6eJKh-VvOu5CBZizIvYGz_2j4Y/s400/comma1-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuql_7b53FiparrILa7p0VS-goR8WfnPCQG4fNsRAiSUc0GodeAwRNRo1LyyCLdtykXG1aHwb-c-sRDZbNWucpwmNx1Zs-XIVfM0bwmPCa5Fh9RKVANb5U_hr9iINZV6jHyy7xZcR8CQk/s400/comma1-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }


14.)  Blockquotes commas hands 


Blockquotes commas hands
Code: 
.post blockquote { font:bold italic .9em "comic sans ms", Tahoma, sans-serif; padding-top: 25px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBE-wpx_h9LVpgprK34pYqPR9541hM0V7cG1DJs94j9e0bEMsYhoHPifERZjISnZdAyUIOfA5kMTWz5e1xlfsa2PSHKVAgu8y6hipLLVCk3xe4A2BwK80bVduTvJw97qK8fN5gLxv1EaI/s400/left.gif) no-repeat top left; text-indent: 65px; color:#6299E4; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMEM0FCOLfmytDz-vl9ZN4aZyTeP3C8FF1SRbo2VusfaO-dGgQXmo2Vkc-ueWHpYr7i2DIq5lVe0E97canf0dKzyi4sMTErJRelCxezHLKpOrrUdolohZdI5cZAWELG7BMAU8QTdy6B0/s400/right.gif) no-repeat bottom right; padding-bottom:30px; } .post blockquote p { margin: 0; padding-top:10px; }


15.)  Blockquotes commas green 


Blockquotes commas green

Code: 
.post blockquote { font: italic 1em "comic sans ms", Tahoma, sans-serif; padding-top: 10px; margin: 5px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmQWSttieNDnKtz7nRFiU2N_uX0rpofD0KbG_P9SEai4FMFfD0JSrXEDpjFM9U0ZQ21JZxV2o7g6ILwbouyDGk1xZ9kuGrFzqG3HoRAXAqwED_4gGXbIeaXtQ2AUsKiplcFFgZlPryH08/s400/comma2-left.gif) no-repeat top left; text-indent: 65px; } .post blockquote div { display: block; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGNTO0jSA7K8-j9nqLnN-7n0Iv4m8mD2_RtHDo1eOq9wDLxPkhUef2OQMrocn6aaVhZanfpfvguvcRneu5X_7x9fETuOQtk1LVeVO4lg02Id1ol8N4WhDarfGSrgQaMutrZfU8z5NuXPE/s400/comma2-right.gif) no-repeat bottom right; padding-bottom:10px; } .post blockquote p { margin: 0; padding-top:10px; }


16.)  Blockquote With Well Aligned Image At Top 


Blockquote With Well Aligned Image At Top

Code: 
.post blockquote { margin : 0 20px; padding: 70px 20px 20px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKr0gJC41KjRmN0_vnf4tzvwx4o98QLZ9IDlXLg2Z9WxmdIOeZQx0QmiXFIQLOzvVuCQLTmgzkJmmlrNnAeUeEv8a1szfJk9JRDRHVL_j39_VrSXJ59VDbRE-aMfz9qMw3hwCij1ggckM/s1600/block333.gif) no-repeat top; font: normal 1em "comic sans ms",Helvetica, Courier,"Times New Roman", Times, serif; color : #000000; border-bottom : 7px solid #FF0000; } .post blockquote p { margin: 0; padding-top:10px; }


17.)  Blockquote With Canopy Style Image At Top and Bottom 
Blockquote With Canopy Style Image At Top and Bottom

Code: 
.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdAb928z4HJGxNlWzmRKVh1mOhaSx2fyS2ZDx9SmUK268GCEqct5T-np3JIMDAZfoE5-muSEkwWCG8oQYcJJGPJwt-ubsTux9-NA9bCs3jFttzdcNwIu93lRNG572pSeihGN6fh3LUwbY/s1600/BLOCK1-TOP.gif) no-repeat top; font: bold italic 1em Helvetica, verdana; color : #000; } .post blockquote div{ background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC5FGMHp54io7LRdMHk1yrULbih7WeDJ00l7JysyX5e5SmWsJClkL-9ItB4VaVelCCj1Lvs_g8aV4MEXVpvEFBeMd2S6Dn5c0ygIJEMCo6qtzgWKzit3WYtNBtyGfVgRds-bpd0jOv9sY/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }


18.)  Box Style Blockquote Surrounded By Borders 
Blockqoute Box Style Blockquote Surrounded By Borders

Code: 
.post blockquote { margin : 0 20px; padding: 70px 20px 30px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoBCvQlOjg6OrCNFqpKAlCuq-Qfw8muRbXBNyZ8zHGVV2E4UrpHd2jfTpUu2n00gXjiEiecB9B3MxYnfFT0ShZxvG-R1TMf46gZZIgenSakkCpRuLEVf8HcCSEZVYp3XDFQm6c2q6GDJ0/s400/block3331.gif) no-repeat top; font: bold .9em Helvetica, "comic sans ms",Courier,"Times New Roman", Times, serif; color : #343434; border-left : 7px solid #FF7802; border-right : 7px solid #FF7802; border-bottom : 7px solid #FF7802; } .post blockquote p { margin: 0; padding-top:10px; }


19.)  The Monkey Man Blockquote
The Monkey Man Blockquote
Code: 
.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_oO8V4470fyUkhEIUI_n_GaC44CwKuYO8C7n-24d_6qmPeT71pgfHuoZjzvN_R-UivPMrNgqHOhSv0lEhi9fTvLy4p7XmDPesVb7ZmD-fO-fPawQ6HPAFVmD39M_6CfYjlkzLEGSGHmA/s400/head2.gif) no-repeat top; font: normal 1em "comic sans ms", Helvetica, verdana; color : #666; } .post blockquote div{ background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDrG0UQAPHaYZB2vAMId4ZlBAs092yVWMG5PNS4-9W5SBtsKVz0kDfoCdTSu_kIejb2418nW-Q5P_OAgQngD1KdNtbsudfyuUNFsEBk2YNB7aKfGp39krW2hyphenhyphenAG78nQiSO19h7UnKxwYI/s400/head-bottom3.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }


20.)  Couple of ways to dress up the lowly blockquote 
Couple of ways to dress up the lowly blockquote
Code: 
.post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; } blockquote { background:#EFEFF7; }


21.)  Big chunky quotation mark blockquote 
Big chunky quotation mark blockquote

Code: 
blockquote { background-position:-10px -7px; border: 1px dashed #FFC600; margin: 20px 10; padding: 0 20px 0 50px; background: url("http://3.bp.blogspot.com/_jM8-wHc3NKY/TR3MwDiXB1I/AAAAAAAAAC7xdx3r/Fi8TGwkSRNQ/s1600/quote.png") 5% no-repeat #FFF8DD; }


22.)  Buttermilk Fancy 
Blockqoute Buttermilk Fancy
Code: 
blockquote{ background-color: transparent; border-top: 3px double#DC143C; border-bottom: 3px double #DC143C; padding: 5px; font-style: oblique; font-size: 1em; margin-left: 5%; margin-right: 5%; }

Cara Menggunakan Bloquotes Pada Blog

Secara otomatis kamu bisa menggunakan bloquotes ini dengan memblok kalimat yang ingin kamu masukkan dalam bloquote, kemudian tekal icon seperti yang saya tandai di bawah ini :

Cara pemasangan 22 Blockquote keren untuk blog


Untuk Menggunakan secara manual :


<blockquote>Kode Yang Kamu Ingin Masukkan/ Text Yang Ingin Kamu Masukkan</blockquote>
Catatan : Untuk menggunakan blockquote secara manual terlebih dahulu kamu harus memilih mode HTML dalam post editor kamu. Lebih jelasnya lihat gambar di atas !

Sumber : http://ujangyoyo.blogspot.com/2013/06/cara-pemasangan-22-blockquote-keren.html

Tags : cara mengganti , memasang , blok quote blogger  , Block Quote , blogspot.