Tutorial Blog Mas Andes Official - Tips Blogging | Trik Blogger | Tutorial Blogger | Widget Blogger | Blog Design | Taktik SEO (Search Engine Optimization)

Cara Menambah Fitur Slider Pada Blog With CSS3

Fitur Slider Blog With CSS3
Cara Menambah Fitur Slider Pada Blog With CSS3 – untuk menambah kelengkapan fitur pada template blog guna mempercantik tampilan maupun memang suka dengan adanya slider pada sebuah blog, mungkin ini bisa menjadi alternatif dan penerapanya untuk yang membutuhkan apabila ingin lebih mengkreasikan blognya. Slider blog memang banyak dikenal dan tidak jauh dari speed loading, namun hal tersebut bisa teratasi tergantung dari slider yang digunakan. Pada tutorial ini slider hanya berupa sederhana dengan tampilan yang minimalis dan tidak banyak efek digunakan  sehingga akan tetap menjaga speed loading pada template blog yang digunakan. Oleh sebab itu pengguna slider juga tidak perlu khawatir akan terganggu pada loading blognya dengan adanya slider yang menempel pada blognya. Untuk menggunakannya terdapat dua pilihan, pada slider pertama terdapat title di sisi kanan thumbnail sedangkan pada slider kedua tidak terdapat title pada thumbnail. Oke langsung saja untuk penerapannya kedalam blog, maka berikut adalah tutorial Cara Menambah Fitur Slider Pada Blog With CSS3:

1. Login ke akun blogger.
2. Copy kode dibawah ini.
SLIDER 1:
Fitur Slider Pada Blog With CSS3
<style>
#sliderblog{
width:400px;
padding-right:250px;
position:relative;
border:5px solid #ccc;
height:250px;
background:#fff;
}
#sliderblog ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:250px;
}
#sliderblog ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px; 
font-size:12px;
color:#666;
}
#sliderblog ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#sliderblog ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#sliderblog li.ui-tabs-nav-item a{
display:block;
height:60px;
color:#333;  background:#fff;
line-height:20px;
}
#sliderblog li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#sliderblog li.ui-tabs-selected{
background:url('https://lh6.googleusercontent.com/-uOpO6NTQmfY/UdBE9-03EyI/AAAAAAAAFW8/EC_Oo0uo5Pw/w15-h40-no/selected-item.gif') top left no-repeat; 
}
#sliderblog ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}
#sliderblog .ui-tabs-panel{
width:400px; height:250px;
background:#999; position:relative;
}
#sliderblog .ui-tabs-panel .info{
position:absolute;
top:180px; left:0;
height:70px;
background: url('http://3.bp.blogspot.com/-JHSGD8hbhRM/UdBE_ZFRBQI/AAAAAAAAFXI/FLqNf-mkV_I/s2/transparent-bg.png');
}
#sliderblog .info h2{
font-size:18px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#sliderblog .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#sliderblog .info a{
text-decoration:none;
color:#fff;
}
#sliderblog .info a:hover{
text-decoration:underline;
}
#sliderblog .ui-tabs-hide{
display:none;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sliderblog > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>

<div id="sliderblog" >
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="https://lh6.googleusercontent.com/-bIPdwi3XrlA/UdBE8T0it0I/AAAAAAAAFWg/h_8I87bvkf0/w80-h50-no/Faceblog+Evolutions+Small+%25281%2529.jpg" alt="" /><span>Faceblog Evolutions</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="https://lh4.googleusercontent.com/-ECzwUwbbMQI/UdBE85rSZHI/AAAAAAAAFWs/FldJ51JPmUM/w80-h50-no/Faceblog+Evolutions+Small+%25282%2529.jpg" alt="" /><span>Membuat Iklan Seperti Google Adsense</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="https://lh3.googleusercontent.com/-qKBSLR9SE0M/UdBE9F9EErI/AAAAAAAAFW0/Pgp1kOK9OE4/w80-h50-no/Faceblog+Evolutions+Small+%25283%2529.jpg" alt="" /><span>Optimasi Meta Tag SEO Valid HTML5</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="https://lh5.googleusercontent.com/-yNtHpuHkbDo/UdBE9RDT70I/AAAAAAAAFXU/DNNTVLN_8Cg/w80-h50-no/Faceblog+Evolutions+Small+%25284%2529.jpg" alt="" /><span>Membuat Sidebar Blog Efek Ribbon</span></a></li>
</ul>

