Saturday, April 12, 2014

Cara Menghilangkan Icon Obeng dan Tang atau Quick edit Logo pada Blog

Cara Menghilangkan Icon Obeng dan Tang atau Quick edit Logo pada Blog.
Cara Menghilangkan Icon Obeng dan Tang atau Quick edit Logo pada BlogMasih binggung dengan judul trik nya ? kok obeng dan tang ?

Pernahkah tersadar jika kalian sedang mengedit blog anda, jika kalian lakukan kunjungan ke blog yang sedang anda edit maka akan ada icon tersebut . 


Icon tersebut di namakan quick edit blogger, salah satu fasilitas pengeditan cepat ala blogger, jika kalian merasa terganggu, anda bisa kok menghilangkannya dengan Cara Menghilangkan Icon Obeng dan Tang atau Quick edit Logo pada Blog.



Langkah-langkah seperti berikut ini.

1. Seperti biasa anda harus sign in di akun Blogger anda

2. Pilih blog yang akan kalian terapkan trik ini

3. Pilih menu Template lalu Edit HTML;

4. Carilah kode ]]></b:skin> ( gunakan ctrl+F untuk mempermudah pencarian):  

  
5. Copy paste kode ini, letakkan persis di atas ]]></b:skin>

 .quickedit{ 
display:none; 
}


6.   Klik tombol Simpan template. 

7. Selesai.




Sekian dulu artikel Cara Menghilangkan Icon Obeng dan Tang atau Quick edit Logo pada Blog ini. Terima Kasih sudah melihat artikel ini kalau ada kritik dan sarannya mohon tulis kan pada kolom komentar.

Cara Menghapus Widget Attribution atau Atribusi

Cara Menghapus Widget Attribution atau Atribusi
Cara Menghapus Widget Attribution atau AtribusiWidget Attribution atau Atribusi Sangat sedikit blog yang menaruh link ‘ Powered by Blogger ‘ atau ‘ Diberdayakan oleh Blogger ' saat ini. Mereka mengkustom sedemikian rupa template blog sehingga hampir menyerupai Web yang profesional. 

Secara default blogger menginginkan agar para pengguna nya tidak lupa untuk menaruh link blogger.com pada setiap blog yang kita punya, sehingga widget Attribution atau Atribusi muncul pada setiap template yang di sediakan blogger saat ini. Banyak para blogger yang tidak setuju atau juga sangat terganggu akan ada nya Widget Attribution atau Atribusi, karena widget ini bisa di tambahkan tetapi tidak bisa di hapus dan di pindahkan.
Buat kamu yang ingin Cara Menghapus Widget Attribution atau Atribusi

1. Sign in di akun Blogger anda

2. Pilih blog yang akan anda terapkan 

3. Pergi ke Template lalu Edit HTML

4. Tambahkan kode di bawah ini, tepat di atas  ]]></b:skin>

#Attribution1 {
height:0px; 
visibility:hidden;
display:none
}

5. Lakukan Pratinjau sebelum di Simpan

Cara Membuat Author Box di Bawah Postingan Blogger

