MARYONO

Laki-laki, 15 MARET 1991

MAGETAN, INDONESIA

Banggalah pada dirimu sendiri, Meski ada yang tak Menyukai. Kadang mereka membenci karena Mereka tak mampu menjadi seperti dirimu.
::
Start
Windows 8 SM Versi 3
Shutdown

Navbar3

Search This Blog

Monday, March 31, 2014

Cara Membuat Garis Tepi Pada Latar Posting dan Sidebar

selamat datang sobat dalam hal ini sebenarnya membuat garis tepi pada latar postingan dan sidebar sangatlah mudah dari template lanjutan. akan tetapi jika template blog di ganti dengan template lainnya kadang garis tepi pada postingan dan sidebar tidak ada makanya saya beri 1 cara tentang;
    • Cara Membuat Garis Tepi Pada Latar Posting
  • Login ke Blogger pilih menu TATA LETAK, lalu EDIT HTML.
  • Cari kode ]]></b:skin> 
  • Lalu copy kode dibawah ini tepat diatas kode  ]]></b:skin>
.post {-moz-border-radius: 10px ; -webkit-border-radius: 10px ; border-radius: 10px ; padding:10px; border: 1px solid #ff0000; }
    •  Pada Latar Sidebar 
  • Selanjutnya sobat cari kode .sidebar .widget { menggunakan CTRL +F (kode tersebut ada terusannya)
  • letakkan kode di bawah ini persis setelah kode .sidebar .widget { tadi.
border: 1px solid #eee;
 
sehingga menjadi .sidebar .widget {border-left: 2px solid #eee;

simpan dan lihat hasilnya,,,,
Read More --►

Membuat Efek Tulisan Bayangan Pada Judul Blog

  • Cara membuat tulisan bayangan pada judul blog. Sebenarnya tidak hanya dijudul blog yang bisa diberi tulisan bayangan, tapi semua tulisan yang ada di blog juga bisa kita beri tulisan bayangan. Tapi yang harus kita ketahui terlebih dahulu adalah kode html pada bagian-bagian blog, setelah ketemu dengan kodenya baru bisa kita beri tulisan bayangan.
Ikuti langkah-langkah dibawah ini.

Text Bayangan di Judul Blog

  • Login ke blog, dan ke pengaturan Template
  • Klik edit HTML, dan cari kode .Header h1 { lengkapnya seperti dibawah ini.
.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
}
  • Setelah ketemu dengan kode diatas maka tambahkan kode text-shadow: 2px 2px 5px #800000; Jadi kode lengkapnya seperti dibawah ini.
.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
  text-shadow: 0 0 $(title.shadow.spread) #000000;
text-shadow: 2px 2px 5px #800000;
 }
  • klik simpan dan lihat hasilnya jika pengen merubah warna garis tepi silahkan ganti #800000 dengan kode warna yang sobat inginkan
nah mudah bukan sobat cara buat efek bayangan pada judul blog
Read More --►

Tuesday, March 25, 2014

cara membuat populer post dengan widget

Membuat Artikel Terpopuler dengan Widget HTML/JavaScript. Caranya mudah, kamu tinggal menambahkan most popular post pada sidebar blog kamu. Dengan adanya widget ini, selain kamu bisa melihat artikel-artikel yang banyak direspon pembaca, juga dapat menarik pembaca lain untuk lebih mengetahuinya lebih lanjut.
Siapa tahu karena banyaknya komentar pada artikel tersebut akan membuat orang tertarik untuk turut membacanya. Nah, jika kamu tertarik untuk membuatnya, ikuti saja langkah-langkah berikut:


  • Dari halaman dasbor, pilih Tata Letak - Elemen Halaman.
  • Klik Tambah Gadget dan pilih HTML/JavaScript.
  • Masukkan (copy-paste) script berikut (gunakan Control C):
  <script language="javascript">
titlebold=false;
numposts=9999;
maxshowresult=10;
explanation="respon";
home_page="dagujang.blogspot.com";
</script>
<script style="text/javascript" src="http://textuploader.com/13ju/raw"></script>
  • Keterangan:
    titlebold = Judul artikel. Jika ingin judul artikel ditampilkan dengan cetak tebal, ganti false-nya dengan true.
    numpost = Banyaknya artikel yang dijadikan referensi.
    maxshowresult = Maksimum artikel yang ditampilkan. Kamu bisa mengubahnya menjadi kurang atau lebih dari 10.
    explanation = Keterangan. Kamu dapat mengubah respon menjadi comments, komentar, komen, komeng, atau bisa juga kamu kosongkan.
    home_page = Alamat situs. Ganti dagujang dengan nama blog kamu. Tapi awas, jangan pake http:// !
  • Setelah selesai, simpan hasilnya
Read More --►
Labels:

Thursday, March 20, 2014

membuat judul blog bergerak di tab

Membuat tulisan berjalan sudah pernah kita pelajari bersama, yaitu dengan menambahkan sedikit menambahkan kode html, Sekarang kita juga akan belajar untuk membuat blog kita lebih menarik lagi dengan hal yang sama, tetapi yang berjalan kali ini adalah judul blog kita.

Maaf sobat bukan judul langsung bergerak tapi judul yang ada di tab atas, ini sedikit tips untuk sobat dengan cara membuat judul blog di tab bergerak, yaitu kita dapat membuat efek judul blog kita lebih menarik.

Cara Membuat Judul Blog Berjalan

1. Pilih tata letak kemudian edit html
2. Jangan lupa beri tanda centang pada Expand Template Widget
3. Cari kode berikut <title><data:blog.pageTitle/></title>
4. Jika sudah ketemu, ganti kode tersebut dengan kode berikut ini

<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5. Lihat apakah berhasil dengan (PRATINJAU) jika berhasil SIMPAN
mudah bukan sobat cara membuat judul blog berjalan di nasbar
Read More --►

cara mengganti penampilan kotak komentar

Sebuah kotak komentar juga bisa mempengaruhi pengunjung blog jika
kolom kotak komentar kita menarik tentunya juga pengunjung lebih suka untuk berkunjuk ke blog kita maka dari itu cara mempercantik kotak komentar kita perlukan,
ini salah satu cara merubah kotak komentar pada blog caranya;
masuk ke blog sobat
>> Template >> Edit HTML.
Cari kode ]]></b:skin>
Copy kode yang ada di bawah, kemudian letakkan di atas kode ]]></b:skin>