<div id="fragment-1" class="ui-tabs-panel">
<img src="https://lh5.googleusercontent.com/-60K13dbSF2s/UdBFIF7KDkI/AAAAAAAAFXc/b_oqGCqpKjQ/w400-h250-no/Faceblog+Evolutions+%25281%2529.jpg" alt="" />
<div class="info" >
<h2><a href="http://mas-andes.blogspot.com" >Faceblog Evolutions</a></h2>
<p>http://mas-andes.blogspot.com - Tutorial Blog | SEO | HTML | CSS | jQuery....<a href="http://mas-andes.blogspot.com" >read more</a></p>
</div>
</div>

<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide">
<img src="https://lh6.googleusercontent.com/-0vUvVLE-0Nc/UdBE7rGduoI/AAAAAAAAFWQ/z2QWdP3KiI8/w400-h250-no/Faceblog+Evolutions+%25282%2529.jpg" alt="" />
<div class="info" >
<h2><a href="http://mas-andes.blogspot.com/2013/06/cara-membuat-iklan-seperti-google.html" >Membuat Iklan Seperti Google Adsense</a></h2>
<p>Untuk membuat iklan pada sebuah blog dengan menggunakan gaya yang layaknya seperti Google Adsense....<a href="http://mas-andes.blogspot.com/2013/06/cara-membuat-iklan-seperti-google.html" >read more</a></p>
</div>
</div>

<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide">
<img src="https://lh3.googleusercontent.com/-fJpQsPYzC8E/UdBE7gpoRPI/AAAAAAAAFWU/_a4N1gSmoM8/w400-h250-no/Faceblog+Evolutions+%25283%2529.jpg" alt="" />
<div class="info" >
<h2><a href="http://mas-andes.blogspot.com/2013/06/trik-optimasi-meta-tag-seo-valid-html5.html" >Optimasi Meta Tag SEO Valid HTML5</a></h2>
<p>Dalam sebuah blog fungsi meta tag tentu sangat penting dan diperlukan untuk lebih memaksimalkan potensi SEO....<a href="http://mas-andes.blogspot.com/2013/06/trik-optimasi-meta-tag-seo-valid-html5.html" >read more</a></p>
</div>
</div>

<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide">
<img src="https://lh3.googleusercontent.com/-ict412Z_3_U/UdBE8cgbVgI/AAAAAAAAFWo/lIUC7WdW4mY/w400-h250-no/Faceblog+Evolutions+%25284%2529.jpg" alt="" />
<div class="info" >
<h2><a href="http://mas-andes.blogspot.com/2013/06/membuat-sidebar-blog-dengan-efek-ribbon.html" >Membuat Sidebar Blog Efek Ribbon</a></h2>
<p>Tutorial cara membuat sidebar pada blog anda agar lebih elegant dengan tampilan efek ribbon yang cantik....<a href="http://mas-andes.blogspot.com/2013/06/membuat-sidebar-blog-dengan-efek-ribbon.html" >read more</a></p>
</div>
</div>
</div>
SLIDER 2:
Fitur Slider Pada Blog With CSS3
<style>
#sliderblog{
width:400px;
padding-right:115px;
position:relative;
border:5px solid #ccc;
height:250px;
background:#fff;
}
#sliderblog ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:115px;
}
#sliderblog ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px; 
font-size:12px;
color:#666;
}
#sliderblog ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#sliderblog ul.ui-tabs-nav li span{
font-size:11px; font-family:Verdana;
line-height:18px;
}
#sliderblog li.ui-tabs-nav-item a{
display:block;
height:60px;
color:#333;  background:#fff;
line-height:20px;
}
#sliderblog li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#sliderblog li.ui-tabs-selected{
background:url('https://lh6.googleusercontent.com/-uOpO6NTQmfY/UdBE9-03EyI/AAAAAAAAFW8/EC_Oo0uo5Pw/w15-h40-no/selected-item.gif') top left no-repeat; 
}
#sliderblog ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}
#sliderblog .ui-tabs-panel{
width:400px; height:250px;
background:#999; position:relative;
}
#sliderblog .ui-tabs-panel .info{
position:absolute;
top:180px; left:0;
height:70px;
background: url('http://3.bp.blogspot.com/-JHSGD8hbhRM/UdBE_ZFRBQI/AAAAAAAAFXI/FLqNf-mkV_I/s2/transparent-bg.png');
}
#sliderblog .info h2{
font-size:18px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#sliderblog .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#sliderblog .info a{
text-decoration:none;
color:#fff;
}
#sliderblog .info a:hover{
text-decoration:underline;
}
#sliderblog .ui-tabs-hide{
display:none;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sliderblog > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>

