Postingan

Menampilkan postingan dengan label CSS

Membuat Banner Iklan Dengan Css

Gambar
Membuat Banner Iklan Dengan Css  - Seperti yang sudah kita tahu bahwa  Banner Iklan  berperilaku seperti poster dan baliho dimana di dalamnya berfungsi untuk memajang beraneka informasi sesuai dengan pihak yang bersangkutan.  Banner iklan bisa sangat mudah kita jumpai di pinggir jalan dan tempat-tempat strategis dengan tujuan agar lebih banyak orang yang melihat dan menjangkau pasar yang luas. Biasanya iklan bertujuan komersil. Banner iklan tidak hanya bisa kita jumpai di pinggir jalan maupun di berbagai perempatan, karena fungsi tersebut kini dapat diterapkan pada website maupun blog untuk menampilkan iklan berupa produk maupun layanan serta informasi. Pada umumnya, situs website yang memiliki pengunjung akan menampilkan banner baik itu berisi iklan produk sendiri maupun produk dari pihak lain dimana situs website tersebut berperan sebgai pemasar saja. Dan pada umumnya, banner biasa dibuat dengan media gambar statis JPG, gambar bergerak GIF dan sering pula menggunakan medi

Scripts PHP - Scripts Css (Cascading Style Sheet)

Gambar
Apa sih CSS...? Css Merupakan  singkatan dari Cascading Style Sheet. CSS salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik. CSS adalah sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996.  CSS digunakan oleh web programmer dan juga blogger untuk menentukan warna, tata letak font, dan semua aspek lain dari presentasi dokumen di situs mereka. Saat ini, hampir tidak ada situs web yang dibangun tanpa kode css. Bagaimana membuat scripts Css..? Pada kesempatan kali ini saya akan membagikan banyak scripts Css untuk kawa-kawan yang ingin mempelajarinya sebagai bahan pembelajaran awal dalam menulis sintak Css.  Untuk lebih mudah dipelajari dan dicoba kawan-kawan dapat mendownload scripts Cssnya palink dibawah. 1. Scripts Css Bab1 [ Download ] 2. Scripts Css Bab 2 [ Download ] 3. Scripts Css Bab 3 [ Download ] 4. Scripts Css Bab 4 [ Download ] 5. S

Mengenal Propeti Link CSS

Link dapat ditampilkan menarik dengan properti   CSS   (warna, background, font-family, dll). a:link - link normal, belum dikunjungi a:visited - link sudah dikunjungi a:hover - link ketika mouse berada diatasnya a:active - link saat diklik atau bisa juga link sedang aktif a:link {color:#FF0000;} a:visited {color:#00FF00;} a:hover {color:#222222;} a:active {color:#CCCCCC;} >>> Properti text-decoration sering juga digunakan untuk menghilangkan garis dibawah link. a:link {color:#FF0000;text-decoration:none;} a:visited {color:#00FF00;text-decoration:none;} a:hover {color:#222222;text-decoration:underline;} a:active {color:#CCCCCC;text-decoration:line-through;} Seperti yang saya katakan diatas, link bisa divariasi menggunakan warna, background, font-size, font family, dll. Tergantung kreatifitas anda.

MEMPERCANTIK POPULAR POSTS WITH CSS (NO THUMBS IMAGE)

Gambar
P ada kesempatan kali ini saya akan memberikan tutorial yaitu cara ' Mempercantik Popular Posts With CSS (No Thumbs Image) '. dimana pada postingan saya yang lalu pernah juga membahas cara ' Mempercantik Popular Posts With Thumbs '. dan ' Mempercantik Popular Posts With Thumbs dan Summary '. Baiklah langsung aj deh,dan berikut contohnya : Jika sobat tertarik mencobanya silahkan ikuti langkah berikut : Seperti biasa terlebih dahulu : Login blogger. Rancangan,  Edit Html , Cari kode  ]]></b:skin> Dan Letakkan kode berikut diatasnya :  /* Grid Populartpost */ #PopularPosts1 ul li a:hover{color:#fff;text-shadow:-1px 1px 0px #000;text-decoration:none} #PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family:Arial, 'Times New Roman', Times, serif; font-size: 13px;font-weight:bold; letter-spacing: normal;margin: 0px 40px 0px 0px;  orphans: 2; padding:0;line-height: 18px; min-he