/* Comments
----------------------------------------------- */
#comments h4 {
font-weight:bold;
color:#000;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnl3SrnhQug-0OCZAQc0pHZjF8GPavxIQLe-i2HEQGDpB8HCb55LsDCLDKCQZPea4OmdMerCi4RdcqUmwYFitrdPJd6hzZcvkKWq-gVLsTx6ZJo0pTQIG-Szn2cR4jJrOdRIaGQ4IOUYGn/) repeat-x;
height: 35px;
line-height: 35px;
width: 100%;
margin:-5px 0 -7px -10px;
text-align:center;
border-top:1px solid #ddd;
display:block;
padding-bottom:6px ;
line-height:30px;
}
h4#comment-post-message {
display:none;
}
.comments .comments-content {
font-size:12px;
text-align:left;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em
}
#comments-block .comment-author {
margin:.5em 0
}
#comments-block .comment-body {
margin:.25em 0 0
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height:1.4em;
letter-spacing:.1em
}
#comments-block .comment-body p {
margin:0 0 .75em
}
.deleted-comment {
font-style:italic;
color:gray
}
.comments {
font:normal 11px/14px "Lucida Grande",Tahoma,Verdana,Arial,Sans-Serif!important
}
.comments .comments-content .comment,.comments .comments-content .comment:first-child,.comments .comments-content .comment:last-child {
padding:0;
margin:0;
position:relative
}
.comments .avatar-image-container {
width:45px;
height:45px;
max-width:45px;
max-height:45px;
padding:2px;
border-radius:2px;
margin-right:5px;
margin-top:8px;
margin-left:8px;
position:relative;
background-color:white;
z-index: 2;
}
.comments .avatar-image-container img {
max-width:100%;
height:100%
}
.comments .inline-thread .avatar-image-container {
width:38px;
height:38px;
position:relative;
margin:0
}
.comments .comment-block {
margin-left:0;
padding:0 8px;
min-height:90px;
border:1px solid #4173af;
border-radius:2px
}
.comments .inline-thread .comment-block {
margin-left:45px;
padding:0;
border:0;
min-height:initial
}
.comments .comments-content .comment:hover .comment-block {
border:1px solid 4173af;
-moz-box-shadow:0 1px 3px rgba(58,58,58,0.06),0 1px 2px rgba(54,54,54,0.21);
-webkit-box-shadow:0 1px 3px rgba(58,58,58,0.06),0 1px 2px rgba(54,54,54,0.21);
box-shadow:0 1px 3px rgba(58,58,58,0.06),0 1px 2px rgba(54,54,54,0.21)
}
.comments .comments-content .comment:hover .inline-thread .comment-block {
border:0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none
}
.comments .comments-content .comment-replies {
margin-left:20px;
margin-top:5px
}
.comments .comments-content .comment-header,.comments .comments-content .comment-content {
margin:0 0 8px;
padding-left:58px;
text-align:left;
line-height:1.6em;
}
.comments .comments-content .comment-header {
margin-top:8px;
height:14px
}
.comments .comments-content .inline-thread .comment-header,.comments .comments-content .inline-thread .comment-content {
padding-left:8px;
margin-top:0;
text-align:left;
line-height:1.6em;
}
.comment-actions {
position:absolute;
top:64px;
left:10px;
z-index:2
}
.comments .comment .comment-actions a {
background:#0671A1;
border-radius:4px;
position:relative;
display:block;
padding:2px 7px;
color:white;
top:-1px;
font-family:Arial,Sans-serif;
font-weight:bold;
box-shadow:0 1px 1px rgba(0,0,0,0.4);
text-shadow:0 1px 0 rgba(0,0,0,0.3);
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
-ms-transition:none;
transition:none
}
.comments .comment .comment-actions a:hover {
text-decoration:none;
background-color:#0057ae;
}
.comments .comment .comment-actions a:active {
top:0;
background-color:#0057ae;
}
.comments .comments-content .inline-thread li.comment,.comments .comments-content .inline-thread li.comment:first-child,.comments .comments-content .inline-thread li.comment:last-child {
padding:5px;
border:1px solid #4173af;
margin-bottom:5px;
}
.comments .comments-content .inline-thread {
padding:0
}
.comments .comments-content .comment-thread.inline-thread ol {
padding-top:8px
}
.comments .comments-content .comment-thread.inline-thread ol > div:first-child {
border-left:1px solid #4173af;
padding:10px
}
.comments .comments-content .inline-thread li.comment::before {
content:"";
position:absolute;
width:11px;
height:1px;
background-color:#4173af;
display:block;
left:-12px;
top:12px
}
.comments .comments-content .inline-thread li.comment:last-child {
margin-bottom:0
}
.comments .comments-content .inline-thread li.comment:last-child::after {
content:"";
height:100%;
width:5px;
display:block;
background-color:#FCFCFC;
position:absolute;
top:13px;
left:-13px
}
.comments .thread-toggle.thread-expanded {
position:relative
}
.comments .thread-toggle.thread-expanded::after {
content:"";
display:block;
width:1px;
height:32px;
position:absolute;
background:#4173af;
top:-8px;
left:0
}
.comments .comment .comment-actions .item-control a {
display:none;
background-color:#FCFCFC;
background-position:2px 50%;
background-repeat:no-repeat;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs8GhnFE1Ou49-mkYxSKRTsTV1K54HtAabCkEz7fqjOmCanhZ2vr5NiaPJAhnp2ROYGw-gV1epu9O2RHS-q5-6vUtSab0g0Y0sz23odqWHSAECu27VYMi3Cwf7OLnd9BsMdXTVU5ZySDg/s14/Trash.png);
border:1px solid #4173af;
position:absolute;
left:-10px;
text-indent:-9999px;
padding:0;
width:19px;
height:20px;
top:-42px;
border-radius:2px
}
.comments .comments-content .comment:hover .comment-actions .item-control a {
display:block
}
.comments .comments-content .comment:hover .inline-thread .comment-actions .item-control a {
display:none
}
.comments .comments-content .inline-thread li.comment:hover .comment-actions .item-control a {
display:block
}
.comments .inline-thread .comment .comment-actions .item-control a {
left:-61px;top:-35px
}
#comments h4#comment-post-message {
border-bottom:0;
background-color:transparent;
font-size:130%
}
.comment-form {
max-width:100%
}
.comments .comments-content .icon.blog-author {
display: block;
width: 0;
height: 0;
border: 6px solid transparent;
border-color:transparent #0671A1 #0671A1 transparent;
position: absolute;
right: 0;bottom: 4px;
}
.comments .comments-content .inline-thread .icon.blog-author {
bottom:-9px;
right:-5px;
}
.comments .comments-content .user,.comments .comments-content .datetime {
display:inline-block;
float:left
}
.comments .avatar-image-container img[src="http://img1.blogblog.com/img/anon36.png"] {
content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj66lVeLFHpR4Jm5BSlD7PU3WlnkXcuVJ9IoVF4uF_bj_c9CuSSl2QvzPa0uPf4sg4PkShN0DAN94IB2MQuevys7sSa403ija8dhcdcL20msnsvybgWhZ4AJsTwQFrQWNuL4Y9jtJyHsKae/s70/user-anonymous-icon.png);
}


