tag:blogger.com,1999:blog-18995687389555906762024-03-13T22:25:31.320-07:00MALES DESIGN TEMPLATE BLOGTemplate Blog Modifikasi Terbaru, Ringan, Responsive, Seo Friendly Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.comBlogger15125tag:blogger.com,1999:blog-1899568738955590676.post-23767924223005571402016-08-15T08:40:00.001-07:002016-08-15T08:41:44.042-07:00Menghilangkan Gambar Pensil, Tang dan Obeng<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<b>Cara Mudah Menghilangkan Gambar Pensil, Tang dan Obeng</b> pada setiap Widget dan juga pada postingan Blog. Tips Trik - Icon tersebut pastinya sering kita jumpai pada template blog kita. Terutama pada template bawaan blogger, Fungsi dari macam-macam icon tersebut tidak lain untuk memudahkan kita saat meng edit widget maupun postingan kita, singkatnya jalan pintas untuk mengedit tanpa masuk ke dashboard blog. Namun tidak disangka (ini menurut saya) Icon icon tersebut ternyata dapat mengurangi Skor SEO pada blog. Entahlah.. pas dicek SEO suruh dihapus gituh..he</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="317" src="https://4.bp.blogspot.com/-1HaTorhyCG8/V7HhrTgyzRI/AAAAAAAAFoY/FjrqI-FvJv8yFgmTDEGUYy-SY2eoLRH4ACLcB/s320/menghilangkan%2Bgambar%2Btang%252Cobeng%2Bdan%2Bpensil.jpg" width="320" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Selain itu penampilan blog juga terlihat tidak rapi dan terlihat kurang menarik,setidaknya itu menurut saya. Jika Anda punya pemikiran yang sama dengan saya, Berikut cara saya menghapus icon - icon tersebut. Ada banyak cara, mari kita bahas satu persatu. Silahkan simak tutorial berikut ini :</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>I. Menghilangkan Gambar Tang dan Obeng pada Widget Blog.</b></div>
<span style="color: white;">o. </span>Disini ada 2 cara yaitu <b>Cara Manual</b> dan <b>Cara Otomatis</b>.<br />
<b>a. Cara Manual</b><br />
<span style="color: white;">o.</span>1. Masuk dashboard blog >> Template >> Edit Html<br />
<span style="color: white;">o.</span>2. Cari kode berikut (Gunakan CTRL+F untuk mencari) :<br />
<blockquote class="tr_bq">
<b:include name='quickedit'/></blockquote>
<span style="color: white;">o.</span>3. Kalau ketemu Hapus semua Kode tersebut yang ada pada template<br />
<b>b. Cara Otomatis</b><br />
<span style="color: white;">o.</span>1. Masuk dashboard blog >> Template >> Edit Html<br />
<span style="color: white;">o.</span>2. Cari kode berikut (Gunakan CTRL+F untuk mencari) :<br />
<blockquote class="tr_bq">
]]></b:skin> atau </style></blockquote>
<span style="color: white;">o.</span>3. Copy Kode dibawah ini dan pastekan diatas kode no.2<br />
<blockquote class="tr_bq">
.quickedit{display:none;}</blockquote>
<span style="color: white;">o.</span>4. Simpan Template<br />
<br />
<u><b>Keterangan</b></u><br />
Cara manual : Setiap kita menambahkan widget kode <b:include name='quickedit'/> akan muncul kembali, Nah disini kita harus menghapusnya. Cara ini dapat meningkatkan Skor SEO pada blog.<br />
Cara Otomatis : Simpel dan cepat, namun untuk skor seo tidak berubah.<br />
Saran saya gunakan cara manual saja.<br />
<br />
<b>II. Menghilangkan Gambar Tang dan Obeng pada Widget Blog.</b> <br />
<span style="color: white;">o. </span>Disini juga ada 2 cara yaitu <b>Cara Manual</b> dan <b>Cara Otomatis</b>.<br />
<b>a. Cara Manual</b><br />
<span style="color: white;">o.</span>1. Masuk dashboard blog >> Tata Letak <br />
<span style="color: white;">o.</span>2. Edit Blog Post / Posting Blog<br />
<span style="color: white;">o.</span>3. Hilangkan tanda centang pada Opsi Laman Entri<br />
<span style="color: white;">o.</span>4. Selesai dan Simpan<br />
<b>b. Cara Otomatis</b><br />
<span style="color: white;">o.</span>1. Masuk dashboard blog >> Template >> Edit Html<br />
<span style="color: white;">o.</span>2. Cari kode berikut (Gunakan CTRL+F untuk mencari) :<br />
<blockquote class="tr_bq">
<b:include data='post' name='postQuickEdit'/></blockquote>
<span style="color: white;">o.</span>3. Kemudian Hapus kode tersebut.<br />
<span style="color: white;">o.</span>4. Selesai dan Simpan Template<br />
<div style="text-align: justify;">
<br />
Nah demikianlah tutorial mengenai <a href="http://malesdesign.blogspot.co.id/2016/08/menghilangkan-gambar-pensil-tang-dan.html"><b>Cara Menghilangkan Gambar Pensil, Tang dan Obeng pada Blog</b></a>. Mudah mudahan bisa menambah pengetahuan kita tentang blogger. Semoga bermanfaat</div>
</div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com0tag:blogger.com,1999:blog-1899568738955590676.post-69713530303825686052016-08-14T05:21:00.002-07:002016-08-15T09:33:23.857-07:00Cara Agar Link Terbuka Di Halaman Baru ( New Tab )<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<b>Cara Membuka Halaman Baru ( New Tab ) ketika Link Di Klik - Cara Manual dan Otomatis. </b>Tips Trik Blogger Males Design. Cara ini banyak dipakai oleh para blogger tidak lain bertujuan agar membuat pengunjung tidak bolak balik halaman ketika klik Link Aktiv pada blog kita. </div>
<div style="text-align: center;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="260" src="https://2.bp.blogspot.com/-8qxAAsJpm4I/V7Bhp-l7fII/AAAAAAAAFoI/vSRXC5i0yiYhOIN7OEIeJK9xLTP_CgCRQCLcB/s320/males%2Bdesign.jpg" width="320" /></div>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Berikut saya kasih penjelasan sedetail mungkin agar kita yang masih awam juga mengerti, yuk langsung saja kita bahas. Selamat menyimak :</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Pertama Membuat Link New Tab secara manual</b></div>
<div style="text-align: justify;">
Susunan link biasanya seperti berikut ini :</div>
<div style="text-align: justify;">
<blockquote class="tr_bq">
<a href="Url Link">Nama Link</a></blockquote>
Kita sisipkan kode berikut :<br />
<blockquote class="tr_bq">
target="_blank"</blockquote>
Hingga hasilnya seperti kode ini :<br />
<blockquote class="tr_bq">
<a href="Url Link" target="_blank">Nama Link</a></blockquote>
Cara pertama selesai.<br />
<br />
<b>Kedua Membuat Link New Tab pada Postingan</b></div>
Blok Nama Link pada postingan, misal kata <span style="background-color: #3d85c6;">Download</span><br />
klik tulisan <b><span style="color: #0b5394;"><u>Link</u></span></b> ( Pilihan Menu diatas )<br />
Centang "Open this link in a new window"<br />
atau<br />
Jika sudah terdapat link aktiv maka tinggal klik link tersebut<br />
Pilih Change lalu Centang "Open this link in a new window"<br />
<br />
<b>Ketiga Membuat Link New Tab Otomatis</b> <br />
Cara ini akan membuat semua link aktiv terbuka dihalaman baru<br />
Masuk pada Template >> Edit Html<br />
Cari kode berikut ini :<br />
<blockquote class="tr_bq">
</head></blockquote>
Gunakan CTRL + F untuk permudah pencarian<br />
Kemudian Copas kode dibawah ini dan letakkan diatas kode </head> <br />
<blockquote class="tr_bq">
<base target='_blank'/></blockquote>
Simpan template.<br />
<br />
Nah itulah cara agar link aktiv bisa terbuka di halaman baru. Mudahkan.. ^^ Semoga bermanfaat. </div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com3tag:blogger.com,1999:blog-1899568738955590676.post-77830431870472652122016-08-14T04:23:00.001-07:002016-08-14T04:28:00.215-07:00Elite Evomals Blog [Template Gratis]<div style="text-align: center;">
<b>Template Blogger</b><b> Modifikasi Terbaru, Fast Loading, Responsive, Seo Friendly Terbaru. </b></div>
<div style="text-align: center;">
<b>Download Template <span style="font-size: large;"><span style="color: #cc0000;">Gratis</span></span> </b><b>Males Design Elite Evomals</b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b></b></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-7WgSk2VyhUg/V7BR49RJcYI/AAAAAAAAFn4/R6PuwF_qdZgYLXAFPzGckjRpASfEtCA-gCLcB/s1600/Elite%2BEvomals.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-7WgSk2VyhUg/V7BR49RJcYI/AAAAAAAAFn4/R6PuwF_qdZgYLXAFPzGckjRpASfEtCA-gCLcB/s1600/Elite%2BEvomals.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div style="margin: 10px 0; text-align: center;">
<a class="malesdesign-demo" href="http://eliteevomals.blogspot.co.id/" target="_blank">DEMO</a>
<a class="malesdesign-demo" href="http://malesdesign.blogspot.co.id/p/blog-page_77.html" target="_blank">DOWNLOAD</a>
</div>
<u><b>Tentang Template :</b></u><br />
<div style="text-align: justify;">
- Responsive, Fast Loading, dan Seo Friendly</div>
<div style="text-align: justify;">
- 2 Kolom dengan Desain Menarik</div>
<div style="text-align: justify;">
- Komentar Facebook</div>
<div style="text-align: justify;">
- Related Artikel Menarik</div>
<div style="text-align: justify;">
- Back To Top<br />
- dll<br />
<br />
<div style="text-align: center;">
<span style="color: #cc0000;"><span style="font-size: large;"><b>Akan Hadir Versi Premiumnya </b></span></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com3tag:blogger.com,1999:blog-1899568738955590676.post-73358273272794835282016-08-05T18:25:00.003-07:002016-08-07T04:19:25.098-07:00Render Blocked Resources Pada Webmaster Tool<div style="text-align: justify;">
<b>Cara Mengatasi atau Merender Blocked Resources</b> - Membebaskan Sumber Daya yang di Blokir. Seperti yang sudah saya postingkan sebelumnya mengenai <a href="http://malesdesign.blogspot.co.id/2016/08/blocked-resources-dan-permasalahannya.html" target="_blank"><b>permasalahan blocked resources</b></a> yang sering dihadapi para bloggerwan bloggerwati dalam webmaster, untuk posting ini kita bahas Cara Mengatasi atau Merender artikel yang terkena blokir.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="260" src="https://1.bp.blogspot.com/-yHphXjASaVU/V6TTTG2ddwI/AAAAAAAAFmA/EExxy2ahu1QXUfWWp2gfEw6aYNf7PVWbQCEw/s320/males%2Bdesign.jpg" width="320" /></div>
<div style="text-align: justify;">
<br />
Simak langkah - langkah merender sumber yang diblokir berikut ini :</div>
<div style="text-align: justify;">
1. Pertama silahkan masuk ke Webmaster Tool<br />
2. Pada dasboard pilih Situs Web atau Blog kita<br />
<span style="color: white;">0. </span>[Pastikan sudah terdaftar dan memasukkan Kode Kepemilikan Blog]<br />
<span style="color: white;">0. </span>Belum tahu caranya..?? silahkan baca <b>DISINI</b><br />
3. Pilih menu <b>Google Index </b>>> klik<b> Blocked Resources</b><br />
<span style="color: white;">0. </span>Pada halaman tersebut menunjukkan seperti gambar diatas. <br />
4. Klik Url <b>Host</b> >> Klik <b>Url yang diblokir </b><br />
5. Dari Url tersebut akan ditunjukkan laman yang diblokir<br />
6. Klik satu persatu laman tersebut dan akan muncul kolom.<br />
<span style="color: white;">0. </span>Pilih nomer 1, Lihat gambar dibawah :<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://4.bp.blogspot.com/-VTKH-tcGsvI/V6U32P4Y5aI/AAAAAAAAFmM/xK0eEiyqnIsBfooAAE-jt48atc5fjfehQCLcB/s1600/render.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="122" src="https://4.bp.blogspot.com/-VTKH-tcGsvI/V6U32P4Y5aI/AAAAAAAAFmM/xK0eEiyqnIsBfooAAE-jt48atc5fjfehQCLcB/s400/render.jpg" width="400" /></a></div>
<br />
7. Kemudian kita akan diarahkan ke halaman Render<br />
<span style="color: white;">0.</span> Pilih Ambil dan Render <br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://4.bp.blogspot.com/-noQntAUsmn0/V6U417EnR7I/AAAAAAAAFmU/c9Y5SLPvwIAhGhsC_Vzf3M0Bk36MZ8TcwCLcB/s1600/render2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="https://4.bp.blogspot.com/-noQntAUsmn0/V6U417EnR7I/AAAAAAAAFmU/c9Y5SLPvwIAhGhsC_Vzf3M0Bk36MZ8TcwCLcB/s400/render2.jpg" width="400" /></a></div>
<br />
8. Kemudian halaman akan seperti ini :<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://3.bp.blogspot.com/--3470OXeQQM/V6U6E-9UfuI/AAAAAAAAFmg/9HN2dWQXYHQ7O5W_xbliCEqeIyfyf_dcACEw/s1600/render3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="62" src="https://3.bp.blogspot.com/--3470OXeQQM/V6U6E-9UfuI/AAAAAAAAFmg/9HN2dWQXYHQ7O5W_xbliCEqeIyfyf_dcACEw/s400/render3.jpg" width="400" /></a></div>
<br />
9. Akan ada halaman munculan seperti gambar dibawah ini :<br />
<span style="color: white;">0. </span>Lewati Capcha dan pilih salah satu perayapan. <br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://4.bp.blogspot.com/-F_axnrK-nxA/V6U6j4NFIEI/AAAAAAAAFmk/oy7kHrD2FOQRKl5A4SMtmY1BTEQJFCQ3gCLcB/s1600/render4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="251" src="https://4.bp.blogspot.com/-F_axnrK-nxA/V6U6j4NFIEI/AAAAAAAAFmk/oy7kHrD2FOQRKl5A4SMtmY1BTEQJFCQ3gCLcB/s400/render4.jpg" width="400" /></a></div>
10. Kirim dan Selesai.<br />
<br />
Cara diatas mungkin memang sedikit ribet karena harus satu persatu. Perlu diketahui hal seperti diatas yaitu masalah Blocked Resources bisa muncul dan bertambah kapan saja. Jadi kita bisa sesering mungkin mengecek Webmaster Tool kita.<br />
<br />
<b>Baca : <a href="http://malesdesign.blogspot.co.id/2016/08/blocked-resources-dan-permasalahannya.html" target="_blank">Permasalahan Blocked Resources dan Cara Mencegahnya</a></b><br />
<br />
Demikian tutorial saya mengenai <b><a href="http://malesdesign.blogspot.co.id/2016/08/merender-blocked-resources-pada.html">Cara Merender Blocked Resources Pada Webmaster Tool</a>. </b>Semoga bermanfaat </div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com3tag:blogger.com,1999:blog-1899568738955590676.post-33202670538222640172016-08-05T10:57:00.004-07:002016-08-05T18:33:09.886-07:00 Blocked Resources dan Permasalahannya<div style="text-align: justify;">
Membuat blog ada banyak hal yang harus diperhatikan, salah satunya harus didukung oleh webmaster.<b> </b>Ini bertujuan untuk memonitor perkembangan serta permasalahan didalam blog kita. Untuk posting kali ini kita bicarakan salah satu masalah yang bisa saja terjadi, salah satunya permasalahan yang sering saya dapatkan sebagai seorang blogger newbie yang belum tahu banyak soal blogging.<br />
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="260" src="https://4.bp.blogspot.com/-yHphXjASaVU/V6TTTG2ddwI/AAAAAAAAFl8/T-ZnzKpe2UQLaEKbo6lPayMgxEWm23phQCLcB/s320/males%2Bdesign.jpg" width="320" /></div>
<br />
Permasalahan yang sering saya dapatkan ada banyak, salah satunya mengenai <b> Blocked Resources. </b>Berdasarkan pertanyaan yang saya ajukan ke <a href="https://productforums.google.com/forum/#!forum/webmaster-id" target="_blank"><b>Forum Bantuan Webmaster Tool</b></a> mengenai Blocked Resources atau kalau di indonesia kan artinya sumber yang diblokir ini merupakan sumber dari pihak ketiga, seperti misalnya histats, widget sharing, atau gambar-gambar iklan yang ada pada blog kita. Kebanyakan disebabkan oleh iklan Popup yang menampilkan halaman baru ketika kita klik di sembarang tempat ( bahasa gaulnya Ngenew Tab). Saran saya hindari kalau bisa copot semua iklan yang mengakibatkan hal tersebut.<br />
<br />
<b>Berikut adalah pertanyaan yang saya ajukan : </b></div>
<ul style="text-align: justify;">
<li>Semakin hari Blocked Resources semakin banyak, kenapa bisa? apa masalahnya??</li>
<li>Bagaimana cara mencegahnya??? Tolong berikan penjelasan jangan hanya keterangan.</li>
<li>CARA MENCEGAHNYA..?? BUKAN CARA MENGATASINYA..!!</li>
</ul>
<div style="text-align: justify;">
<div>
<b>Dan ini jawaban yang saya dapatkan :</b></div>
<div>
Setelah
dirender, bagaimana perbandingan yang kamu lihat? Di sana mestinya
kelihatan bagian mana dari situsmu yang tidak dapat dibaca oleh
googlebot. Dan biasanya ada daftar URL apa saja yang merupakan blocked
resources. </div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kalau misalnya yang merupakan
blocked resources itu adalah sumber dari pihak ketiga, misalnya seperti
"histats", widget sharing, atau gambar-gambar iklan lain, maka itu tidak masalah, karena kan bukan bagian dari
konten utamamu yang harus dibaca oleh googlebot. Dan lagipula bukan dari
host-mu, jadi tidak bisa diapa-apakan. Abaikan saja laporannya.<br />
<br /></div>
<blockquote class="tr_bq">
CARA MENCEGAHNYA..?? BUKAN CARA MENGATASINYA..!!</blockquote>
<div style="text-align: justify;">
<br />
<b>Hindari hal-hal ini:</b></div>
<ul style="text-align: justify;">
<li>Konten salinan</li>
<li>Membuat laman yang berisi sedikit atau tanpa konten asli</li>
<li>Berpartisipasi dalam program afiliasi tanpa menambahkan nilai yang memadai</li>
</ul>
<div style="text-align: justify;">
<span style="line-height: 17px;">Baca juga : <a href="http://malesdesign.blogspot.co.id/2016/08/merender-blocked-resources-pada.html"><b>Cara Mengatasi atau Merender Blocked Resources</b></a></span><br />
<br />
<span style="line-height: 17px;">Demikian mengenai permasalahan kenapa Blocked Resources selalu menanjak naik, dari penjelasan diatas semoga kita bisa mengerti permasalahan-permasalahan yang ada didalam webmaster tool kita. Jika masih bingung atas penjelasan saya diatas mohon maaf,untuk itu Anda bisa pelajari lagi selengkapnya di <a href="https://support.google.com/webmasters/answer/35769?hl=id&ref_topic=6002025" target="_blank">Pedoman Webmaster</a></span></div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com0tag:blogger.com,1999:blog-1899568738955590676.post-41134661079803229562016-08-02T19:01:00.001-07:002016-09-01T03:54:19.156-07:00Males Design Mp3 [Template Premium] <div style="text-align: center;">
<b>Template Blogger</b><b> Modifikasi Terbaru</b><br />
<b>Fast Loading, Responsive, Seo Friendly Terbaru. </b></div>
<div style="text-align: center;">
<b>Template Premium </b><b>Males Design Elite Mp3 1 Kolom</b><br />
<b>Untuk Blog Download Mp3 Desain Khusus Untuk Semua jenis Smartphone.</b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-W3raqe4CDS0/V6KSivs2QLI/AAAAAAAAFk0/I88Jd3j7tuUM1_wVutthb3BAplZCIKs6ACLcB/s1600/m.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://3.bp.blogspot.com/-W3raqe4CDS0/V6KSivs2QLI/AAAAAAAAFk0/I88Jd3j7tuUM1_wVutthb3BAplZCIKs6ACLcB/s200/m.jpg" width="197" /></a><a href="https://2.bp.blogspot.com/-L8yFlN5el20/V6KSiZro68I/AAAAAAAAFkw/pUMg1NEWwncziwOyWRMg3qrdM6H4tuUngCLcB/s1600/mm.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://2.bp.blogspot.com/-L8yFlN5el20/V6KSiZro68I/AAAAAAAAFkw/pUMg1NEWwncziwOyWRMg3qrdM6H4tuUngCLcB/s200/mm.jpg" width="195" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-tkiiIp8P4rw/V6KSifrhsCI/AAAAAAAAFk4/4nnpMxu1lnAZfeaH98jqBNsDx5EKxo-0wCLcB/s1600/mmm.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="85" src="https://1.bp.blogspot.com/-tkiiIp8P4rw/V6KSifrhsCI/AAAAAAAAFk4/4nnpMxu1lnAZfeaH98jqBNsDx5EKxo-0wCLcB/s320/mmm.jpg" width="320" /></a></div>
<br />
<div style="text-align: justify;">
Template ini mirip seperti blog WAPKA, Dari tampilan hingga posting. Didalam posting sudah di design menggunakan skrip table sehingga tampilan tetap menarik dan rapi. </div>
<br />
Sebelum Anda melakukan pembayaran sebaiknya hubungi Admin dulu<br />
lewat komentar / Email / BBM <b><a href="http://malesdesign.blogspot.co.id/p/order-template.html" target="_blank">KLIK DISINI</a></b><br />
<br />
<div class="secret" style="text-align: center;">
<a class="malesdesign-demo" href="http://boxmp3baru.blogspot.co.id/" target="_blank">DEMO</a>
<a class="malesdesign-demo" href="http://paypal.me/saifarashar/7USD" target="_blank">BUY NOW</a></div>
<br />
Pesan 2 template sekaligus ganti <b>$7,00</b> dengan <b>$10,00</b><br />
<div style="text-align: center;">
<blockquote class="tr_bq">
<b><span style="font-size: large;">HARGA : Rp 70 rb / $7 </span></b><br />
<b><span style="font-size: large;">HARGA : Rp 100 rb + Gratis Template </span><a href="http://malesdesign.blogspot.com/2016/07/males-design-hitam.html" target="_blank"><span style="color: #6fa8dc;"><span style="font-size: large;">Males Design Hitam</span></span></a><span style="font-size: large;"> </span></b></blockquote>
</div>
<br />
<div style="text-align: center;">
<span style="color: #cc0000;"><b>Pengaturan dan Tutorial Lengkap Ada pada File Rar </b></span></div>
<div style="text-align: justify;">
<br />
<u><b>Tentang Template :</b></u></div>
<div style="text-align: justify;">
- 100% Responsive, Fast Loading, dan Seo Friendly</div>
<div style="text-align: justify;">
- 1 Kolom dengan Desain Menarik</div>
<div style="text-align: justify;">
- Related Artikel </div>
<div style="text-align: justify;">
- dll</div>
</div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com8tag:blogger.com,1999:blog-1899568738955590676.post-51678264501628448032016-07-31T01:46:00.001-07:002016-08-01T17:09:20.965-07:00Ctrl U Redirect Ke Link Blog Sendiri<div style="text-align: justify;">
<b>Fungsi Ctrl U Redirect Ke Link Blog Sendiri. </b>Mematikan Fungsi CTRL U untuk mencegah pencurian kode skrip atau menghindari plagiat template blog. Cara ini banyak dilakukan karena memang sangat banyak sekali para pencuri design blog menggunakan CTRL U sebagai dasarnya. Walaupun tidak semua memakai trik ini, namun tidak ada salahnya kita memasangnya. </div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-hMXV6S_nnws/V526kpbxEOI/AAAAAAAAFiE/DQCdjLf6XI4mjoE5NKAOeLtuF6hCLbSYACLcB/s1600/males%2Bdesign.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://2.bp.blogspot.com/-hMXV6S_nnws/V526kpbxEOI/AAAAAAAAFiE/DQCdjLf6XI4mjoE5NKAOeLtuF6hCLbSYACLcB/s320/males%2Bdesign.jpg" width="320" /></a></div>
Berikut Langkah - langkah penerapan :<br />
1. Log in menuju dasboard blog <br />
2. Pilih <b>Template</b> >> <b>Edit Html </b><br />
3. Cari Kode berikut ( Scroll mentok kebawah )<br />
<blockquote class="tr_bq">
<span style="color: red;"></body></span> </blockquote>
4. Copy kode berikut dan letakkan diatas <span style="color: red;"></body></span><br />
<span style="color: white;">0.</span> <i><span style="font-size: x-small;">[ Blok satu kali klik ]</span></i><br />
<blockquote class="tr_bq">
<script type='text/javascript'><br />
//<![CDATA[<br />
shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"$",5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="<span style="color: red;">http://malesdesign.blogspot.com/</span>"});//]]></script></blockquote>
5. Simpan dan coba tekan CTRL+U<br />
<b>Keterangan :</b><br />
<b><span style="color: red;">http://malesdesign.blogspot.com/ </span></b>ganti dengan Url blog Anda<b>.</b><br />
Sekian Mudah mudahan bermanfaat<b><br /></b>Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com0tag:blogger.com,1999:blog-1899568738955590676.post-92052588266444576652016-07-30T23:28:00.003-07:002016-08-05T06:11:04.502-07:00Membuat Widget Random Post Hanya Judul<div style="text-align: justify;">
<b>Menambahkan Random Post / Artikel Acak pada Widget Blog. </b>Fungsi dari pada widget ini tidak lain untuk menampilkan Artikel artikel yang sudah kirta postingkan sebelumnya tampil dalam satu rangkaian judul posting, tujuannya adalah agar pengunjung atau pembaca tertarik dengan artikel artikel kita sebelumnya.</div>
<div style="text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-yhXeQkl0tV8/V52aZqPCyKI/AAAAAAAAFh0/1P94YGarW74VB5j5hb32J_C3t-mDY62IQCLcB/s1600/males%2Bdesign.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://1.bp.blogspot.com/-yhXeQkl0tV8/V52aZqPCyKI/AAAAAAAAFh0/1P94YGarW74VB5j5hb32J_C3t-mDY62IQCLcB/s320/males%2Bdesign.jpg" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
</div>
<div style="text-align: justify;">
Mengenai widget random post atau artikel acak ini ada banyak sekali tampilan tampilan yang menarik, salah satunya yang akan kita coba saat ini, yaitu Random Post Hanya Menampilkan Judul Posting Saja. Cara ini terbilang sangat sederhana karena tidak harus memakai kode CSS. Kita hanya akan memakai kode skrip Html yang bisa kita letakkan di Sidebar ataupun di dalam posting kita.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Berikut kode yang akan kita pakai. Silahkan di Copy kode berikut:</div>
<div style="text-align: justify;">
<span style="color: white;">0. </span><i><span style="font-size: x-small;">[ Blok satu kali Klik ] </span></i></div>
<blockquote class="tr_bq">
<style scoped='' type="text/css"><br />
#malesdesign-random ul {list-style:none; margin:0; padding:0} #malesdesign-random li {display:block; clear:both; overflow:hidden; list-style:none;border-bottom:1px solid #eee; word-break:break-word; padding:3px 0; margin:0;}<br />
#malesdesign-random li:last-child {border-bottom:0;}<br />
#malesdesign-random li a{<span style="color: magenta;">color:#222</span>;}<br />
#malesdesign-random li a:<span style="color: orange;">hover{color:#cc0000</span>;<br />
text-decoration:underline} </style><br />
<div id='malesdesign-random'>Loading...</div><br />
<script><br />
//<![CDATA[<br />
// Random Post Widget<br />
<span style="color: red;">var homePage = 'http://malesdesign.blogspot.com/</span>',<br />
<span style="color: lime;">maxResults = 3</span>,<br />
containerId = 'malesdesign-random';<br />
function getRandomInt(min, max) {<br />
return Math.floor(Math.random() * (max - min + 1)) + min;}<br />
function shuffleArray(arr) {<br />
var i = arr.length, j, temp;<br />
if (i === 0) return false;<br />
while (--i) {<br />
j = Math.floor(Math.random() * (i + 1));<br />
temp = arr[i];<br />
arr[i] = arr[j];<br />
arr[j] = temp;}<br />
return arr;}<br />
function malesdesignRandomPosts(json) {<br />
var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));<br />
// console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));<br />
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');}<br />
function randomPosts(json) {<br />
var link, ct = document.getElementById(containerId),<br />
entry = shuffleArray(json.feed.entry),<br />
skeleton = "<ul>";<br />
for (var i = 0, len = entry.length; i < len; i++) {<br />
for (var j = 0, jen = entry[i].link.length; j < jen; j++) {<br />
link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';}<br />
skeleton += '<li><a href="' + link + '"><span style="color: yellow;">► </span>' + entry[i].title.$t + '</a></li>';}<br />
ct.innerHTML = skeleton + '</ul>';}<br />
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=malesdesignRandomPosts"></scr' + 'ipt>');<br />
//]]><br />
</script></blockquote>
<b>Keterangan :</b><br />
<span style="color: red;"><span style="color: magenta;">color:#222 </span></span>adalah warna tampilan judul<br />
<span style="color: orange;">hover{color:#cc0000 </span>adalah warna judul ketika disentuh kursor<span style="color: orange;"></span><span style="color: red;"> </span><br />
<div style="text-align: justify;">
<span style="color: red;">var homePage = 'http://malesdesign.blogspot.com/' </span>ganti dengan Url blog Anda.<span style="color: red;"></span><span style="color: lime;"> </span></div>
<div style="text-align: justify;">
<span style="color: lime;">maxResults = 3 </span>adalah jumlah artikel yang akan ditampilkan.<span style="color: lime;"><span style="color: yellow;"> </span></span></div>
<div style="text-align: justify;">
<span style="color: lime;"><span style="color: yellow;">► </span></span>adalah bullet list, jika widget Anda sudah ada maka hapus saja gambar tsb.<span style="color: lime;"></span></div>
<div style="text-align: justify;">
<span style="color: lime;"><br /></span></div>
Untuk penerapannya mudah, ikuti langkah berikut :<br />
1. Pada dasboard pilih <b>Tata Letak</b><br />
2. Klik <b>Tambahkan Gadget</b> / <b>Widget</b> pada sidebar<br />
3. Pilih <b>HTML/JavaScript</b><br />
4. Paste kode Html diatas didalam kotak widget<br />
5. Simpan dan lihat hasilnya<br />
<br />
Langkah diatas jika kita meletakkannya pada sidebar atau pada widget blog. Lalu bagaimana kalau kita letakkan didalam posting blog kita.?? Berikut caranya :<br />
<br />
1. Masih memakai kode skrip Html diatas, silahkan di copy<br />
2. Kemudian masuk ke Entri Post / Tambahkan Entri<br />
3. Ganti Mode Compose ke Mode Html<br />
4. Pastekan Kode tersebut<br />
5. Widget akan keluar didalam posting ketika kita mempublikasikannya.<br />
<br />
Catatan : Widget ini hanya berfungsi satu pemakaian kode, artinya kalau kita memasang 2 widget atau memasang satu di posting dan satunya lagi di sidebar,maka random post akan muncul salah satu saja.<br />
<br />
<div style="text-align: justify;">
Itulah artikel mengenai <b><a href="http://malesdesign.blogspot.co.id/2016/07/membuat-widget-random-post-hanya-judul.html" target="_blank">Cara Membuat Random Post Hanya Judul</a>. </b>Semoga bermanfaat. Simak juga Artikel berikutnya mengenai : <b>Membuat Random Post dengan Thumbnail Gambar</b></div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com0tag:blogger.com,1999:blog-1899568738955590676.post-63262345290572387342016-07-30T20:49:00.002-07:002016-08-15T08:43:32.543-07:00Cara Mencegah Tindakan Copas Artikel<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<b>Anti Copas / Cegah Plagiat - Trik cara mencegah tindakan copy paste artikel dengan mematikan klik kanan / blok artikel pada posting terbaru. </b>Dicuri atau diplagiat pastilah tidak menyenangkan,apalagi artikel yang susah payah kita ketik sendiri. Tidak herankan banyak sekali artikel artikel yang sama persis tiap kita kunjung di google. Tidak lain itulah tindakan para blogger yang kurang begitu faham tentang ngeblog yang suka copy paste artikel alias curang.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-DSFdxI8JbRk/V51yQR-g08I/AAAAAAAAFhk/BxnwmwXC4LYOFWwYO9PLM826z41V8cnMACLcB/s1600/males%2Bdesign2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="259" src="https://3.bp.blogspot.com/-DSFdxI8JbRk/V51yQR-g08I/AAAAAAAAFhk/BxnwmwXC4LYOFWwYO9PLM826z41V8cnMACLcB/s320/males%2Bdesign2.jpg" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: justify;">
Namun jangan terlalu difikirkan karena kita disini akan membahas tentang <b><a href="http://malesdesign.blogspot.co.id/2016/07/cara-mencegah-tindakan-copas-artikel.html" target="_blank">Trik cara mematikan klik kanan / blok artikel pada posting</a>. </b>Cara ini berbeda dengan cara yang full mematikan semua fungsi mouse, Cara berikut hanya dikhususkan untuk artikel posting saja. Kalau kode yang lain mungkin akan mematikan semuanya,termasuk fungsi responsive menu yang tak bisa diklik juga kotak pencarian tidak bisa di klik. Untuk itu saya saif rekomendasikan cara ini. Bagaimana caranya?? mari kita coba bersama :</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. <b>Log In</b> ke blog </div>
<div style="text-align: justify;">
2. Pada dasboard pilih <b>Template</b> >> <b>Edit Html</b></div>
<div style="text-align: justify;">
3. Cari kode yang seperti berikut, yang mirip-mirip juga boleh</div>
<blockquote class="tr_bq">
body { color:#000; font-family: Arial,verdana,sans-serif; <br />
margin:0; padding:0; margin-top:10px; } </blockquote>
<span style="color: white;">0. </span>[Gunakan CTRL+F untuk permudah pencarian]<br />
4. Copas kode dibawah ini dan sisipkan kedalam kode diatas :<br />
<blockquote class="tr_bq">
-webkit-touch-callout:none; -webkit-user-select:none; <br />
-khtml-user-select:none; -ms-user-select:none; -moz-user-select:none; </blockquote>
<span style="color: white;">0. </span>Sehingga nanti kodenya akan seperti dibawah ini :<br />
<blockquote class="tr_bq">
body { color:#000; font-family: Arial,verdana,sans-serif; margin:0; <br />
padding:0; margin-top:10px; -webkit-touch-callout:none; <br />
-webkit-user-select:none; -khtml-user-select:none;<br />
-ms-user-select:none; -moz-user-select:none; }</blockquote>
5. Simpan<br />
<br />
<div style="text-align: justify;">
Itulah tutorial kali ini mengenai <b><a href="http://malesdesign.blogspot.co.id/2016/07/cara-mencegah-tindakan-copas-artikel.html" target="_blank">Trik cara mematikan klik kanan / blok artikel pada posting</a>.</b> Mudah-mudahan bermanfaat, dan artikel kita aman dari tindakan Copas. Terima Kasih.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Simak juga cara berikutnya :<b> Mematikan CTRL+U Pada Blog</b><br />
<style scoped="" type="text/css">
#malesdesign-random ul {list-style:none; margin:0; padding:0} #malesdesign-random li {display:block; clear:both; overflow:hidden; list-style:none;border-bottom:1px solid #eee; word-break:break-word; padding:3px 0; margin:0;}
#malesdesign-random li:last-child {border-bottom:0;}
#malesdesign-random li a{color:#222;}
#malesdesign-random li a:hover{color:#cc0000;
text-decoration:underline} </style>
<br />
<script>
//<![CDATA[
// Random Post Widget
var homePage = 'http://malesdesign.blogspot.com/',
maxResults = 3,
containerId = 'malesdesign-random';
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;}
function shuffleArray(arr) {
var i = arr.length, j, temp;
if (i === 0) return false;
while (--i) {
j = Math.floor(Math.random() * (i + 1));
temp = arr[i];
arr[i] = arr[j];
arr[j] = temp;}
return arr;}
function malesdesignRandomPosts(json) {
var startIndex = getRandomInt(1, (json.feed.openSearch$totalResults.$t - maxResults));
// console.log('Get the post feed start from ' + startIndex + ' until ' + (startIndex + maxResults));
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index=' + startIndex + '&max-results=' + maxResults + '&callback=randomPosts"></scr' + 'ipt>');}
function randomPosts(json) {
var link, ct = document.getElementById(containerId),
entry = shuffleArray(json.feed.entry),
skeleton = "<ul>";
for (var i = 0, len = entry.length; i < len; i++) {
for (var j = 0, jen = entry[i].link.length; j < jen; j++) {
link = (entry[i].link[j].rel == "alternate") ? entry[i].link[j].href : '#';}
skeleton += '<li><a href="' + link + '">► ' + entry[i].title.$t + '</a></li>
';}
ct.innerHTML = skeleton + '</ul>
';}
document.write('<scr' + 'ipt src="' + homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&callback=malesdesignRandomPosts"></scr' + 'ipt>');
//]]>
</script>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com1tag:blogger.com,1999:blog-1899568738955590676.post-72710062780012093612016-07-30T20:09:00.003-07:002016-08-02T19:32:05.445-07:00Cara Membuat Scroll Otomatis Pada Blockquote<div style="text-align: justify;">
<b>Cara Mudah Membuat / Menambahkan Fungsi Scroll Otomatis Pada Blockquote. </b>Fungsi Scroll Otomatis di Dalam Posting Blog. Seperti yang sudah saya jelaskan didalam posting saif sebelumnya yang membahas tentang <b><a href="http://malesdesign.blogspot.co.id/2016/07/blok-tulisan-sekali-klik-pada-blockquot.html" target="_blank">Blok Isi Blockquote Sekali Klik</a></b>, Cara ini tidak lain agar tidak memakan banyak tempat yang khususnya artikel yang terlalu panjang.<br />
<div style="text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-CbVu0y-DbA4/V51p8Zi0LAI/AAAAAAAAFhU/DtZLHda9MlcKrZBbRAtm4yqRIpf76c5tQCLcB/s1600/males%2Bdesign.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://3.bp.blogspot.com/-CbVu0y-DbA4/V51p8Zi0LAI/AAAAAAAAFhU/DtZLHda9MlcKrZBbRAtm4yqRIpf76c5tQCLcB/s320/males%2Bdesign.jpg" width="320" /></a></div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Tanpa panjang lebar mari kita praktikkan bersama. Simak tutorial berikut :</div>
<div style="text-align: justify;">
1. Log in dan masuk Dasboard blog</div>
<div style="text-align: justify;">
2. Pilih menu <b>Template</b> >> <b>Edit Html</b></div>
<div style="text-align: justify;">
3. Cari kode yang serupa dengan kode berikut :</div>
<blockquote class="tr_bq">
.post blockquote {background:#f0f0f0;font-style:italic;<br />
border:1px solid #ccc; margin:10px; padding:10px 10px 10px 20px}</blockquote>
<div style="text-align: justify;">
<span style="color: white;">0. </span>Fokuskan pada kode <span style="color: #cc0000;"><b>.post blockquote </b></span>/<span style="color: #cc0000;"><b> blockquote </b></span>saja.<span style="color: #cc0000;"><b><br /></b></span>
<span style="color: white;">0. </span>[Gunakan CTRL+F untuk permudah pencarian]<br />
4. Jika sudah ketemu, tambahkan kode berikut didalamnya<br />
<blockquote class="tr_bq">
max-height:<span style="color: lime;">250px</span>; overflow:auto;</blockquote>
</div>
<div style="text-align: justify;">
<span style="color: white;">0.</span> Warna hijau diatas adalah ukuran tingginya,silahkan diubah sesuai keinginan</div>
<div style="text-align: justify;">
<span style="color: white;">0.</span>Nantinya kode akan menjadi seperti ini :</div>
<blockquote class="tr_bq">
<div style="text-align: justify;">
.post blockquote {max-height:<span style="color: lime;">250px</span>; overflow:auto;background:#f0f0f0;</div>
<div style="text-align: justify;">
font-style:italic;border:1px solid #ccc; margin:10px; padding:10px 10px 10px 20px}</div>
</blockquote>
<div style="text-align: justify;">
5. Simpan dan lihat hasilnya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kalu cara diatas dirasa masih terlalu sulit dan membingungkan, coba dengan cara berikut ini :</div>
<div style="text-align: justify;">
1. Cari kode ini :</div>
<blockquote class="tr_bq">
<div style="text-align: justify;">
<span style="color: red;">]]></b:skin></span> </div>
</blockquote>
<div style="text-align: justify;">
2. Copas kode seutuhnya ( Nomer 4 diatas ) letakkan diatas kode <span style="color: red;">]]></b:skin></span></div>
3. Selesai dan Simpan<br />
<br />
Optimalkan fungsi scroll diatas dengan Blok Sekali Klik pada Blockquote, <a href="http://malesdesign.blogspot.co.id/2016/07/blok-tulisan-sekali-klik-pada-blockquot.html" target="_blank"><b>Baca Cara Membuat Blok Tulisan Sekali Klik Pada Blockquote</b></a><b>. </b><br />
<div style="text-align: justify;">
Sekian tutorial dari saif semoga mudah difahami dan bermanfaat untuk design blog kita. Terima kasih<b> </b> </div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com0tag:blogger.com,1999:blog-1899568738955590676.post-59744511070297682062016-07-30T13:14:00.005-07:002016-08-02T19:32:32.373-07:00Membuat Tombol Demo dan Download Bottom Keren<div style="text-align: justify;">
<b>Cara Membuat Tombol Demo dan Download Bottom Keren dan menarik pada Posting Blog</b>. Cara membuatnya mudah dah singkat nggak pakai ribet. Seperti yang banyak kita jumpai didalam blog khususnya kebanyakan blog yang menyediakan template gratis. Banyak yang menggunakan cara ini untuk memperindah tampilan blognya.<br />
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-UffD_ltGmpU/V50L-VhgsBI/AAAAAAAAFhE/IWwYaOo47UAoBFwSlPcyfhzAvVAhHq7MgCLcB/s1600/males%2Bdesign.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="259" src="https://4.bp.blogspot.com/-UffD_ltGmpU/V50L-VhgsBI/AAAAAAAAFhE/IWwYaOo47UAoBFwSlPcyfhzAvVAhHq7MgCLcB/s320/males%2Bdesign.jpg" width="320" /></a></div>
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div style="text-align: justify;">
<br />
Ada banyak cara dan tampilan pastinya untuk <a href="http://malesdesign.blogspot.co.id/2016/07/membuat-tombol-demo-dan-download-bottom.html" target="_blank"><b>Tombol Demo dan Tombol Download</b></a> ini. Dan kali ini kita akan mencoba membuatnya semenarik mungkin. Langsung saja kita lihat tutorial berikut :</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
1. Seperti biasa, kita <b>Log in</b> dulu ke blog masing-masing</div>
<div style="text-align: justify;">
2. Masuk Dasboard pilih <b>Template</b> >> <b>Edit Html</b></div>
<div style="text-align: justify;">
3. Cari kode berikut<span style="color: #cc0000;"><b> </b></span>(gunakan Ctrl+F untuk mencarinya)</div>
<blockquote class="tr_bq">
<div style="text-align: justify;">
<span style="color: red;"><span style="color: #cc0000;"><b>]]></b:skin></b></span></span></div>
</blockquote>
<div style="text-align: justify;">
4. Copas kode dibawah ini dan letakkan diatas kode<span style="color: #cc0000;"><b> </b></span><span style="color: #cc0000;"><b>]]></b:skin></b></span></div>
<span style="color: white;">0. </span><span style="font-size: x-small;"><i>[ Blok satu kali klik ]</i></span><br />
<blockquote class="tr_bq">
.malesdesign-demo{display:inline-flex;cursor:pointer;<br />
font-size:<span style="color: #cc0000;">13px</span> ;font-weight:bold;<br />
text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.2);<br />
color:<span style="color: #f1c232;">#FFF </span>!important;border:2px solid #FFF!important;<br />
background-color:<span style="color: #38761d;">#083d64</span>!important;background:0;<br />
margin:5px 0;padding:8px 25px;text<br />
shadow:none!important;transition:all 0s!important}<br />
.malesdesign-demo:hover{background-color:<span style="color: #0b5394;">#0070b0 </span>!important;<br />
background:0} .malesdesign-demo:active{position:relative;top:1px}</blockquote>
<u><b>Keterangan :</b></u><br />
<ul>
<li>font-size:<span style="color: #cc0000;">13px</span> adalah ukuran tulisan </li>
<li>color:<span style="color: #f1c232;">#FFF</span> adalah warna tulisan</li>
<li>background-color:<span style="color: #38761d;">#083d64 </span>adalah warna background dasar<span style="color: #38761d;"></span></li>
<li>background-color:<span style="color: #0b5394;">#0070b0 </span>adalah warna background ketika dikursor</li>
</ul>
5. Setelah kita sesuaikan warna warninya,lalu simpan.<br />
Sampai disini kita sudah berhasil memasang kode CSS nya yang selanjutnya tinggal kita pasang kode pemanggilnya.<b></b><br />
1. Buat Entri Baru / Posting<br />
2. Pindah <b>Mode Compose</b> ke <b>Mode Html</b><br />
3. Copas kode skrip berikut<b> </b>:<br />
<span style="color: white;">0. </span><span style="font-size: x-small;"><i>[ Blok satu kali klik ]</i></span><br />
<blockquote class="tr_bq">
<div style="margin: 10px 0; text-align: center;"><br />
<a class="malesdesign-demo" href="<span style="color: red;">URL TUJUAN</span>" target="_blank"> DEMO </a><br />
<a class="malesdesign-demo" href="<span style="color: red;">URL TUJUAN</span>" target="_blank"> DOWNLOAD </a><br />
</div></blockquote>
4. Pindah lagi dari <b>Mode Html</b> ke <b>Mode Compose </b><br />
<b><u>Keterangan :</u></b><br />
Ganti <span style="color: red;">URL TUJUAN</span> dengan link Url yang diinginkan.<b><u> </u></b><br />
Tombol akan tampak seperti pada gambar diatas ketika posting sudah dipublikasikan.Sebagai contoh :<br />
<br />
<div style="text-align: center;">
Sebelum di Publikasikan</div>
<div style="text-align: center;">
<a href="http://malesdesign.blogspot.co.id/2016/07/membuat-tombol-demo-dan-download-bottom.html">DEMO</a> <a href="http://malesdesign.blogspot.co.id/2016/07/membuat-tombol-demo-dan-download-bottom.html">DOWNLOAD</a></div>
<div style="text-align: center;">
Sesudah di Publikasikan</div>
<div style="margin: 10px 0; text-align: center;">
<a class="malesdesign-demo" href="https://www.blogger.com/" target="_blank">DEMO</a>
<a class="malesdesign-demo" href="https://www.blogger.com/" target="_blank">DOWNLOAD</a>
</div>
<div style="text-align: justify;">
Sebenarnya masih banyak sekali contoh serta tampilan mengenai tombol tersebut, namun untuk kali ini cukup itu dulu, dilain waktu kita akan coba dengan tampilan lainnya yang lebih menarik lagi. Selesai sudah tutorial mengenai <b><a href="http://malesdesign.blogspot.co.id/2016/07/membuat-tombol-demo-dan-download-bottom.html">Cara Membuat Tombol Demo dan Download Bottom</a> </b>kali ini. Selamat mencoba ^_^ </div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com0tag:blogger.com,1999:blog-1899568738955590676.post-51410834253218767562016-07-30T11:42:00.003-07:002016-08-02T19:32:41.966-07:00Blok Tulisan Sekali Klik Pada Blockquote<div style="text-align: justify;">
<b>Tutorial Modifikasi kotak Blockquote pada posting Blog</b>, <b>Blok Artikel pada blockquot dengan sekali Klik</b>. Pada umumnya banyak para pengguna blogger (khususnya blog tutorial) hanya menggunakan fungsi scroll untuk blockquote pada posting mereka. Hal ini dimaksudkan untuk menghemat tempat sekaligus memudahkan para pengguna untuk blok atau mengkopi isi daripada blockquote tersebut.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-vwvmBvxZl8s/V5z2jNYUy7I/AAAAAAAAFgk/R9SfuP46V4A7ellEiPiDQ560cOSJPg7cgCLcB/s1600/males%2Bdesign.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="https://3.bp.blogspot.com/-vwvmBvxZl8s/V5z2jNYUy7I/AAAAAAAAFgk/R9SfuP46V4A7ellEiPiDQ560cOSJPg7cgCLcB/s320/males%2Bdesign.jpg" width="320" /></a></div>
<br /></div>
<div style="text-align: justify;">
Tidak ada yang salah memang, Namun ada cara yang lebih fantastis dan ini sangat memudahkan pengguna untuk mengkopi tulisan blockquote yang didalamnya biasanya adalah kode skrip panjang yang memakan tempat banyak. Untuk itu saif rekomendasikan cara ini yaitu <b><a href="http://malesdesign.blogspot.co.id/2016/07/blok-tulisan-sekali-klik-pada-blockquot.html" target="_blank">Cara Memblok Tulisan Sekali Klik Pada Blockquote</a>. </b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bagaimana caranya?? mari kita terapkan sama-sama.</div>
<div style="text-align: justify;">
1. Pertama<b> Log in</b> ke blog masing-masing</div>
<div style="text-align: justify;">
2. Masuk ke dasboard pilih <b>Template</b> >> <b>Edit Html</b></div>
<div style="text-align: justify;">
3. Cari kode <span style="color: #cc0000;"><b></body></b></span> (Scroll kebawah mentok, Nah disitu ia berada)</div>
<div style="text-align: justify;">
4. Copy kode dibawah ini :</div>
<div style="text-align: justify;">
<span style="color: white;">0. </span><span style="font-size: x-small;"><i>[Blok satu kali klik]</i></span></div>
<blockquote class="tr_bq">
<div style="text-align: justify;">
<script type='text/javascript'><br />
function autoSelect(elem) {<br />
var selection, range;<br />
if (window.getSelection) {<br />
selection = window.getSelection();<br />
range = document.createRange();<br />
range.selectNodeContents(elem);<br />
selection.removeAllRanges();<br />
selection.addRange(range);<br />
} else if (document.selection) { // IE<br />
selection = document.selection.createRange().text;<br />
range = document.body.createTextRange();<br />
range.moveToElementText(elem);<br />
range.select();<br />
}}<br />
$('blockquote').on("click", function() {<br />
autoSelect(this);<br />
});<br />
</script></div>
</blockquote>
<div style="text-align: justify;">
5. Paste kode tersebut dan letakkan diatas kode <span style="color: #cc0000;"><b></body></b></span> </div>
<div style="text-align: justify;">
6. Simpan template </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Hasilnya akan tampak seperti blockquot punya saya diatas ( Pada Nomer 4 ). Namun akan berbeda tampilan dengan punya Anda pastinya karena setiap template memiliki tampilan Blockquot yang berbeda-beda. Ditambah lagi punya saya sudah dioptimalkan dengan penambahan Fungsi Scroll Otomatis pada Blockquot. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Nah untuk blockquot Anda agar optimal pemasangan fungsi scroll sangat dianjurkan dalam tutorial kali ini, yang dimaksudkan agar tidak memakan terlalu banyak tempat karena tulisan yang sangat puaanjaang bingit.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Seperti apa caranya?? simak posting saya mengenai <a href="http://malesdesign.blogspot.co.id/2016/07/cara-membuat-scroll-otomatis-pada.html" target="_blank"><b>Cara Memasang Fungsi Scroll Otomatis pada Blockquote</b></a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Itulah artikel mengenai <b><a href="http://malesdesign.blogspot.co.id/2016/07/blok-tulisan-sekali-klik-pada-blockquot.html" target="_blank">Cara Blok Tulisan Dengan Sekali Klik Pada Blockquot</a>e </b>yang mudah mudahan bisa bermanfaat untuk kita. Terima kasih saya saif salam blogger ^_^</div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.comtag:blogger.com,1999:blog-1899568738955590676.post-56228824926768316862016-07-30T08:13:00.000-07:002016-08-02T19:32:57.788-07:00Modifikasi Tampilan Kotak Komentar Blog<div class="tr_bq" style="text-align: justify;">
<b>Cara Mengubah / Modifikasi tampilan Kotak komentar blog keren dengan gambar Emo Otomatis dan Fast loading. </b>Berbagai artikel telah membahas mengenai pentingnya sebuah komentar terhadap blog kita. Yang pembahasannya kita bahas lain kali.<br />
<br /></div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-dVcrbm4vo0s/V5zqlWeNAVI/AAAAAAAAFgE/szpOg4zwBwEA7VFi1VN9uG-on494J_kVACLcB/s1600/males%2Bdesign.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-dVcrbm4vo0s/V5zqlWeNAVI/AAAAAAAAFgE/szpOg4zwBwEA7VFi1VN9uG-on494J_kVACLcB/s1600/males%2Bdesign.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="137" src="https://3.bp.blogspot.com/-LRvHVbyKRsE/V5y34U-ljHI/AAAAAAAAFfk/14sCjKZpFks-LvB2sGNfxEMDgRkETm1kACLcB/s400/KOTAK%2BKOMENTAR%2BBLOG%2BKEREN.jpg" width="400" /></div>
<div style="text-align: center;">
(contoh tampilan seperti gambar diatas)</div>
<div style="text-align: justify;">
Mengenai tutorial ini kita akan membahas tentang <a href="http://malesdesign.blogspot.co.id/2016/07/modifikasi-tampilan-kotak-komentar-blog.html" target="_blank"><b>Modifikasi Tampilan Kotak Komentar Blog</b></a> agar menjadi lebih keren, selain itu kotak komentar ini sudah di design semenarik mungkin dan tentunya fast loading . Untuk mendesign kotak komentar blog bukanlah perkara yang sulit untuk kita lakukan.<br />
<br />
Mari kita ikuti langkang-langkah berikut :</div>
<div style="text-align: justify;">
1. Pertama, silahkan<b> log in</b> ke blognya masing-masing.</div>
<div style="text-align: justify;">
2. Masuk ke dasboard blog pilih menu <b>Template </b>>> <b>Edit Html</b><br />
<span style="color: white;">2. </span> (simpan atau cadangkan template terlebih dahulu kalau belum yakin faham)<b><br /></b></div>
<div style="text-align: justify;">
3. Temukan kode dibawah ini (Gunakan Ctrl+F untuk percepat pencarian)<br />
<span style="color: white;">0. </span><span style="font-size: x-small;"><i>[ Blok dengan satu kali klik ]</i></span> </div>
<div style="text-align: justify;">
<b> </b></div>
<blockquote class="tr_bq">
<b:include data='post' name='threaded_comments'/></blockquote>
<div style="text-align: justify;">
<b> </b>4. Ganti semua kode diatas, dengan kode dibawah ini :<br />
<span style="color: white;">0. </span><span style="font-size: x-small;"><i>[ Blok dengan satu kali klik ]</i></span></div>
<blockquote class="tr_bq">
<b:include data='post' name='comments'/></blockquote>
<div style="text-align: justify;">
<div style="text-align: left;">
5. Copas kode dibawah ini dan letakkan diatas kode <span style="color: #cc0000;">]]></b:skin> </span>(Cari dg Ctrl+F)</div>
<span style="color: white;">0. </span><span style="font-size: x-small;"><i>[ Blok dengan satu kali klik ]</i></span><br />
<blockquote class="tr_bq">
#comments {}<br />
#comments h3 {margin-bottom:15px;font-size:18px;}<br />
.comment_avatar_wrap{<br />
width:42px;<br />
height:42px;<br />
border: 1px solid #C4C4C4;<br />
border-top-color: #E4E4E4;<br />
border-left-color: #E4E4E4;<br />
background:#fcfcfc;<br />
padding:4px;<br />
border-radius: 2px;<br />
text-align:center;<br />
margin-bottom:20px;<br />
}<br />
#comments .avatar-image-container {<br />
float: left;<br />
margin: 0 10px 0 0;<br />
width: 42px;<br />
height: 42px;<br />
max-width:42px;<br />
max-height:42px;<br />
padding: 0;<br />
margin-bottom:10px;<br />
}<br />
#comments .avatar-image-container img {<br />
width: 42px;<br />
height: 42px;<br />
max-width: 42px;<br />
max-height: 42px;<br />
background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat;<br />
}<br />
.comment_name a {<br />
font-weight: bold;<br />
padding: 5px 0 0 0;<br />
font-size: 13px;<br />
text-decoration: none;<br />
}<br />
.comment_admin .comment_name {<br />
font-weight: bold;<br />
padding: 10px;<br />
font-size: 13px;<br />
text-decoration: none;<br />
background:#eee;<br />
}<br />
.comment_admin .comment_date {<br />
font-weight: normal;<br />
font-size:11px;<br />
}<br />
.comment_name {<br />
background:#eee;<br />
padding:10px;<br />
font-size:13px;<br />
font-weight:bold;<br />
position:relative;<br />
}<br />
.comment_service{<br />
margin-top:5px<br />
}<br />
.comment_date {<br />
color: #a9a9a9;<br />
float:right;<br />
font-size:11px;<br />
font-weight:normal;<br />
margin-top:-3px;<br />
}<br />
.comment_date a{<br />
color: #a9a9a9;<br />
float:right;<br />
font-size:11px;<br />
font-weight:normal;<br />
}<br />
.comment_date a:hover{<br />
color: #a9a9a9;<br />
text-decoration:none;<br />
}<br />
.comment_body{<br />
margin-left:66px;<br />
margin-top: -72px;<br />
background:#fcfcfc;<br />
border:1px solid #d1d1d1;<br />
padding:10px;<br />
border-radius: 2px;<br />
}<br />
.comment_body p {<br />
line-height: 1.5em;<br />
margin: 5px 0 0 0;<br />
color: #666;<br />
border:1px solid #eee;<br />
font-size: 13px;<br />
word-wrap:break-word;<br />
background:#fff;<br />
padding:10px;<br />
}<br />
.comment_inner {<br />
padding-bottom: 5px;<br />
margin: 5px 0 5px 0;<br />
}<br />
.comment_child .comment_wrap {padding-left: 7%;}<br />
.comment_reply {<br />
display: inline-block;<br />
margin-top:8px;<br />
margin-left:-5px;<br />
padding: 1px 12px;<br />
color: #fff !important;<br />
text-align: center;<br />
text-decoration: none;<br />
border-radius: 2px;<br />
background: #bababa;<br />
font: 11px/18px sans-serif;<br />
transition: background-color 1s ease-out 0s;<br />
}<br />
.comment_reply:hover {<br />
text-decoration: none !important;;<br />
background: #056b95;<br />
}<br />
.unneeded-paging-control {display: none;}<br />
.comment-form {max-width: 100%;!important;}<br />
#comment-editor {width:103%!important;background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%}}<br />
.comment_form a {<br />
text-decoration: none;<br />
text-transform: uppercase;<br />
font-weight: bold;<br />
font-family: Arial, Helvetica, Garuda, sans-serif;<br />
font-size: 15px;<br />
}<br />
.comment_form a:hover {text-decoration: underline;}<br />
.comment-form p {<br />
background: #666;<br />
padding: 10px;<br />
margin: 5px 0 5px 0;<br />
color: #eee;<br />
font-size: 13px;<br />
line-height: 20px;<br />
width:97%;<br />
border-radius:3px;<br />
position:relative;<br />
}<br />
.comment-form p:after{<br />
content:"";<br />
width:0;<br />
height:0;<br />
position:absolute;<br />
bottom:-16px;<br />
left:15px;<br />
border:8px solid transparent;<br />
border-color:#666 transparent transparent;<br />
}<br />
.comment_reply_form {<br />
padding: 0 0 0 70px;<br />
}<br />
.comment_reply_form .comment-form {width: 99%;}<br />
.comment_emo_list{<br />
display:none;<br />
}<br />
.comment_emo_list .item {<br />
float: left;<br />
text-align: center;<br />
margin: 10px 10px 0 0;<br />
height: 40px;<br />
width:41px;<br />
}<br />
.comment_emo_list span {<br />
display: block;<br />
font-weight: bold;<br />
font-size: 11px;<br />
letter-spacing: 1px;<br />
}<br />
.comment_emo_list span {<br />
display: block;<br />
font-weight: bold;<br />
font-size: 11px;<br />
letter-spacing: 1px;<br />
}<br />
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}<br />
.comment_img {max-width:100%!important;}<br />
.deleted-comment {<br />
padding: 10px 10px 10px 10px;<br />
display: block;<br />
color: #CCC;<br />
}<br />
.comment_arrow {<br />
display: block;<br />
width: 9px;<br />
height: 18px;<br />
background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;<br />
position: absolute;<br />
margin-left: -19px;<br />
}<br />
.comment_header{width:50px}<br />
#respond {<br />
overflow: hidden;<br />
padding-left: 10px;<br />
clear: both;<br />
}<br />
.comment_avatar img{width:42px;height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}<br />
.comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}<br />
.comment_author_flag {display:none}<br />
.comment_admin .comment_author_flag {display:inline;background:url(http://4.bp.blogspot.com/-lABM2Z7_HVs/Ui_XAxhHY6I/AAAAAAAAFXc/wbQNB2SkcIQ/s1600/author.png)no-repeat;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-top:-23px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px;}<br />
iframe{border:none;overflow:hidden}</blockquote>
</div>
6. Kemudian cari kode :<br />
<span style="color: white;">0. </span><span style="font-size: x-small;"><i>[ Blok dengan satu kali klik ]</i></span><br />
<blockquote class="tr_bq">
<b:includable id='comments' var='post'> .. <span style="color: #cc0000;">s/d</span> ... </b:includable></blockquote>
7. Ganti dengan kode dibawah ini :<br />
<span style="color: white;">0. </span><span style="font-size: x-small;"><i>[ Blok dengan satu kali klik ]</i></span> <br />
<blockquote class="tr_bq">
<b:includable id='comments' var='post'><br />
<div class='comments' id='comments'><br />
<b:if cond='data:post.allowComments'><br />
<b:if cond='data:post.numComments != 0'><br />
<h3><br />
<b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:<br />
<b:else/><br />
<data:post.numComments/> <data:commentLabelPlural/><br />
</b:if><br />
</h3><br />
</b:if><br />
<br />
<b:if cond='data:post.commentPagingRequired'><br />
<span class='paging-control-container'><br />
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a><br />
&#160;<br />
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a><br />
&#160;<br />
<data:post.commentRangeText/><br />
&#160;<br />
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><br />
&#160;<br />
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a><br />
</span><br />
</b:if><br />
<br />
<div class='clear'/><br />
<div id='comment_block'><br />
<b:loop values='data:post.comments' var='comment'><br />
<br />
<div class='data:comment.adminClass' expr:id='data:comment.anchorName'> <br />
<b:if cond='data:post.adminClass == data:comment.adminClass'><br />
&lt;div class=&#39;comment_inner comment_admin&#39;&gt;<br />
<b:else/><br />
&lt;div class=&#39;comment_inner&#39;&gt;<br />
</b:if><br />
<br />
<div class='comment_header'><br />
<div class='comment_avatar_wrap'><br />
<div class='comment_avatar'><br />
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/><br />
</div><br />
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a><br />
</div><br />
<br />
<div class='clear'/><br />
</div><br />
<br />
<div class='comment_body'><br />
<span class='comment_arrow'/><br />
<div class='comment_name'><br />
<b:if cond='data:comment.authorUrl'><br />
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a><br />
<b:else/><br />
<data:comment.author/><br />
</b:if><br />
<b:if cond='data:comment.author == data:post.author'><br />
<span class='comment_author_flag'>Admin</span><br />
</b:if> <br />
<span class='comment_service'><br />
<a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'><br />
<img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/><br />
</a> <br />
<span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'><br />
<data:comment.timestamp/><br />
</a></span><br />
</span></div><br />
<b:if cond='data:comment.isDeleted'><br />
<span class='deleted-comment'><data:comment.body/></span><br />
<b:else/><br />
<p><data:comment.body/></p><br />
<div class='clear'/><br />
<br />
</b:if><br />
<br />
</div> <br />
<div class='clear'/><br />
&lt;/div&gt;<br />
<div class='clear'/><br />
<br />
<div class='comment_child'/><br />
<div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/> <br />
</div><br />
</b:loop> <br />
</div> <br />
<div class='clear'/><br />
<b:if cond='data:post.commentPagingRequired'><br />
<span class='paging-control-container'><br />
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a><br />
&#160;<br />
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a><br />
&#160;<br />
<data:post.commentRangeText/><br />
&#160;<br />
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><br />
&#160;<br />
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a><br />
</span><br />
</b:if><br />
<div class='clear'/><br />
<div class='comment_form'> <br />
<br />
<b:if cond='data:post.embedCommentForm'><br />
<b:if cond='data:post.allowNewComments'> <br />
<div class='comment_emo_list'/><br />
<b:include data='post' name='threaded-comment-form'/><br />
<b:else/><br />
<data:post.noNewCommentsText/><br />
</b:if><br />
<b:else/><br />
<b:if cond='data:post.allowComments'><br />
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a><br />
</b:if><br />
</b:if><br />
</div><br />
</b:if><br />
</div> <br />
<script type='text/javascript'><br />
//<![CDATA[<br />
if (typeof(jQuery) == 'undefined') {<br />
//output the script (load it from google api)<br />
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");<br />
}<br />
//]]><br />
</script><br />
<br />
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/><br />
<script type='text/javascript'><br />
<br />
<b:if cond='data:post.numComments != 0'><br />
var Items = <data:post.commentJso/>;<br />
var Msgs = <data:post.commentMsgs/>;<br />
var Config = <data:post.commentConfig/>;<br />
<b:else/><br />
var Items = {};<br />
var Msgs = {};<br />
var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};<br />
</b:if><br />
//<![CDATA[<br />
//Global setting<br />
Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment<br />
Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan<br />
Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable<br />
Replace_Image_Link = false;//Auto replace link image, ketik "false" untuk mendisable.<br />
Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi<br />
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true<br />
<br />
//Pengaturan Emoticon<br />
Emo_List = [<br />
':)' ,'http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif',<br />
':(' ,'http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif',<br />
'=(' ,'http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif',<br />
'^_^' ,'http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif',<br />
':D' ,'http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif',<br />
'=D' ,'http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif',<br />
'|o|' ,'http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif',<br />
'@@,' ,'http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif',<br />
';)' ,'http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif',<br />
':-bd' ,'http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif',<br />
':-d' ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif',<br />
':p' ,'http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif', <br />
];<br />
<br />
<br />
//Config Force tag list, define all in lower case<br />
Force_Tag = [<br />
'[pre]','<pre>',<br />
'[/pre]','</pre>',<br />
'<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',<br />
'</pre>','</code>'<br />
];<br />
<br />
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))<br />
//]]><br />
</script><br />
</b:includable></blockquote>
<div style="text-align: right;">
</div>
8. Terakhir Simpan<br />
<br />
<div style="text-align: justify;">
Keberhasilan tergantung pada ketelitian kita, Jadi berhati-hatilah terhadap kode-kode skrip, hilang sedikit saja bisa jadi masalah yang rumit diatasi. Namun dengan adanya artikel <b><a href="http://malesdesign.blogspot.co.id/2016/07/modifikasi-tampilan-kotak-komentar-blog.html" target="_blank">Tutorial Cara Modifikasi Tampilan Kotak Komentar Blog</a> </b>diatas, mudah mudahan bisa membantu kita dalam mendesign blog yang kita idam idamkan. Terima kasih semoga bermanfaat. Saya Saif, salam blogger ^_^</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Artikel tutorial berikutnya kita akan membahas tentang "<span style="color: #0b5394;">Cara merubah warna (background,garis)</span>" pada Kotak Komentar yang sudah kita modifikasi tampilannya seperti tutorial diatas. yang nantinya akan saya ikut sertakan didalam posting ini.</div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com2tag:blogger.com,1999:blog-1899568738955590676.post-10844728631792692902016-07-24T21:02:00.002-07:002016-09-01T03:57:28.411-07:00Males Design Elite [Template Premium] <div style="text-align: center;">
<b>Template Blogger</b><b> Modifikasi Terbaru, Fast Loading, Responsive, Seo Friendly Terbaru. </b></div>
<div style="text-align: center;">
<b>Template Premium </b><b>Males Design Elite </b></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b></b></div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="302" src="https://1.bp.blogspot.com/-rd66B_fTbTg/V5WNgOCb_UI/AAAAAAAAFb4/qLGmhyV11sIq-mIGSATEfo3Ff7lU2R_5ACLcB/s320/Temlate%2BBlog%2BPremium%2BTerbaru.png" width="320" /></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="179" src="https://2.bp.blogspot.com/-NMQLX8nd3VM/V5X8rlZLmRI/AAAAAAAAFdA/5ut8vMHwFVIvQil1T98n06epo9BSbeGcgCLcB/s320/mleselite.jpg" width="320" /></div>
<br />
Sebelum Anda melakkan pembayaran sebaiknya hubungi Admin dulu<br />
lewat komentar / Email / BBM <b><a href="http://malesdesign.blogspot.co.id/p/order-template.html" target="_blank">KLIK DISINI</a></b><br />
<br />
<div class="secret" style="text-align: center;">
<a class="malesdesign-demo" href="http://malesdesignelite.blogspot.com/" target="_blank">DEMO</a>
<a class="malesdesign-demo" href="http://paypal.me/saifarashar/7USD" target="_blank">BUY NOW</a></div>
<br />
Pesan 2 template sekaligus ganti <b>$7,00</b> dengan <b>$10,00</b></div>
<div style="text-align: center;">
<blockquote class="tr_bq">
<b><span style="font-size: large;">HARGA : Rp 70 rb / $7 </span></b><br />
<b><span style="font-size: large;">HARGA : Rp 100 rb + Gratis Template </span></b><b><a href="http://malesdesign.blogspot.com/2016/07/males-design-hitam.html" target="_blank"><span style="color: #6fa8dc;"><span style="font-size: large;">Males Design Hitam</span></span></a></b></blockquote>
</div>
<br />
<div style="text-align: center;">
<span style="color: #cc0000;"><b>Pengaturan dan Tutorial Lengkap Ada pada File Rar </b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="110" src="https://4.bp.blogspot.com/-FwMtT916xRE/V5X6FScnLBI/AAAAAAAAFco/CD6o7qRwJL4HvI1eSYQPErgk1ILpw1dkgCLcB/s400/speedelite.jpg" width="400" /></div>
<br /></div>
<div style="text-align: justify;">
<u><b>Tentang Template :</b></u></div>
<div style="text-align: justify;">
- 100% Responsive, Fast Loading, dan Seo Friendly</div>
<div style="text-align: justify;">
- 2 Kolom dengan Desain Menarik</div>
<div style="text-align: justify;">
- Komentar Facebook dan Blog</div>
<div style="text-align: justify;">
- Related Artikel Menarik</div>
<div style="text-align: justify;">
- dll</div>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com5tag:blogger.com,1999:blog-1899568738955590676.post-68562576264877444192016-07-22T04:57:00.001-07:002016-09-01T03:58:33.425-07:00Males Design Hitam [Template Premium]<div style="text-align: center;">
<b>Template Blogger</b><b> Modifikasi Terbaru, Fast Loading, Responsive, Seo Friendly Terbaru. </b></div>
<div style="text-align: center;">
<b>Template Premium </b><b>Males Design Hitam </b></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><img border="0" height="367" src="https://2.bp.blogspot.com/-vgT5Axcqf08/V5IIvuwYzkI/AAAAAAAAFYk/MAJeslOSQoA8hwuLo9YI2BlrmU25syrxwCLcB/s400/MALES%2BDESIGN%2BHITAM.jpg" width="400" /></b></div>
<div style="text-align: center;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-emv4THgufHU/V5IpmySI-DI/AAAAAAAAFZE/buWcKLt6Yg0ZUtn-hpbkzebvf-KhlNTkwCLcB/s1600/capture-20160707-105038.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-emv4THgufHU/V5IpmySI-DI/AAAAAAAAFZE/buWcKLt6Yg0ZUtn-hpbkzebvf-KhlNTkwCLcB/s1600/capture-20160707-105038.png" /></a></div>
</div>
<br />
<div style="text-align: center;">
Sebelum Anda melakkan pembayaran sebaiknya hubungi Admin dulu</div>
<div style="text-align: center;">
lewat komentar / Email / BBM <b><a href="http://malesdesign.blogspot.co.id/p/order-template.html" target="_blank">KLIK DISINI</a></b></div>
<br />
<div class="secret" style="text-align: center;">
<a class="malesdesign-demo" href="http://malesdesign1.blogspot.co.id/" target="_blank">DEMO</a>
<a class="malesdesign-demo" href="http://paypal.me/saifarashar/5USD" target="_blank">BUY NOW</a></div>
<br />
<div style="text-align: center;">
<blockquote class="tr_bq">
<b>HARGA : 50rb / $5</b><br />
<span style="color: #cc0000;"><b>Pengaturan dan Tutorial Lengkap Ada pada File Rar </b></span></blockquote>
</div>
<div style="text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="107" src="https://4.bp.blogspot.com/-nAhvvI6WvB0/V5X52l657NI/AAAAAAAAFck/5EZM2q3Oq78m67ZK2G1Xo4yv--IPrZ3DACLcB/s400/malesdesignhitam.jpg" width="400" /></div>
<br />
<b>Tentang Template :</b> </div>
<ul style="text-align: justify;">
<li>100% Responsive, Fast Loading, dan Seo Friendly</li>
<li>2 Kolom dengan Desain Menarik</li>
<li>Komentar Facebook dan Blog</li>
<li>Related Artikel</li>
<li>Anti Copas </li>
<li>Anti Spam</li>
<li>Ctrl+U auto Reloud </li>
<li>Galeri Foto pada posting</li>
<li>dll</li>
</ul>
Anonymoushttp://www.blogger.com/profile/16912199194717895562noreply@blogger.com1