Fungsi Adobe Fresco

1. Menggambar secara digital di Windows dan iOS

2. Menciptakan sensasi melukis di kanvas

3. Menggambar, mewarnai dan membuat sketsa berkualitas tinggi

Harga Adobe Fresco

Perbedaan Adobe Fresco dengan yang Lain

Cara Mendapatkan Akses Adobe Fresco Premium

Cara Membuat Kotak Komentar Blog Show-Hide Terbaru

Cara Membuat Show/Hide Kotak Komentar Blogger

<div class='comments' id='comments'>

•  Selanjutnya, Jika sudah ketemu selanjutnya sobat ganti kode yang sudah ketemu dengan kode dibawah ini

<a href="#" id="comments-show" class="showcontent" onclick="showComm('comments');return false;">Show comments</a> <div class='clear'/> <div class='comments hide-content' id='comments'> <a href="#" id="comments-hide" class="hiddencontent" onclick="showComm('comments');return false;">Hide comments</a> <div class='clear'/>

.hide-content{display:none;margin:0;padding:0;} a.showcontent,#comments a.hiddencontent{display:block;text-decoration:none;position:relative;color:#fff;font-weight:700;font-size:15px;padding:12.5px 0;background:#5593f0;border:2px solid;border-radius:5px;text-align:center;margin:30px auto;letter-spacing:1px;transition:all .3s} #comments a.hiddencontent {background:#fff;color:#acb3b8;transition:all .3s} a.showcontent:hover{background:#fff;color:#5593f0;} #comments a.hiddencontent:hover{background:#acb3b8;color:#fff;}

<script type='text/javascript'> //<![CDATA[// Show and Hide Commentsfunction showComm(e){document.getElementById(e)&&("none"!=document.getElementById(e+"-show").style.display?(document.getElementById(e+"-show").style.display="none",document.getElementById(e).style.display="block"):(document.getElementById(e+"-show").style.display="block",document.getElementById(e).style.display="none"))};//]]></script>

• Klik Save Theme/Tamplate
• Finish deh

Selamat Datang Di IMAMKUNBLOG - Hei sobat semuanya sudah beberapa hari ini saya belum update blog ini. Dan pada kali ini saya selaku admin disini kwkwkw akan membagikan sebuah Tutroial Cara membuat Kotak Pencarian yang Responsive di blogger.

Sebenarnya pada saat sobat mengganti theme sudah ada kotak pencariannya tetapi terkadang ada juga yang tidak ada kotak pencariannya. Sebenarnya membuat kotak pencarian itu bukanlah hal yang susuah/sulit itu bisa dibilang gampang dan mudah untuk dterapkan di blog sobat.

Cara Membuat Kota Pencarian Responsive Di Blogger

Mengapa harus memasang widget kotak pencarian di blog? Dengan adanya mesin pencarian di blog sobat, itu akan mempermudah pengunjung untuk mencari artikel-artikel yang ingin dicari oleh sih pengunjung.

Kotak pencarian yang saya bagikan kali ini untuk blogger dan sangat responsive dan sangat didukung perangkat mobile pastinya.

Cara Pemasangan Kotak Pencarian Di Blogger

Cara Pertama : Memasang Lewat HTML Template Blog

• Login ke blogger
• Pada bagian dasbor pilih Theme/Template
• Kemudian cari kode ]]></b:skin> Copy dan pastekan kode dibawah ini tepat diatas kode ]]></b:skin>

/*Search Box*/
#search-box{position:relative;margin:0 auto;border:1px solid #ccc;padding:5px;border-radius:4px}
#search-form{height:40px;background-color:#fff;overflow:hidden}
#search-text{font-size:14px;color:#ddd;border-width:0;background:transparent;line-height:15px}
#search-box input[type="text"]{width:90%;padding:10px 0 5px 1em;color:#333;outline:none}
#search-button{position:absolute;top:5px;right:5px;height:40px;width:80px;color:#fff;text-align:center;border-width:0;background-color:#1a7db7;cursor:pointer;text-transform:uppercase;border-radius:3px;outline:0}
#search-button:hover{background:#333}

• Kemudian Klik SAVE/SIMPAN
• Selanjutnya masuk ke menu TATA LETAK
• Kemudian klik Tambahkan Gadget lalu pilih HTML Javascript
• Lalu Copy dan Paste Kode dibawah ini 

<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Cari Artikel Disini ...' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button></form></div>

• Klik Simpan dan lihat Hasilnya

Cara Kedua: Langsung menambahkan ke Gadget

• Log in ke blogger
• Pada dasabor menu pilih Tata Letak
• Kemudian klik Tambahkan Gadget
• Dan klik HTML Javascript

Cara Membuat Kota Pencarian Responsive Di Blogger

• Lalu copy dan pastekan kode dibawah ini dan letakkan di kolom HTML Javascript seperti gambar diatas.

<style>
#search-box {position: relative;width: 100%;margin: 0;}
#search-form {height: 40px;border: 1px solid #999;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;overflow: hidden;}
#search-text {font-size: 14px;color: #ddd; border-width: 0;background: transparent;}
#search-box input[type="text"]
{width: 90%; padding: 11px 0 12px 1em; color: #333; outline: none;}
#search-button {position: absolute;top: 0;right: 0;height: 42px;
width: 80px;font-size: 14px;color: #fff;text-align: center;
line-height: 42px;border-width: 0;background-color: #1a7db7;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
cursor: pointer;}
</style>
<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Cari Artikel Disini...' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>

