CARA Menghitung Daya Dukung Tanah (DDT)

Menghitung Daya Dukung Tanah (DDT)

Banyak rumus yang dapat dipakai untuk mendisain Pondasi. Pilihan yang dipakai sangat tergantung dari kebiasaan seseorang dalam perencanaan pondasi dan data-data tanah yang tersedia. Kami hanya akan membatasi pada rumus pondasi dangkal dan pondasi dalam tunggal. Kedua jenis pondasi ini sering ditemui di lapangan. 

Peck dkk membedakan pondasi dalam dan pondasi dangkaldari nilai kedalaman (Df/B):

• v Df/B > 4 : Pondasi dalam 
• v Df/B ≤ 1 : Pondasi Dangkal 

Dimana

Df : Nilai Kedalaman Pondasi
B : Lebar Pondasi
1. Menentukan daya dukung pondasi Dangkal

Daya dukung ultimit (ultimit bearing capacity/qult)didefinisikan sebagai beban maksimum per satuan luasdimana tanah masih dapat mendukung beban tanpamengalami keruntuhan. 

- Rumus Terzaghi
(Bila memakai data pengujian Laboratorium)

qult = C.Nc + γb.Nq.Df + 0,5.γb.B.Nγ

dimana :
qult = Daya Dukung Ultimit Pondasi
C = Cohesi Tanah
γb = Berat Volume Tanah
Df = Kedalaman Dasar Pondasi
B = Lebar Pondasi dianggap 1,00 meter

Nc, Nq, Nγ = Faktor daya dukung Terzaghi ditentukan oleh besar sudut geser dalam

Setelah kita mendapatkan nilai daya dukung Ultimit Tanah (qult) , Langkah selanjutnya menghitung daya dukung ijin Tanah yaitu :

q = qult / Sf

dimana :
q = Daya Dukung ijin Tanah
qult = Daya Dukung Tanah Ultimit
Sf = Faktor Keamanan biasanya nilainya diambil 3

Tabel. 2.1.1 Nilai Faktor Daya Dukung Terzaghi
Ф	Nc	Nq	Nγ	Nc'	Nq'	Nγ'
0	5,7	1,0	0,0	5,7	1	0
5	7,3	1,6	0,5	6,7	1,4	0,2
10	9,6	2,7	1,2	8	1,9	0,5
15	12,9	4,4	2,5	9,7	2,7	0,9
20	17,7	7,4	5,0	11,8	3,9	1,7
25	25,1	12,7	9,7	14,8	5,6	3,2
30	37,2	22,5	19,7	19	8,3	5,7
34	52,6	36,5	35,0	23,7	11,7	9
35	57,8	41,4	42,4	25,2	12,6	10,1
40	95,7	81,3	100,4	34,9	20,5	18,8
45	172,3	173,3	297,5	51,2	35,1	37,7
48	258,3	287,9	780,1	66,8	50,5	60,4
50	347,6	415,1	1153,2	81,3	65,6	87,1

-- Rumus Meyerhof 
Bila memakai data pengujian Sondir

qult = qc. B. (1 + D/B). 1/40

Dimana :

qult = Daya Dukung Ultimit Tanah
qC = Nilai Conus
B = Lebar Pondasi (dianggap 1 meter)
D= Kedalaman Dasar Pondasi

Setelah kita mendapatkan nilai daya dukung UltimitTanah (qult) , Langkah selanjutnya menghitung dayadukung ijin tanah yaitu :

q = qult / Sf

dimana :
q = Daya Dukung ijin tanah
qult = Daya Dukung Tanah Ultimit
Sf = Faktor Keamanan biasanya nilainya diambil 3

Daya dukung ijin tanah dapat juga dihitung langsungdengan cara :

q = qc/40 (untuk besaran B sembarang)

dimana :
q = Daya Dukung ijin tanah
qc = Nilai Konus

Menentukan daya dukung pondasi Dalam 

Daya dukung pondasi dalam merupakan penggabungan dua kekuatan daya dukung, yaitu daya dukung ujung (qe) dan daya dukung lekatan (qs)

Rumus Daya Dukung ujung tiang 

