Monday, 10 March 2014

Download BMA LOVERS Responsive Blogger Template

Download BMA LOVERS Responsive Blogger Template - Kali ini saya akan membagikan template yang bernama BMA lovers , template tersebut merupakan template hasil karya dari mas andes , pemilik blog mas-andes.blogspot.com , saya tak tau mengapa template tersebut bernama BMA lovers ,? tapi jujur aja templatenya sangat keren sekali , berikut ini demonya :

BMA Lovers Responsive Blogger Template

Fitur - Fitur BMA LOVERS Responsive

  1. Sanngat Responsive 
  2. Sudah Valid HTML5 
  3. Loadingnya sangat cepat ( super wuss )
  4. Score SEO 100% 
  5. Lightbox Contact Form 
  6. Dinamis Post Meta 
  7. JSON Search Result 
  8. 404 Error Custom
  9. Comment Spam Detected, 
  10. Dan Masih banyak lagi

Link Download dan Demo

Bagi anda yang tertarik dengan Template BMA tersebut , silahkan download aja gan template BMA responsive dan valid html5 serta fast loading tersebut . hehehhe  . :) terima kasih buat mas - andes yang telah menghshare template tersebut secara free
resource:http://mas-andes.blogspot.com/2014/03/bma-lovers-responsive-blogger-template.html

Saturday, 8 March 2014

Membuat Bagian Postingan Tidak Bisa di Copas Kecuali Blockquote

Cara Membuat Bagian Postingan Tidak Bisa di Copy Paste Kecuali hanya Blockquote saja - Di pagi hari minggu yang cerah ini saya akan membagikan tutorial kepada bagaimana mengamankan artikel anda dari para copasser , tapi bagi anda yang blognya mengenai tutorial pasti script atau kode anti copy pasti tidak cocok buat blog anda . karena pengunjung tidak bisa mengcopy paste code dalam tutorial tersebut . Tapi anda jangan kwatir karena saya punya solusinya . kita akan membuat blog kita tetap tidak bisa di copas , namun hanya pada bagian tertentulah yang bisa kita copy paste seperti halnya kode pre , code , atau pun Blockquote . untuk demonya anda bisa lihat blog saya ini . :)

 Membuat Bagian PostinganTidak Bisa di Copas Kecuali Blockquote

Berikut Cara Agar Postingan tidak Bisa di copas kecuali bagian tertentu

  1. Masuk bagian Template => Edit HTML
  2. Kemudian pilihlah bagian mana yang ingin anda agar tidak bisa dibuat copy paste . misalkan pada bagian postingan , maka carilah kode css .post.namun bila di template sobat tidak ada kode css seperti itu silahkan tambakan sendiri kode  .post nya
  3. Setelah itu pasang css anti copas dibawah ini di dalam kode .post tersebut
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -ms-user-select:none;
    -moz-user-select:none
    Sehingga nanti kodenya penampakanya akan seperti ini
    .post {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -ms-user-select:none;
    -moz-user-select:none;
    }
  4. Disitu kita sudah bisa membuat postingan blog kita tidak bisa di copy paste , nah supaya postingan kita bisa di copas dibagian tertentu seperti Blockquote , pre atau sejenisnya maka kita harus mengubah none diatas menjadi text sehingga kurang lebih kodenya akan seperti ini 
    .post blockquote {
    -webkit-touch-callout:text;
    -webkit-user-select:text;
    -khtml-user-select:text;
    -ms-user-select:text;
    -moz-user-select:text;
    }
    NOTE:
    Untuk menambahkan pada bagian lainya agar bisa di copy paste silahkan anda tambahi sendiri bagian tersebut , contohnya saya akan menambakan agar kode pre bisa di copas , maka kita tambahkan css .pos pre disamping kode .post blockquote dengan menambahkan tanda koma . sehingga kodenya css nya akan seperti ini
    .post blockquote,.pos pre {
    -webkit-touch-callout:text;
    -webkit-user-select:text;
    -khtml-user-select:text;
    -ms-user-select:text;
    -moz-user-select:text;
    }
    Begitu juga pada halaman lainya anda buat sendiri seperti itu . :)
Gimana mas atau mbak brow mudahkan Cara  Membuat Bagian PostinganTidak Bisa di Copas Kecuali Blockquote ? . Bila ada kesulitan tentang tutor diatas silahkan tanya dikotak komentar ini . demikian dari saya semoga tutorial tersebut bermanfaat dan artikel postingan anda terhindar dari tindak copy paste hehehe . :) sejkian dari saya akhirul kalam summasalam wassalamualaikum wr.wb.

Friday, 7 March 2014

Download Sanggala Responsive Blogger Template

