Menghilangkan Border Image atau Garis Pinggir Gambar

Garis pada pinggir gambar biasanya muncul karena pengaturan border image posting di template anda belum dihilangkan. Border image atau garis tepi gambar biasanya membuat gambar menjadi tidak ekspresif sehingga kurang memberikan tampilan yang menawan. Beberapa orang mungkin terganggu atau tidak nyaman melihat gambar pada posting mereka memiliki border atau garis tepi. Itu sebabnya garis tepi tersebut sering dihilangkan. Untuk menghilangkan garis tepi tersebut tidak sulit, mudah saja kok. Ikuti caranya berikut ini: Apa itu Harlem Shake

1. Login ke Blogger
2. Masuk ke Rancangan --> Edit HTML
3. Cari kode berikut ini:

.post-body img

4. Setelah ketemu, lihat kode tersebut, biasanya diikuti dengan kode seperti dibawah ini:

.post-body img{border:1px solid #ccc;margin:5px}

5. Ganti border anda menjadi 0 (warna merah)
6. Simpan template anda lalu lihat hasilnya.

Hilang sudah seluruh border gambar anda yang menggangu itu. Sekarang pasti lebih menyenangkan jika melihat posting artikel kita tanpa border gambar. Jika artikel ini bermanfaat silahkan berikan komentar anda.....selamat mencobanya.....

Gambar

Aplikasi Android Album Web Picasa Bisa Membuat Album Foto Hilang Selamanya

Tema diatas hanya sekedar ingin sharing aja pengalaman beberapa user yang menggunakan aplikasi Web Picasa pada hape android mereka. Saya kebetulan menulis artikel ini setelah membaca forum diskusi pada Picasa Discussions. Pengalaman teman kita ini mungkin bisa terjadi pada diri kita sendiri jadi setidaknya kita membaca untuk mengetahui pengalaman yang dia pernah alami. Kebetulan teman kita ini menggunakan aplikasi android album web picasa, dan secara tidak sengaja menghapus foto pada album tersebut. Nah ingin tahu ceritanya, berikut ini adalah pertanyaan serta jawaban teman kita pada forum diskusi di situs Picasa.

Pertanyaan: Samish
Saya menggunakan hp android. Nah kebetulan karena ingin menjaga privasi saya hapus album foto pada hp android saya. Setelah saya cek foto album picasa saya diweb ternyata telah tiada. saya tidak tau kalau album foto dari picasa sinkron dengan hp android. Saya ingin merecover kembali foto yang hilang, bisakah anda membantu...

Jawaban: Phil KL
Maaf, album yang telah anda hapus telah hilang dan tidak dapat kami kembalikan. Saya sarankan anda menggunakan Google Docs sebagai penyimpanan foto off-site. Picasa Web hanya untuk akses cepat dan berbagi foto. Tapi untuk foto milik anda yang berharga sebaiknya disimpan pada Google Docs karena masih bisa direstore jika hilang

Bagaimana dengan cerita diatas mungkin ini bisa menjadi pelajaran buat kita semua. Yah memang album picasa itu hanya tempat berbagi gambar aja. Misalnya anda memiliki foto yang ingin dipamerkan aja, namun jika foto-foto penting seperti foto kenangan, foto bisnis, dan lain sebagainya perlu disimpan ditempat yang aman atau dibuat backupnya. Selain itu anda bisa simpan di Google Docs (https://docs.google.com) karena masih bisa di recover atau direstore. Oke sekian dulu info dari saya, semoga bermanfaat.

Gambar

Cara Recover atau Restore Delete Foto Anda dari Album Picasa

Sobat blog tau tidak, kemana foto yang anda upload di blog disimpan. Jika anda belum tau, foto album tersebut akan tersimpan pada Album Web Picasa. Kalau ingin berkunjung untuk melihat album web foto dari blog anda silahkan klik link ini: https://picasaweb.google.com. Kebetulan saya memposting artikel ini supaya memberikan informasi kepada teman-teman untuk sekedar berbagi pengalaman. Jika mempunyai beberapa blog dan anda sering mengupload foto ke blog anda maka foto-foto tersebut akan tersimpan pada album web picasa di beberapa folder terpisah. Nah permasalahannya jika secara tidak sengaja anda menghapus album web blog anda, maka foto2 anda akan hilang pada blog. Saya pernah mengalami hal ini, sehingga beberapa foto saya tidak muncul diblog. Kemudian saya mencoba mencari informasi di Google bagaimana merecover album saya yang terhapus. Hasilnya ada beberapa orang yang memiliki masalah seperti saya. Mereka juga secara tidak sengaja menghapus album foto mereka namun bingung bagaimana merecover kembali. Pertanyaan ini ditulis pada halaman diskusi di situs picasa. Setelah membaca beberapa beberapa artikel berbahasa inggris pertanyaan dan jawabannya seperti ini:

Pertanyaan: Kaitlynruth
Saya telah kehilangan album foto bisnis dan personal pada blog saya karena menghapus album foto pada Web Picasa. Apa ada sesuatu yang saya bisa lakukan untuk memperoleh foto saya kembali?

Jawaban: Phil KL
Maaf album yang telah anda hapus dari picasa tidak bisa direcover atau direstore. Solusi yang anda bisa lakukan adalah mengupload ulang foto backup anda dari komputer.

Nah bagaimana dengan jawaban diatas mudah-mudahan bisa membantu pertanyaan yang ada dibenak anda. Saya sengaja membuat judul seperti diatas untuk memudahkan pencarian pertanyaan anda di Google. Jadi jangan pernah menghapus foto anda dari web album picasa. Itu sama saja dengan menghapus foto pada blog anda. Oke deh semoga artikel ini bermanfaat.

Gambar , Informasi

Cara Memasang Favicon dari Blogger Blogspot

Favicon merupakan kependekan dari “Favorite Icon “, adalah sebuah ikon berupa gambar kecil (biasanya berukuran 16 x 16 piksel, yang diasosiasikan dengan logo sebuah situs atau blog dan akan muncul pada bagian browser atau bagian bookmark. Favicon dimaksudkan untuk memudahkan mengidentifikasi sebuah situs atau blog. Memasang dan menambahkan favicon di blog akan menjadikan blog kita tampak personal dan khas. Untuk membuatnya anda tidak perlu mencari jauh-jauh karena blogger telah menambah fasilitas favicon langsung dari situsnya sendiri. Untuk membuatnya ikuti tutorial berikut:

Mengubah Ukuran Favicon
1. Ukuran favicon harus diubah menjadi 16 x 16 pikel, anda dapat mengubah ukurannya dengan menggunakan aplikasi Photoshop, CoreDrwaw atau aplikasi gambar lainnya
2. Anda dapat mengubah ukuran gambar melalui situs online di: picresize.com dan resize2mail.com

Memasang Favicon di Blog
1. Login ke Blogger
2. Pilih Rancangan--> Elemen Halaman
3. Dibawahnya ada tulisan Favicon, Klik link Edit

4. Selanjutnya akan muncul jendela baru
5. Browse gambar yang ingin ditampilkan
5. Lalu Simpan gambar tersebut.

Mudahkan membuat favicon di blogger, jadi anda tidak perlu mengotak-atik template. Semoga artikel ini bermanfaat!

Gambar

Cara Membuat Related Post dengan Thumbnails

Trik dan tips kali ini akan membahas cara membuat related post dengan thumbnails. Related Post atau Artikel Terkait digolongkan berdasarkan jenis kategori atau label pada posting kita. Artikel terkait ini akan kita letakan dibawah posting. Artikel Terkait juga akan disertai Thumbnails horizontal dan Judul Blog. Fungsi dari related post yaitu menyajikan informasi lain yang berkaitan dengan artikel yang kita baca. Saya kebetulan memperoleh widget ini dari situs Indahnya Berbagi. Jika ingin membuatnya langsung saja menuju TKP:

1. Masuk ke Rancangan ---> Klik Edit HTML
2. Centang Expand Template Widget
3. Paste kode dibawah ini diatas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.2em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/relatedpostwiththumbnails.js.js' type='text/javascript'/>
</b:if>

4. Cari salah satu kode berikut ini:
<div class='post-footer-line post-footer-line-3'>
atau <p class='post-footer-line post-footer-line-3'>
5. Setelah itu letakan kode dibawah ini, dibawah salah satu kode langkah ke.4

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://amatulla83.blogspot.com' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;Related Posts&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

6. Terakhir simpan template anda.

Semoga artikel ini bermanfaat!

Gambar , Posting , Tips dan Triks , Widget

Gambar Desain Rumah Modern Dan Minimalis

Gambar Desain Rumah Modern Dan Minimalis - Seiring dengan perkembangan Arsitektur modern, kian hari rumah minimalis atau rumah dengan desain minimalis semakin banyak peminatnya. Hal ini dikarenakan desain rumah minimalis modern merupakan desain rumah yang mengacu kepada kepraktisan, fungsi multiguna, pemanfaatan lahan / ruang secara cerdik dengan menggunakan bahan minimalis namun tetap menarik dipandang mata.

Dapat dikatakan bahwa desain rumah minimalis merupakan rumah dengan gaya arsitektur yang tetap menampilkan elemen-elemen seperlunya, sesimpel mungkin namun tetap tampak elegan (lengkapnya baca : Gambar Rumah Minimalis).

Nah buat yang sedang mencari cari desain rumah minimalis berikut ini bisa dilihat beberapa contoh rumah rumah minimalis

GAMBAR DESAIN RUMAH MINIMALIS MODERN

Itulah info mengenai gambar desain rumah minimalis modern lengkap dengan gambarnya. Mudah2an aja buat yang sedang mencari ide seputar desain rumah minimalis dapat ketemu disini. info lain : Cara mengecilkan perut buncit yang bisa di cros check dengan cara menurunkan berat badan.

Gambar , Rumah Minimalis

Kumpulan Gambar Animasi Bergerak

Kumpulan Gambar Animasi Bergerak, Gambar Animasi - Kumpulan Gambar Animasi bergerak ini berisikan Gambar-gambar animasi lucu dan gambar.gif yang biasanya suka digunakan pada presentasi menggunakan power point. Dengan menggunakan gambar bergerak atau gambar animasi tampilan presentasi jadi menarik, namun kalau terlalau banyak menggunakan gambar animasi hasilnya malah jadi berat ^_^

Gambar Animasi bisa sobat temukan dengan cara googling melalui internet, namun semoga apa yang sobat temukan disini dapat mewakili sehingga tidak perlu mencari lagi gambar animasi lainnya :)

KUMPULAN GAMBAR ANIMASI BERGERAK

Gambar Animasi yang lagi apes ..xixixixi

Gambar Animasi bergerak yang keren. Next time, kalo ada waktu akan di update lagi nich kumpulan gambar animasi bergeraknya :) Namun gimana kalau sobat baca info keren dari 4shared.com, soal ujian nasional 2012 atau download IDM Terbaru

Animasi , Animasi Bergerak , Gambar , Gambar Animasi , Joke

Thumbnail Gallery dengan efek JQuery pada Heading dan Caption

Untuk membuat blog anda lebih creative maka anda perlu membuat sesuatu yang berbeda. Kali ini Blog Trik dan Tips akan memberikan trik untuk membuat Thumbnail Gallery dengan efek JQuery pada bagian heading dan caption. Thumbnail Gallery menampilkan efek heading serta caption apabila cursor mouse anda berada diatas gambar. Untuk membuatnya sangat mudah. Ikuti saja langkah berikut ini:

1. Login ke blogger
2. Klik Rancangan -- Edit HTML
3. Centang Expand template widget
4. Masukan script berikut ini sebelum code </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>$(document).ready(function () {

// transition effect
style = 'easeOutQuart';

// if the mouse hover the image
$('.photo').hover(
function() {
//display heading and caption
$(this).children('div:first').stop(false,true).animate({top:0},{duration:200, easing: style});
$(this).children('div:last').stop(false,true).animate({bottom:0},{duration:200, easing: style});
},

function() {
//hide heading and caption
$(this).children('div:first').stop(false,true).animate({top:-50},{duration:200, easing: style});
$(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:200, easing: style});
}
);

});</script>

