Cara memasukan kode HTML, Css, Script diposting blog

 Cara memasukan kode HTML, Css, Script diposting blog

Untuk memasukan kode html, css, script diposting blog sebenarnya Sangat Mudah bagi yang bisa, he dapat ditulis secara langsung seperti kita menulis artikel seperti biasa. Cara ini sangat penting apa lagi jika anda hobi menulis sebuah artikel yang berkaitan dengan kode html, css, script, jika tidak tahu cara memasukkannya di postingan maka nantinya posting anda akan menjadi berantakan, jadi jika anda ingin memasukan kode HTML, Css, Script diposting blog maka silahkan ikuti tutorial menarik dari kami. ok langsung saja demikianlah Cara memasukan kode HTML, Css, Script diposting blog sebagai berikut:

1. Pertama silahkan anda buat ebtri baru atau post baru kemudian seperti biasa anda tulis judul terlebih dahulu di lanjut anda buat sub judul bila perlu anda heading sekalian, dan anda setelah anda tepat pada lokasi untuk memasukkan kode HTML, Css, Script diposting blog maka silahkan anda rubah ke modus HTML (bukan Compose) yang ada pada pojok atas kiri halaman posting anda:

Setelah itu anda copy terlebih dahulu script berikut ini:

<div class="kotak" style="overflow-x: scroll; overflow-y: hidden; padding: 10px; width: 540px;" >
<p style="width:450%;">Silahkan Anda Masukan kodenya  disini.
</p></div><br />

2. Setelah anda copy script di atas maka silahkan anda paste kan pada posting anda tadi yang masih dalam keadaan mode Html.

3. Kemudian anda kembalikan posting anda ke mode "Compose" lagi dan silahkan anda ganti kata "Silahkan anda masukkan kodenya disini" dengan script yang ingin anda masukkan sedangkan angka yang saya beri tanda merah tersebut adalah sebuah lebar yang bisa anda rubah.

Ok, demikianlah Cara memasukan kode HTML, Css, Script diposting blog, dan dapatkan juga totorial menarik lainnya pada posting selanjutnya, sampai jumpa, salam...

Read More

Cara Memberi Site Map, Daftar Isi Blog Tanpa Kredit Link

Cara Memberi Site Map, Daftar Isi Blog Tanpa Kredit Link

Caranya sama dengan membuat site map atau daftar isi blog dseperti biasa yang telah saya sering sebelumnya, sebelumnya. pada posting yang lalu sudah saya jelaskan bahwa site map atau daftar isi itu sangat penting untuk Blog, jadi jika daftar isi blog anda sudah memadai silahkan letakkan pada tap menu blog anda, atau jika anda masih malu untuk menampilkan maka silahkan perbanyak terlebih dahulu untuk posting artikel, Ok langsung saja demikianlah langkah-langkagnya:

1. Anda Copy Kode Berikut:

<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript">
</script>
<script src="http://Imammuttaqin58.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>.

2. Kemudian anda buaat terlebih dahulu sebuah "halaman baru" atau new page, selanjutnya anda  paste kan kode di atas yang telah anda copy pada page atau halaman baruu anda dengan catatan Mode Htlm (bukan compose) perhatikan di pojok atas kiri. lalu klik Publish. selesai. lihat hasilnya..

Catatan: Ganti Kode yang berwarna biru dengan Url Blog anda

Ok demikianlah cara membuat sebuah site map atau daftar isi pada blog tanpa Kredit Link, dan dapatkan artikel menarik lainnya pada posting selanjutnya, salam..

Read More

Cara Membuat Site Map, Daftar Isi Di Blog

Cara Membuat Site Map, Daftar Isi Di Blog

Cara membuat site map atau sebuah daftar isi pada blog ini kami sajikan untuk para pembaca mengingat pentingnya tool yang satu ini, guna memberikan kepada pengunjung agar mereka tahu artikel-artikel yang kita publish, tool site map ini juga sebagai salah satu tool untuk mengoptimalkan sebuah blog yang kita miliki, jadi Goole sepertinya senang jika sebuah blog terdapat site mapnya. Caranya pun berbeda-beda ada yang terdapat credit link ada juga yang tidak ada kredit linknya, disini nanti akan kami shering widget site map atau daftar isi blog, baik yang terdapat credit link atau yang tidak terdapat kredit linknya, bedanya apa? Tidak ada bedanya hanya tampilan saja yang membedakannya, jadi anda bisa memilih salah satunya. Ok langsung saja demikianlah cara memberi atau membuat site map atau daftar isi pada blog sebagai berikut yang terdapat Kredit linknya:

1. Anda copy kode berikut:

<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="https://sites.google.com/site/script4shared/sitemap.js"></script><script src="http://imammuttaqin58.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>  </div>

