Cara Pintar Blogger: Maret 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 . :)

Berikut Cara Agar Postingan tidak Bisa di copas kecuali bagian tertentu

Masuk bagian Template => Edit HTML
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

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;
}

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.

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. :)

Sanggala Responsive Blogger Template

Fitur - Fiture Sanggala Responsive Template

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

Link Demo dan Download

Demo : http://sanggala-responsive.blogspot.com/
Download :http://adf.ly/dkkdv

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

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

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>

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

Download Game Balapan Motor Superbike Racers

Download Game Balapan Motor Superbike Racers - Bagi pecinta game balapan pasti tak asing lagi dengan game yang sangat seru ini yaitu Game Motor Superbike Racers , game ini mempuntyai 3 macam modus game. Cobalah satu satu dari ketiga mode itu.,Single race adalah mode bebas, maksudnya bebas dalam memilih lintasan, jumlah lap, dan lain sebagainya. Atau mode Time Attack, bertarung mengalahkan waktu. Tak sebebasa mode sebelumnya karena balapan anda akan dibatasi oleh jumlah waktu tertentu. Nah bagi anda yang penasaran silahkan liat dulu demo gamenya :

Informasi game Motor Superbike Racers

Nama: Superbike Racers
Genre: Olahraga Balapan Motor
Ukuran file: 38 MB
Bahasa: Inggris
Lisensi: Freeware
Sistem Operasi: Windows XP/ Vista / 7/ 8
Penerbit: GameHitZone
Link: gamehitzone.com/download-free-games/superbike-racers

Persyaratan Memainkan Game Superbike Racers

Rincian Game
Processor 1000 Mhz atau di atasnya
RAM 1024 Mb
GeForce4 MX atau on-board graphics
DirectX 9.0 atau sesudahnya
DirectX-compatible sound card

Link Download Game Superbike Racers

http://adf.ly/2103758/http://www.gamehitzone.com/download-free-games/superbike-racers/download.html

Silahkan bagi anda yang suka dengan Game Balapan Motor Superbike Racers tersebut , silahkan download gamenya . demikian dari saya semoga gamenya bermanfaat .

Cara Membuat Halaman Error 404 Keren di Blog

Cara Membuat Halaman Error 404 Keren di Blog - Halaman error 404 meruapakan halaman yang dalam pengetikan url salah maupun artikel sudah di hapus maka timbulah halaman error . kali ini saya akan berbagi cara mendesign halaman error yang keren di blog anda . tutor ini saya ambil dari template mas sugeng fastest magz v3 . dan kemudian saya terapkan juga di blog saya ini . tapi karena ada yang request , saya akan bagikan tutorialnya membuat halaman error 404 . demonya seperi di bawah ini

Cara Membuat Halaman Error 404

Masuk dulu kebagian Template => Edit HTML
Sebelum kita pasang CSS nya kita pasang dulu tag kondisionalnya , silahkan anda pasang tag kondisional berikut dibawah kode ]]></b:skin>
```
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

/* CSS ERROR DISINI */

</b:if>
```

Kemudian anda pasang kode css dibawah ini , diantara tag kondisionalnya tadi ( /* CSS ERROR DISINI */ )

#post-wrapper{max-width:100%;width:100%!important}
.status-msg-wrap{width:100%;background:#fff url(http://2.bp.blogspot.com/-GJqe_Mw3nCA/Udkt6st2LGI/AAAAAAAACFg/vnAqikDNzmQ/s1600/404.png) no-repeat center 10px;display:block;margin:0 auto;position:relative;min-height:150px;font-family:"Oswald",Verdana,Sans-Serif;text-shadow:1px 1px #fff,2px 2px #ccc,3px 3px #ddd,4px 4px #eee;font-size:2.2em;font-weight:400}
.status-msg-body{padding:150px 0 20px 0;max-width:100%!important;width:auto!important;position:relative!important;text-align:center;line-height:1.4em}
.status-msg-border,#blog-pager,#sidebar{display:none!important}

NOTE:
Sebelum anda menyimpanya silahkan sesuaikan dulu kode CSSnya
Keterangan kode di atas :
#post-wrapper = merupakan bagian post yang akan kita buat lebarnya 100%
.status-msg-border,#blog-pager,#sidebar = merupakan elemen yang akan disembunyikan

Jika sudah maka simpan template dan lihat hasilnya
Untuk mengecek halaman error tambahkan kode /error404 dibelakang url blog anda contoh http://ahmadsuyadi.blogspot.com/error404

Demikian dari saya tutoial tentang Cara Membuat Halaman Error 404 Keren di Blog , jika sobat butuh bantuan silahkan hubungi saya atau komen dibawah :)