klik simpan dan lihat hasilnya..
nah mudah bukan sobat cara mengganti penampilan kotak komentar di blogspot
jangan lupa berkunjung lagi di artikel yang lainnya
terimakasih..


Read More --►

buat slide show dengan gadget


wah kali ini saya mau mengeposkan bagaimana membuat slide show sendiri dan mudah dari berbagai foto dulunya kita harus daftar ke web picasa tau yang lainnya, ini hanya cukup dari blog kita sendiri
begini caranya
  • pertama kita siapkan foto yang mau di pasang
  • masuk ke blog  ke laman kosong kemudia upload foto kalian satu persatu tau langsung sekaligus
  • kemudian kita ke tata letak klik tambahkan gadget
  • cari tulisan HTML/Java script klik tanda panahnya
    HTML/JavaScriptHTML/JavaScriptTambahkan
    Tambahkan fungsional pihak ketiga atau kode lainnya ke blog Anda.
    Oleh Blogger 
  • kemudian  copy paste kode html di bawah ini


<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script><script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 200px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 200px;
}
</style>
<div id="content-slider">
<img src="#" />
<img src="#" />
<img src="#" />
<img src="#" />
</div>

  • kembali lagi pada laman yang di upload foto tadi klik kanan 1 per 1 di foto  dan copy image URL 
  • pastekan pada tanda  # atau ganti dengan URL foto kalian tadi
  • setelah itu simpan dan lihat hasilnya
