samixame

Cara Menambahkan Judul Posting di Belakang Teks Jumlah Komentar Blog. YANG dimakdud Menambahkan Judul Posting di Belakang Komentar adalah menambahkan judul tulisan di belakang teks "0 Comments" atau "51 Komentar". Misalnya,  61 comments  saja menjadi  61 comments on Desain Widget Featured Post Bawaan Blogger Hasil Modifikasi Judul posting di belakang teks jumlah komentar biasanya dipasang di template blog seo friendly untuk kepentingan kepadatan kata kunci ( keywords density ). Menambahkan Judul Posting di Belakang Komentar 1. Template > Edit HTML 2. Cari kode berikut ini. Jika menemukan lebih dari satu kode seperti ini, ganti semuanya. <h4>         <b:if cond='data:post.numComments == 1'>           1 <data:commentLabel/>:         <b:else/>           <data:post.numComments/> <data:commentLabelPlural/>:         </b:if>...

5 Style Widget Recent Posts dengan Gambar Thumbnail & Judul Saja BERIKUT ini CB share kode dan cara pasang 5 jenis Widget Recent Posts (Latest Post, Posting Terbaru, Recent Posts, Tulisan Terbaru) dengan Gambar Thumbnail & Judul Saja. Cara memasangnya sangat mudah: 1. Layout > Add a Gadget > Pilih HTML/Javascript 2. Isi judul widget dengan Recent Posts atau Posting Tarbaru 3. Copas atau masukkan salah satu jenis Latest Posts yang Anda sukai di bawah ini. 4. Save! KODE #1 Recent Post dengan Satu Gambar Besar, Lainnya Judul Saja <style> .clear { clear:both; } .recent-post-title { background:#fff; margin:0 0 5px; padding:0; position:relative; } .recent-post-title h2 { font:normal bold 14px Arial,sans-serif; height:26px; line-height:26px; margin:0 0; padding:0 10px; background:#0b944b; color:#ffffff; display:inline-block; } .recent-post-title h6 { float:right; font:normal bold 10px Arial,sans-serif; height:26px; line-height:26px; margin:0 0; padding:0 10px; color:...

Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja. TIPS Cara Membuat Auto Read More dengan menampilkan judul posting saja di Halaman Depan Blog ini sebenarnya sudah ada di tips sebelumnya: Variasi Tampilan Halaman Depan Blog . Biar fokus ke yang versi memunculkan judul saja, berikut ini kode dan cara memasangnya. Tampilannya seperti dalam ilustrasi posting ini. Demonya bisa dilihat di Johny Simple Magazine yang menjadi sumber kode auto readmore judul saja ini. Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja 1. Template > Edit HTML 2. Temukan (Ctrl+F) kode ini: <b:include data='post' name='post'/> 3. Hapus dan ganti dengan kode berikut ini: <b:if cond='data:blog.homepageUrl == data:blog.url'>      <b:if cond='data:blog.pageType != &quot;item&quot;'>          <a class='latestpost' expr:href='data:post.url'><data:post.title/></a>      <b:else/> ...

Cara Membuat Follow by Email (Kotak Berlangganan - Subsciption Box) Simple Keren di Sidebar Blog. MELENGKAPI posting sebelumnya tentang Macam-Macam Widget Kotak Berlangganan di Sidebar Blog , kali ini tampilannya simple dan menggunakan kotak berlangganan atau Follow by Email Bawaan Blogger . Tampilan Subscription Box-nya seperti ini. Demo Live-nya ada di Starter Theme . CARA PASANG 1. Layout > Add a Gadget > Pilih "Follow by Email" 2. Jika punya ID FeedBurner , maka sesuaikan FeedBurner URL-nya 2. Save! PASANG KODE CSS Selanjutnya adalah memasang kode CSS Follow by Email ini biar desainnya bagus seperti gambar di atas: 1. Template > Edit HTML 2. Copas kode berikut ini di atas kode ]]></b:skin> .FollowByEmail .widget-content:before{content:&quot; Enter your email address to subscribe to this blog and receive notifications of new posts by email .&quot;;display:block} .FollowByEmail .follow-by-email-inner .follow-by-email-submit {background-color:#e74...

KAPAN  Waktu yang Tepat untuk menulis atau update posting blog? Bagi CB , waktu yang baik untuk update blog itu siang hari. Soalnya, pengunjung terbanyak CB   itu malam hari, berdasarkan statistik dari blogger sendiri yang bisa kita cek di dashboard (menu Stats ). Siang hari, pengunjung blog CB di kisaran 5000 s.d. 10.000 pembaca. Begitu malam hari, jumlah kunjungan (pageviews) di kisaran 10.000-20.000 bahkan lebih dari 20.000 pengunjung ( dikit sih, tapi lumayan lah...:) ).  Itu pas dicek keesokan harinya atau tiap pagi hari. Menurut data  Alexa  per 27 Oktober 2016, Global Rank blog CB ini ada di urutan 54,464. Wuihh.... jauh banget. Lumayan lah, nggak posisi jutaan :)  Rank in Indonesia alhamdulillah ada di posisi angka populer Nine One One (911). Namun, indikatornya menurun.... hiks !!! Selain Statistik Pengunjung blog di Menu Stats Blogger , acuan terbaik mengetahui jumlah pembaca atau pengunjung blog lainnya adalah Google Analytic . Bisa juga "ngin...