Informasi Pendaftaran ( PPDB ) MAN Insan Cendekia 2014/2015

Informasi Pendaftaran Penerimaan Peserta Didik Baru ( PPDB ) MAN Insan Cendekia Tahun 2014 / 2015 - Bagi temen - temen siswa siswi kelas IX ( 3 ) SMP / MTs sederajat yang akan melanjutkan pendidikannya ke jenjang SLTA pasti sudah menyiapkan pilihan SMA / MA yang akan kalian inginkan. Salah satu pendidika tingkat SLTA islami terfavorit adalah MAN Insang Cendekiawan ( MAN IC ) . Bagi anda yang berminat ke MAN IC silahkan baca informasi PPDB tahun 2014 / 2015 terlebih dahulu : :)

Jadwal Kegiatan PPDB MAN IC

Sosialisasi dan publikasi: 1 Februari – 5 April 2014
Proses pendaftaran: 10 Maret – 5 April 2014
Seleksi berkas: 17 Maret – 12 April 2014
Pengumuman peserta tes tulis: 30 April 2014
Pelaksanaan tes tulis: 17 Mei 2014
Pengumuman kelulusan: 11 Juni 2014
Daftar ulang: 14 – 30 Juni 2014
Awal masuk madrasah: 7 Juli 2014 (tentatif)

Syarat Pendaftaran MAN IC

Penerimaan Peserta Didik Baru dilakukan secara transparan, terukur, dan dapat dipertanggung jawabkan. Syarat mengikuti pendaftaran peserta didik baru sebagai berikut:

Pendaftar adalah peserta didik aktif kelas IX MTs/SMP pada TP 2013/2014.
Usia pendaftar maksimal 17 tahun per 1 Juli 2014.
Pada kelas IX semester 1 tahun pelajaran 2013/2014 merupakan peserta didik terbaik pada madrasah/sekolah berdasarkan pertimbangan dan rekomendasi kepala madrasah/sekolah asal (surat rekomendasi dibuat secara kolektif oleh kepala madrasah/sekolah asal peserta didik) dengan ketentuan: Madrasah/sekolah yang mempunyai rombongan belajar kelas IX sebanyak:
a. 1 – 3 kelas, berhak mengirim maksimal 3 orang peserta
b. 4 – 6 kelas, berhak mengirim maksimal 6 orang peserta
c. > 6 kelas, berhak mengirim maksimal 9 orang peserta
Khusus pendaftar yg memiliki prestasi di bidang sains pada kompetisi tingkat nasional dan internasional, seperti ikut serta OSN, LKIR, lomba-lomba penelitian yang diselenggarakan Kemenag, Kemendikbud, LIPI, BPPT, Kemenristek, dapat diberikan rekomendasi tersendiri dari Kepala Madrasah/Sekolah asal peserta didik secara individu di luar batasan poin 3 di atas. (sifatnya opsional. kalau tidak punya, juga tidak apa-apa. sertifikat ini hanya digunakan untuk penjaringan awal murid yang berpotensi masuk kelompok studi olimpiade baik target nasional maupun internasional)

Keterangan :
Rombongan belajar adalah jumlah total kelas IX pada madrasah/sekolah tahun pelajaran 2013/2014 termasuk di dalamnya kelas regular, kelas unggulan, kelas internasional, kelas bilingual, dan kelas akselerasi. Berdasarkan keterangan ini, dapat diartikan bahwa murid yang dapat mendaftar tidak harus berada di peringkat terbaik. Syarat yang perlu ditekankan adalah jumlah maksimal murid yang bisa mendaftar dari tiap sekolahnya, tergantung jumlah kelas dalam satu angkatan. Semua murid yang berasal dari satu sekolah harus memiliki 1 surat rekomendasi kolektif yang dikeluarkan oleh sekolah. . :)