P = qc. A/3. + JHF. O /5

dimana :

P = Daya Dukung Tiang
qc = Nilai Konus
A = Luas Penampang Tiang
JHF = Nilai Hambatan Lekat per pias
O = Keliling Tiang
3 & 5 = Koefisien Keamanan

Rumus Daya Dukung ujung tiang metode LCPC, 1991 

qe = qc. Kc. Ap

dimana :
qe = Daya Dukung ujung tiang
qc = Nilai Konus
Kc = Faktor Nilai Konus (lihat tabel 2.2.1)
Ap = Luas penampang ujung tiang

a. Rumus Daya Dukung lekatan (qs)

qs = .JHp. As

dimana :
qs = Daya Dukung lekatan
JHP = Nilai Hambatan Pelekat (dari uji Sondir)
As = Selimut tiang

b. Rumus Daya Dukung Batas dan Daya dukung ijin

qult = qe +.qs

Dimana :
qult = Daya Dukung Tanah Ultimit
qe = Daya Dukung Ujung Tiang
qs = Daya Dukung Lekatan

Setelah kita mendapatkan nilai daya dukung UltimitTanah (qult) , Langkah selanjutnya menghitung dayadukung ijin tanah yaitu :

q = qult / Sf

dimana :
q = Daya Dukung ijin tanah
Sf = Faktor Keamanan biasanya nilainya diambil 3

Cara Membuat Banner Iklan Melayang Di Bawah Blog

Cara Membuat Banner Iklan Melayang Di Bawah Blog

Cara Membuat Iklan Melayang Di Bawah Blog ini disertai dengan tombol Close untuk mempermudah pengunjung ketika ingin menutup iklan tersebut.

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 105px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhb-mua46zLblS8aq2YS6GPEJy7OuWGJNVxg7V05lWulw0A9-oIskTv3Ga8mozpJTBYFquIB_wIX_EvBXka2g6MKa1OI_0o4U_UYpW7_AX0czLO-WCBtQ1geSQxSB5Ymjgxp_WumIfdLM1/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

<a href="http://enoparnoabiezz.blogspot.com/p/mau-iklan-anda-tampil-diblog-ini-yap.html" target="_blank" title="Pasang Iklan Di Sini"><img alt="Space Iklan 728 x 90" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioH_0esD3WaqUCgOT4GCVDli1AJkqFB9_I_D96sacv9007En0TZys1sl-5PtYvJLGJWjSxqp_s3CJIPKRAzdp9zldcE-Xghdk3At5k_7WnPyhbdvFSyuvKy3ZQJ3IHvlFoUn5emS_9aU_w/s1600/pasang+iklan+728x90.gif" /></a>

</center></p>
</p>
</div>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/05/cara-membuat-iklan-melayang-di-bawah.html" target="_blank">Cara Membuat Banner Iklan Melayang Di Bawah Blog</a></small>

Keterangan :

• Ubah ukuran pada script berwarna biru karena kolomnya berdampingan dengan tombol Close, maka tinggi kolomnya harus lebih besar dari tinggi ukuran pada banner/gambar iklan kamu.
• Tombol Close memerlukan space kolom 15px, maka kamu buat kolom dengan ukuran : tinggi banner + 15px.
• Warna kuning adalah URL gambar Close, silahkan kamu ganti dengan selera yang kamu mau.
• Warna merah adalah URL iklan, silahkan kamu ganti dengan selera yang kamu mau.
• Warna orange adalah judul iklan, silahkan kamu ganti dengan selera yang kamu mau.
• Warna hijau adalah ALT gambar iklan, silahkan kamu ganti dengan selera yang kamu mau.
• Warna ungu adalah URL gambar iklan, silahkan kamu ganti dengan selera yang kamu mau.

5. Simpan Pengaturan.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)

Cara Membuat Link di Kolom Komentar

Cara Membuat Link di Kolom Komentar