Kode CSS untuk mematikan fungsi select di postingan

Gambar
Kode CSS untuk mematikan fungsi select di postingan- Ada banyak cara untuk melindungi konten blog kita dari tindakan orang-orang yang suka copy paste,salah satunya dengan mendisable fungsi klik kanan. Untuk mematikan fungsi klik kanan itu pun ada beberapa cara,yaitu dengan menggunakan javascript maupun merubah kode <body>  pada template blog yang kita pakai,sebelumnya sudah pernah saya publikasikan di artikel Cara mudah agar blog tidak bisa di copas. Berikut ini ada tutorial yang sangat sederhana untuk mendisable atau me nonaktifkan fungsi select atau block yang biasa digunakan untuk mengcopy paste. Cara ini sangat simple,karena kita hanya menambah sedikit kode CSS ke dalam template blog yang kita pakai. Caranya adalah sebagai berikut: Silahkan copy kode CSS berikut ini,mohon maaf karena blog ini juga saya matikan fungsi klik kanan-nya,jadi untuk mengcopy text dalam area dibawah caranya dengan klik select all yang ada di dalam kotak lalu tekan tombol CTRL+C pada keyboard .post

How to Add a Shining CSS3 Horizontal Menu For Blogger

Gambar
Horizontal menu best alternative option for labels or sections. The importance of h orizontal menu  including: reducing the space occupied by the  sections/ labels and distort the appearance of blog, coordinate and beautify the style of blog. This widget is designed by CSS3 technology,  And you can add this gadget to your blog with very easy way: Adding the widget to Blogger blog: 1.  Go to  Blogger Dashboard    ?  Layout  ?  click on   "Add a gadget" . 2.   Select  "html/java script"  and add the code given below: <style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip91r_EYE_RtdK1LV0hv4EQhlsB1VMcnuWZxisy94phq3MlDjKCVBt1JxpMHoz2H_EcASD6BMS_beyRijaDAL242JhHNCW_vudDsuYAW8r3IgF8LdviYwc-jmyCmDZTfNVPL3hpI5zg3c/s1600/noop-menu-blogger.png

How to Center Your Post Title in Blogger

Gambar
In this lesson, we will learn center your post title in blogger blog and it is a very easy way, it is code is placed in the CSS in template designer. How to Center Your Post Title in Blogger  1.  Go to  " Blogger Dashboard "  >  " Template "   >  " Customize " 2. Go to "Advanced", then click on "Add CSS" 3. Copy and paste this code  .post-title {  text-align: center;  }  into the "Add CSS" window. 4. Click on " Apply to Blog " and you're done!! I hope this is will be helpful !!!

Add CSS3 Bricks/Box Style Labels To Blogger

Gambar
How To Customize Blogger Labels With CSS3? First we have to edit some settings of our label widget.Save your label widget settings as I have set in below image. 1. Now go to Blogger Dashboard > Template 2. Download a copy of your template 3. Click on Edit HTML 4. Hit Proceed button 5. Check Expand Widget Templates checkbox 6. Find for this tag  in your template  ]]></b:skin> 7. add below CSS code just above it, #textwidget {     color: #666;     font-size: 0.925em;     font-style: italic;     line-height: 1.6em } a.tag {     color: #777;     font: 9px verdana;     text-transform: uppercase;     transition: border-color .218s;     background: #f4f4f4;     background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));     display: inline-block;     text-shadow: 0 1px 0 #fff;     -webkit-transition: border-color .218s;     -moz-transition: border .218s;     -o-transition: border-color .218s;     transition: border-color .218s;     background: #f3f