nah mudah bukan cara pasang gadgetnya semoga kalian berhasil juga selamat mencoba

sekian dulunya sampai jumpa di pos lainnya
Read More --►

cara menyatukan garis atau bangun 2 atau lebih menjadi satu bagian dalam word

Salam kenal sobat, izinkan saya berbagi ilmu yang sedikit ini,, cara menggabungkan bangun atau garis 2 atau lebih menjadi satu bagian. Ilmu ini berguna bagi ahli matematika untuk membuat bangun yang diperlukan dari penggabungan. Walaupun ini sangat mudah bagi sobat yang sudah bisa caranya tapi yang belum bisa, juga masih kebingungan karena sepertihalnya saya dulu juga bingung,, dan setelah saya mencobanya ternyata sangat mudah sobat.

Cara menggabungkan beberapa bangun caranya;

  • Buat bangun yang sobat inginkan 2 atau lebih
  • Misalkan persegi panjang dan segitiga
  • Tata bangun tersebut menurut yang diinginkan
  • contonya seperti ini;
  • klik pada bangun pertama kemudian dengan menekan tombol ctrl juga klik bangun kedua (jangan sampai tandanya hilang)
  • setelah itu klik kanan - grouping – group
  • nah kedua bangun akan menyatu walaupun digeser kemana akan tetap satu
bagaimana sobat  mudah bukan, cara membuat beberapa bangun menjadi satu bangian
semoga sukses slalu
Read More --►
Subscribe to: Posts (Atom)