2. Kemudian anda Membuat page atau halaman baru terlebih dahulu, caranya, pada tampilan dasbor klik "Page" atau halaman lalu buat new pag atau "halaman baru", Lalu anda paste kan kode di atas pada page atau Halaman yang anda buat tadi, tapi ingat  mode Htlm (jangan Compose) yang ada di pojok atas kiri, setelah itu Klik simpan, dan lihat hasilnya.

Keterangan :

Untuk Kode yang berwarna biru, silahkan anda rubah dengan Url atau alamat blog anda sendiri.

Oke demikianlah cara membuat site map atau daftar isi pada blog, kami juga insyaallah akan shering cara membuat site map atau daftar isi blog tanpa kredit link insyaallah pada tutorial yang akan datang, nantikan tutorial menarik lainnya pada artikel yang akan datang, salam..

Read More

Cara membuat dan mengisi menu blog

Cara membuat dan mengisi menu blog

Cara membuat dan mengisi menu blog dengan daftar isi, contact, label, kategori dan lain-lain. Menu yang terletak dibawah header blog. Untuk lebih jelasnya, ikuti langkah-langkah dibawah ini.

Pada kesempatan kali ini kami akan sharing tutorial tentang Cara membuat dan mengisi menu blog, seperti daftar isi atau populer dengan site map, label atau kategori dan lain sebagainya, menu ini sangat penting karena google sepertinya senang pada blog yang ada site map atau daftar isinya, contact us dan lain-lain.

Ok langsung saja untuk membuat sebuah daftar isi blog atau site map maka silahkan anda baca panduannya pada Posting sebelumnya, sedangkan untuk membuat sebuah Contact us caranya hampir sama dengan membuat site map, contact us nanttinya bisa anda isi alamat e-mail anda, alamat facebook, alamat twitter, alamat BBM, atau bahkan nomor telaphon bila memang anda anggap perlu, intinya para pengunjung bisa menghubungi anda nantinya jika ada sebuah keluhan, tangggapan, sanggahan dan lain sebagainya. pada kesempatan ini juga kami akan berbagi cara membuat menu contact us yang berupa form pertanyaan produk dari foxyform yang bisa anda terapkan pada blog anda, sebagai contohnya silahkan anda klik Contact us kami.

Ok, langsung saja demikianlah cara membuat menu Contact Us dengan menggunakan foxyform:

1. Pertama yang perlu anda lakukan adalah silahkan anda membuat sebuah laman Baru, caranya pada menu dasbor scrool ke bawah pilih Laman > buat laman baru untuk lebih jelasnya anda perhatikan pada gambar berikut:

1. setelah anda klik laman atau jika blog anda dalam bahasa inggris adalah "page" kemudian silahkan anda klik buat laman baru atau "new page". isilah kata-kata terlebih dahulu dalam laman baru anda misalnya "jika ada pertanyaan silahkan mengisi form di bawah ini" atau yang lain silahkan anda berkreasi sendiri, kemudian anda copy script di bawah ini terlebih dahulu:

<!-- Do not change the code! -->
<a href="http://www.foxyform.com/" id="foxyform_embed_link_617678">foxyform</a>
<script type="text/javascript">
(function(d, t){
   var g = d.createElement(t),
       s = d.getElementsByTagName(t)[0];
   g.src = "http://www.foxyform.com/js.php?id=617678&sec_hash=61e62753c04&width=450px";
   s.parentNode.insertBefore(g, s);
}(document, "script"));
</script>
<!-- Do not change the code! --></div>

2. Setelah anda copy script di atas maka silahkan kembali lagi ke laman baru anda tadi dan rubahlah terlebih dahulu laman anda dengan mode Html setelah itu paste kan kode script diatas yang telah anda copy tadi  pada laman baru anda dengan mode Html, jika bingung dengan mode Html silahkan anda perhatikan gambar berikut:

3. Selanjutnya setelah anda pastekan kemudian rybah lagi ke mode "compose" terahir "publikasikan" selesai, dan lihat hasilnya.

Ok demikianlah Cara membuat form contact us pada blog, dan dapatkan artikel lanjutan menarik lainnya pada sharing berikutnya sampai jumpa, salam..

Read More

Cara Membuat Recent Post Standard Loading Fast

Cara Membuat Recent Post Standard Loading Fast

Recent post adalah bisa kami katakan sebuah pemberitahuan aktifitas terbaru dari sebuah post pada blog, menu ini sangat penting untuk mengoptimalkan sebuah blog atau web, cara membuatnya pun sangat banyak langkah, namun pada kesempatan ini kami akan sharing Cara Membuat Recent Post Standard yang Loading Fast, jadi agar tidak menggangggu kinerja sebuah blog maka carilah langkah-langkah yang standar sekira loadingnya fast alias cepat dan tidak berat, sebagai preview nya silahkan anda perhatikan gambar berikut:

