belajar dan berbagi

Home » Penelusuran Blogger

Redirect ctrl+u pada blog

Redirect ctrl+u pada blog. Ctrl+U dapat digunakan untuk melihat kode source yang ada blog. Untuk melihat semua kode yang ada pada blog caranya dengan membuka blog yang akan dilihat kode sourcenya lalu menekan tombol Ctrl dan U maka semua kode akan terlihat. Dengan terlihatnya kode yang ada di blog berarti kode css dan kode script yang ada pada blog akan dapat di copy dengan leluasa oleh pencuri script.
Namun kita dapat mengunci fungsi Ctrl+U ini dengan cara mengalihkan halaman ke sebuah halaman lain dengan cara menambahkan kode script pada template.

css border top right bottom left

css border top right bottom left. Lebih lengkapnya adalah :
- Cara buat border top
- Cara buat border right
- Cara buat border bottom
- Cara buat border left

css border top right bottom left


Cara ini sebenarnya jarang diperlukan, karena pada umumnya dalam penggunaan css border yang sering dipakai dalam pembuatan border keliling biasanya hanya menggunakan satu css border, yaitu border: 2px solid #63B3FF;
contoh border menggunakan 1 kata border. border: 2px solid #63B3FF;

cara buat css border top right bottom left
contoh border keliling


namun ada kalanya kita membuat border hanya atas saja, kiri saja, bawah saja, ataupun kanan saja. atau hanya atas dan bawah, kiri dan kanan, kiri-atas-bawah ataupun yang lainnya.
contoh border atas, kiri, kanan

cara buat border keliling
contoh borer kiri, atas, kanan,

berikut kode yang dapat digunakan dalam menentukan posisi border (kiri, atas, kanan, bawah)

border-top: 3px solid #4099FF; (untuk posisi border atas)
border-right: 3px dashed #4099FF; (untuk posisi border kiri)
border-bottom: 3px dotted #4099FF; (untuk posisi border bawah)
border-left: 3px solid #4099FF; (untuk posisi border kanan)

sumber : http://www.ikhsanudin.com/2015/01/css-border-top-right-bottom-left.html
semoga bermanfaat

Custom page not found blogger

Custom page not found blogger / pesan khusus untuk laman tidak ditemukan

. Banyak cara untuk mengkustomisasi pada Pesan Khusus Halaman tidak temukan di blogger. Ada hanya membuat redirect halaman error 404 ke halaman Home Page, ada juga yang membuat dengan berbagai macam animasi gambar ada juga membuat dengan menu pencarian.
Pada posting kali ini, ikhsanudin.com mencoba untuk membuat sebuah posting tentang kustomisasi pada :

Pesan Khusus Halaman tidak temukan /Custom page not found blogger

1. login ke blogger dengan email dan password tentunya
2. Masuk ke setting / pengaturan
3. Search preferences
4.

Custom Page Not Found

Custom page not found blogger
5. Masukkan kode berikut ke dalam kotak kustomisasi
<div class="ra ketemu">
<div class="links">
<h2>Maaf...! Halaman yang anda cari tidak ditemukan</h2>

 <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGtOUnHMSD2NhIJ0jObqJNLj1uD1LL7ljb8J0bckAiveTMxS-4HkXvfficQK_4zpNGxTu_e7kCXcw3cCo8aWSzjaU0-vfU5sTyFxRtmm14lV8CXmCuQIHCyzWqgulxLIEL8kjBj1DFZHI/s1600/nangis+halaman+tidak+ditemukan.gif" alt="error 404" title="Halaman Tidak Ditemukan"/>
<h3>Silahkan cari kembali melalui kotak di bawah ini</h3>

 <style>
#search-box {
position: relative;
width: 100%;
margin: 0;
}

 #search-form
{
height: 40px;
border: 1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
#search-text
{
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}

 #search-box input[type="text"]
{
width: 90%;
padding: 11px 0 12px 1em;
color: #333;
outline: none;
}

 #search-button {
position: absolute;
top: 0;
right: 0;
height: 43px;
width: 90px;
font-size: 13px;
color: #fff;
text-align: center;
line-height: 43px;
border-width: 0;
background-color: #418ddc;
-webkit-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
cursor: pointer;
}
</style>

 <div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Ketik disini' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>