<div id="sliderblog" >
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="https://lh6.googleusercontent.com/-bIPdwi3XrlA/UdBE8T0it0I/AAAAAAAAFWg/h_8I87bvkf0/w80-h50-no/Faceblog+Evolutions+Small+%25281%2529.jpg" alt="" /></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="https://lh4.googleusercontent.com/-ECzwUwbbMQI/UdBE85rSZHI/AAAAAAAAFWs/FldJ51JPmUM/w80-h50-no/Faceblog+Evolutions+Small+%25282%2529.jpg" alt="" /></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="https://lh3.googleusercontent.com/-qKBSLR9SE0M/UdBE9F9EErI/AAAAAAAAFW0/Pgp1kOK9OE4/w80-h50-no/Faceblog+Evolutions+Small+%25283%2529.jpg" alt="" /></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="https://lh5.googleusercontent.com/-yNtHpuHkbDo/UdBE9RDT70I/AAAAAAAAFXU/DNNTVLN_8Cg/w80-h50-no/Faceblog+Evolutions+Small+%25284%2529.jpg" alt="" /></a></li>
</ul>

<div id="fragment-1" class="ui-tabs-panel">
<img src="https://lh5.googleusercontent.com/-60K13dbSF2s/UdBFIF7KDkI/AAAAAAAAFXc/b_oqGCqpKjQ/w400-h250-no/Faceblog+Evolutions+%25281%2529.jpg" alt="" />
<div class="info" >
<h2><a href="http://mas-andes.blogspot.com" >Faceblog Evolutions</a></h2>
<p>http://mas-andes.blogspot.com - Tutorial Blog | SEO | HTML | CSS | jQuery....<a href="http://mas-andes.blogspot.com" >read more</a></p>
</div>
</div>

<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide">
<img src="https://lh6.googleusercontent.com/-0vUvVLE-0Nc/UdBE7rGduoI/AAAAAAAAFWQ/z2QWdP3KiI8/w400-h250-no/Faceblog+Evolutions+%25282%2529.jpg" alt="" />
<div class="info" >
<h2><a href="http://mas-andes.blogspot.com/2013/06/cara-membuat-iklan-seperti-google.html" >Membuat Iklan Seperti Google Adsense</a></h2>
<p>Untuk membuat iklan pada sebuah blog dengan menggunakan gaya yang layaknya seperti Google Adsense....<a href="http://mas-andes.blogspot.com/2013/06/cara-membuat-iklan-seperti-google.html" >read more</a></p>
</div>
</div>

<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide">
<img src="https://lh3.googleusercontent.com/-fJpQsPYzC8E/UdBE7gpoRPI/AAAAAAAAFWU/_a4N1gSmoM8/w400-h250-no/Faceblog+Evolutions+%25283%2529.jpg" alt="" />
<div class="info" >
<h2><a href="http://mas-andes.blogspot.com/2013/06/trik-optimasi-meta-tag-seo-valid-html5.html" >Optimasi Meta Tag SEO Valid HTML5</a></h2>
<p>Dalam sebuah blog fungsi meta tag tentu sangat penting dan diperlukan untuk lebih memaksimalkan potensi SEO....<a href="http://mas-andes.blogspot.com/2013/06/trik-optimasi-meta-tag-seo-valid-html5.html" >read more</a></p>
</div>
</div>

<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide">
<img src="https://lh3.googleusercontent.com/-ict412Z_3_U/UdBE8cgbVgI/AAAAAAAAFWo/lIUC7WdW4mY/w400-h250-no/Faceblog+Evolutions+%25284%2529.jpg" alt="" />
<div class="info" >
<h2><a href="http://mas-andes.blogspot.com/2013/06/membuat-sidebar-blog-dengan-efek-ribbon.html" >Membuat Sidebar Blog Efek Ribbon</a></h2>
<p>Tutorial cara membuat sidebar pada blog anda agar lebih elegant dengan tampilan efek ribbon yang cantik....<a href="http://mas-andes.blogspot.com/2013/06/membuat-sidebar-blog-dengan-efek-ribbon.html" >read more</a></p>
</div>
</div>
</div>
Keterangan:
Untuk width dan height maupun URL gambar silahkan anda sesuikan selera.