Cara Membuat Link di Kolom Komentar, di saat anda berkunjung ke blog sobat lain dalam rangka memperbanyak jumlah link (tautan) dan meningkatkan trafik blog anda, anda perlu menyisipkan jejak link anda pada kolom komentar sebuah posting. Tetapi yang paling penting adalah komentar yang anda entry haruslah berhubungan dengan posting yang sedang anda simak. Saya sarankan jangan sembarangan menyisipkan link, apalagi banyak-banyak nanti komentar anda ditolak.

Sebenarnya sederhana saja, anda tinggal menyimpan link dengan menulis kode tag HTML pada kolom komentar, caranya tulis tag alamat dan anchor link blog anda.

Contoh :
<a href="http://nama blog anda.com">Anchor Text</a>, maka hasilnya akan  terlihat seperti ini : Anchor Text

Anda juga dapat menambah efek huruf tebal dengan tag <b> dan </b>.

Contoh :
<b><a href="http://nama blog anda.com">Anchor Text </a></b>, maka akan terlihat seperti ini : Anchor Text

Teks berwarna merah anda gantikan dengan nama blog dan teks anchor blog anda.

Ini hanyalah salah satu tag yang dapat anda manfaatkan sebagai pemanis tampilan, masih banyak variasi tag lainnya yang dapat anda sisipkan pada anchor link anda.

Semoga Cara Membuat Link di Kolom Komentar ini bermanfaat, selamat mencoba.

Cara DESAIN BLOG mengganti tulisan beranda, posting lama, posting lebih baru di blog

Cara mengganti tulisan beranda, posting lama, posting lebih baru di blog dengan kata-kata sendiri atau dengan gambar navigasi halaman.Tulisan tersebut berada di bawah bagian akhir pada saat kita membuka artikel, atau bagian bawah dari daftar posting di halaman awal blog. Untuk blog berbahasa inggris biasanya bertuliskan home, next, previous. Untuk lebih jelasnya lihat gambar dibawah ini.

Tulisan seperti contoh gambar diatas itulah yang akan kita ganti. cara mengganti tulisan beranda, posting lama, posting lebih baru di blog. Ikuti langkah-langkah dibawah ini.

1. Login ke blog, dan pilih pengaturan template.
2. Selanjutnya klik Edit HTML dan cari 3 kode Biru dibawah ini. Gunakan Ctrl F untuk mempermudah Pencarian.
1. expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
Keterangan: Posting Lebih Baru(Previous)

2. expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
Keterangan: Posting lama(Next)

3. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
Keterangan: Beranda(Home)
3. Jika hanya ingin mengganti tulisannya saja dengan kata-kata kita sendiri. maka ganti Format kode diatas menjadi seperti ini.
expr:title='data:olderPageTitle'>Selanjutnya</a>
expr:title='data:newerPageTitle'>Sebelumnya</a>
<a class='home-link' expr:href='data:blog.homepageUrl'>Rumah</a>
4. Ganti kode warna merah dengan kata yang kamu inginkan. Untuk beranda/home ada 2 kode yang sama, ganti kedua2nya. Selanjutnya Preview, jika sudah berubah baru save.
5. Jika ingin mengganti tulisannya dengan gambar, maka tambahkan Url gambar, Contoh:
expr:title='data:newerPageTitle'><img src='http://c.dryicons.com/images/icon_sets/blue_velvet/png/32x32/back.png'/></a>

expr:title='data:olderPageTitle'><img src='http://b.dryicons.com/images/icon_sets/blue_velvet/png/32x32/forward.png'/></a>

<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://c.dryicons.com/images/icon_sets/blue_velvet/png/32x32/home.png'/></a>
6. Kode warna Biru itu URL gambar dengan tambahan formatnya. Beranda/home ada 2 kode yang sama, ganti kedua2nya. Jika sudah, silakan dipreview dulu, klo sudah berubah baru save.
7. Untuk mengganti dengan gambar lain, ganti url gambar, dengan url gambar yang kamu inginkan. Format gambar seperti dibawah ini.
<img src='URL gambar kamu'/></a>
8. Coba cari digoogle gambar, dengan kata kunci icon home. Cari gambar yang ada pilihan ukurannya. Pilih gambar ukuran 32 atau sesuai dengan yang kamu inginkan. Selanjutnya Copy URLnya(klik kanan tepat digambar dan pilih copi URL gambar) dan masukan kodenya di format kode diatas.
9. Salah satu web yang menyediakan icon gambar adalah http://dryicons.com/icon/blue-velvet/home/ silakan dicari gambar yang sesuai dengan yang kamu inginkan.

