Tuesday, April 11, 2017

Cara Membuat Catatan (Blockquote) Ala Arlina Design

  No comments
4/11/2017

Cara Membuat Catatan Blockquote Ala Arlina Design
Cara Membuat Catatan Blockquote Ala Arlina Design

Cara Membuat Catatan Ala Arlina Design - Salam Blogger Kawan, Kali ini Sini Kawan akan membagikan tutorial tentang Cara Membuat Catatan Ala Arlina Design. Saat mengunjungi blog Arlina Design pasti kalian melihat sesuatu yang unik dan baru serta membuat orang terkagum kagum dengan karyanya.

Banyak yang ingin mempunyai catatan (Blackquote) yang yang dimiliki oleh Arlina Design, Bagaimana tampilannya ? Sebagai contohnya, bisa anda lihat Demo dibawah ini


Ini adalah contoh catatan yang dipasang di blog Arlina, Ingin blog kamu memiliki Catatan (Blockquote) yang elegan seperti ini ? Langsung ikuti saja langkah - langkah dibawah

Bagaimana bagus dan elegan bukan ? Jika ingin memakainya di blog kamu, ikuti langkah - langkah dibawah secara teliti agar tidak terjadi kesalahan.

Cara Membuat Catatan Ala Arlina Design 

1. Masuk ke Blog

2. Masuk ke Template > Edit HTML

3. Cari kode ]]></b:skin> atau </style>


4. Copy kode CSS dibawah, dan taruh diatas ]]></b:skin> atau </style>



/* Blockquote Sini Kawan https://sinikawan.blogspot.com */
blockquote{
 background:#6591c2;
 position:relative;
 padding:55px 20px 20px 20px;
 color:#fff;
 margin:10px 0;
 border-radius:3px
}
blockquote:before{
 position:absolute;
 content:'Catatan';
 background:rgba(255,255,255,1);
 right:3px;
 left:3px;
 top:3px;
 padding:5px 20px;
 display:block;
 font-weight:700;
 border-radius:3px 3px 0 0;
 color:#6591c2
}
blockquote:after{
 position:absolute;
 content:'\f027';
 right:10px;
 bottom:5px;
 font-family:FontAwesome;
 font-style:normal;
 font-weight:normal;
 font-size:160%;
 color:rgba(255,255,255,.6)
}


5. Setelah itu klik Simpan

6. Lalu untuk memakai blockquote, Buatlah sebuah postingan dan gunakan fitur Quote atau Blackquote.

7. Done !

Dan itu adalah Cara Membuat Catatan Ala Arlina Design, Mudah bukan ? Semoga bermanfaat bagi kawan - kawanku semuanya dan jangan lupa komentar bila ada kesalahan. Terima kasih

Read More

Sunday, April 2, 2017

Cara Menghilangkan Logo Tang Obeng di Blog

  No comments
4/02/2017

Cara Menghilangkan Logo Tang Obeng di Blog
Cara Menghilangkan Logo Tang Obeng di Blog - Hai Kawan, kalian pasti tidak asing dengan Logo Tang Obeng yang muncul ketika melihat website/blog kita. Fungsi dari tombol ini adalah sebagai alat pengedit cepat di blog Anda.

Alat ini sebenarnya sangat berperan penting, karena hanya dengan mengklik logo tersebut kita akan diarahkan kebagian elemen yang akan Anda edit dan pastinya tidak ribet.

Tetapi ada juga sebagian orang yang tidak menyukai bila logo tersebut terlihat di blog dan ingin menghapusnya. Bila anda ingin menghilangkannya, Anda tinggal mengikuti langkah mudah berikut ini :

Cara Menghapus Icon Tang Obeng

1. Masuk ke Blog

2. Pilih Menu > Template

3. Klik > Edit HTML

4. Cari kode ]]></b:skin> atau </style>

Lalu masukkan kode dibawah ini tepat sebelum kode ]]></b:skin> atau </style>


 /* Removed Setting Icon Sini Kawan */

.quickedit{
   display:none;visibility:hidden;}

5. Simpan template dan lihat hasilnya.

Semoga artikel Cara Menghilangkan Logo Tang Obeng di Blog ini bermanfaat bagi kawan - kawan semua dan jangan lupa untuk berkomentar di kolom dibawah ini. Terima kasih

Source : http://sinikawan.blogspot.com/2017/04/cara-menghilangkan-logo-tang-obeng-di.html

Read More