Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul - Hallo sahabat Didhiksty Blog, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tips Blogger, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul
link : Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul

Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul

Written by Muhamad Hamdan on Saturday Peb 8th 2014

Assalamu Alaikum ...Sohib semu semoga hari ini ada dalam lindungan Allah SWT.Pada malam ini kita jumpa lagi dengan artikel yang mungkin Shohib sudah pada tahu,tapi juga masih ada yang belum mengetahui Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul Shohib boleh mengambil atau memasangnya untuk sekedar menghiasi Blogger Shohib.Kita boleh mengabil Photo dari lokasi tertentu yang dianggap oleh Shohib pemandangan yang indah.Seperti Photo yang Saya akan ditampilkan dibawah,diambil dari suatu tempat di daerah Sukabumi selatan.

Salin kode dibawah tempelkan dipostingan blogger Anda,dibagian posting HTML.

ALfiyah Info Blogger

<div class="cover slide_in">
<div class="right_gate1">
</div>
<div class="left_gate1">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
SHOHIB BISA MENULIS KETERANGAN PHOTO DISINI </div>

Selanjutnya untuk menyimpan kode CSS ke template,cari kode tag di bawah

ALfiyah Info Blogger

]]> </ b: skin>

Kembali masuk ke Blogger Dashboar Klik Template
Berikutnya Tekan Tombol EDITE HTML
Tempelkan Kode Di Bawah Ini Tepat Diatas Kode Tag ]]> </ b: skin>

ALfiyah Info Blogger

/**--- Hiding Blog Content With Images Starts here---**/
.cover {
position: relative;
width: 540px;
height: 282px;
margin: 20px auto;
background-color: #eee;
z-index: 1;
padding: 10px;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
-mox-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.slide_in {
overflow: hidden;
}
.left_gate1 {
position: absolute;
background: #DBDCDE;
bottom: 0;
right: 50%;
left: 0;
top: 0;
border: 1px solid #F0F0F0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.right_gate1 {
position: absolute;
background: #DBDCDE;
bottom: 0;
left: 50%;
right: 0;
top: 0;
border: 1px solid #F0F0F0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.slide_in .right_gate1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ovGN5oBtOP7cSlFv6U2D-14hH51iqacCAWG1k9eLUc8YDjUldPzXagJgsg7NLj5jsPTsHgEv5PPdcrFCkYEP1fleX3HUZwsEJb2RqB6NeQU8Co_gxPA98nIvk1ARMUFRy6ozRtAgmg07/s1600/Alfiyah+Blogger.jpg)#DBDCDE;
border: 1px solid #F0F0F0;
}
.slide_in .left_gate1 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIWqao3WvNyoyeADQFXXo_wVJpS_wBJ2v4N6E1GRBdpp6mRbaR88ZKgOyKBz2t6Xo1rvUfba33SgkQu6mdKVg-Xb8CMQUCQ6dVT4zFSGfnSvslo-qN5UqreVOUJ3SRqoEcnynW4H7dk3r2/s1600/alfiyah+info+blogger.jpg)#DBDCDE;
border: 1px solid #F0F0F0;
}
.cover:hover .right_gate1 {
left: 100%;
right: -50%;
}
.cover:hover .left_gate1 {
right: 100%;
left: -50%;
}
/**--- Hiding Blog Content With Images Ends here---**/

Perhatikan Untuk Tag Yang bertanda Merah silahkan Ganti dengan Kontan dan alamat URL Photo Shohib.
Selesai Sudah Postingan Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul ,Insya Allah kita jumpa lagi,Salam Blogger.

Sekarang Shohib Bisa membuat postingan blogger dengan tampilan photo sampul,jika Shohib ingin mengunjungi alamat Photo yang ditayangkan silahkan Shohib untuk Kontak Saya,memang lokasi ini sudah banyak pengunjung dari berbagai daerah di Indonesia.Lokasi ini sangat strategis dan gampang untuk di kunjungi,karena tidak jauh dari jalan raya,kalau yang sudah tahu daerah Sukabumi Surade sampai Ujung Genteng pasti mengenal Photo yang ditampilkan ini.

Demikianlah Artikel Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul

Sekianlah artikel Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Postingan Blogger Dengan Tampilan Photo Sampul dengan alamat link https://didhiksty.blogspot.com/2014/02/cara-membuat-postingan-blogger-dengan.html