Download Sanggala Responsive Blogger Template - Bagi anda pecinta responsive dan valid html5 serta css3 kali ini saya mengshare ulang template buatan bung franky untuk anda download , selain responsive dan valid , template sanggala tersebut tampilannya sangat keren banget , mau lihat kayak apa demonya ? silahkan liat gambar dibawah ini gan. :)

Download Sanggala Responsive Blogger Template
Sanggala Responsive Blogger Template

Fitur - Fiture Sanggala Responsive Template

  1. Templatenya Sangat Responsive
  2. Sudah Valid HTML5 dan Valid CSS3
  3. Breadcrumbs seo
  4. Quick search (script DTE)
  5. Tampilan postingan homepage berubah warna menurut kategori/label
  6. Readmore otomatis plus modifikasi “no image available”
  7. Artikel terkait dengan thumbnail
  8. Modifikasi halaman error 404
  9. Modifikasi halaman statik
  10. No missing-missingan di Structured Data Testing Tool baik di homepage atau halaman postingan

Link Demo dan Download

Petunjuk Penggunaan

Agar di homepage tampilannya bisa berubah warna menurut kategori/label Silahkan ubah kode css yang ditandai di bawah ini, sesuaikan dengan label pada blog anda.
.Blogger .box-body-deg, .Tutorial .box-body-deg,.Blogger .jump-link a, .Tutorial .jump-link a{background:#ff9f4d;}
.SEO .box-body-deg,.SEO .jump-link a{background:#0bc0a0;}
.CSS3 .box-body-deg,.CSS3 .jump-link a{background:#a9d86e;}
.HTML5 .box-body-deg,.HTML5 .jump-link a{background:#ff6c60;}
.Software .box-body-deg,.Software .jump-link a{background:#00ad72;}
.Komputer .box-body-deg,.Komputer .jump-link a{background:#6b64ff;}

.Blogger .post-thumb, .Tutorial .post-thumb{background:#ffc797;}
.SEO .post-thumb{background: #51dbc3}
.CSS3 .post-thumb{background:#d3f2ad;}
.HTML5 .post-thumb{background:#f5b1ab;}
.Software .post-thumb{background:#4bd8a8;}
.Komputer .post-thumb{background:#b0adf0;}

Jika anda tertarik dengan templatenya silahkan anda download Template Sanggala Responsive tersebut . jika ada yang ditanyakan silahkan komen dibawah demikian dari saya akhirul kalam summasalam wassalamauala'aikum wr.w. spesial thank to +Bung Franki

Membuat Tool Kode Warna Valid HTML5 dan Responsive

 Membuat Tool Kode Warna Valid HTML5 dan Responsive di Blog - Setelah kemaren saya meng-share cara memasang tool kode warna di blog , tapi tutorial kemaren masih ada kekurangan yaitu belum valid , bagi anda yang ingin memasang tool kode warna di blog dan ingin tetap valid silahkan simak tutorialnya . tutoril ini saya ambil dari mas adhy pemilik blog kompi ajaib . namun kali ini saya menambahinya dengan membuat tool tersebut menjadi responsive . ini dia demo toolnya



Cara Memasang Tool Kode Warna di Blog

  1. Pertama ada pasang dulu CSS nya diatan kode </style>  maupun  ]]></b:skin>
    .color-code {
    text-align:center;
    margin:20px auto;
    width:60%;
    }

    .color-responsive {
    position:relative;
    padding-bottom:100%;
    height:0;
    overflow:hidden;
    }

    .color-responsive object {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
    }

    NOTE:
    Untuk mengatur width (lebar) Toll tersebut silahkan ubah ukuran 60 % pada kode berikut
    .color-code{text-align: center;margin:20px auto;width:60%;}
    Silahkan sesuaikan dengan lebar halaman postingan Anda, jika tampilannya agak kecil silahkan tambahkan persentase-nya
  2. Setelah anda memasang CSSnya sekarang saat anda pasang Html nya untuk memanggil Css tersebut
    <div class="color-code">
    <div class="color-responsive">
    <object height="420" width="420" data="http://www.2createawebsite.com/build/color.swf"></object>
    </div></div>
    <div class="color-code">
    <div class="color-responsive">
    <object height="420" width="420" data="http://www.2createawebsite.com/build/col.swf"></object>
    </div>
    </div>
  3. Langkah terakhir simpan template dan lihat hasilnya ( untuk hasilnya anda bisa lihat toll diatas
Demikian artikel saya kali ini tentang Cara  Membuat Tool Kode Warna Valid HTML5 dan Responsive . semoga tutorial tersebut bermanfaat bagi anda . spesial thank to +Adhy Suryadi
resource : http://www.kompiajaib.com/2014/03/membuat-tool-kode-warna-di-blog-valid.html