Silakan dibaca juga cara menghilangkan diberdayakan oleh blogger yang berada dibawah posting blog dan juga fitur-fitur lainnya, seperti navbar, langganan entri atom dan masig banyak lagi. Itulah sedikit cara untuk mendesain blog sendiri menggunakan template asli blogger, yaitu dengan mengganti tulisan beranda, posting lama dan posting lebih baru di blog. Semoga Bermanfaat.

 

 

sumber : http://fandrajuani.blogspot.com/

Cara Menghilangkan Tulisan "Langgan : Entri (Atom)" Di Blog

Cara Menghilangkan Tulisan "Langgan : Entri (Atom)" Di Blog

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :


Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : ]]></b:skin>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.

.feed-links{
display:none;
}
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-menghilangkan-tulisan-langgan.html" target="_blank">Cara Menghilangkan Tulisan "Langgan : Entri (Atom)" Di Blog</a></small>

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)


 BY : http://enoparnoabiezz.blogspot.com

Cara Membuat Link Kembang Api Di Blog

Cara Membuat Link Kembang Api Di Blog

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : a:hover
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di bawahnya.

http://i362.photobucket.com/albums/oo64/abdurrahmanshi/Fireworks.gif
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-membuat-link-kembang-api-di-blog.html" target="_blank">Cara Membuat Link Kembang Api Di Blog</a></small>

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Catatan :

• Saran saya sebaiknya gunakan cara ini dengan background blog/artikel yang berwarna gelap seperti Hitam. jika menggunakan background blog/artikel yang berwarna terang seperti Putih kayaknya kurang bagus deh.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)

Cara desain blog Membuat Tulisan Berjalan Pada Address Bar Di Blog

Cara Membuat Tulisan Berjalan Pada Address Bar Di Blog

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).

<script type='text/javascript'>
//<![CDATA[
msg = " Eno Parno Abiezz --- ";
msg = " | Selamat | Datang | Di | Blog | --- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",100);
}
scrollMSG();
//]]>
</script>
<small><a href="http://enoparnoabiezz.blogspot.com/2012/11/cara-membuat-tulisan-berjalan-di.html" target="_blank">Cara Membuat Tulisan Berjalan Pada Address Bar Di Blog</a></small>

Keterangan :

• Warna merah adalah teks, silahkan kamu ganti dengan selera yang kamu mau.

5. Simpan Pengaturan.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)

Cara desain blog Membuat Efek Hati Bertaburan Pada Kursor Di Blog

Cara Membuat Efek Hati Bertaburan Pada Kursor Di Blog

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).

<script type='text/javascript'>
// <![CDATA[
var colour="#FF0066";
var sparkles=40;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(5, 5);
var rdow=createDiv(5, 5);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*5;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"49px";
div.style.width=width+"50px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/05/cara-membuat-efek-hati-bertaburan-pada.html" target="_blank">Cara Membuat Efek Hati Bertaburan Pada Kursor Di Blog</a></small>

Keterangan :

• var colour="#FF0066"; adalah warna hati bertaburan, silahkan kamu ganti dengan selera yang kamu mau. agar lebih mudah menemukan kode warna yang kamu inginkan : Klik Di Sini

5. Simpan Pengaturan.

Cara desain blog Membuat Headline News Di Blog

Cara Membuat Headline News Di Blog

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : ]]></b:skin>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.