Dokumen Pendaftaran

Pendaftaran Peserta Didik Baru MAN Insan Cendekia 2013/2014 dapat dilakukan dengan pendaftaran secara online. Berkas yang diperlukan saat pendaftaran adalah sebagai berikut:

Foto 3 x 4 berwarna dalam bentuk file JPEG
Surat rekomendasi kepala madrasah/sekolah untuk peserta didik terbaik yang dipindai dalam bentuk file JPEG (dapat diunduh di sini)
Surat rekomendasi kepala madrasah/sekolah untuk peserta didik berprestasi yang dipindai dalam bentuk file JPEG (dapat diunduh di sini)
Halaman nilai rapor asli semester 1,2 kelas VII, semester 3,4 kelas VIII dan semester 5 kelas IX yang dipindai dalam bentuk file JPEG
Akte Kelahiran asli yang dipindai dalam bentuk file JPEG
(OPSIONAL) 1 buah sertifikat pendukung keikutsertaan lomba bagi siswa berprestasi di bidang sains pada kompetisi tingkat nasional atau internasional, seperti ikut serta OSN, LKIR, penelitian yang diselenggarakan Kemenag, Kemendikbud, LIPI, BPPT, Kemenristek yang dipindai dalam bentuk file JPEG >> tidak punya tidak apa-apa. tidak begitu mempengaruhi penilaian. syarat ini dicantumkan hanya untuk menjaring siswa2 yang berpotensi ikut bimbingan khusus olimpiade nasional/internasional di IC nantinya.
(OPSIONAL) Surat keterangan tinggal/menginap di pondok pesantren bagi siswa yang berasal dari SMP/MTs pondok pesantren yang dipindai dalam bentuk file JPEG (dapat diunduh di sini) >> khusus untuk siswa yang tinggal di pondok pesantren semasa SMP/MTs

Materi Tes

Meteri seleksi Penerimaan Peserta Didik Baru MAN Insan Cendekia Serpong dan MAN Insan Cendekia Gorontalo meliputi Tes Potensi Belajar (TPB) dan tes akademis untuk mata pelajaran: matematika, IPA, Bahasa Inggris, Pendidikan Agama Islam dan Bahasa Arab.

Tempat Tes dan Biaya Pendidikan

Tempat Seleksi Seleksi peserta didik baru akan dilaksanakan di tempat yang ditunjuk Kantor Wilayah Kementerian Agama tiap provinsi di setiap provinsi dengan ketentuan bahwa jumlah peserta tes di Kanwil Kemenag tersebut minimal peserta tes 30 pendaftar yang dinyatakan lulus berkas.

Biaya Pendidikan

Bagi calon peserta didik baru yang telah dinyatakan lulus akan mendapatkan subsidi pemenuhan kebutuhan pendidikan selama belajar di MAN Insan Cendekia dari Kementerian Agama Republik Indonesia.

Cara Mendaftar

Sebelum anda memulai proses pendaftaran, anda sudah menyiapkan dokumen yang disyaratkan dan email kontak anda. >>> pembuatan akun baru bisa dilakukan setelah masa pendaftaran dibuka pada 10 Maret – 5 April 2014 (lihat jadwal di atas)

Membuat account di situs penerimaan MAN Insan Cendekia
Meng-upload foto
Meng-upload dokumen-dokumen persyaratan pendaftaran
Melihat pengumuman peserta tes tulis (dapat dilihat mulai tanggal 30 April 2014) Bagi Anda yang lolos seleksi sebagai peserta tes tulis:
Men-download kartu ujian
Mengikuti ujian tulis pada waktu yang telah ditentukan
Melihat pengumuman kelulusan

pendaftaran hanya dapat dilakukan satu kali. Jadi silahkan membaca petunjuknya dengan baik dan cermat

Kontak Kami

Kementerian Agama Republik Indonesia
Direktorat Pendidikan Madrasah
Jl. Lapangan Banteng Barat No. 3-4, Jakarta Pusat
Telp. 021-3520951

MAN Insan Cendekia Serpong

Jl. Cendekia, BSD Sektor XI, Kota Tangerang Selatan, Banten 15310
Telp. 021-7563578
Faks. 021-7563582
Email: penerimaan@ic.sch.id