3. Selanjutnya klik Tata Letak >> HTML/Javascript lalu paste kode tersebut kemudian Simpan dan lihat hasilnya.

Berlangganan artikel via email

134 Response to "Cara Menambah Fitur Slider Pada Blog With CSS3"

avatar
Anonymous

Horee pertamax lagi hehe... Keren mas Andes Fitur Slider Pada Blog With CSS3nya, mau aku simpen dulu di kulkas boleh kan?

Balas

manta[ nih artikel nya,, saya simpan dulu tutorial nya ya..!!! nanti kalau ada waktu saya akan coba terapkan di blog saya..!!

#salam terhangat dari Misterdhi

Balas

waw,,ane pengen belajar css gan,,tapi ga ada gurunya,,haha :D

Balas
avatar
Anonymous

Wuiih, master kembali dengan fitur slidernya. Memang raja slider sejati. Ciri khasnya dapat, pertahankan dan terus berkarya mas andes. Ane dukung (itupun kalau kuat memanggulnya), hehehe

Balas

Asem...padahal baru kemarin..kulkas mas Anthonie ngomongnya udh di jual...

kulkas baru ya.... :)

Balas

ini persis slider yg di pake mas Andes ya...
kalo buat pengaruh loading jd berat kayaknya ga mungkin deh..

kan kode2 nya ikut program diet semuanya...hehe :)

Balas

secara garis besar nya keren mas..tutornya
kapan ya saya bisa pinter kayak mas Andes... :)

Balas

izin minyak mas bro, mga brguna buat sy kdpanx. Coz sy pke WP. Tutor blogspot mkin maju bda ma WP mkin hri mkin tngglam cma bsa ngandelin plugin n widget.
By. ohawho.com

Balas

ini buat kesemua blog apa cuma widget tertentu aja mas

Balas

beli kulkas baru tuh

Balas

mas budi ikutan program diet juga gak

Balas

iya ya,,yuk berguru sama mas andes

Balas

cara buat widget follower di postingan gmn ya>?? hihihi

Balas

freonnya kebanyakan jadi mbledug

Balas

aduh saya ampun aja deh kalau dengan kulupan css dan gorengan java scrip maupun php

Balas

kalau mau pintar kayak mas andes gampang mas bud .. tinggal kasihin aja semua isi dalam kulkas .. hehehe

Balas

mas bud..mas bud ada2 aja wkwkwkwkwkwk

Balas

Hmmmm makasih, dr kemaren sepertinya share2 terus.. semoga diberi kesehatan ya... biar kita2 tidak bingung kalo butuh tips2 seputar css..

Balas

nyekmett ikkk.. di masukin kulkas doang campurin sama sayuran *jahaha

Balas

iya bang di masukin kulkas yang dingin yaa.. biar awet tentunya

Balas

nyobain pake aksara jawa belom bisa mas

Balas

guru jangan dicari mas, tapi jadilah guru sendiri :)

Balas

saya bukan master maupun raja mas, tapi masih newbie juga :)
terimakasih mas nova supportnya

Balas

wah kalau diet
banyak yang kegaet
karna langsing jadi kaget

Balas

kebanyakan nonton iklan tri nih, jadinya gitu :) hoho

Balas

saya gak pinter seperti dukun2 yang lain mas bud, cuma sekedar berbagi aja :)

Balas

ntar malam jam sembilan lebih 6 menit
aku mau coba pasang slite
kayaknya dilihat tampak genit

Balas

saya juga ingin dan berminat bikin tutor WP bang jeck tapi sampe sekarang belom buat akun WPnya :) semoga tutor WP juga terupdate selalu

Balas

asalkan widget HTML/Javascript pasti bisa mas, gak tau kalo widget tertentu :) belom pernah nyoba juga *hehe

Balas

mau buat apa widget follower ditaruh postingan mas :)

Balas

saya khilaf mas agus :)

Balas

aminn,, terimakasih bang ancis doa serta supportnya. semoga kita semua juga diberi kesehatan :)

Balas

ntar malam jam sembilan lebih 7 menit
aku juga mau coba ngintip
kayaknya dilihat tampak sempit (lubang yang buat ngintip)

