Cara Mudah Memasang Permalink Pada Blog

Permalink, atau permanen link, adalah URL yang menunjuk ke suatu blog atau forum tertentu yang tujuannya sebagai pemberitahuan kepada pengunjung blog untuk selalu meletakkan sumbernya apabila artikel tersebut digunakan oleh pihak lain. Pada kesempatan kali ini stmik-kediri.blogspot.com menjelaskan tentang Cara Mudah Memasang Pemalink Pada Blog.

Gambar diatas adalah permalink yang digunakan oleh stmik-kediri.blogspot.com, buat sahabat stmik-kediri.blogspot.com yang ingin membuat permalink dapat mengikuti langkah-langkah dibawah ini:

Siapkan gambar /image anda (anda juga dapat menggunakan gambar animasi. Untuk cara pembuatan gambar animasi anda dapat membaca Cara Membuat Gambar Animasi Diblog) pada contoh kali ini stmik-kediri.blogspot.com menggunakan gambar burung dengan extension Gif

Setelah gambar/image sudah dibuat  langkah selanjutnya login kehalaman dashboard blog anda kemudian pilih Template dan clik Edit HTML

Pada Halaman kode HTML cari Kata </b:skin> kemudian Paste Code Dibawah Ini tepat berada di atas kode </b:skin>