Ok langsung saja demikianlah Cara Membuat Recent Post Standard Loading Fast sebagai berikut:

1. Pertama silahkan anda copy terlebih dahulu script berikut ini:

<div id="tb">
    <script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.js"></script>
    <script style="text/javascript">var numposts = 17;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
    <script src="http://imammuttaqin58.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
    <div style="display:none;">Recent Post no Thumbnail by <a href="http://www.tutorialblogspot.com/">Tutorial Blogspot</a></div>
    <style type=text/css>
    #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy4D2j_WjXeNUM3K-cmmCZfW2-7hiUdko1e9PijPoC0j0zIeGLr4MzYTl3uoxM9P20c0jAvGounnTbvgiG5OJfBF_dKaStuxtne1B4LyMf5UhcXkaC9FDejB7BBYkMhuj_Ov0RPtnvDDj7/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 14px; height:5px; margin: 2px 0px 0px 0px;line-height:7px;}
    #rpdr, #rpdr a {color:#808080;}
    #tb { }
    .bbrecpost2 {
    padding-top:3px;
    padding-bottom:3px;
    border-bottom: 1px #cccccc dotted; }
    </style>

2. Kemudian Anda pastekan pada gadget html/java script tersebut, caranya anda klik "tata letak" > tambahkan gadget atau add gadget> pilih yang mode html/java script, untuk memperjelas silahkan anda perhatikan pada gambar berikut:

Setelah anda menambah sebuah gadget mode  html/java script maka silahkan anda pastekan kode yang telah anda copi di atas pada gadget ini, dan lihat hasilnya..

Keterangan: Untuk tulisan yang berwarna biru silahkan anda ganti dengan url anda sendiri. dan kami sarankan pilihlah tempat yang tepat untuk menempatkan recent post tersebut misalnya pada side bar.

Ok demikianlah Cara Membuat Recent Post Standard yang Loading Fast, dan dapatkan juga artikel menarik lainnya pada posting berikutnya.. sampai jumpa salam..

Read More

Cara membuat slide show Photo di blog

Cara membuat slide show di blog

Kali ini imammuttaqin58 akan share tutorial tentang Cara membuat slide show di blog, cara ini lumayan mudah untuk anda terapkan di blog namun sebelum anda mengikuti langkah-langkah ini anda harus sudah mempunyai beberapa photo yang telah anda post di postingan untuk kita ambil link nya, jadi jika anda belum mempunyai photo di postingan maka silahkan anda poskan terlebih dahulu, Ok langsung saja demikianlah Cara membuat slide show di blog sebagai berikut:

1. Pertama silahkan anda copy terlebih dahulu scrit berikut ini:

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script> <script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#content-slider').cycle({ fx: 'fade' }); }); </script> <style type="text/css"> #content-slider {    position: relative;    width: 95%;    height: 190px;    overflow: hidden;    margin:0 auto; } #content-slider img {    display: block;    width: 100%;    height: 250px; } </style> <div id="content-slider"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmQJV0nOvn2ax8qInhfeyeRZpOhKVfsdNAXjkIeZGZ7EPnorCV6rUhUx9F_G-ffceky1b_1gZpF5wSUPxrmmIpMbws174jCxcWm-k16SpJTddtBimESroY8m_OthTjnKQj2zr9ETM_wmg/s1600/Foto1816-745924.jpg" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOSJJg7KS6ai2882Ek6DIenhIXzU_GZb3bxn3RMV7-cLeMo29SlAba-D-eqdH-g2NZtab8sIcdEoXS_ViioCjyCtvSxWLCK3XM4_mTtnd90Kthfuj3H0JFJjFhVy0umU-zS7JL-liq5MCV/s1600/imam+muttaqin.jpg" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidu_11Z6ja5f55YxW8LhRl-kL8UE5kIkYMtry1Iys9GS1gX6ANvIFYsPL6mE1dp5-DLqO3n9TszefNjLL5ldB6pFB-y6qxSvXqeQoONm3PSN84qtE0ItIBsUiitIUreD4WEYWv43oc2RQ/s1600/kang+mamu.jpg" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisWhuDu1kwCctQ4X_4Z88pWaN89AzcRHIG_N73623aWYCPd5a2XRv6JWDjk7iN8lAmXewuJaz-MSJ9cXfwdmdmQ7D6l1yW4BftS1DrPs3M5MAK_OtVA7LL3IqSv_-aaF0lK847feazlY0/s1600/Koppontren.jpg" /> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjt90K90JANU5PZlbOrFBSIvb7YqPCaMUAY3bsQpOO2e3-BPo284oZPB12w_mQxp2BCOjxVzTu6WGGbBobs6Rm4gpXO2GxZErn6P3pijXc2f2o-XHRxIHENARs-9nCxWFflNTl2RLXksQ/s1600/Minal+%27aidin+wal+faizin.jpg" /> </div>

2. Setelah itu silahkan anda buka blog anda dan pilih tata letak > tambahkan gadget atau add gadget jika blog anda dalam bahasa inggris, kemudian pilih gadget mode html/java script dan paste kan script di atas tadi terahir klik "Simpan" Selesai.

Keterangan: Untuk kode yang berwarna biru silahkan anda rubah dengan ink gambar yang anda harapkan, sedangkan kode yang berwarna merah tentang lebarnya.

Ok demikianlah tentang langkah-langkah atau Cara membuat slide show di blog, dan dapatkan juga tutorial menarik lainnya pada sharing berikutnya, salam..

Read More

Cara membuat site map dengan scrool

Cara membuat site map dengan scrool

Cara membuat site map di blogspot sangat beragam ada yang membuat sitemap standar, ada juga site map yang menggunakan scrool, sebelumnya kami sudah sharing tutorial tentang Cara membuat site map standard, site map adalah sebuah map situs atau daftar isi pada sebuah situs yang menurut saya ini adalah salah satu tool syarat dari pendaftaran adsense, karena kami pernah di tolak adsense karena navigasi di antara navigasi tersebut adalah site map ini, jika posting anda sudah sangat banyak mungkin akan terlalu panjang ke bawah dan hal ini akan mengganggu sebuah pemandanagn sebuah blog, maka dari ini kami akan berbagi tentang Cara membuat site map di blogspot dengan scrool, ok langsung saja anda ikuti langkah-langkah menarik dari kami di bawah ini:

1. Pertama silahkan anda copy scrip berikut ini:

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="height: 300px; overflow: auto; text-align: left; width: 480px;"> <script src=" http://yourjavascript.com/94426151015/kabarlangit-sitemap-scrool-responsive.js " type="text/javascript"> </script> <script src="http://imammuttaqin58.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></div> </div>

2. Kemudian silahkan anda login ke blog anda sendiri dan pada tampilan dasbor silahkan buatlah laman baru/new page caranya pada tampilana dasbor pilih "laman/page/" lalu pilih "buat laman bary/new page" dan selanjutnya silahkan anda paste kan pada laman baru anda.

3. Publikasikan, selesai

Keterangan: silahkan ganti tulisan yang berwarna biru dengan link Blog anda.

Ok demikianlah cara Cara membuat site map dengan scrool dari kami, dan dapatkan juga tutorial menarik lainnya pada sharing selanjutnya, salam...

Read More

Cara membuat sitemap Berdasarkan Label

Cara membuat sitemap Berdasarkan Label

Cara membuat site map berdasarkan label dengan di lengkapi dengan tampilan warna hijau yang tentunya dapat mempercantik pada blog anda, cara membuat site map ini sangat beragam, saya sudah sharing artikel tentang site map ini sekitar empat macam jadi silahkan anda pilih yang mana ada site map yang Standar, ada yang Standard tanpa kredit link ada juga yang dengan scrool dan kali ini site map berdasarkan label dengan di sertai warna yang cantik, jika anda berminat yang ini silahkan anda ikuti langkah-langkah menarik berikut ini:

Sebelumnya saya minta ma'af karna sebelumnya cara ini gagal di terapkan, karena adanya kode-kode yang kurang. dan sekarang edisi revisi (sudah saya perbaiki) ok langsung saja: 1. Pertama silahkan anda copy script dibawah ini:

<link href="https://googledrive.com/host/0B6nuu-1cS17iSGhLNUtpNmxETkU" media="screen" rel="stylesheet" type="text/css"></link> <script type="text/javascript"> var showNew    = true,     accToc     = false,     openNewTab = true,     maxNew     = 5,     baru       = "New!",     sDownSpeed = 600,     sUpSpeed   = 600; </script> <script src="https://googledrive.com/host/0B6nuu-1cS17iT1ZTSGd3cVZIUVE" type="text/javascript"></script> <script src="http://imammuttaqin58.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

2. Selanjutnya silahkan anda login ke blog anda dan membuat laman baru/new page, caranya : pada tampilan dasbor anda klik laman >> klik buat laman baru >> kemudian silahkan anda paste kan script di atas yang telah anda copy tadi, terahir publikasikan, selesai. silahkan anda ihat hasilnya. Keterangan: Ganti tulisan yang berwarna biru dengan link blog anda sendiri

Ok demikianlah cara membuat sitemap dengan scroll ringan pada blog, dan dapatkan tutorial menarik lainnya pada posting berikutnya, sampai jumpa salam..

Read More