5. Masukan kode CSS berikut sebelum ]]></b:skin>

<!--Jquery-Thumbnail-www.blogtrikdantips.blogspot.com-BEGIN-->
.photo {
/* relative position, so that objects in it can be positioned inside this container */
position:relative;
font-family:arial;
/* hide those extra height that goes beyong the size of this container */
overflow:hidden;
border:5px solid #000;
width:350px;
height:186px;
}
.photo .heading, .photo .caption {
/* position inside the container */
position:absolute;
background:#000;
height:50px;
width:350px;
/* transparency for different browsers */
/* i have shared this in my CSS tips post too */
opacity:0.6;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;

}
.photo .heading {
/* hide it with negative value */
/* it's the height of heading class */
top:-50px;
}

.photo .caption {
/* hide it with negative value */
/* it's the height of bottom class */
bottom:-50px;
}

/* styling of the classes*/
.photo .heading span {

color:#26c3e5;
top:-50px;
font-weight:bold;
display:block;
padding:5px 0 0 10px;
}
.photo .caption span{
color:#999;
font-size:12px;
display:block;
padding:5px 10px 0 10px;
}
<!--Jquery-Thumbnail-http://blogtrikdantips.blogspot.com-END-->

6. Simpan template sobat
7. Masuk ke Rancangan -- Elemen Laman. Kemudian tambahkan gadjet lalu pilih HTML Javascript. Masukan kode dibawah ini:

<div class="photo">
<div class="heading"><span>Judul Thumbnail Gallery</span></div>
<img src="http://4.bp.blogspot.com/_kmq5S6nnKMQ/SlX3s-xJYOI/AAAAAAAAAV8/cEOKCUQoyL4/s200/konversi.jpg" width="340px" height="175" alt="" />
<div class="caption"><span>Tulislah Caption Thumbnail Gallery Disini</span></div>
</div>

Keterangan:
- Kode berwarna merah diatas adalah judul thumbnail gallery
- Kode berwarna ungu adalah gambar thumbnail gallery
- Kode berwarna hijau adalah lebar dan tinggi (ukuran) thumbnail gallery
- Kode berwarna biru adalah caption thumbnail gallery

8. Simpan gadjet sobat dan lihat hasilnya

Animasi , Gambar