Soto Madura

Tutorial cara melakukan redirect url/ pengalihan link pada halaman blog menggunakan teknik html, javascript dan php berikut ini disajikan sebagi dokumentasi bagi saya dan mudah-mudan bermanfaat juga bagi blogger lainnya :) Adakalanya redirect url atau pengalihan link ini berguna terutama untuk suatu halaman yang tidak lagi aktif maupun error dan bisa juga untuk mengarahkan pengunjung blog kesebuah halaman khusus yang diinginkan. Dibawah ini dituliskan beberapa cara untuk merubah arah dari link, baik dengan menggunakan HTML Redirect, JAVASCRIPT Redirect dan PHP Redirect. Teknik mengarahkan link menggunakan HTML; letakkan kode ini diatas </head> <meta http-equiv="Refresh" content="5; url= http://url_blog_yang_dituju "/> Teknik mengalihkan url menggunakan Javascript;  ; letakkan kode ini diatas </head> <script type="text/javascript"> window.location = " http://url_blog_yang_dituju " </script> atau <script language=...

Mempercantik navigasi Next Post (blog-pager-newer-link), Previous Post (blog-pager-older-link) dan Home (home-link) dapat dilakukan dengan merubah teks Navigasi Older Post, Newer Post dan Home atau bisa juga dengan Memberi tombol navigasi older, new post dan home page. Untuk merubah Navigasi Blogger dengan Text maupun Tombol agar menjadi lebih indah dan menarik, dapat dilakukan dengan menerapkan langkah-langkah berikut ini: Temukan dengan Ctrl+F <b:includable id='nextprev'> Ganti navigasi default blogspot yang ada dibawahnya dengan: <div class='blog-pager' id='blog-pager'>     <b:if cond='data:newerPageUrl'>       <span id='blog-pager-newer-link'>       <a class='nav-item nav-prev' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>         <span class='text'>Next...

Slide Out Fixed Navigasi Menus adalah menu yang tersusun pada sisi blog dengan posisi tetap atau fix. Untuk memasangnya pada blogspot sangat mudah sekali. Copy script berikut dan letakkan pada HTML/JAVASCRIPT GADGET. Kode yang dibutuhkan adalah: <!--start navigation fixed menu--> <style type="text/css"> ul#navigation{position:fixed;margin:0px;padding:0px;top:100px;left:0px;list-style:none;z-index:9999;} ul#navigation li{width:100px;padding:0;margin:0;} ul#navigation li a{display:block;margin-left:-2px;width:100px;height:50px;background-color:rgba(0,0,0,.5);background-repeat:no-repeat;background-position:center;border:1px solid #afafaf;-moz-border-radius:0 10px 10px 0px;-webkit-border-bottom-right-radius:10px;-webkit-border-top-right-radius:10px;-khtml-border-bottom-right-radius:10px;-khtml-border-top-right-radius:10px;-moz-box-shadow:0 4px 3px #000;-webkit-box-shadow:0 4px 3px #000;opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);} ul#navigat...

Koleksi huruf Web Save CSS Fonts Family yang indah penulisan pada blog dan website. Kumpulan huruf berikut dapat dikategorikan sebagai kumpulan huruf yang unik, ada juga kumpulan font tulisan tangan/ handwriting yang tentunya dapat membuat blog menjadi lebih indah dan berfariasi serta unik. :) Kumpulan huruf blog ini memang layak menyandang gelar A complete collection of CSS Web Save Fonts. Koleksi Lengkap Dan Contoh Font Family Untuk Blog Dan Website Sans Serif Arial font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;   Arial Black font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;    Arial Narrow font-family: 'Arial Narrow', Arial, sans-serif;    Arial Rounded MT Bold font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;    Avant Garde font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, 'AppleGothic', sans-serif;    Calibri font-family: Calibri, Can...

Popular Posts Blogger tidak menyediakan gambar default pada script widgetnya, maka apabila sebuah artikel yang telah dipublish tidak menyertakan gambar, popular post widget tersebut hanya menampilkan judul saja ataupun excerpt blogger post saja tanpa gambar. Untuk menampilkan default image pada popular posts widget itu, dapat dilakukan beberapa penambahan pada scriptnya di dalam template. Cara untuk membuat default image pada widget popular posts blogspot adalah sebagai berikut: Default Thumbnail For Popular Posts Temukan: <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'> <!-- (4) Show snippets and thumbnails --> <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> ...

Banyak pengguna blogspot yang ingin menghilangkan atau menghapus quick edit pencil icon di blogger dan tidak sedikit pula yang mencari-cari cara menampilkan quick edit post dan quick edit widget pada blogspot. Kesemuanya tergantung selera :D Akan tetapi, sering sekali terjadi quick edit pada post dan widget hilang dan sulit sekali mengembalikan quick edit blogger ini. Hilangnya quickedit icon ini disebabkan oleh beberapa hal, diantaranya karena ada penghapusan secara permanen terhadap widget default blogspot; seperti penghapusan navbar ataupun penghapusan komponen penting pada blogger template. Cara mengembalikannya sangat mudah sekali, cukup dengan memasang kembali template default yang disediakan oleh blogspot dan kemudian pasang kembali template yang diinginkan. Maka dengan cara ini, tombol quick edit yang hilang akan terlihat kembali. :) Update dikit :D Langkah 1: Edit template, dan cari (ctrl+f) <b:includable id='shareButtons' var='post'> , kemudian letakka...

Banyak dari template blogspot yang menggunakan auto readmore dan thumbnail pada blogspot dengan versi javascript karena dengan kode javascript ini dapat dengan mudah mengatur ukuran gambar dan banyaknya karakter kata. Namun sepertinya ada yang masih kurang dari script tersebut yaitu, tidak disertakan dengan default gambar; maka apabila seorang penulis artikel memposting tanpa gambar, hanya tulisan sajalah yang tampil sehingga terlihat kurang menarik. Agar tampilan artikel tanpa gambar itu terlihat lebih menarik, maka dapat dilakukan sedikit modifikasi atau penambahan pada javascript codes. Untuk membuat Default NoImage Thumbnail Auto Readmore Blogger, kode yang dipergunakan adalah: Temukan ]]></b:skin> dan letakkan kode ini dibawahnya: <script type='text/javascript'>summary_noimg=250;summary_img=250;img_thumb_height=250;img_thumb_width=250;img_thumb_nosrc=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikbMeP5dNTN5InTXxt1067uk5l9iFc_0oD5vGM...