Permata Biru

<h2 style="text-align: left;"><a href="http://karristaent.blogspot.com/2014/12/button-demo-download-style-sederhana.html" rel="nofollow" target="_blank" title="Button Demo Download Style Sederhana">Button Demo Download Style Sederhana</a></h2>Assalamualaikum warahmatullahi wabarakatuh.<br /><div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj29d_C73lXnjdYz9WCX4BLfTDPT18JRI1DkhNRwUUYCxLEKp804g3-1Jw_XPG4L0C4dlzkKugXGC7zeA-pPP4rQJq_hTAgWNru-smg4vWRZYiaUmPoRH76EfaxtBUO1Ap_tpm81_zbO4YN/s1600/button.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Accessories Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj29d_C73lXnjdYz9WCX4BLfTDPT18JRI1DkhNRwUUYCxLEKp804g3-1Jw_XPG4L0C4dlzkKugXGC7zeA-pPP4rQJq_hTAgWNru-smg4vWRZYiaUmPoRH76EfaxtBUO1Ap_tpm81_zbO4YN/s1600/button.jpg" title="Button Demo Download Style Sederhana" /></a><span class="awal">A</span>pa kabar semua sahabat bloggingku yang tercinta semoga anda baik dan sehat semua. tidak ada yang bisa saya hadirkan hanyalah ucapan doa agar anda mastah-mastah blogging dan teman online lainya selalu sukses dalam segala aktivitas dan rutinitas nya. Setelah kemarin saya bagikan sebuah info : <b><a href="http://karristaent.blogspot.com/2014/12/blogger-bisa-di-buka-hp-java-symbian.html" rel="nofollow" target="_blank" title="Blogger Bisa di Buka HP Java Symbian">Blogger Bisa di Buka HP Java Symbian</a></b>.  Pada post berikut ini saya penuhi salah satu reques sahabat blogging saya yang identitas nya tidak mau disebutkan. Bagi saya tak masalh kiranya saya bisa membantu dan berbagi akan saya penuhi namun jika di luar kemampuan saya mungkin tidak akan saya penuhi. Seperti yang saya tulis pada judul artikel ini, Saya binggung awalnya mau kasih judul apa artikel ini. Namun lebih relevant nya saya kasih title saja "Button Demo Download Style Sederhana" Biar sesuai dengan tampilanya nanti style yang sederhana asalkan ringan untuk blog juga responsive past lebih friendly. Dan pastinya sudah lolos dari validasi HTML 5 dan CSS 3. Bagi sahabat lain yang berminat dengan senang hati di persilahkan mencoba tutorial ini dengan seksama.</div><h4 style="text-align: left;"><span style="font-size: large;">Baca juga artikel lainya :    <a href="http://karristaent.blogspot.com/search/label/Accessories?max-results=7" rel="nofollow" target="_blank" title="Acessories">Acessories Blog</a></span></h4><h3>Button Download h3 :</h3><div style="text-align: justify;">Biasanya buton Demo atau Download pada artikel yang di khusus kan dalam kontenya dengan tayangan Demo untuk melihat hasil tutorial sebelumnya. Dan button Download untuk menawarkan pengunjung untuk mengambil konten yang di share nya. Banyak sekali sebetulnya sobat blogging yang lain yang memposting artikel seperti ini. Namun pada post ini saya akan berbagi button demo atau download dengan kemasan dan tulisan sendiri dan bisa di sebut ala saya. Tampilanya yang sederhana ini sengaja saya desain agar lebih ramah di pada semua browser, lebihnya lagi pada perangkat handphone. Karena sejatinya tempalte yang seo dan responsive tidak terlalu menuntut dengan desain yang meah dan berlebihan.</div><div style="text-align: left;"><h5 style="text-align: left;"><span style="font-size: large;">Button Untuk Demo dan Download :</span></h5><div style="text-align: justify;">Biasanya button ini hanya di gunakan untuk berbagi template atau berbagi konten yang di download saja. Selebihnya mungkin anda lebih paham untuk apa button ini di gunakan. Walaupun tanpa menggunakan button ini sebenarnya untuk demo dan download pada suatu artikel bisa saja dengan memasang link demo juga downloadnya. namun kesanya sangat biasa karena dibeberapa blog dan situ terkemuka hampir menggunakan link download dengan berbagai varian, Maka jika anda berminat menggunakan link demo atau download anda di hiasi dengan desain button ini silahkan untuk di coba atau di pasang pada blog anda.</div><h6><span style="font-size: large;">Cara memasang Button Demo dan Download :</span></h6><div style="text-align: justify;">Pertama buka dashboard blog anda dan masuk account google nya. Selanjutnya pilih template, pilih edite template temukan kode : ]]></b:skin> atau kode : </style> Tekan pada keyboard anda Ctr + F untuk memudahkan pencarianya. Setelah ketemu copy kode di bawah ini, Dan paste kan tepat di atas kode : ]]></b:skin> atau kode : </style> save/simpan template anda pada tahap 1 ini.</div><br /><pre><code>/* Button Blog Karrysta<br />----------------------------------------------- */<br />.buttonx{display:inline-flex;cursor:pointer;font-size:17px;font-weight:bold;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#fff!important;border:2px solid #ff1941!important;background-color:#8a2be2!important;background:0;margin:5px 0;padding:8px 25px;text-shadow:none!important;transition:all 0s!important}<br />.buttonx:hover{background-color:#f78d1d!important;background:0}<br />.buttonx:active{position:relative;top:1px}</code></pre><br /><div style="text-align: justify;"><b>Cara menggunakan Button Demo atau Download :</b><br />Setelah anda menyimpan kode CSS diatas pada bagian Html template anda. Selanjutnya cara menggunakan button demo atau Download nya pada halaman posting anda. Copy Kode HTML dibawah ini dan paste kan di artikel baru anda. Ingat memasukan kodenya pada mode HTML jangan pada mode compose. Silahkan di bawah ini kode Html yang harus anda copy :</div><br /><code></code><br /><pre><code><div style="text-align: center;margin: 10px 0;"><br /><a class="buttonx" href="http://karristaent.blogspot.com" target="_blank">Demo</a><br /><a class="buttonx" href="http://karristaent.blogspot.com" target="_blank">Download</a><br /></div></code></pre></div><br /><div style="text-align: justify;"><b>Keterangan :</b><br />Silahkan ganti link untuk DEMO dan DOWNLOAD nya dengan link yang anda kehendaki dan tulisan DEMO juga DOWNLOAD nya bisa anda ganti apa saja sesuai keinginan yang anda tuliskan. Untuk tampilan Demo dari tutorial ini silahkan anda klik demonya berikut di bawah ini :</div><br /><div style="margin: 10px 0; text-align: center;"><a class="buttonx" href="http://karristaent.blogspot.com/2014/12/template-responsive-terbaru-2015.html" target="_blank">DEMO BUTTON</a></div><br /><div style="text-align: justify;">Rupanya sampai disini tutorial tentang membuat  "Button Demo Download Style Sederhana" ini semoga di pahami. Jika ada kesulitan silahkan diskusikan/tanyakan melalui kotak komentar di bawah ini. Terima kasih atas kunjungan juga komentar sebelumnya. Tetap semangat dalam berkarya, Salam hangat juga ceria selalu buat seluruh Sahabat blogging tercinta... dan Salam Blogging.....</div><br />