#jangan ngeres jangan protes jangan dipikir

Balas

seberaapa efektif slide show mas Andes Rizky Nugroho? #terkadang_lemot

Balas

tidak ada nilai angka untuk menjawab kata seberapa, saya hanya bisa memperhatikan. apakah semua slide show sama?

Balas

mumet dan njlimet, khilaf aja saktinya minta ampun apalagi normal malah josss tenan

Balas
avatar
Anonymous

bagus gan..
ini memberatkan blog engga gan??

Balas

keren sih.. saya utak atik sampe puyeng -__- .

Balas

ngomong2 makin keren aja nih blog'nya mas Andes.. hehehe..

Balas

Nanti gan ane praktekin kalo punya blog gallery .

Balas
avatar
Anonymous

ijin nyoba dulu mas :) siapa tau cocok ..hehehe

Balas

wah..lama g muncul BW blog mas andes tambah rame aja.

Balas

keren tuh mas..makasih ilmunya,,semoga bermanfaat untuk semua

Balas

Saya beliin kulkas tingkat tiga biar muat segala macem dan anti mbledug, garansi hehehe....

Balas

biar lebih awet masukkin freezer aja mas hehe...

Balas

Iya mas Babol kemana aja nih... habis betapa yah hehe...

Balas

Tenang mas siapasihh... nanti kalo nggak cocok bisa tuker kok maksimal 2 minggu bonnya jangan dibuang yah hehe...

Balas

Ati-ati mbak Anisa nanti jam sembilan lebih 7 menit bapaknya suruh nunggu didepan yah... hehe...

Balas

Nah ini kelebihannya mas Andes mas... udah sakti tetep aja merendah hehe... patut dicontoh nih :)

Balas

caranya sangat simple tanpa masuk ke HTML template.

Balas
avatar
Anonymous

mantep bngeetz nich info'y mkch dach

Balas

huehehehe :D ada2 aja kang :p

Balas

keren sob pake css
jadi gak begitu berat

Balas

yang tingkat tiga itu khusus untuk menyimpan kode css

Balas

saya datang membawa gorengan aja lah mas,

Balas

coba pake tulisan cina jepang yunani arab ibrani

Balas

makasih gan tutorialnya kapan bisa di coba nich

Balas
avatar
Anonymous

wah artikel yang berguna gan buat ane :) nice share dah..

Balas

terima kasih infonya,,dapat pelajaran baru lagi :)

Balas
avatar
Anonymous

memang keren kalo blog ada slidernya hehe

Balas
avatar
Anonymous

mantap tutorialnya bang
komen back

Balas
avatar
Anonymous

bikin berat nggak nih ?

Balas

ini memang sangat bagus sekali sobat, sepertinya untuk blog tdk berpengaruh terhadap loading.
ijin simpan dulu sobat
terima kasih banyak sudah berbagi tutorial

Balas
avatar
Anonymous

saya mintak mas..dikasih gak

Balas

betul mas andes selalu membawakan tutorial yang simpel dan mudah

Balas

Terus terang mas, saya masih cekak kalau suruh utak atik sendiri pakai CSS beginian, lha wong saya ngetiknya saja masih pakai sebelas jari heheheh.., terima kasih Mas telah berbagi..

Balas

Sama-sama pak, asyik dapat bonus ikan..:)

Balas

Kalau keberatan harus diet dulu, heheheh..:)

Balas

Okey saya akan back komen..:)

Balas

Apalagi ada bioskopnya..

Balas

Jangan lupa PR nya dikerjakan lho, karena besok dikumpulin..:)

Balas

Besok lebaran juga bisa, heheehh..:)

Balas

Nggak, itu kan buat saya gorengannya ..:)

Balas

mas boku.. ngerendah nih...orang kemarin lagi ngetik saya liat pake celana kok...hehe

piss mas.. :)

Balas

saya ikut ketok palu..mas Anth... :)

Balas

Iya mas ada remotenya juga kok hehe...

Balas

terus kemane mas?

Balas

lha pakunya mana mas?

Balas

Pasti habis ditaruh di kulkas yah mas bud...

Balas

ok mas :D
berarti ane tinggal nyari murid yg bisa ngajarin ane,,hahaha :D

Balas

baterai remote nya yang tiga atau yang dua mas

Balas

wajan gitu maksudnya

Balas
avatar
Anonymous

kunjungan pagi menjelang sian mas :D