.newspic {background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFpb-fqAqrSz3SI38Vw9wPRXn_c_IgP6otKTVkDJy1Kp4Ou3pOLkSfZfXmXxSI40IeJYpLr5Ar8t54WZuZS8i1Pp8Tebiixfvq_5jYoJ1EasLQSx7D_86st1TiGlnJIlbq21wxWHJ727I/s1600/BRK+NW.png) no-repeat top left;width:1000px;margin:0 auto;padding:0 auto; height:24px;color:#fff;}
.news {width: 1000px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#000000;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}

Keterangan :

• Warna ungu adalah kode warna, silahkan kamu ganti dengan selera yang kamu mau.
• width: 1000px; adalah ukuran lebar, silahkan kamu ganti dengan selera yang kamu mau.

» Cari kode : </head>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.

<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'/>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};
var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>

» Cari kode : <div id='header'> atau kode <div id='header-wrapper'> atau kode <div id='header-outer'>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.

<div class='newspic'>
<div style='float:left;width:1000px;padding:1px 0 6px 130px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://enoparnoabiezz.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-membuat-headline-news-di-blog.html" target="_blank">Cara Membuat Headline News Di Blog</a></small>

Keterangan :

• width: 1000px; adalah ukuran lebar, silahkan kamu ganti dengan selera yang kamu mau.
• Silahkan kamu ganti http://enoparnoabiezz.blogspot.com dengan URL blog kamu sendiri.
• //Show 10 entries, adalah jumlah entri yang akan di tampilkan, silahkan kamu ganti dengan selera yang kamu mau.

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)

Cara desain blog Membuat Kolom Widget Baru Di Bawah Blog

Cara Membuat Kolom Widget Baru Di Bawah Blog

Ada kalanya kamu membutuhkan kolom widget baru untuk blog kamu. yang posisi, ukuran dan jumlahnya sesuai dengan keinginan kamu.
Kali ini saya dapat masalah, yaitu kolom widget pada blog saya tersedia sebanyak 3 kolom. sedangkan saya membutuhkan kolom baru yang menyediakan 2 kolom untuk widget.
Setelah saya cari cara untuk menambahkan kolom widget akhirnya cara tersebut ditemukan.

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : ]]></b:skin>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.

#footer-column-container {clear:both;
}
.footer-column {padding: 10px;
}
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-membuat-kolom-widget-baru-di-bawah.html" target="_blank">Cara Membuat Kolom Widget Baru Di Bawah Blog</a></small>

Lanjut...

Kamu Bisa Menggunakan Cara A Atau Cara B (Pilih Salah Satu Saja) :
   Cara A
» Cari kode : <div id='footer'> atau kode <div id='footer-wrapper'>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di bawahnya.

   Cara B (Cara Alternatif)
» Cari kode : <div id='credits'>
Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atas/di bawahnya (dengan cara ini, kolom widget akan terdapat di bawah footer).

Ingat :
Kamu cukup pilih salah satu kode di bawah ini.

» Satu Kolom Widget :

<div id='footer-column-container'>
<div id='footer2' style='width: 100%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
</div>

Keterangan :

• Warna biru adalah ukuran kolom widget, silahkan kamu ganti dengan selera yang kamu mau.

» Dua Kolom Widget :

<div id='footer-column-container'>
<div id='footer2' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:right;'/>
</div>
</div>

Keterangan :

• Warna biru adalah ukuran kolom widget, silahkan kamu ganti dengan selera yang kamu mau.

» Tiga Kolom Widget :

<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
</div>

Keterangan :

• Warna biru adalah ukuran kolom widget, silahkan kamu ganti dengan selera yang kamu mau.

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)

Cara desain blog Membuat Gambar Postingan Berputar-Putar Di Blog

Cara Membuat Gambar Postingan Berputar-Putar Di Blog

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : ]]></b:skin>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.

.post img{-webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;}
    .post img:hover {-o-transform: scale(1.2) rotate(360deg) translate(0px);
    -moz-transform: scale(1.2) rotate(360deg) translate(0px);
    -webkit-transform: scale(1.2) rotate(360deg) translate(0px);
    -o-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;}
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-membuat-gambar-postingan-berputar.html" target="_blank">Cara Membuat Gambar Postingan Berputar-Putar Di Blog</a></small>

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)

Cara desain blog Membuat Link Bergoyang Di Blog

Cara Membuat Link Bergoyang Di Blog

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : </head>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>
<small><a href="http://enoparnoabiezz.blogspot.com/2013/05/cara-membuat-link-bergoyang-di-blog.html" target="_blank">Cara Membuat Link Bergoyang Di Blog</a></small>

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)