.sampul-ilmu{<br />width:auto;<br />background:#ffffff;<br />border:2px solid #0510fa;<br />margin:30px 0 10px 0;<br />display:block;<br />font-family:"Arial";<br />color:#000;<br />}<br />.sampul-ilmu.kontainer{padding:5px;}<br />.sampul-ilmu h4{<br />background:#FF0000;<br />border:none;<br />border-bottom:1px solid #000000;<br />color:#fff;<br />font-family:"Arial";<br />text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);<br />padding:5px 10px;<br />margin:0 0 0 0;<br />display:block;<br />}<br />.sampul-ilmu h4 a{color:#000000;}<br />.sampul-ilmu img{<br />background:#ffffff;<br />width:90px;<br />height:100px;<br />border:1px solid #ffffff;<br />margin:3px 10px 0 0;<br />float:left;<br />padding:2px;<br />box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;<br />}

Keterangan Kode:

• Untuk merubah background dari permalink cari kata .sampul-ilmu{ kemudian Pada background:#ffffff; Ubah kode warna  #ffffff menjadi kode warna sesuai dengan keinginan anda.
• Untuk merubah warna bingkai dari permalink cari kata .sampul-ilmu{ kemudian Pada border:2px solid #000000; Ubahkode warna  #000000 menjadi kode warna sesuai dengan keinginan anda.
• Untuk merubah background pada kolom penulis dan warna tulisan pada kata penulis cari kata .sampul-ilmu h4{ kemudian Pada background:#ffffff; dan kata color:#fff; Ubah kode warna  #ffffff dan #fff menjadi kode warna sesuai dengan keinginan anda.
• Untuk merubah warna bingkai pada gambar cari kata .sampul-ilmu img{ kemudian Pada background:#ffffff; Ubahkode warna  #ffffff menjadi kode warna sesuai dengan keinginan anda.

Setelah langkah diatas telah selesai dilakukan, langkah selanjutnya masih pada halaman kode HTML cari Kata <data:post.body/> biasanya terdapat  dua atau lebih kata tersebut silahkan paste code dibawah ini tepat dibawah kata <data:post.body/> apabila permalink belum muncul diblog anda silahkan coba lagi pada <data:post.body/> yang kedua dan seterusnya  lakukan langkah tersebut sampai penempatan permalink pada blog sesuai dengan keinginan anda.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='sampul-ilmu'>

<h4>Penulis : <blink><b><data:post.author/></b></blink></h4>

<div class='kontainer'>

<img alt='RegiBrader' src='http://i.picasion.com/pic68/f78019fedd41182b2c39ecdf162cb25c.gif'/>

Anda telah membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Anda diperbolehkan mengcopy paste atau menyebar luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya.

<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>

<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>

<a href='http://stmik-kediri.blogspot.com/' target='_blank'>@ Stmik-kediri.blogspot.com @</a></span></p>

<div style='clear:both;'/>

</div></div>

</b:if>

Keterangan kode :

• <blink>……</blink> adalah untuk membuat tulisan berkedap kedip
• Untuk membuat link pada gambar masukan kode berikut <a href='Masukan URL Tujuan’ > tepat berada dibawah kode <div class='kontainer'>  pada kata Masukan URL Tujuan Ganti dengan URL sesuai dengan keinginan anda 
• <img alt='RegiBrader' src='http://i.picasion.com/pic68/f78019fedd41182b2c39ecdf162cb25c.gif'/> Kode ini adalah untuk menampilkan gambar .Pada URL http://i.picasion.com/pic68/f78019fedd41182b2c39ecdf162cb25c.gif' ganti dengan URL Gambar Anda.
• textarea cols='60' adalah ukuran dari lebar textarea anda dapat merubah ukuran sesuai dengan template anda (disini stmik-kediri.blogspot.com menggunakan ukuran 60 Pixel).

Refresh Blog anda untuk melihat hasilnya. mudah-mudahan bermanfaat

Cara Mudah Memasang Komentar Facebook Di Blog

Dalam Membuat Sebuah Blog tentunya anda membutuhkan komentar-komentar yang sangat membangun.
Apakah yang dimaksud dengan komentar ? komentar adalah ulasan atau tanggapan atas Penjelasan yang telah dibuat atau dikatakan sebelumnya. Pada kesempatan kali ini stmik-kediri.blogspot.com menjelaskan tentang Cara Mudah Memasang Komentar Facebook di Blog.

Langkah-langkah Pembuatannya Adalah 

Siapkan ID Facebook Anda Terlebih Dahulu (untuk Cara Mudah Melihat ID Facebook Anda login kehalaman Facebook anda kemudian clik Profil anda setelah itu pada URL copy  Nama Facebook anda)

Langkah selanjutnya copy paste URL dibawah ini kemudian  ganti ID Facebook (Tulisan Warna Merah) dengan ID Facebook anda kemudian Enter
https://graph.facebook.com/ID Facebook 

Maka Akan Muncul Tampilan Seperti Dibawah Ini

Langkah Selanjutnya Login Ke dalam Dashboard Blog anda kemudian clik Template pilih Edit HTML setelah itu cari kata <div class='comments' id='comments'> Pada Code HTML Blog anda (Untuk Melakukan Pencarian Agar lebih Cepat Ditemukan Clik CTRL + F pada Keyboard kemudian ketikan Kata <div class='comments' id='comments'> pada Search  lalu clik Enter)

Setelah code diatas telah ditemukan langkah selanjutnya copy code dibawah ini dan kemudian paste tepat dibawah code <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == "item"'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='2' width='500'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='ID Facebook' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").show();}</script><style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

Pada Code Diatas Cari kata meta content='ID Facebook'  Ganti Tulisan ID Facebook dengan ID Facebook Anda

Untuk Melihat Hasilnya Refresh blog kemudian clik postingan pada blog  anda

Dengan Adanya komentar-komentar akan dapat meningkatkan kualitas dari blog anda, semoga bermanfaat.

Cara Mengatasi Gadget Yang Tidak Dapat Diremove Pada Blog

Pada Saat mengganti template blog kadang kala kita mendapatkan Gadget yang tidak dapat di remove padahal gadget tersebut tidak digunakan. Kali ini stmik-kediri.blogspot.com menjelaskan tentang Cara Mengatasi Gadget Yang Tidak Dapat Diremove Pada Blog

Langkah-langkahnya adalah sebagai berikut.

1.Login ke blog anda Kemudian clik Layout 

2.Cari nama Gadget yang ingin anda remove atau hapus (Kali ini stmik-kediri.blogspot.com memberikan contoh Gadget Populer)

3.Clik Template dan pilih Edit HTML

4.Clik CTRL + F kemudian Ketikan Populer Pada Kotak Search setelah itu Enter

5. Cari Kata Locked=’True’

6. Ubah Menjadi Locked=’False’ Jangan Lupa  Clik Save Template Untuk Menyimpan

7.Untuk Melihat Hasilnya Buka Kembali Layout Kemudian Clik Edit Pada Gadget Populer  clik Remove Untuk Menghapus.

Semoga Bermanfaat

Cara Merubah Ukuran Header Di Blogger

Pada Kesempatan Kali ini stmik-kediri.blogspot.com menjelaskan tentang Cara Merubah Ukuran Header Di Blogger. Pada Saat Kita Mendesain Suatu Blog kadang header blog kita terlalu besar sehingga membuat kita merasa tidak nyaman dengan tampilan blog kita.

Sebelumnya perlu kita ketahui apa itu header ? Header Adalah  Gambar atau informasi yang terdapat pada bagian atas dari sebuah Blog Atau Dokumen. Untuk langkah-langkah pembuatannya adalah :

1. Login Pada Halam Dashboard Blogger Anda

2. Kemudian Clik Pada Template Seperti Pada Gambar Dibawah Ini:

3. Setelah Melakukan Langkah Diatas Kemudian Klik Edit HTML

4. Clik Ctrl + F untuk Melakukan Pencarian kemudian Ketikan Kata  #header{  Pada kolom Search Di sebelah Kiri kemudian Enter

5. Cari kata Width dan Ubah Ukuran Lebarnya Sesuai Dengan Keinginan Anda, dan untuk ukuran tingginya cari kata Height dan Ubah sesuai dengan Keinginan Anda.
Contoh :

Width: 1065px; (ukuran Lebar Header)

Height: 200px; (ukuran Tinggi Header).

6. Setelah Selesai Save Template kemudian buka Blog anda kemudian Refresh dan Lihat perubahannya.

Semoga Bermanfaat.