Cara Membuat Auto Read More Grid Style untuk Blog Foto & Video . DESAIN atau tampilan blog halaman depan berupa Auto Read More Grid Style   di bawah ini cocok buat blog foto atau video. Auto Readmore atau Jump Break otomatis di halaman depan blog dari Exeideas ini bisa dibilang terbaik karena susunan postingnya berupa gambar (thumbnai image), judul, dan ringkasan atau snippet. Yang ringkasannya bisa dihiden atau disembunyikan sehingga menjadi gambar dan judul saja. Cara Membuat Auto Read More Grid Style untuk Blog Foto & Video Berikut ini cara membuatnya: 1. Simpan kode berikut ini di atas kode </head> <b:if cond='data:blog.pageType != &quot;item&quot;'>  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>  <style type='text/css'>  .date-outer .post-outer {width:50%;height:500px;float:left;margin:20px 1% 0px 1%;}  .date-outer .post-outer .post-body {font-family:Helvetica, Arial;font-size:13px;}  .dat...

Kode HTML/JavaScrip Widget Recent Posts di Sidebar Blog UNTUK menampilkan widget recent post, latest posts, atau posting terbaru di sidebar blog, kita bisa menggunakan widget bawaan blogger, yaitu Feed . Tinggal Add a Gadget > Pilih Feed > masukkan alamat blog > Continue dan seterusnya. Namun, jika bermasalah, kita bisa menggunakan kode berikut ini. Ada dua kode yang CB simpan dan share di sini, yaitu kode recent post dengan gambar (image thumbnail) dan judul doang, yang dibagikan Help Logger . Cara Memasangnya: 1. Layout > Add a Gadget > pilih HTML/JavaScript 2. Isi judul 3. Masukkan salah satu kode ini dan Save! KODE #1 RECENT POST THUMBNAIL IMAGE <style> img.recent_thumb {padding:1px;width:72px;height:72px;border:0; float:left;margin:0 10px 5px 1px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 5px 10px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {min-height: 80px;background:none;padding:5px 0;background:none...

Cara Menggunakan Template Blog Responsive. Nonaktifkan remplate mobile bawaan blogger. BANYAK blogger pemula yang melewatkan satu langkah yang membuat blognya tidak mobile-friendly alias tidak responsive, padahal menggunakan template blog responsive. Tampilan blog tidak seperti demo, padahal templatenya sama. Untuk menghindari hal tersebut, agar tampilan blog responsive atau mobile-friendly seperti blog demonya, lakukan setting di dashboard dengan menonaktifkan remplate mobile bawaan blogger seperti gambar berikut ini. Cara Setting Dashboard Blogger yang Menggunakan Template Responsive 1. Klik Template 2. Klik icon Gear 3. Klik "No. Show desktop template on mobile device" Jika template mobile bawaan blogger tidak dinonaktifkan, maka template responsive tidak akan muncul di versi mobile, karena yang muncul adalah templata bawaan blogger. Jadi, bagi Anda yang baru membuat blog, lalu mengganti templatenya dengan  template blog seo friendly dan responsive , jangan lupa sett...

Cara Hapus 7 Elemen (Widget) Template Blog yang Tidak Diperlukan SEDIKITNYA ada 7 elemen Template Blog yang Tidak Diperlukan. Ini berdasarkan pengalaman dan "pengamatan" terhadap blognya blogger profesional. Widget atau elemen ini tidak diperlukan karena tidak digunakan mayoritas pembaca dan hanya membuat loading blog tambah berat. Ke-7 Elemen Template Blog yang Tidak Diperlukan sehingga harus dipahus atau tidak dipasang itu adalah Navbar Footer Blog Posts Showing posts with label Subscribe to Post Atom Quickedit Statistik Pengunjung Blog Pager Older Post - Home - Newer Posts 1. Cara Menghapus Navigation Bar (Navbar) Bar Navigasi ini bawaan blogger. Ada di bagian teratas blog. Jika pembaca sedang login ke akun bloggernya, maka navbar ini muncul. Jarang digunakan, maka hapus saja. Caranya: Klik “Layout”  Klik Edit widget “Navbar”  Klik 'Off" Baca: Cara Menghapus Navbar Blogger 2. Elemen Footer Blog Posts Jika blog Anda bukan blog berita yang tidak membutuhkan elemen ...

Cara Membuat Menu Navigasi Responsive di Atas Header Blog . CB sudah beberapa kali share cara  membuat menu navigasi responsive di atas header blog . Jika menemukan topbar menu terbaru, apalagi terbaik, cb tes, coba, berhasil, dan share di sini. Kali ini dari situs templat belajar CB selama ini, yaitu W3C Schools . Sudah dicoba dan berhasil. Menu navigasi atas header blog ini masih bisa dimodifikasi, terutama soal warna backgroundnya. Ini penampakannya versi mobile dan desktop: navigasi menu versi mobile navigasi menu versi desktop Lihat DEMO Cara Membuat Menu Navigasi Responsive Cara memasang dan menerapkannya juga ada di laman demo. 1. KODE CSS Pasang di atas kode ]]></b:skin> ul.topnav {     list-style-type: none;     margin: 0;     padding: 0;     overflow: hidden;     background-color: #333; } ul.topnav li {float: left;} ul.topnav li a {     display: inline-block;     color: #f2f2f2;     t...