</div>
</div>

 6. Klik simpan, dan lihat hasilnya
Pesan Khusus Halaman tidak temukan
lihat demo Custom page not found blogger

Membunyikan attribution blogger

membunyikan attribution blogger. Pada template standar blogger biasanya secara otomatis telah tercantum attribution blogger, biasanya seperti ini ikhsanudin.com |. Powered by Blogger.
Membunyikan attribution blogger

Namun banyak kita jumpai pada beberapa blog para blogger tentunya tidak ada lagi terlihat tulisan Powered by Blogger, padahal sebenarnya mereka menggunakan platform blogger.
Nah, bagaimana cara menyembunyikan attribution blogger tersebut? jawabannya ada dibawah ini.
Cara Membunyikan attribution blogger:
1. Login ke blogger
2. Template > Edit html
3. cari kode : ]]></b:skin>
4. tambahkan kode berikut diatasnya:
#attribution1 {
height:0px;
visibility:hidden;
display:none
}
Simpan dan lihat hasilnya

membunyikan attribution blogger

Membuat tombol bagikan di bawah posting

Membuat tombol bagikan di bawah posting. Tombol bagikan / share berfungsi untuk membagikan artikel yang telah dibaca, guna untuk memberitahu teman-teman, follower.
Pada tombol bagikan ini terdapat beberapa 7 buah website tempat membagikan artikel:
1.facebook
2.twitter
3.googleplus
4.diggcom
5.linkedin
6.technorati
7.lintasme
Membuat tombol bagikan di bawah posting

mari kita lihat cara Membuat tombol bagikan di bawah posting:
1. login ke blogger
2. pilih template
3. edit html
4. cari kode :
]]></b:skin>

tambahkan kode berikut diatasnya:
/*Bagikan bawah posting*/
.widgetshare {font:bold 12px/20px Tahoma !important; background: #333;border: 1px solid #444; padding: 5px 4px; color: #fff !important; margin-top: 10px;}
.widgetshare a{font:bold 12px/20px Tahoma !important; text-decoration: none !important; padding: 5px 4px; color: #fff !important; border: 1px solid #222; transition: all 1s ease;}
.widgetshare a:hover {box-shadow: 0 0 5px #00ff00; border: 1px solid #e9fbe9;}
.facebook { background: #3B5999; }
.twitter { background: #01BBF6; }
.googleplus { background: #D54135; }
.diggcom { background: #5b88af; }
.linkedin { background: #005a87; }
.technorati { background: #008000; }
.ltsme { background: #fb8938; }

5. cari lagi kode:
<div class='post-footer'>
tambahkan kdoe berikut dibawahnya:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='widgetshare'>
Bagikan:
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
<a class='twitter' expr:href='&quot;http://twittter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
<a class='googleplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Google+</a>
<a class='linkedin' expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
<a class='technorati' expr:href='&quot;http://technorati.com/faves?sub=addfavbtn&amp;add=&quot; + data:post.url' rel='nofollow' target='_blank'>Technorati</a>
<a class='diggcom' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url' rel='nofollow' target='_blank'>Digg</a>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' rel='nofollow' class='ltsme'>Lintasme</a>");
//]]>
</script>
</div>
</b:if>

6. simpan template, lihat hasilnya

Tag : cara membuat tombol share facebook dan twitter di postingan blog, cara membuat tombol share dibawah postingan, cara membuat tombol share dibawah postingan blog, membuat tombol share di setiap postingan, membuat tombol share fb, membuat tombol share keren di blog, membuat tombol share facebook, membuat tombol share melayang di blog, membuat tombol share facebook dan twitter di blogspot, membuat tombol bagikan di bawah posting, cara membuat tombol share dibawah postingan
Back To Top