Terbaru

Halo sobat beginerblog pada postingan saya kali ini saya ingin menshare cara mudah untuk membuat Desain Daftar Harga Dengan PHOTOSHOP....,ya siapa tahu aja ada yang mau buka restoran bintang Lima.....,
langsung saja ya...,agar tidak bosan mendengar celotehan saya.......
berikut tutorialnya.....
Langkah yang pertama yaitu bukalah Adobe Photoshop Kesayangan sobat.....,kalau kesayangan saya sch adobe Photoshop 7.0 ( ya alasannaya karena itu yang saya punya )hehehehe
lalu pilihlah ukuran kertas/kanvas yang Custom lalu pilihlah ukuran 700 X 768 (kurang lebih )


 lalu yang selanjutnya masukan gambar /background yang ingin sobat gunakan....,tapi usahakanlah yang polos ya ...,jangan yang mengerikan hehehehe.....


Oh iya lupa saya sampaikan...,kalau setelah membuat kanvas/ kertas baru jangan lupa di duplikat ya[Layer => duplikat layer].....,agar tidak kacau nantinya....
Lanjut pada langkah berikutnya yaitu.....
pilihlah seleksi gamabar semuanya.....dengan menekan [ctrl + a] untuk memilih seluruh isi kontent......
dan drag lah gambar tersebut denan tool yang ada pada sebelah kiri ( tepatnya dibawah icon mata)
dan drop pada kertas yang telah kita pilih ukurannya sebelumnya.......
setelah itu tulislah daftar menu yang sobat inginnkan,,,,,,,,,,
kalau saya menggunakan Model huruf "Old English Text MT" karena menurut saya model tulisan ini terlihat sangat mewah bagi saya.....dan gantilah warna sesuai degnan keinginan sobat ,asalkan jangan memilih warna sama dengan backround [takutnya tidak terlihat tulisannya]


















Mungkin hanya itu yang dapat saya bagikan kepada pembaca setia beginerblog dan semoga dapat bermanfaat
Salam blogger
Powered by : blogspot.com
Salam Blogger Indonesia...

Sekilas Info : Makanan Paling Sehat Untuk Otak Anak Anda
                   : Fakta Unik Tentang Hilangnya Kota Di Segitiga Bermuda  
                   : Ular dengan Ukuran Paling Besar DI Dunia    
                   : Binatang Paling Lama Mati

Kali ini saya akan membahas bagaimana cara membuat daftar Isi dengan jQuery Accordion. Berbeda dengan daftar isi manual dan daftar isi otomatis yang sebelumnya pernah saya bahas kali berbeda baik dari segi penampilan maupun desainnya.

Baca juga:

• Cara Membuat Daftar Artikel Sederhana
• Cara membuat daftar isi lengkap yang otomatis pada blog
• Blockqoute Untuk Source Code atau Syntax Highlighter di Blog
• 7 Alat Canggih Doraemon yang Telah Berhasil Dibuat Manusia

Jika sobat berminat memasang Daftar Isi Dengan jQuery Accordion ikuti langkah berikut ini

1. Login ke blogger atau klik disini
2. Pilih templaate >> Edit Html >> Lanjutkan
3. Centang Expand widget template
4. Copy script di bawah ini dan letakkan di atas code ]]></b:skin>

#dafis-acc{

font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#333;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg32KMo8Cfl0VUxeWGMk6FmlPpS_VrXBiPPKaZ5TSeohtjAp5t2OvzcONlJcyYRFuDgBcsjwhbsQ3ErsI7VJl74nxPQSoGPvJKkF_ABMnBPn2kBcSfnBQqdtyu6GkCOW-6nctgV25iT8XA/d/bg5.gif) repeat-y scroll left center #E7F7FB;

padding:2px 0;

border:1px solid #339DC6;

}

.dafis-label{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0X8oPYy4GHC_8gzyiiR3bzTVWpQ_tvYPmqFJKB916QRuhF_o2u4yAQ_k3iHZf_SLp75j9qeJ2uR9po1VfRcyt0DLHLr8fZcdhMWNNz4uLomzE_NIHkpx4xPXsrpk13PgCAad5_V-l9q0/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB;

font-weight:bold;

line-height:1.4em;

overflow:hidden;

white-space:nowrap;

vertical-align: baseline;

margin: 1px 3px;

outline: none;

cursor: pointer;

text-decoration: none;

padding: 2px 10px;

color: #fff;

text-shadow: 0 1px 1px rgba(0,0,0,.3);

border:1px solid #2F94BA;

}

.dafis-label:hover{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFU5g5oS2JXWTlWt9ZJntaiibbfyMBqqrRderlXTRm5IypaKR5AloYoWmnukAANqHhuugEqs7qyLypMR-2M8ZyUgsr8HMAZndxKZXUGwTuV2weT3utnCpytWLV_Nl9347KHfZviqnbsn0/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB;

color:#003366;
}
.dafis-daf ol{
margin:0 0 0 30px !important;
padding:0 !important;
}
.dafis-daf ol li{
background-color:#C9E9F4;
line-height:1.5em;
margin:1px 3px !important;
white-space:nowrap;
text-align:left;
border:1px solid #339DC6;
}
.dafis-daf ol li a{
text-decoration: none !important;
color:#333 !important;
display:block;
padding-left:10px;
}
.dafis-daf ol li a:hover{
background: #7BC4DF;
border-left: 5px #333 solid;
padding-left: 5px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

5.Klik simpan template
6. Cari code </head> dan letakkan code di bawah ini di atas code </head>

7.Buatlah sebuah postingan blog dengan judul terserah sobat (misalnya: cara membuat spoiler show hide pada blog)
8. Selanjutnya masukkan code di bawah ini pada postingan dalam metode edit Html

<script type="text/javascript" src="https://sites.google.com/site/bangkolis/javascript/daftarisimaskolis.js"></script> <script src="<span style="color: #990000;">http://junedalbughisy.blogspot.com/</span>feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Catatan:

• Tulisan yang berwarna biru silahkan sobat ganti dengan url blog sobat