Balas

Mas andes emang pinter ..mas mau nanya..kok OPEN ID saya tidak bisa digunakan lagi padahal sudah saya pasang..gimana ya ada tulisan gini

Kredensial OpenID Anda tidak dapat diverifikasi

Balas
avatar
Anonymous

keren sob info dan tutornya, bener2 cantik ya jadinya, bisa gunta ganti gitu

Balas
avatar
Anonymous

wew css3, mudah dipahami nih tutornya makasih gan :D

Balas

@Boku ok siap, tapi minta uang sakunya dulu ya :D

Balas
avatar
Anonymous

Tumben nih adminnya nggak nongol pasti lagi bertapa mencari ilham baru yah hehe....

Balas

batre 3 ,bisa di cas ulang,,hihi

Balas

pake megjijer kalo mau angetin lagi

Balas

kalo bahassa sangsekerta gimana?

Balas

ya sama sama belajar dan berbagi itu yang leih baik ya mas

Balas

kok iklan tree? hubungan nya?

Balas

seperti ilmu padi ya semakin berisi semakin merunduk,, keren neh prinsip nya

Balas

oke nanti coba aku pelajari, mksh ya sharing nya

Balas

iya mas, buat follower blog di postingan atau di menu, jadi lumayan bisa ngirit widget,,hehe

Balas

mas andes itu belajar apa dulu nya sekolah dapet pembelajaran seperti itu, kok jos banget ilmunya

Balas

kenpa mesti jam 9 yah???

Balas

buat saya juga,amien

Balas

sama sama mbak sheva,,hihi

Balas

panci sutil juga dong? mau dagang mas?

Balas

saya akan back juga ,hihi :)

Balas

Sory mas bro baru bisa berkunjung lagi nih,maklum banyak kerjaan di DUTA hehe,
Succes selalu dech buat mas bro ,,,

Balas

gila... mantaf amir ni blog...


artikel serba bermanfa'at juga..

salam kenal aja mas broo :D

Balas

mas andes dimana ni gak jawab pertanyaanku

Balas

Jgn lupa belajar besok ulangan mas Riz... :)

Balas

Magic jernya kan sumbu nya dah pada protol mas Riz...hehe :)

Balas

Arus pendek mas Riz... :)

Balas

Biasanya kang Dede..yg paling rajin ngantongin paku di saku nya mas..hehe :)

Balas

Om ilham nya lagi beli kerak telor kan mas...hehe

Balas

mantabb slidernyaa

Kunjungan rutin nihh sob, jangan lupa berkunjung juga diblog saya..

Balas

Oh pantesan lama ditungguin gak dateng-dateng tuh si ilham hehe...

Balas

ditunggu aja mas entar juga nongol kalo udah dateng ilhamnya hehe...

Balas

@ALL : Ente semua pada ngaco..!!! :D masa iya tutorial kaya gini disimpen di kulkas lah, freezer lah, bahkan magic jer. padahal kan seharusnya disimpen di toples..!!! wkkk :)

Balas

nyerah aku kalo membahas CSS.. bolak balik belajar tapi belum bisa memahami... aku memang katrok ya :-)

Balas
avatar
Anonymous

keren mas, tapi gak cocok diblog gw.
visit me back ya..

Balas

Kunjungan sore Mas Andes..., nglihatin slider..

Balas

Sebentar lagi jam segini masih tarawehan mas bro,,,,

Balas

jangan hanya dilihatin donk mas Boku,tapi dicicipi juga hahaha

Balas

Gan??? berhasil mantabs...! hehe, tapi kalo pengen navigatornya dibawah atau di sisi kanan dan kiri gambar gimana caranya gan?? makasih banget bantuannya...

Balas

wow...keren slidernya Kang :) izin nyoba :)

Balas

nice bro
visit blog ane jg yaa

Balas

mantap tutorialnya gan.trims ya..ane langsung coba di www.sulawesi-store.blogspot.com
trims tutorial gan...sukses untuk blognya

Balas

</> wah Mbak Anisa Juga Hadir mau dipasang juga ya mbak blog,y hehehee buat Mas Andes Mantap deh

Balas

cara merubahnya jadi reccent post gimana mas?
saya mau coba di http://www.venjent.cf

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Cara Menambah Fitur Slider Pada Blog With CSS3" ini bermanfaat, share ke jejaring sosial.
Konversi Kode