Cara desain blog Membuat Banner Iklan Melayang Di Kiri Dan Kanan Blog

Cara Membuat Banner Iklan Melayang Di Kiri Dan Kanan Blog

Sobat blogger pasti ingin sekali blog sobat blogger ditawarkan pemasangan iklan pada blog sobat blogger. pemasangan iklan pada web/blog dapat mendatangkan keuntungan pada si pemilik blog. oleh karena itu sobat blogger semua mesti membuat blog yang bagus sehingga blog sobat menjadi ramai pengunjung.

Dengan ramainya pengunjung, Insya Allah akan menarik para pemasang iklan yang ingin memasang iklan di blog sobat blogger. saya sarankan agar sobat blogger menyediakan banner iklan melayang di blog sobat yang terletak dikiri dan kanan blog. kelebihan posisi ini adalah ketika halaman blog digulir, maka kotak iklan tersebut terus mengikuti dan akan terus terlihat di halaman blog. sehingga para pemasang iklan tertarik untuk memasang iklan di blog sobat blogger.

Oke saya rasa tidak perlu panjang lebar, ayo di mulai...

Seperti biasa, langkah pertama yang harus kamu lakukan adalah masuk dahulu ke blogger.com menggunakan akun kamu, kemudian.

Ikutilah langkah-langkah di bawah ini :

Ingat : Sebelum kamu mengedit HTML, sebaiknya BACKUP dulu template blog kamu.

1. Klik Template.
2. Klik Edit HTML.
3. Pilih Format Template.
4. Cari Kode (agar lebih mudah mencari kode di kotak template kamu, gunakan tombol ctrl+f » tunggu sebentar » jika berhasil maka akan terlihat Di Dalam Kotak Template Kamu).

» Cari kode : ]]></b:skin>
» Setelah kode tersebut sudah ditemukan, silahkan pasang kode di bawah ini tepat di atasnya.

#adslayoutleft {
position:fixed;
top:5px;
margin-left :-180px;
float:left;
z-index:10;
}
#adslayoutleft .iklankiri {
float:right;
clear:both;
}
#adslayoutleftright {
float:right;
position:fixed;
top:5px;
margin-left:990px;
z-index:10;
}
#adslayoutleftright.iklankanan {
float:left;
clear:both;
}
<small><a href="http://enoparnoabiezz.blogspot.com/2013/06/cara-memasang-banner-iklan-melayang-di.html" target="_blank">Cara Membuat Banner Iklan Melayang Di Kiri Dan Kanan Blog</a></small>

Keterangan :

• kode berwarna biru adalah jarak antara banner iklan dengan halaman blog, kamu bisa sesuaikan dengan template yang kamu gunakan.

5. Sebelum Kamu Klik Simpan Template, sebaiknya kamu klik Pratinjau Template terlebih dahulu untuk memeriksanya.
6. Jika Sudah Oke » Klik Simpan Template.

Lanjut...

Ikutilah langkah-langkah di bawah ini :

1. Klik Tata Letak.
2. Klik Tambah Gadget.
3. Pilih Gadget HTML/Javascript.
4. Kemudian (copy & paste Kode di bawah ini untuk memasukkan widget ini pada blog kamu).

<div id='adslayoutleft'><div class='iklankiri'><a href="Masukkan URL Iklan Kamu Di Sini" target="_blank" title="Masukkan Judul Iklan Kamu Di Sini"><img alt="Masukkan ALT Gambar Iklan Kamu Di Sini" src="Masukkan URL Gambar Iklan Kamu Di Sini" /></a></div></div>
<div id='adslayoutleftright'><div class='iklankanan'><a href="Masukkan URL Iklan Kamu Di Sini" target="_blank" title="Masukkan Judul Iklan Kamu Di Sini"><img alt="Masukkan ALT Gambar Iklan Kamu Di Sini" src="Masukkan URL Gambar Iklan Kamu Di Sini" /></a></div></div>

Keterangan :

• Ikuti perintah Kode yang saya beri warna merah.

5. Simpan Pengaturan.

Selamat Mencoba, Semoga Berhasil & Mudah-Mudahan Bermanfaat :)