tag:blogger.com,1999:blog-40277282436540414792018-12-30T02:34:54.767+07:00Saeful13Solutions For YouSaeful Rahmannoreply@blogger.comBlogger4815tag:blogger.com,1999:blog-4027728243654041479.post-86649189297094414492014-01-14T22:11:00.000+07:002014-01-14T22:13:30.929+07:00Mengalihkan Halaman Error ke Halaman Utama<div style="text-align: justify;">Masih berkutat di Tag Kondisional, berhubung ada pertanyaan dari pengunjung yang menanyakan :<br /><blockquote>"Bagaimana cara mengalihkan halaman error ke halaman utama secara otomatis ?" </blockquote>Kurang lebih pertanyaannya seperti itu. Sempet bingung juga gimana harus jawabnya, saya pikir kita bisa memanfaatkan redirect url. Akhirnya saya menemukan solusinya, dengan memanfaatkan <code>location.replace</code> dan penambahan bumbu Tag Kondisional kita bisa mengalihkan semua halaman error ke halaman utama/homepage. Pertama dan terkahir simpan kode dibawah ini diatas kode <code></body></code> :D .<br /><pre><code><b:if cond='data:blog.pageType == &quot;error_page&quot;'><br /><script type="text/JavaScript"><br />location.replace('URL HOMEPAGE');<br /></script><br /></b:if></code></pre><br />atau<br /><br /><pre><code><b:if cond='data:blog.pageType == &quot;error_page&quot;'><br /><script type="text/JavaScript"><br />window.location.href="URL HOMEPAGE";<br /></script><br /></b:if></code></pre><br /><br />Kinerja dari script diatas kurang lebih seperti ini, jadi script diatas hanya akan berfungsi pada halaman error saja karena kita sudah menambahkan tag kondisional. Nah, saat kita masuk ke halaman error otomatis script ini bekerja dan mengalihkan langsung ke halaman utama/homepage.<br /><br /><b>Baca :</b><br /><ul><li><a href="http://saeful13.blogspot.com/2014/01/cara-ampuh-bikin-halaman-error-fast.html" target="_blank">Cara Ampuh Bikin Halaman Error Fast Loading</a></li><li><a href="http://saeful13.blogspot.com/2013/12/mengenal-tag-kondisional.html" target="_blank">Mengenal Tag Kondisional</a></li></ul>Gimana ?? Semoga bermanfaat..</div><div class="blogger-post-footer">http://feeds.feedburner.com/Saeful13</div>Saeful Rahmanhttps://plus.google.com/111695896029061251608noreply@blogger.com35tag:blogger.com,1999:blog-4027728243654041479.post-33469063766965711732014-01-05T17:33:00.001+07:002014-01-05T17:40:18.885+07:00Cara Ampuh Bikin Halaman Error Fast LoadingBingung mau posting apa, jadinya seperti ini deh bikin judul postingan Indonesia campur Inggris wkwkw :D . Disini saya cuma mau ngasih tips biar halaman error loadingnya cepet. Contohnya seperti ini <a href="http://saeful13.blogspot.com/error404">http://saeful13.blogspot.com/error404</a>. Sebenarnya teknik ini hanya menggunakan tag kondisional beserta pengingkaran.<br /><div style="text-align:Center"><img alt="Error Page" src="http://2.bp.blogspot.com/-kFROYSvdsAw/UskyxlIhdjI/AAAAAAAACk4/Q9KFVeGP5A4/s1600/404+ERROR.png"/></div><ul style="text-align: left;"><li><b>Baca :</b> <a href="http://saeful13.blogspot.com/2013/12/mengenal-tag-kondisional.html" target="_blank" title="Mengenal Tag Kondisional">Mengenal Tag Kondisional</a></li></ul>Saya ambil sampel HTML blog saya, biasanya seperti ini.<br /><pre><code><HTML><br /></head><br /><body><br /> <div id='header'/><br /> <div id='outer-wrapper'><br /> <div id='main-wrapper'><br /> <article id='post hentry'/><br /> <div id='sidebar-wrapper'/><br /> </div><br /> </div><br /></body><br /></HTML></code></pre>Kita coba berikan tag kondisional dengan pengingkarannya, jadinya seperti ini. Simpan tag kondisionalnya dibawah kode <code><body></code> dan penutupnya diatas kode <code></body></code>.<br /><pre><code><HTML><br /></head><br /><b:if cond='data:blog.pageType != &quot;error_page&quot;'><br /><body><br /> <div id='header'/><br /> <div id='outer-wrapper'><br /> <div id='main-wrapper'><br /> <article id='post hentry'/><br /> <div id='sidebar-wrapper'/><br /> </div><br /> </div><br /></b:else><br /><span style="background-color: #e69138;color:white">Disini kode CSS dan HTML Error Page</span><br /></b:if><br /></body><br /></HTML></code></pre>Biasanya dalam membuat halamn error kita sering menggunakan css <code>display:none</code> untuk menghilangkan elemen tertentu, namun itu tidak efektif karena masih terbaca oleh browser.<div class="blogger-post-footer">http://feeds.feedburner.com/Saeful13</div>Saeful Rahmanhttps://plus.google.com/111695896029061251608noreply@blogger.com60tag:blogger.com,1999:blog-4027728243654041479.post-42444814220035069992013-12-29T20:44:00.000+07:002013-12-29T20:44:19.291+07:00Mengenal Tag Kondisional<a href="http://saeful13.blogspot.com/2013/12/mengenal-tag-kondisional.html">Tag Kondisional</a> adalah suatu kode yang digunakan untuk menampilkan/menyembunyikan suatu konten. Mungkin sahabat blogger sudah mengetahui Apa Tag Kondisional atau sobat baru tahu sekarang. Masih bingung ?? yuk kita langsung bahas aja disini biar lebih jelas dan paham walaupun saya sendiri masih agak kurang paham haha. :D <br /><h3>Tag Kondisional Halaman Awal ( Homepage )</h3>Halaman awal atau halaman muka adalah alamat blog kita sendiri<br /><b>Contoh :</b> <ul><li><a href="http://saeful13.blogspot.com/" target="_blank">http://saeful13.blogspot.com/</a></li></ul><pre><code><b:if cond='data:blog.url == data:blog.homepageUrl'> <br />Disini Objek Disimpan<br /></b:if></code></pre><h3>Tag Kondisional Halaman Item</h3>Halaman item adalah halaman dimana artikel kita dipublish atau biasa kita menyebutnya halaman posting. <br /><b>Contoh :</b> <ul><li><a href="http://saeful13.blogspot.com/2013/11/membuat-widget-google-plus-author.html" target="_blank">http://saeful13.blogspot.com/2013/11/membuat-widget-google-plus-author.html</a></li></ul><pre><code><b:if cond='data:blog.pageType == &quot;item&quot;'> <br />Disini Objek Disimpan<br /></b:if></code></pre><h3>Tag Kondisional Halaman Arsip</h3>Halaman arsip adalah halaman muka yang diikuti oleh cabang URL tahun dan tanggal, namun tidak sampai kepada nama berkas halaman item, hanya sampai pada URL dengan akhir cabang <code>archive.html</code> di ekornya. <br /><b>Contoh :</b> <ul><li><a href="http://saeful13.blogspot.com/2013_09_01_archive.html" target="_blank">http://saeful13.blogspot.com/2013_09_01_archive.html</a></li><li><a href="http://saeful13.blogspot.com/2013_10_01_archive.html" target="_blank">http://saeful13.blogspot.com/2013_10_01_archive.html</a></li></ul><pre><code><b:if cond='data:blog.pageType == &quot;archive&quot;'> <br />Disini Objek Disimpan<br /></b:if></code></pre><h3>Tag Kondisional Halaman Statis</h3>Halaman statis adalah halaman khusus dari blogger. Halaman ini tidak akan masuk dalam arsip blog walaupun di publish. Ciri dari halaman statis adalah adanya tanda <code>p</code> pada url halamannya. <br /><b>Contoh :</b> <ul><li><a href="http://saeful13.blogspot.com/p/forum.html" target="_blank">http://saeful13.blogspot.com/p/forum.html</a></li><li><a href="http://saeful13.blogspot.com/p/contact.html" target="_blank">http://saeful13.blogspot.com/p/contact.html</a></li><li><a href="http://saeful13.blogspot.com/p/daftar-isi.html">http://saeful13.blogspot.com/p/daftar-isi.html</a></li></ul><pre><code><b:if cond='data:blog.pageType == &quot;static_page&quot;'> <br />Disini Objek Disimpan<br /></b:if></code></pre><h3>Tag Kondisional Halaman Label</h3>Halaman label adalah halaman hasil sortir dengn dikuti cabang search/label/nama_label<br /><b>Contoh :</b> <ul><li><a href="http://saeful13.blogspot.com/search/label/SEO?max-results=5" target="_blank">http://saeful13.blogspot.com/search/label/SEO</a></li></ul><pre><code><b:if cond='data:blog.searchLabel'><br />Disini Objek Disimpan<br /></b:if></code></pre><h3>Tag Kondisional Halaman Label Tertentu</h3>Halaman label adalah halaman hasil sortir dengn dikuti cabang search/label/nama_label. Jadi kamu bisa menyembunyikan atau menampilkan halaman label yang diinginkan.<br /><b>Contoh :</b> <ul><li><a href="http://saeful13.blogspot.com/search/label/JavaScript?max-results=5" target="_blank">http://saeful13.blogspot.com/search/label/JavaScript</a></li></ul><pre><code><b:if cond='data:blog.searchLabel == &quot;<span style="background-color: #ffd966;">Template</span>&quot;'><br />Disini Objek Disimpan<br /></b:if></code></pre><h3>Tag Kondisional Halaman Tertentu</h3>Tag kondisional ini digunakan jika kamu ingin menampilkan atau menyembunyikan objek pada tipe halaman tertentu.<br /><b>Contoh :</b> <ul><li><a href="http://saeful13.blogspot.com/2013/12/manipulasi-komentar-admin-melalui-url.html" target="_blank">http://saeful13.blogspot.com/2013/12/manipulasi-komentar-admin-melalui-url.html</a></li></ul><pre><code><b:if cond='data:blog.url == &quot;<span style="background-color: #ffd966;">URL HALAMAN</span>&quot;'><br />Disini Objek Disimpan<br /></b:if></code></pre><h3>Tag Kondisional Halaman Kesalahan/Error Page</h3>Halaman ini adalah halaman yang tidak ada atau hilang.URL yang tidak benar dan mengarah kepada sesuatu yang tidak pernah ada pada blog kita.<br /><b>Contoh :</b> <ul><li><a href="http://saeful13.blogspot.com/error404" target="_blank">http://saeful13.blogspot.com/error404</a></li></ul><pre><code><b:if cond='data:blog.pageType == &quot;error_page&quot;'><br />Disini Objek Disimpan <br /></b:if></code></pre><br /><h3>Kesimpulan</h3>Intinya tag kondisional digunakan untuk menampilkan atau menyembunyikan objek yang diinginkan. Tag kondisional biasanya diawali dengan kode <code><i rel="code"><b:if bla..blaa></i></code> dan diakhiri dengan kode <i rel="code"></b:if></i><br /><div class='infok'><b>Referensi</b><br />http://www.dte.web.id/2011/08/tag-kondisional-tingkat-lanjut.html<br />http://www.dte.web.id/2011/08/pemahaman-tag-kondisional-tingkat.html<br />http://blog.kangismet.net/2012/10/tag-kondisional-dan-cara-penggunaannya.html<br /></div><div class="blogger-post-footer">http://feeds.feedburner.com/Saeful13</div>Saeful Rahmanhttps://plus.google.com/111695896029061251608noreply@blogger.com43tag:blogger.com,1999:blog-4027728243654041479.post-50719163433751123792013-12-15T21:46:00.001+07:002013-12-16T20:33:23.549+07:00Manipulasi Komentar Admin Melalui URL<div style="text-align: justify;"><div style="text-align: center;"><img alt="jQuery" src="http://1.bp.blogspot.com/-M9wlDVxm99Y/Uq2_sYJOejI/AAAAAAAACjY/LnKj9IwqR8I/s1600/Manipulasi+Komentar+Admin+Melalui+URL.jpg" /></div><a href="http://saeful13.blogspot.com/2013/12/manipulasi-komentar-admin-melalui-url.html"><b>Manipulation Admin Comment With jQuery</b></a> - Membuat komentar admin berbeda dengan pengunjung tentunya bisa dilakukan dengan <b>CSS</b>. Nah, saya mencoba memanfaatkan jQuery yang digunakan untuk banned spammer yang di bahas di blog <a class="g-profile" href="http://plus.google.com/113292956133224747560" target="_blank">+Kang Ismet</a>. Setelah gagal percobaan beberapa kali, ujungnya konsultasi sama mas <a class="g-profile" href="http://plus.google.com/108949996304093815163" target="_blank">+Taufik Nurrohman</a>. Dengan memanfaatkan jQuery ini kita bisa menggunakan beberapa url yang bisa dijadikan komentar admin, misalnya link OpenId. Kinerja dari jQuery ini adalah memanfaatkan url target untuk dijadikan acuan manipulasi. Langsung saja bagaimana caranya :D .</div><ul style="text-align: left;"><li><b>Baca :</b> <a href="saeful13.blogspot.com/2013/12/bcalm-responsive-blogger-template.html">Bcalm Responsive Blogger Template</a></li></ul><div style="text-align: justify;">Silakan simpan kode ini diatas kode <code></body></code>. <br /><pre><code><script type='text/javascript'><br />//<![CDATA[<br />var urlAdmin = [<br /> "URL ADMIN PERTAMA", // Admin 1<br /> "URL ADMIN KEDUA", // Admin 2<br /> "URL ADMIN KETIGA" // Admin 3<br />];<br />$.each(urlAdmin, function(i) {<br /> $('a[href="' + urlAdmin[i] + '"]').closest('.comment_inner').css('border-top', '5px solid #ED1C24');<br />});<br />//]]><br /></script></code></pre><div style="text-align: center;"><a class="button" href="http://jsfiddle.net/Saeful13/R4brg/3/show/" target="_blank">Demo</a></div>Dari kode diatas saya memberi efek border pada <code>.comment_inner</code>. Silakan kalian kembangkan kembali untuk memberikan efek yang kalian inginkan pada komentar admin.<code>.comment_inner</code> adalah <code>Class/Id</code> yang akan diberi efek, sedangkan <code>.css</code>efek yang akan diberika. Bila ada masalah bisa ditanyakan pada kolom komentar. Semoga bermanfaat .. :D </div><div class="blogger-post-footer">http://feeds.feedburner.com/Saeful13</div>Anonymousnoreply@blogger.com46tag:blogger.com,1999:blog-4027728243654041479.post-4638801535103656562013-12-14T10:15:00.001+07:002013-12-14T13:05:35.290+07:00BCalm Responsive Blogger Template<div style="text-align: justify;"><b><a href="http://saeful13.blogspot.com/2013/12/bcalm-responsive-blogger-template.html" target="_blank">BCalm Responsive Blogger Template</a></b> - Kangen rasanya sudah lama gak ngeblog, banyak hal yang sudah terlewatkan setelah vacum dari dunia blogger selama kurang lebih 1 bulan. Sudah lama gak ngeblog berasa kayak orang kudet lol . Saya ucapkan terima kasih buat rekan - rekan blogger yang sudi mampir di blog jelek ini dan tak jelas ini :) . Banyak komentar yang masuk belum sempat saya jawab, saya minta maaf bukan karena sombong atau apa karena kesibukan saya sendiri di dunia nyata. </div><br /><div style="text-align: justify;">Berhubung banyak dari rekan blogger menanyakan template yang saya pakai. Oleh karena itu saya ingin berbagi sebuah template yang saya beri nama <b>BCalm Responsive Blogger Template</b>. Ini adalah template buatan pertama saya yang saya share di blog ini.<br /><table class="tabel"><tbody><tr> <th><div style="text-align: center;">Preview</div></th><th><div style="text-align: center;">Information</div></th></tr><tr> <td> <div style="text-align: center;"><img alt="BCalm" src="http://3.bp.blogspot.com/-6loJ-IXUANw/UqRBTqaSJDI/AAAAAAAACic/b-ye8s7_4bg/s1600/BCalm+Responsive+Blogger+Template.jpg" /></div></td><td> <div style="text-align: left;"><b>Nama : </b>BCalm Responsive Blogger Template<br /><b>Author : </b>Saeful Rahman<br /><b>Designer : </b>Saeful Rahman<br /><b>Site : </b><a href='http://saeful13.blogspot.com/' target='_blank'>http://saeful13.blogspot.com/</a></div></td></tr><tr><td class='demo'><a href="http://b-calm.blogspot.com" target="_blank">Demo</a></td><td class='download'><a href="https://app.box.com/s/azqcpflnd67dlgdtxjwa" target="_blank">Download</a></td></tr><tr> <th><div style="text-align: center;">Feature</div></th><th><div style="text-align: left;">Description</div></th></tr><tr><td>Design Elegant and Full Color</td><td>-</td></tr><tr><td>Fast Loading</td><td>-</td></tr><tr><td>Responsive</td><td>-</td></tr><tr><td>Valid HTML5</td><td>Home Page</td></tr><tr><td>Valid CSS3</td><td>-</td></tr><tr><td>Social Icon</td><td>Facebook, Twitter and Google Plus</td></tr><tr><td>Optimaze SEO</td><td>-</td></tr><tr><td>Threadded Comment</td><td>-</td></tr><tr><td>Emoticon</td><td>Post and Comment</td></tr><tr><td>Related Post With Image</td><td>-</td></tr><tr><td>Page Navigation</td><td>-</td></tr></tbody></table><br /><h3>Menu</h3><pre><code><div id='menu'><br /><ul><br /><li><a href='#'>Home</a></li><br /><li><a href='#'>About</a></li><br /><li><a href='#'>Sitemap</a></li><br /><li><a href='#'>Contact</a></li><br /></ul><br /></div></code></pre><br /><div class="ingat">Dilarang untuk mengganti atau menghilangkan link credit pembuat. Semoga apa yang saya bagikan ini dapat bermanfaat buat sobat semua :) </div></div><div class="blogger-post-footer">http://feeds.feedburner.com/Saeful13</div>Saeful Rahmanhttps://plus.google.com/111695896029061251608noreply@blogger.com58