MAN Insan Cendekia Gorontalo

Jl. Tapa – Suwawa, Desa Moutong, Kecamatan Tilongkabila, Kabupaten Bone Bolango, Provinsi Gorontalo 96183
Telp. 0435-823692
Faks. 0435-822091
Email: penerimaan@icg.sch.id

MAN Insan Cendekia Jambi

Jl. Lintas Jambi – Muara Bulian Km. 21, Kelurahan Pijoan, Kabupaten Muaro Jambi
Telp. 0741-7051025 atau 0741-7070713
Email: mancendikiajambi@ymail.com

PERHATIAN:
Saat ini terdapat banyak sekolah lain yang menggunakan nama Insan Cendekia. Sekolah yang dirancang oleh BJ Habibie dan BPPT ini sekarang berada di bawah Depag, sehingga berstatus MAN (Madrasah Aliyah Negeri). Hanya ada tiga sekolah MAN Insan Cendekia : Serpong, Gorontalo, dan Jambi. Terima kasih. :)

Buat para pendaftar, semangat yaaa! Jangan lupa banyak-banyak berusaha dan berdoa :) . Demikian Informasi Pendaftaran ( PPDB ) MAN Insan Cendekia 2014/2015 semoga bermanfaat bagi anda

Resource : http://penerimaan.insancendekia.sch.id/

Bermain Flapy Bird di PC Tanpa Download

Bermain Flapy Bird di Komputer Tanpa Download - Bagui anda yang punya android pasti tak asing lagi dengan yang namanya gan flapy bird ini . meskipun game ini simple tapi bisa mengalahkan popularitas game android lainya ( wkwkw :) ) . Tapi bagi anda yang tidak punya android tenang aja , anda tetap bisa main kok meskipun tanpa android , tapi mainya di PC ya hehehhe .

Cara Main Game Flappy Bird di PC Tanpa Download

1. Pada bagian game dibawah ini Klik STAR
2. Kemudian Klik kiri 1x ( silahkan anda klik 1 kali dimana saja , yang penting pada layar game )
3. Gunakan space di keyboard untuk loncat loncat

Silahkan Brow anda main sepuasnya game Flapy Birdnya hehehhe , tapi hati-hati ya sebab ada efek sampingnya yaitu kesal , pusing marah ( wkwkwkk just kidding )

Membuat Share Button Sosial Media Tanpa Javascript

Membuat Share Button Sosial Media Tanpa Javascript - Hembs setelah lama saya tidak update karena kemaren sibuk buanget ( ada MID semester ) kali ini setelah semesteran dan liburan saya akan membagikan kepada sahabat blogger tentang bagaimana membuat tombol share buton sosial media yang keren tanpa javascript , karena kebanyakan tombol share menggunakan javascript al-hasil blog loadingnya menjadi agak lambat karena adanya javascript tadi :)

Berikut Cara Membuat Share Button Sosial Media Tanpa Javascript

1. Pertama sobat Simpan kode CSS di bawah ini tepat di atas kode ]]></b:skin> atau </style>

#share-button{overflow:hidden}
#share-button p{float:left;display:block;padding:5px 8px!important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}
#share-button a{float:left;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}
#share-button a:hover{top:1px;left:1px;box-shadow:0 0 3px rgba(1,1,1,.1)}

2 Langkah Kedua sobat Copy kode di bawah ini dan letakkan di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='share-button' style='margin-top:8px;'>
<p><span style='font-size:17px;font-weight: bold;'>Suka artikel ini? bagikan</span></p><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#3b5998;' target='_blank' title='Facebook'>Facebook</a><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#c0361a;' target='_blank' title='Google+'>Google+</a>
<a expr:href='&quot;http://www.blogger.com/share-post.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot;+ data:post.id + &quot;&amp;amp;target=twitter&quot;' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' style='background:#4099ff;' target='_blank' title='Twitter'>Twitter</a></div>
</b:if>

3. Langkah yang terakhir simpan template dan lihat hasilnya

Demikian dari saya tutorial tentang Membuat Share Button Sosial Media Tanpa Javascript semoga cara tersebut bermanfaat bagi anda , bila ada kendala atau request sesuatu silahkan komentar dibawah :)