.admin-tulisan{ display:block; width:auto; background:#F5F5F5; border:1px solid #1ba000; box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000; padding:0; margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif; color:#222; } .admin-tulisan .kontainer{padding:5px;} .admin-tulisan h4{ background:#C0C0C0; border:none; border-bottom:1px solid #C0C0C0; color:#fff; text-transform:normal; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); font:bold 12px Arial,Sans-Serif; padding:5px 10px; margin:0 0 0 0; display:block; } .admin-tulisan h4 a{color:#FEEA83;} .admin-tulisan img{ width:70px; height:70px; margin:0 10px 0 0; float:left; border:0px solid #E6E6FA; padding:2px; background:#E6E6FA box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }
Hay semunya..??? Saya akan update Cara Membuat Author Box di Bawah Postingan Blogger. Fungsi Author ini adalah untuk mempercatntik tampilan posting dan juga membuat pengunjung blog tahu tentang profil singkat si penulis blog, fungsi utama dari widget author box adalah menampilkan secara singkat biografi sang penulis atau profil singkat penulis pada bagian bawah posting agar bisa dibaca oleh pengunjung yang ingin tahu tentang si penulis blog istilah anak gaulnya si keppo, jika sobat ingin melihat contohnya seperti apa silakan lihat dibagian bawah posting ini, langsung aja nih praktekin tutorial Cara Membuat Author Box di Bawah Postingan Blogger.

Salam buat sobat2 blogger semua. Kali ini saya ingin share tentang bagaimana Cara Membuat Author Box Di Bawah Postingan Blog. Untuk mengetahui langkah-langkah nya, mari langsung aja ke tkp :   1. silahkan login akun blogger anda 2. klik menu template, edit html 3. centang expand template widget 4. cari kode <div class='post-footer'> (gunakan CTRL:+F agar lebih cepat) 5. paste kan code di bawah ini tepat di atas code <div class='post-footer'>  <!-- Kotak Admin --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='admin-tulisan'> <h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></h4> <div class='kontainer'> <img height='80' src=' http://i1295.photobucket.com/albums/b639/Dalang_Rian_Aries_Spycer/RianSpycer.jpg ' width='75'/> Saat ini anda sedang membaca artikel yang berjudul <b><a expr:href='data:post.url'><data:post.title/></a></b>,, Semoga artikel ini dapat bermanfaat dan berguna untuk anda. Kritik dan saran silahkan kirim melalui kotak komentar di bawah ini .... <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://berbagi02.blogspot.com' target='_blank'>:: Thank you for visiting ! ::</a></span></p> <div style='clear:both;'/> </div> </div> </b:if> <!-- Kotak Admin -->  NB : - ganti tulisan yang berwarna merah dengan URL foto anda  - ganti tulisan yang berwarna biru dengan URL blog anda  6. kemudian cari lagi kode ]]></b:skin> 7. paste kan code di bawah ini tepat di atas code ]]></b:skin>  .admin-tulisan{ display:block; width:auto; background:#F5F5F5; border:1px solid #C0C0C0; box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000; padding:0; margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif; color:#222; } .admin-tulisan .kontainer{padding:5px;} .admin-tulisan h4{ background:#C0C0C0; border:none; border-bottom:1px solid #C0C0C0; color:#fff; text-transform:normal; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); font:bold 12px Arial,Sans-Serif; padding:5px 10px; margin:0 0 0 0; display:block; } .admin-tulisan h4 a{color:#FEEA83;} .admin-tulisan img{ width:70px; height:70px; margin:0 10px 0 0; float:left; border:0px solid #E6E6FA; padding:2px; background:#E6E6FA box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }  8. klik simpan template , dan selesai ..  Gampang kan cara nya ,, gak susah2 kog :)












1. silahkan login akun Blogger anda
2. klik menu Template, lalu klik Edit html
3. centang expand template widget
4. cari kode <data:post.body/> yang Posisinya Kedua

(gunakan CTRL:+F agar lebih cepat)
5. paste kan code di bawah ini tepat di atas code 
<data:post.body/>




<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></h4>
<div class='kontainer'>
<img height='100' src=' https://lh4.googleusercontent.com/-q4rffgs_baA/U0Q7IJWtShI/AAAAAAAAALQ/w1njAMjuyfE/w428-h427-no/qualcomm-snapdragon-better-than-psvita-0.jpg ' width='80'/>
Saat ini anda sedang membaca artikel yang berjudul <b><a expr:href='data:post.url'><data:post.title/></a></b>,, Semoga artikel ini dapat bermanfaat dan berguna untuk anda. Kritik dan saran silahkan kirim melalui kotak komentar di bawah ini .... <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://blogspotdootcom.blogspot.com' target='_blank'>:: Thank you for visiting ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->


NB :
- ganti tulisan yang berwarna Merah dengan URL foto anda 
- ganti tulisan yang berwarna Biru dengan URL blog anda


6. kemudian cari lagi kode ]]></b:skin>
7. paste kan code di bawah ini tepat di atas code ]]></b:skin>



.admin-tulisan{
display:block;
width:auto;
background:#F5F5F5;
border:1px solid #1BA000;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#C0C0C0;
border:none;
border-bottom:1px solid #C0C0C0;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:0px solid #E6E6FA;
padding:2px;
background:#E6E6FA
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}


8. klik simpan template , dan selesai ..

Gampang kan cara nya ,, gak susah2 kog :) oke itu saja yang bisa saya sampikan dalam tutorial Cara Membuat Author Box di Bawah Postingan Blogger kurang lebihnya mohon maaf.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Black Magician