Postingan

Review Safelink Bloggerku Responsive Blogger Template

Gambar
Review Safelink Bloggerku Responsive Blogger Template - Dari banyaknya template blogger safelink, menurut saya lebih bagus template safelink buatan bloggerku dan template ini mempunyai fitur - fitur yang tidak ada di template safelink lainnya. Yuk kita simak fitur - fitur yang ada di template safelink bloggerku : Pagespeed Insight dan GTMetrix pada template safelink bloggerku mempunyai speed yang tidak tanggung - tanggung, yaitu 100/100. Tentunya ini sangatlah berbeda dari template safelink pada umumnya. Responsive. Template safelink bloggerku ini mempunyai design yang sangat responsive menurut saya. Password Support. Template safelink bloggerku juga mempunyai fitur password pada link yang telah di convert. pasti kalian bingung pada fitur ini. Fitur ini digunakan untuk kalian lupa memberikan password pada file, kalian dapat menggunakan template safelink bloggerku ini untuk memberi passwordnya saat kalian ingin mengconvertnya. Klik 2 kali. Fitur ini sangat jarang di gunakan oleh templat

Download N Light Responsive Blogger Template

Gambar
Featured Template : Responsive Google Testing Tool Validator SEO Friendly Mobile Friendly Dynamic Heading Adsense Ready Valid Schema.org High CTR Personal Blog 2 Column Auto Read More with Thumbnail Responsive Ad Slot Breadcrumbs About Me Widget Related Posts with Thumb Search Box Social Share Button Responsive Dropdown Menu Smooth Back to Top Shortcodes Unlimited Page Numbered Live Preview Lihat langsung dengan semua fitur yang ada, baik di beranda maupun halaman posting. Download Gratis Langsung download templatenya disini secara gratis.

Download Invision Responsive Blogger Template

Gambar
Featured Template : Responsive Google Testing Tool Validator SEO Friendly Mobile Friendly Dynamic Heading Adsense Ready Valid Schema.org High CTR Personal Blog Disqus Comment System 2 Column Auto Read More with Thumbnail Responsive Ad Slot Breadcrumbs About Me Widget Related Posts with Thumb Search Box Social Share Button Responsive Dropdown Menu News Ticker Smooth Back to Top Custom Subscribe Box Widget Custom Pop up Contact Form Shortcodes Unlimited Page Numbered Live Preview Lihat langsung dengan semua fitur yang ada, baik di beranda maupun halaman posting. Download Gratis Langsung download templatenya disini secara gratis.

Cara Membuat Kotak Iklan di Blog Dengan Mudah

Gambar
Cara Membuat Kotak Iklan di Blog ini sangat berfungsi untuk menambah slot iklan pada blog kalian yang dimana slot yang semula hanya cukup untuk 3 slot sekarang menjadi 7 slot atau lebih. Dengan tampilan yang keren dan responsive, hal ini dapat membuat blog kalian semakin keren dan sangat berbeda dari yang lain. Lanjut saja kalian simak tutorialnya. Pertama Login Blogger > Tema > Edit HTML > Cari kode ]]></b:skin> lalu salin kode di bawah ini tepat diastas kode ]]></b:skin>. Kode CSS /* Kotak Iklan */ .kotak_iklan {text-align: center;} .kotak_iklan img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;} .kotak_iklan img:hover {border:1px solid #aaa} .kotak_iklan img.noborder {border:0;} Kedua Smpan Template Ketiga Tata letak > Tambah Gadget > Pilih HTML/Javascript lalu salin kode di bawah ini > Simpan > Done. Kode HTML <div class="kotak_iklan"> <a href="url iklan yang dituju" title="judul

Cara Membuat Button Download di Blog

Gambar
Cara Membuat Button Download di Blog - Button download sangatlah penting untuk kalian yang mempunyai blog download. button download mempunyai fungsi untuk memperbagus tampilan blog download kalian. Jika kalian ingin memasang button download di blog, ikuti langkah - langkah berikut ini. Pertama Login Blogger > Tema > Edit HTML > Cari kode ]]></b:skin> . Copy lalu paste kode di bawah ini tepat di atas kode ]]></b:skin>. Kode CSS /* CSS Tombol Demo dan Download Keren */ #wrap {  margin:20px auto;  text-align:center; } #wrap br {  display:none; } .btn {  display:inline-block;  position:relative;  font-family:'Source Sans Pro', Helvetica, sans-serif;  background:#3b3f48;  padding:14px 14px;  font-size:14px;  margin:0 10px;  color:#fff!important;  border-radius:3px;  border:none;  text-transform:uppercase;  text-decoration:none;  transition:all 0.3s ease-out; } .btn.down {  background:#3b3f48;  color:#fff!important; } .btn.down:hover,.btn.down:active,.btn

Cara Membuat Button Download Di Sidebar

Gambar
Cara Membuat Button Download Di Sidebar - Tampilan button download di sidebar ini biasanya digunakan untuk blog yang membagikan template atau lain sebagainya. Button download di sidebar ini pertama kali digunakan oleh blog IDNTHEME. Berikut ini tutorial untuk membuat button download di sidebar. Pertama Login Blog > Tema > Edit HTML > Copy lalu paste kode di bawah ini tepat di atas kode </head> Kode CSS Button Download di Sidebar <!-- CSS Ready BUTTON ASIDE FROM POST https://caritutorialblog.blogspot.com/ --> <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> /* BUTTON ASIDE FROM POST */ #demo-style, #download-style { background: #f6f8f9; display: block; overflow: hidden; padding: 20px; margin: 0 0 20px 0; } .button-demo-side, .button-downloadside { display: block; position: relative; ba

Cara Membuat Warna Gradien Animasi di Blog

Gambar
Cara Membuat Warna Gradien Animasi Di Blog - Menambahkan warna gradien animasi pada blog ini dapat memperbagus tampilan blog kalian, yang semula tampilannya biasa saja setelah menggunakan warna gradien animasi maka blog kalian akan tampil luar biasa kerennya. Lanjut saja kalian simak tutorial membuat warna gradien animasinya. Pertama Login Blogger > Tema > Edit HTML > Cari kode ]]></b:skin> > Lalu Masukkan kode bagian yang ingin di berikan warna gradien animasi. Contoh : #header-wrapper   Kedua Copy lalu paste kode di bawah ini tepat di ats tadi yaitu #header-wrapper. Contoh : #header-wrapper Kode di bawah ini. Kode CSS Gradien Animasi {background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;} @-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-