• Klik SAVE/SIMPAN

Selamat Datang Di IMAMKUN BLOG - Kemabli lagi dengan saya hari sabtu ini saya memang akan memperbanyak artikel blog ini ya mumpung lagi libur jadi ada banyak waktu untuk meluangkan ngeposting di blog ini.

Oke. Sebelum kita memasuki tahap pemasangannya kita pahami terlebih dahulu pengertian dari Parser HTML. Apa sih Parser HTML itu?

Parser HTML adalah suatu fasilitas dari internet yang dimana berfungsi untuk mengkaji/menerjemahkan kode-kode HTML. kek terjemahan bahasa aja ya wkwkkw.

Cara Membuat Kotak Parse Sendiri di blogger

Nah jika sobat ingin memasang kode HTML di blog sobat dan ternyata mengalami Error maka dari itu tugas dari Parser HTMl ini untuk menerjemahkannya biar kode yang error tersebut jadi tidak error.

Cara Memasang Kotak Parser HTML di Blogger

1. Log in ke blogger
2. Saat memasuki Dasbor lalu pilih Pages (Halaman)
3. Klik New Page (Halaman Baru)
4. Copy dan Pastekan Kode dibwah ini di HTML bukan di Compose

<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div dir="ltr" style="text-align: center;" trbidi="on">
<div class="style1">
<div style="text-align: center;">
<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace; font-size: large;"><b>Alat Parse HTML&nbsp;</b></span><br />
<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace; font-size: large;"><b>&nbsp;</b></span>
</div>
<center>
<b><span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;">
</span><div class="style1">
<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;">Paste Script Kode HTML kedalam Bidang Kotak dibawah ini</span>
<span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;">Kemudian klik tombol "<span style="color: red;"><span style="font-family: &quot;arial&quot; , &quot;courier&quot; , monospace;">Convert</span></span>"<i>&nbsp;</i></span></div>
</b></center>
<center>
<b>
<div style="text-align: center; width: 100%;">
<div style="margin: 0 auto; padding: 0; width: 100%;">
<div id="mainDiv" style="padding: 2px 0;">
<textarea cols="21" id="tarea" onfocus="code_check();" rows="10" style="font-size: 12px; height: 100%; width: 100%;"></textarea>
<br />
<div style="margin: 0 auto; padding: 5px 0; width: 95%;">
<button onclick="code_convert();" style="margin-right: 5px;" type="button">Convert</button>
<button onclick="code_clear();" style="margin-left: 5px;" type="button">Clear</button> </div>
</div>
</div>
</div>
<script>
function code_check(){
var focuscheck=document.getElementById('tarea');if(focuscheck.value.indexOf('Pastekan Disini Kode yang Akan Anda Pasang pada Postingan Blog')>0)focuscheck.value='';}
function code_clear(){
var wtarea=document.getElementById('tarea');wtarea.value='';}
function code_convert(){
var ctarea=document.getElementById('tarea');var toConvert=ctarea.value;
var toConvert=toConvert.replace(/&/g,"&amp;");
var toConvert=toConvert.replace(/'/g,"&#039;");
var toConvert=toConvert.replace(/"/g,"&quot;");
var toConvert=toConvert.replace(/</g,"&lt;");
var toConvert=toConvert.replace(/>/g,"&gt;");
ctarea.value=toConvert;ctarea.focus();ctarea.select();};
</script>
</b></center>
</div>
</div>
</div>

Selamat Datang di IMAMKUN BLOG - Yo! Sobatku sekalian kembali lagi dengan saya si Imam Larh ea :v nah pada kali ini saya membagikan tutroial "Cara Memasang Kode Warna Di Blogger Dengan Mudah".

Berikut ini akan saya jelaskan apa itu Kode Warna HTML? Jadi Kode warna HTML ialah sebuah kode yang sering digunakan untuk membuat suatu warna pada pembuatan suatu Script, HTML, CSS Dll. Kode Warna itu sangat penting loh sobat jangan dianggap remeh.

Mengapa penting, dikarenakan kode warna merupakan kode yang penting dalam meng Edit Template (Theme) pada suatu blog. Memangsih di Google Ada juga mneyediakan Kode Warna.

Tetapi apa salahnya jika kita mencoba membuat sendiri tanpa menggunakan punya sih mbah google.

Berikut ini Cara Membuat Kode Warna di Blogger dengan mudah

1. Log in ke Blogger
2. Saat memasuki dasbor pilih > Pages (Halaman)
3. Pilih New Page (Halaman Baru)
4. Pilih bagian HTML Bukan Compose
5. Copy dan pastekan kode dibawah ini di bagian HTML di New Page tadi.

<div style="text-align: center;">
<span itemprop="description"><object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie"><param value="High" name="quality"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="485" height="485"></embed> </object></span></div>
<span itemprop="description"><br />
</span><br />
<div style="text-align: center;">
<span itemprop="description"><object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess"><param value="http://www.2createawebsite.com/build/col.swf" name="movie"><param value="high" name="quality"><param value="#ffffff" name="bgcolor"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object></span><br />
<br />
<b>© <a href="imamkunblog.blogspot.com/">imamkunblog</a> . All Right Reserved</b></div>
<span itemprop="description">
</span></div>

1. 6. Klik Publish (Simpan)