Button Demo Download Style Sederhana Assalamualaikum warahmatullahi wabarakatuh. A pa kabar semua sahabat bloggingku yang tercinta semoga an...

<h2 style="text-align: left;"><span style="font-size: small;"><a href="http://karristaent.blogspot.com/2014/11/mengganti-tulisan-komentar-yang-dihapus-author.html" rel="nofollow" target="_blank" title="Mengganti Tulisan Komentar yang dihapus Author"> Mengganti Tulisan Komentar yang dihapus Author</a></span></h2><b>Assalamualaikum warahmatullahi wabarakatuh.</b><br /><div style="text-align: justify;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2prixlk0ZKAr9fQR4Mf7TULvyyWcieiNyAAweWzC8qi4w8-6Rkzhcza4eRfQJQg7wSnxppctAMBUbIBUaG8kgYT9YsoeaLEBhBgcnYtoeJdPKKUjzTbR5H-mndvumop373zYMyqER-rbW/s1600/authorkarrysta.jpg" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Accessories Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2prixlk0ZKAr9fQR4Mf7TULvyyWcieiNyAAweWzC8qi4w8-6Rkzhcza4eRfQJQg7wSnxppctAMBUbIBUaG8kgYT9YsoeaLEBhBgcnYtoeJdPKKUjzTbR5H-mndvumop373zYMyqER-rbW/s1600/authorkarrysta.jpg" title="Mengganti Tulisan Komentar yang dihapus Author" /></a>Rasa senang dan bahagia masih bisa bertemu dengan sahabat blogging semua. Kebetulan pada saya nulis artikel ini cuaca gerimis semula mau main ke rumah teman. Namun malas akhirnya mendingan berlama lama di depan kompi sambil kembali berbagi setelah kemarin saya bagikan tentang : <b><a href="http://karristaent.blogspot.com/2014/11/cara-mengetahui-teman-yang-sering-masuk-di-akun-facebook.html" rel="nofollow" target="_blank" title="Cara Mengetahui Teman yang Sering Masuk Di akun Facebook">Cara Mengetahui Teman yang Sering Masuk Di akun Facebook</a></b>. Maka untuk menambah hangatnya malam yang berlalu menyambut menyingsingnya sang pajar pagi untuk melaju pada siang. Saya akan berbagi lagi buat seluruh sobat blogging yang suka dengan keunikan dan tampilan blognya yang agak unik dan menarik. Naah ... pada kesempatan ini semoga keunikan yang anda cari bisa anda temukan salah satunya yang akan saya publish ini. Jika anda berminat silahkan yang pasti gak pake lama. Tetap pada posisi di tempat duduk anda yang manis siapkan kopi juga cemilan dan rokok 234 bagi yang suka merokok.</div><h4><span style="font-size: large;">Baca juga artikel :   <a href="http://karristaent.blogspot.com/search/label/Accessories?max-results=7" rel="nofollow" target="_blank" title="Accessories">All Accessories Blog</a></span></h4><h3><br />Tentang Tulisan Komentar yang dihapus Author :</h3><div style="text-align: justify;">Barangkalai anda bingung dengan maksud yang akan saya bagikan ini, Maka sebelum anda mencobanya sedikit penjelasan agar sebelumnya anda memahaminya. Namun jika sobat yang pernah melihat atau memasang cara ini pada template blognya, Mungkin bukan sesuatu yang asing. Karena trik ini sudah banyak yang posting. Namun pada artikel ini saya lebih menegaskan dalam memudahkan cara pemasangan cara dan menggunakanya. Yang di maksud dengan "Mengganti Tulisan Komentar yang dihapus Author" saya beri contoh : Seumpama anda berkomentar pada salah satu blog teman anda, lalu dalam penulisan komentar itu ada kesalahan atau tulisan komentarnya tidak pantas dengan topik nya. Maka anda yang berkomentar ingin menghapus nya walaupun komentar tersebut sudah di publikasikan.<br /><br />Nah ini yang di maksud pada artian tutorial ini. Setelah komentar anda di hapus. Jika blog teman anda sudah di lengkapi kode ini maka pesan yang akan timbul pada form komentar itu sesuai yang nantinya bisa disesuaikan oleh si pemilik blog nya. Walaupun dari bawaan template sudah tersedia pesan komentar yang di hapus oleh si pengomenya. Maka trik ini nantinya yang akan di rekayasa sesuai yang anda Inginkan, Contoh tulisan pesan komentar yang di hapus si pengomentarnya biasanya muncul tulisan standaranya seperti : This comment has been removed by the author. Sedangkan pesan kesalahan yang sudah di modifikasi tampilanya akan lebih lengakap dengan penambahan yang anda inginkan tadi lengakap contohnya seperti screnshoot pada gambar di bawah ini, contoh pada salah satu komentar yang di hapus oleh si pengomentarnya :</div><br /><b>Silahkan bukan screnshoot nya dengan tekan "BUKA IMAGE" </b><br /><br /><div><div style="margin: 2px; text-align: center;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"> </span></i><input class="BD_spoler" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'TUTUP IMAGE'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'BUKA IMAGE'; }" style="font-size: large; margin: 0px; padding: 0px; text-align: center; width: 320px;" type="button" value="BUKA IMAGE" /></div><div class="alt2" style="background-color: #ebebeb; border: 1px inset; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 4px;"><div style="display: none;"><br /><img alt="Accessories Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyskoyA6yat4MZTXFOQInt-iL9T-Zpuq9vxRUROx4faHjZd-lz8d8Nx2BfVme5lW3AlvBZp6IVwi1AIMhfN3DcGBzFX3xBYek-G1E03KX0vzAbwWQxk3GjtgJAIYGB8njVU9piMOsVYSEW/s1600/karrysta-cm.jpg" title="Mengganti Tulisan Komentar yang dihapus Author" /><br /><br /></div></div></div></div><br /><h5><span style="font-size: large;">Cara memasang kode nya :</span></h5><div style="text-align: justify;">Silahkan bagi anda yang tertarik atau ingin mencoba tutorial ini berikut ini saya uraikan cara penerapan kode CSS nya. Pertama anda silahkan masuk blog anda pastikan sudah sign in. Selanjutnya>> buka dashboard blog anda klik template>> lalu klik edute template>> Selanjutnya>> Cari kode <span style="color: blue;"><b>]]></b:skin></b></span>  atau kode <span style="color: blue;"><b></style></b></span>  Tekan <span style="color: blue;"><b> Ctr + F</b></span>  untuk memudahkan pencarian kode nya. Setelah ketemu selanjutnya>> Copy kode css di bawah ini. Dan paste kan tepat diatas kode : <span style="color: blue;"><b>]]></b:skin></b></span>  atau diatas kode : <span style="color: blue;"><b></style></b></span>  di bawah ini kode CSS nya :</div><blockquote class="tr_bq">.deleted-comment { <b><span style="color: #f1c232;">color:#ffd500</span></b> }<br />.deleted-comment:before {<b><span style="color: purple;"> color:#fff;</span></b>content:"Wah Salah...!! " }<br />.deleted-comment:after {<b><span style="color: purple;"> color:#ffffff;</span></b>content:" Maaf Mas Karrysta. Saya hapus komentarnya soalnya salah tulis.." }</blockquote><br /><h6><span style="font-size: large;">Keterangan kode CSS diatas : </span></h6><div style="text-align: justify;">Pada kode : <span style="color: #f1c232;"><b>color:#ffd500</b></span> itu kode warna pesan komentar standar yang di hapus si pengomentarnya. Lalu Pada kode : <span style="color: purple;"><b>color:#fff;</b></span> itu kode warna tulisan awal yang akan anda modifikasi. Selanjutnya pada kode : <span style="color: purple;"><b>color:#ffffff</b></span>  itu kode warna tulisan yang akan anda modifikasi setelah muncul pesan komentar standar yang di hapus. Dan yang terakhir <b><span style="color: #990000;">Contoh pada Teks :</span></b> <span style="color: white;"><span style="background-color: #274e13;">"Wah Salah"</span></span> dan <span style="color: white;"><span style="background-color: #274e13;">"Maaf Mas Karrysta. Saya hapus komentarnya soalnya salah tulis.."</span></span>  Silahkan ganti dengan tulisan yang ingin anda terapkan pada komentar yang di hapus itu, Ringkas saja penulisanya yang penting padat maknanya.<br /><br />Silahkan sesuaikan warna tulisan yang akan anda gunakan sesuai dengan backgraound form komentar pada template blog anda. Setelah semuanya terpasang sesuai yang saya tuliskan diatas. Jangan lupa Save/Simpan template. Jika anda ingin mengetahui berhasil atau tidaknya pemasangan trik ini, Komentarlah pada blog anda sendiri lalu hapus oleh anda. Jika benar pemasanganya maka tulisan yan anda modifikasi akan muncul secara otomatis pada komentar yang di hapus oleh si pengomentarnya.<br /><br />Mungkin sampai disini yang bisa saya kemas pada pertemuan ini. Semoga anda memahaminya. Jika ada kesulitan silahkan diskusikan lewat form komentar. Selamat mencoba semoga anda berhasil. Tetap semngat berkreasi dan berbagi mohon maaf jika ada kesalahan. Salam ceria selalu ... dan Salam Blogging ...</div><br />

Mengganti Tulisan Komentar yang dihapus Author Assalamualaikum warahmatullahi wabarakatuh. Rasa senang dan bahagia masih bisa bertemu denga...

Permata Biru

Banner 468 x 60

Advertisment 468 x 60

Button Demo Download Style Sederhana

Mengganti Tulisan Komentar yang dihapus Author