Cara Membuat Spin Sharingan With CSS

Hay Vanseerss. .
Apa kabarnya nihh . . ? Baik" aja ya :)
Ok kali ini Admin mau mengajarkan Cara Membuat Spin Sharingan With CSS . .
waktu kemaren" kan udah pernah Cara Membuat CSS Lingkaran Berputar
sebenernya sama , namun yang 1 ini dengan sedikit variasi nya :)
Dengan variasi sharingan  , ada macam" sharingan juga lhoo . .
Tertarik ? langsung aja berikut tutorialnya :

1.Buka Blogger
2.Klik Template > Edit HTML > centang Expand Template Widget
( Saya sarankan backup dulu template kamu )

3.Cari code ]]></b:skin> , ( Pake CTRL+F biar lebih cepet )
4.Copy code dibawah ini , dan pastekan tepat di atas code ]]></b:skin>

/* EXSharingan */
.EXsharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:-60px; margin-left:800px;position:absolute;z-index:999;height: 200px; line-height: 46px;border-radius:500px;border-left:10px solid black;border-right:10px solid black;width: 200px;; -moz-animation:EXspin 1s infinite linear; -webkit-animation:EXspin 1s infinite linear;animation:EXspin 1s infinite linear}
.EXsharingan {margin-top:-60px; margin-left:800px;position:absolute;z-index:999;background: url(http://lh4.googleusercontent.com/-1H0QD0Pto-M/UN6cEsf3xAI/AAAAAAAAAOo/CrvHCdmMmrM/s185/supers.png) no-repeat;height: 185px; line-height: 46px;border-left:20px solid black;border-radius:500px;border-right:20px solid black;width: 185px; -moz-animation:EXspin 1s infinite linear; -webkit-animation:EXspin 1s infinite linear;animation:EXspin 1s infinite linear}
@-moz-keyframes EXspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes EXspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes EXspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }

5.Cari code <div id='header-wrapper'> , lalu copy code di bawah ini dan pastekan tepat di atas
code <div id='header-wrapper'> :
( sebener nya bebas sih taro dimana  . .asalkan tidak error aja , disini saya taro nya di  atas kode <div id='header-wrapper'>)

<div id='EXsharingan1'><div class='EXsharingan'/></div>

6.Save / Simpan Template

Catatan :
-Teks berwarna kuning bisa kamu edit sendiri margin nya jika penempatan kurang tepat
-Teks berwarna biru bisa kamu ganti dengan URL gambar sharingan . .
Tenang sharingannya udah saya siapkan , Berikut Sharingannya :

1.Madara Eternal

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmViGNfq98Ux7kqZCf09zcMfNpG9469BAUJv60GYWF__3ffel8-mpNrE48i3-3mKC85rGGYy6bO-IogSB4NK92JwbLCUa5pKwvWrtMmFTCciMVJSVxMO2yrX5kkGKSjn2wOQciHAOzb7c/s1600/sharingan6.png

2.Pain Rinnegan

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1CF99ky0wwuw0tBaBzt6aJ70FzhU6Ub_vx3kcYtr_FH0oaHkF4yHJsvIWJyOkWuq5eApj7fBL4zDMrk7wBmYC30fc5U_J9M4kxkeCDQsnoz_tilIMENnF7lVeebM7NzeecPkJTtuiCCE/s1600/rinnegan1.png

2.Mangekyou Sharingan Kakashi

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfBHoQWq6M5LOOsXXc94c_9ZSL71unmS3VmbS0sFBpxoxyTe6WE5sGUXObF0kII8YboHFcX1hxMZfTcF32bSVtGjOwHj_P3M5N7kZmrdWQ1xxz-Knr7EEpHRosXQyVkAAPiyoRYDpIBUo/s1600/sharingan3.png

3.Mangekyou Sharingan Itachi

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPYb_qA2joX-swZKQJ1oI1OzkyOGLfVPG7wYmJ9WL_WAMO_SrIRWdKdNw9VqAohSzdSJRczprIxuhKVzQnxamhiQWX__x5Ly0qV-VQAVLBQvwtiKiouatNtLzhDCSWQge4g001iYRKw3U/s1600/sharingan8.png

 4.Mangekyou Sharingan Sasuke

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmjqoAm4Zl2ELhuRBJ4NgwXGEke9mEH5AvzrCynPumhnSEYl_zu9IToXvAIjJxIOXopp9J20KwhnVJCzGV9H_eQc8gJCdWqOa-UUcNofY7k3wN0jGuzSuPW7L8YSpVyQEf3JP6J99DzyQ/s1600/sharingan2.png

5.Sharingan Triple Stange ( Sasuke )

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9RdidDmUGC7LSKh0ETNRhfvh3OzkjLiYHqjE-P8w7oR_swViTFiIyapCLKbJx4a5yjijKLy5oteQteZMjN1KPKS-wkKrN-lepDOmyY9RmKw92zePm3rwW5IZAvNShlR8Pqu44DPG7ZuU/s1600/sharingan7.png

6.Mangekyou Sharingan Uchiha Shusui

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrj3hfGuQdxggR38O7NWnW2UVbS6CL7-h583Vq0pEQh6Jm4ivLkxQ7_8yH7Lc-zFYHr2YQ7lkx6nFH4N0CGEi5vVHUkqVulVeU9aZETtN3DAP4CZYFVCm3bJ37iEUctM8qcd0Hl3csJac/s1600/sharingan4.png

7.Mangekyousharingan Uchiha Izuna

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJPkz-mCfh1-gi6SQAODjoZoRkH_1qijBuqGsiaqoCC5TeUkGSQ2U5jbMNXp_rH8N7Cd3XzjyoobTLsvmr1eAZbQ5beffb5lEWxQFpc1sddIGgW6B5vdGnw0_NwBFGx6TZIQa0uImtshs/s1600/sharingan5.png

8.Byakugan Eyes

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrzkx9yXmDkW923pehB3gRs8Ur1yh1Na6FDXjjxlz308a5GUMBwJLyeuA2dHT8OAuileqlQOP5CLQ7j6dhDJxi1t3LEXAWHmmA92Z-MCUyAOXNV3u6-RMWdl89oM_DgZAYn8LuIti6rGE/s1600/byakugan.png

9.Kyuubi Eyes

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9LLPNne6xyvi06WxgZkApIfaTCvUx3O2Ng-aKKPFYVQUuxFQYG8BB1nz0z-I8P1UAXbk0XqepjkHZhkg5NKyj9W7eAoi8O7oUG15H8tBsT68rQCmKesIHoliHF5mvkNRzhGgBcEhRiHY/s1600/kyuubi.png

10.Senjutsu Eyes

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIwbabYHuM0RyvfigpVvXrGzynf0I0y_jWhTqPpJNcHs6ksvNxzgFXy0trT6IGiGtnytSYnygvG2L67WBBXX87wP-MgdI4iKeYt4BTUttuZrJOp1FEuPFw_20dIwORW-7eiw5B3sfqg4M/s1600/senjutsu.png

Gimana ? keren kann xDD , Kalo mau sharingan yang lain , bisa cari sendiri yaa :P
Size nya 185 , Background transparent < harus , kalo ngga jelek nanti wkwk
sekian dulu yaa , semoga bermanfaat .

Sumber : http://Blog-amossiahaan.blogspot.com

Cara Membuat Animasi Error 404 Page Not Found

Hay Vanseerss . .
Apa kabarnya nihh ? Pasti baik" aja ya :D
Ok kali ini Admin mau mengajarkan Cara Membuat Animasi Error 404 Page Not Found
tanpa basa-basi langsung aja tutorial nya :

1.Masuk Blogger
2.Klik Template > Edit HTML , Jangan lupa Centang Expand Template Widget
( Saya sarankan backup dulu template kamu )

3.Cari kode </body> , ( Pake CTRL+F biar lebih cepet )
4.Copy kode dibawah ini , Dan pastekan tepat di atas kode </body> :

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style>
/* CSS reset */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
html,body{margin:0;padding:0;overflow:hidden;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
input{border:1px solid #b0b0b0;padding:3px 5px 4px;color:#979797;width:190px}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:&#39;&#39;}
abbr,acronym{border:0}
#error-not-found{background:#310404 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikqn6pj5YXY1ofQKNovELoB_VbdCRmUTrfCz7yXSbXEoU4pCW71z8piG4CkBA9CcypjkgNu759-NV3ujKFjqHcLC28QRH4ACBx8dW1y7VA5dQ5kenAU8fwr4YuBozxSE8z8nVyu6LdsI/s1600/overlay.png) repeat;font-family:&#39;BebasNeueRegular&#39;;z-index:999999;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:999999;overflow:hidden;}
.eror-page{background:-webkit-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7));background:-moz-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7));background:-ms-radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7));background:radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.3) 35%,rgba(0,0,0,0.7));position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:1000}
#error-not-found h2{position:absolute;top:50%;line-height:100px;height:100px;margin-top:-50px;font-size:100px;width:100%;text-align:center;color:transparent;-webkit-animation:blurFadeInOut 3s ease-in backwards;-moz-animation:blurFadeInOut 3s ease-in backwards;-ms-animation:blurFadeInOut 3s ease-in backwards;animation:blurFadeInOut 3s ease-in backwards}
#error-not-found h2.frame-1{-webkit-animation-delay:0s;-moz-animation-delay:0s;-ms-animation-delay:0s;animation-delay:0s}
#error-not-found h2.frame-2{-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s}
#error-not-found h2.frame-3{-webkit-animation-delay:6s;-moz-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s}
#error-not-found h2.frame-4{font-size:200px;-webkit-animation-delay:9s;-moz-animation-delay:9s;-ms-animation-delay:9s;animation-delay:9s}
#error-not-found h2.frame-5{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none;color:transparent;text-shadow:0px 0px 1px #fff}
#error-not-found h2.frame-5 span{-webkit-animation:blurFadeIn 3s ease-in 12s backwards;-moz-animation:blurFadeIn 1s ease-in 12s backwards;-ms-animation:blurFadeIn 3s ease-in 12s backwards;animation:blurFadeIn 3s ease-in 12s backwards;color:transparent;text-shadow:0px 0px 1px #fff}
#error-not-found h2.frame-5 span:nth-child(2){-webkit-animation-delay:13s;-moz-animation-delay:13s;-ms-animation-delay:13s;animation-delay:13s}
#error-not-found h2.frame-5 span:nth-child(3){-webkit-animation-delay:14s;-moz-animation-delay:14s;-ms-animation-delay:14s;animation-delay:14s}
.sp-backg{position:absolute;width:470px;height:239px;left:50%;top:50%;margin:-137px 0 0 -141px;background:transparent url(http://www.naturalhealthencyclopedia.com/skin/img/404.png) no-repeat top left;-webkit-animation:fadeInBack 3.6s linear 14s backwards;-moz-animation:fadeInBack 3.6s linear 14s backwards;-ms-animation:fadeInBack 3.6s linear 14s backwards;animation:fadeInBack 3.6s linear 14s backwards;-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=30)&quot;;filter:alpha(opacity=30);opacity:0.3;-webkit-transform:scale(2);-moz-transform:scale(2);transform:scale(2)}
.sp-circle-link{position:absolute;left:50%;bottom:5%;margin-left:-50px;text-align:center;line-height:100px;width:100px;height:100px;background:#fff;color:#3f1616;font-size:25px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:fadeInRotate 1s linear 16s backwards;-moz-animation:fadeInRotate 1s linear 16s backwards;-ms-animation:fadeInRotate 1s linear 16s backwards;animation:fadeInRotate 1s linear 16s backwards;-webkit-transform:scale(0.8) rotate(0deg);-moz-transform:scale(0.8) rotate(0deg);transform:scale(0.8) rotate(0deg)}
.sp-circle-link:hover{background:#85373b;color:#fff}
/**/@-webkit-keyframes blurFadeInOut{0%{opacity:0;text-shadow:0px 0px 40px #fff;-webkit-transform:scale(1.3)}
20%,75%{opacity:1;text-shadow:0px 0px 1px #fff;-webkit-transform:scale(1)}
100%{opacity:0;text-shadow:0px 0px 50px #fff;-webkit-transform:scale(0)}
}
@-webkit-keyframes blurFadeIn{0%{opacity:0;text-shadow:0px 0px 40px #fff;-webkit-transform:scale(1.3)}
50%{opacity:0.5;text-shadow:0px 0px 10px #fff;-webkit-transform:scale(1.1)}
100%{opacity:1;text-shadow:0px 0px 1px #fff;-webkit-transform:scale(1)}
}
@-webkit-keyframes fadeInBack{0%{opacity:0;-webkit-transform:scale(0)}
50%{opacity:0.4;-webkit-transform:scale(1)}
100%{opacity:0.2;-webkit-transform:scale(2)}
}
@-webkit-keyframes fadeInRotate{0%{opacity:0;-webkit-transform:scale(0) rotate(360deg)}
100%{opacity:1;-webkit-transform:scale(1) rotate(0deg)}
}
/**/@-moz-keyframes blurFadeInOut{0%{opacity:0;text-shadow:0px 0px 40px #fff;-moz-transform:scale(1.3)}
20%,75%{opacity:1;text-shadow:0px 0px 1px #fff;-moz-transform:scale(1)}
100%{opacity:0;text-shadow:0px 0px 50px #fff;-moz-transform:scale(0)}
}
@-moz-keyframes blurFadeIn{0%{opacity:0;text-shadow:0px 0px 40px #fff;-moz-transform:scale(1.3)}
100%{opacity:1;text-shadow:0px 0px 1px #fff;-moz-transform:scale(1)}
}
@-moz-keyframes fadeInBack{0%{opacity:0;-moz-transform:scale(0)}
50%{opacity:0.4;-moz-transform:scale(1)}
100%{opacity:0.2;-moz-transform:scale(2)}
}
@-moz-keyframes fadeInRotate{0%{opacity:0;-moz-transform:scale(0) rotate(360deg)}
100%{opacity:1;-moz-transform:scale(1) rotate(0deg)}
}
/**/@keyframes blurFadeInOut{0%{opacity:0;text-shadow:0px 0px 40px #fff;transform:scale(1.3)}
20%,75%{opacity:1;text-shadow:0px 0px 1px #fff;transform:scale(1)}
100%{opacity:0;text-shadow:0px 0px 50px #fff;transform:scale(0)}
}
@keyframes blurFadeIn{0%{opacity:0;text-shadow:0px 0px 40px #fff;transform:scale(1.3)}
50%{opacity:0.5;text-shadow:0px 0px 10px #fff;transform:scale(1.1)}
100%{opacity:1;text-shadow:0px 0px 1px #fff;transform:scale(1)}
}
@keyframes fadeInBack{0%{opacity:0;transform:scale(0)}
50%{opacity:0.4;transform:scale(1)}
100%{opacity:0.2;transform:scale(2)}
}
@keyframes fadeInRotate{0%{opacity:0;transform:scale(0) rotate(360deg)}
100%{opacity:1;transform:scale(1) rotate(0deg)}
}
</style>
<div class='container'>
<div id='error-not-found'>
<div class='eror-page'>
<div class='sp-backg'/>
<h2 class='frame-1'>Sorry . .</h2>
<h2 class='frame-2'>The Page Not Found. .</h2>
<h2 class='frame-3'>Please Go To Homepage</h2>
<h2 class='frame-4'>Now !</h2>
<h2 class='frame-5'><span>Error 404 !</span> <span>Page Not</span> <span>Found.</span></h2>
<a class='sp-circle-link' expr:href='data:blog.homepageUrl' title='Home page'>Home</a>
</div>
</div></div> <!-- end-->
</b:if>

5.Simpan / Save Template.

Catatan :
Ganti teks berwarna Biru dengan kata" yang kamu inginkan

Oke , gimana ? gampang kan . . wkwkwk :D
Sekian dulu dari Admin , Semoga bermanfaat .

Sumber : adithya-putr4.blogspot.com

Cara Membuat CSS Lingkaran Berputar

Hay Vanseerss. .
Ok kali ini Admin mau mengajarkan Cara Membuat CSS Lingkaran Berputar
sebenernya sih admin juga baru tau caranya , heheh , ga salah juga untuk berbagi ^_^
okelah langsung aja . . .

1.Buka Blogger
2.Klik Template > Edit HTML , Jangan lupa centang Expand Template Widget

3.Cari kode ]]><b:skin . .
4.Copy kode dibawah ini , dan pastekan di atas kode ]]><b:skin :

.EXputer{margin-top:-300px; margin-right:300px; width:98px; height:98px; float:right; font-size:14px; text-align:center; text-shadow:0 1px 1px black}
 .EX1{background-color:rgba(0,0,0,0); border:25px solid #a40303; opacity:.9; border-left:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0); box-shadow: 0px 4px 14px solid black; border-radius:190px; width:200px; height:200px; margin:0 auto; position:relative; top:-70px; -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear}
 @-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }

-Ganti teks berwarna Biru dengan warna yang kamu mau , Bisa liat DISINI untuk kode warna..

5.Cari kode menu kalian masing2 , contoh nya <div class='navijohanes'>
( kalo kamu masukin kode nya di atas kode <div class='navijohanes'> , maka lingkarannya
akan berputar di atas menu kalian , kalo mau di tempat lain , bisa kamu taro dimana aja , asal ga error )

6.Copy kode dibawah ini , dan pastekan di atas kode <div class='navijohanes'> / di atas kode kamu yang lain :

<div class='EXputer'><div class='EX1'/></div>

7.Save / Simpan Template

okeh , gimana susah ga ? susah ga susah yah wkwkwk :D
kalo ada yang mau di tanyakan silahkan komentar aja :)
Sekian dulu dari Admin , Semoga bermanfaat .

Sumber : Katsu


==================================================================

Jika Artikel Ini Bermanfaat Untuk Anda Semua . Anda bisa menyebarluaskan Artikel ini
Tetapi , Dimohon untuk Cantumkan Sumbernya .
Dan untuk pengembangan Blog Zhura XpressX , Saya Menerima Donasi dari Anda Semua.
Semakin banyak Donasi semakin banyak Artikel menarik / cheat yang selalu Update .
Anda bisa Donasi seikhlas nya ke nomor berikut :


Im3 : 085624675390
XL  : 087724813559
Berapapun sumbangan anda , Saya sangat berterimakasih kepada Anda .
Salam Admin RezzaDz

==================================================================

5 Blockquote Keren Part I

Hay sobat Z-X
Ok , kali ini Admin mau share 5 Blockquote Keren ( kalo ga keren ya maap wkwk :P )
Langsung aja ya , ga usah basa-basi :

Style 1 :

Code :

.post blockquote { background: #F3F3F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG_8scYpn2dd-WfatDpInZO8Z7V2CtmWz-BeDEQpa0xyDJksmpJc6_k5HZDJzbSF4NMjDlUTeDlGw_KkfM5-hWbfKtIvA4QH7lfWNUXBAWqZ2Fn5SM_Ymu-cAxoi6IDfFcGVbyniPaUPM/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; }

Style 2 :

Code :

.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijbWLtsgfoCMbxQqu5kh-VtHoTB4HIZn4I3TakiZGaq7EvyuJZS4Lqal7MKm-H6e_7-2l_w_q6GbIXo2TKldqHsccDw55qUcnu9tKodDkQzS8DZtChmVXSbf4-NIAUsHcv-LnhTL7zzcU/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/AVvXsEhJXybmcGbRdcU97fxcUq3kieRngutv28scH9qfSgrlwZV7JIbG0XWpc7BFwTZByBrnSMjaGcdWqjPOOCCOWSJZ-2JOGnaOLT7Q6-X6rJrzF2VxrIQ1NsD-JG2Y1DHPHgSqRbeEzcyWKmA/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }

 Style 3 :

Code :

.post blockquote { margin : 0 20px; padding: 70px 20px 30px 20px; background : #E7E5DC url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6DsHLRxeIJLZfwNPxXXEorMgBJMaQtVvOOs8ZpKH-J5tJPYt3Y_xdHxgQWmaEhOyD73N_xanZp-5SalGdryPsgnS7HaTwuSyzz8HvaKsUkK80pOuStoL-ByxyrtE9dW8jioyDqUi6gaE/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; } 

Style 4 :

Code :

.post blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcHiCNBVEc8NUdtS-RiO0B4uY_rhQU_nUQMxNjJ2S-0PKzVYEFL7U2kBPLfJ9t9GPhdXhERz8Q6iQiU90UTkVdgz-MZV25kjs6i2SF1X4bHeWG3LaIHgDuXNH9eu9EBXZvUINUKuUaMWE/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; } 

Style 5 :

Code :

.post blockquote { margin : 0 20px; padding: 70px 20px 20px 40px; background : #E4EAFE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Htr8LT0uJZW9Y-HZZ1oUtErlWAthUmRgOgFHggQ3fSFtb07msNuyFJPMqUnx6hQ2NaiduYEAThEEVS5mJTGV6xMxgx6WLWXIZ7LS1x_hIzaAl7S7hoHmMjOfCIGMlyct0BchKdlRG5I/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; } 

Oke untuk gambar" nya bisa kamu edit sendiri ya :)
Dan kalo blom bisa cara ganti tampilan nya , bisa liat Disini
Sekian dulu dari Admin , Semoga bermanfaat

Sumber : Hujangede.blogspot.com


==================================================================

Jika Artikel Ini Bermanfaat Untuk Anda Semua . Anda bisa menyebarluaskan Artikel ini
Tetapi , Dimohon untuk Cantumkan Sumbernya .
Dan untuk pengembangan Blog Zhura XpressX , Saya Menerima Donasi dari Anda Semua.
Semakin banyak Donasi semakin banyak Artikel menarik / cheat yang selalu Update .
Anda bisa Donasi seikhlas nya ke nomor berikut :


Im3 : 085624675390
XL  : 087724813559
Berapapun sumbangan anda , Saya sangat berterimakasih kepada Anda .
Salam Admin RezzaDz

==================================================================