Cara menghapus create a link

Sobat 713 Devils postingan kali ini masih seputar blog, yaitu cara menghapus create a link . Nah untuk mempersingkat waktu mari kita ikuti langkah-langkah dibawah ini.

1. Masuk ke blogger

2. Pilih template kemudian edit Html (jangan lupa mendownload templatenya terlebih dahulu untuk antisipasi jika terjadi kegagalan)

3. Cari kode seperti di bawah ini

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>

4. Hapus Kode tersebut, dan jika ada 2 kode tersebut maka hapus lah dua-duanya
5. Simpan Template dan Lihat hasilnya.

Read More

Widget blog

Hai sobat 713 Devils , setelah tadi saya cara membuat link berkedip sekarang saya akan berbagi tentang widget , fungsi widget ini yaitu untuk memperindah blog agar pengunjung tidak bosan, disini saya akan berbagi beberapa widget yang lucu dan unik . Ini dia widgetnya

Penguin

untuk membuat widget seperti diatas copy paste kode di bawah ini.

<object type="application/x-shockwave-flash" style="outline:none;" data="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?" width="300" height="200"><param name="movie" value="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Hamster

untuk membuat widget seperti diatas copy paste kode di bawah ini.

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

Laba-Laba

untuk membuat widget seperti diatas copy paste kode di bawah ini.

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Kura-kura

untuk membuat widget seperti diatas copy paste kode di bawah ini.

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/turtle.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Katak

untuk membuat widget seperti diatas copy paste kode di bawah ini

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

nah setelah kalian Copy kodenya, sekarang kalian masuk ke akun blogger
pilih Tata Letak, kemudian pilih Tambah Gadget dan pilih Html/javascript kemudian masukan kode yang sudah Sobat copy ke kolom Htmlnya kemudian Simpan dan lihat hasilnya

Read More

cara membuat link berkedip

Selamat siang Sobat 713 devils, jadi jarang ngeblog nih akibat kesibukan pribadi dalam dunia nyata, hehe.. Oke Sobat kali ini saya akan berbagi tips seputar blog. Yang kali ini saya bahas adalah cara membuat link berkedip. Cara ini cukup mudah karena sobat hanya perlu menambahkan kode <blink>.......</blink>  untuk membuat link nya berkedip. ini dia contoh link yang berkedip 713 Devils

seperti ini untuk lebih jelasnya
<a href="http://713devils.blogspot.com"><blink>713 Devils</blink></a>

Read More

Cara Membuat Gambar membesar ketika disentuh mouse

Aduh sudah lama nih saya ga memposting lagi dikarenakan kesibukan saya, hehe... Oke sobat 713 Devils kali ini saya akan berbagi tips Cara Membuat Gambar Membesar Ketika Disentuh Mouse, tidak panjang lebar ikuti saja langkah dibawah ini :

1. Login ke akun Blogger sobat
2. Pada Dasbor Pilih Template/Design  Kemudian Pilih Edit HTML ( dan centang kolom expand template widget )
3. Masukan atau copy kode berikut ini

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

 
diatas kode ]]></b:skin>

4. Simpan dan lihat Hasilnya

Read More

Membuat Judul Blog Berjalan

Selamat siang sobat 713 Devils kali ini saya akan mengasih tutorial Cara Membuat Judul Blog Berjalan. Untuk membuat Judul Blog berjalan ikuti langkah-langkah dibawah ini : 

1. Log in ke Akun Bloger Sobat.
2. Pada menu Dashboard pilih Tata Letak/Layout.
3. Tambah Gadget
4. Pilih HTML/Java Script.
5. Dan masukan kode di bawah ini

<script language="javascript"> msg = "Cara Membuat Judul Blog Berjalan"; msg = "****" + msg;pos = 0; function scrollMSG() { document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++; if (pos > msg.length) pos = 0 window.setTimeout("scrollMSG()",200); } scrollMSG(); </script>

kemudian ganti Cara Membuat Judul Blog Berjalan dengan Judul yang Sobat inginkan.
Simpan Template dan lihat Hasilnya.

Read More

Cara Membuat Author Box

Selamat malam sobat 713devils, kali ini saya akan share tips dan trik blog yaitu membuat author box , sudah pada tau kan author box itu. Kalau belum tau author box itu adalah pesan dari admin penulis blog yang biasanya berada di bawah postingan, seperti gambar di bawah ini nih.

Untuk membuat Author Box tersebut ikuti langkah-langkah dibawah ini :
1. Log in ke Akun Bloger Sobat.
2. Pada menu Dashboard pilih Template.
3. Back up atau Download terlebih dahulu Template Sobat sebagai antisipasi jika mengalami kegagalan.
4. Edit HTML dan jangan lupa expand template widget.
5. Masukan kode di bawah ini diatas ]]></b:skin>

.admin-penulis { display:block; width:auto; background:#00000; padding:0; margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif; color:#222; border:2px solid #fff; box-shadow:0 1px 3px #000; -moz-box-shadow:0 1px 3px #000; -webkit-box-shadow:0 1px 3px #000; } .admin-penulis .kontainer { padding:5px; } .admin-penulis h4 { background:#000000; border:none; border-bottom:1px solid #000000; color:#fff; text-transform:normal; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); font:bold 12px Arial,Sans-Serif; padding:5px 10px; margin:0 0 0 0; display:block; } .admin-penulis h4 a { color:#FEFFF9; } .admin-penulis img { width:70px; height:70px; margin:0 10px 0 0; float:left; border:1px solid #00000; padding:2px; background:#ffffff; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }

 6. Cari Kode <div class='post-footer'> letakan kode di bawah ini tepat diatasnya.


<!-- Profil Admin --> <b:if cond='data:blog.pageType == "item"'> <div class='admin-penulis'> <h4> Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><b><data:post.author/></b></a></h4> <div class='kontainer'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffahkaTwQ8sfFhVVtG7KV5_Ej2xOFGZG4Ne3hjLqUbwwYhiCYM29i8jUb0O_3xi4vOXg19K6mKMGrjMneYzBU2q0Q5RulaLvSBd1fRJZXPYw50XKwEebYeyo_VyYZHjU_Paoa9H5Wh0s/s220/woy.jpg'/> Artikel <a expr:href='data:post.url'><i><data:post.title/></i></a> ini ditulis oleh <b><data:post.author/></b> pada hari <i><data:post.dateHeader/></i>. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang <b><data:post.title/></b> dapat Anda sampaikan melalui kotak komentar dibawah ini. <p> <span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://713devils.blogspot.com/' target='_blank'>:: Thanks For Visiting ::</a></span></p> <div style='clear:both;'/> </div> </div> </b:if> <!-- Profil Admin -->

Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgffahkaTwQ8sfFhVVtG7KV5_Ej2xOFGZG4Ne3hjLqUbwwYhiCYM29i8jUb0O_3xi4vOXg19K6mKMGrjMneYzBU2q0Q5RulaLvSBd1fRJZXPYw50XKwEebYeyo_VyYZHjU_Paoa9H5Wh0s/s220/woy.jpg dengan URl link gambar Sobat

7. Pratinjau terlebih dahulu kalau tidak ada masalah simpan template dan lihat hasilnya.

 Sekian Tips dan Trik Blog nya  semoga bermanfaat :)

Read More

Cara Membuat / Memasang Burung Twitter Terbang di Blog

Menjelang siang begini enaknya santai sambil melihat Burung berterbangan di udara Sob, eh iya ngomong-ngomong soal burung Sob, Saya punya Tips Cara Membuat Burung Twitter Terbang di Blog. Bagi sobat yang tertarik untuk memasang burung twitter terbang atau melayang - layang ini di Blog Sobat, silahkan ikuti langkah-lankah dibawah ini.

1. Log in ke akun Blog sobat.
2. Pilih Tata Letak
3. Tambah Gadget
4. Pilih HTML/Javascript

Masukkan Script berikut ke dalam kotak yang telah di sediakan di HTML/Javascript tadi.

<!-- floating twitter Bird --> <script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgldoW88TXacdxPQhCyXfk_K7KEX83qYUHaUSqks99d6bES8h6Vr-UqLBMQmTms5WTvVNiPNs_O4JpJ-s5p6ceAUFF5Y_5yeL0ZxHu2FiN-_OFkgRnPXqQm-w599iqBBtcgcLvlMgBl4Js/s1600/burung+twitter+terbang.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/deactivatednumi"; var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/"; tripleflapInit(); </script>

Ganti tulisan deactivatednumi dengan Username twitter sobat


3. Klik save / simpan.

Tambahan:

 Jika Sobat ingin mengganti warna burung Twitternya silahkan ganti tulisan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgldoW88TXacdxPQhCyXfk_K7KEX83qYUHaUSqks99d6bES8h6Vr-UqLBMQmTms5WTvVNiPNs_O4JpJ-s5p6ceAUFF5Y_5yeL0ZxHu2FiN-_OFkgRnPXqQm-w599iqBBtcgcLvlMgBl4Js/s1600/burung+twitter+terbang.png dengan link warna burung twitter dibawah ini.

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjle0H3h-KkJmtVd0HkvvSEJ-B-MoctCmKy1MrawAWlF0lRLkWvI9YSSnjsyAD3sSDhsenIl7WqiZJ0sSf34DISZrXLcBru1HORaAnBl2Ybhh6izIu6mzX-W0nDX3MkNBv_pF9eiuZleRo/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoRFDQoFGV4dRyE1QdFE8cI8DkA6vhug6IV9mhDjh_IlF2WQA8wDQI7XFmvTY5R0b7SlqpM-bB1C2DKdDCokGR6aIUmc1JyFStZlh-VIf_G_VcMeBdspZsa84FVwc6uaTiKi9U-to9Y_8/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6F8NWV-2OKCLfZs7u5Pf8EyOy7zDgPzCKL6WjQK3N9vF2TK7C5crHPEusatwOCOCwes8QxCOE9Ibv45PBZRkxAfUwEy_Xp5u77RsW_qTOSoHgGzDKweokPenJhkSvtNcMMEMaLNIs3Ls/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMF22c607CSoXKzYDIMiR4vRt5U23wxOaqbcRKIExF3bbZeCDrFaW9IE3oCddY6fLbBwY6M4BVBsXPeN2xwyRM3lXRyu5Cd-tE8vzN58d-GDPxWMb5Hak7Nd9tIeBPEEaPM3C-QTeK1Uw/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfg6ovsp_jrIkByGDRTtRsVLIJPUA4GtEaLNqWJJ9b9gi1YblMtpc_1VtJLxPDEpCTQgs8sSkec0VolodPXBHHSnvWKECO2CL5g7YxeH2rIUCS1ja6ypRNO-PbnT0WRAi7ACy3hewuvm8/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-vm3oG4tqZJdERvz-K1mw-RCuIuJ2V7PN0pF9pXV9NjMzqXn3b7NPi4YZPeyphGCEw6edb99uSZMBNUogHKQeyiX6_DxjRvvLSdiENPke3qFbjcWilj2rDC1VyMi38PvYH-ezfhNjT7A/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtMbNthyvhV3IRCFn_siVOZ2r38trmAEGlohkvhiAKEYKDdmdItbO73TB2Bz6zQf8WAq-V9wNNzNJaWfnQOyR5UfXyByVjtwHhvChfkGLurjzJ0p39fyGCWaLtu_MVgUit-PfG2UjJUUc/ white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDb1hb08lvdJDr7oxZX4n6QVhVA3hbqeDUOXdDoK0X8btQRqRG7Uu5QwoBfKw5nfgkF38L31D8rvK411IZGWs8_8hXEQgUvB9AEAcU9EEp2-JdrDjGSsbnY9FErtQfqYjSWbhMKv4_MT8/s1600/red+bird.png

Sekian Tips dan Trik Blog nya  semoga bermanfaat :)

Read More

Cara Menggabungkan Komentar Facebook dan Blog Berdampingan

Pagi sob, kali ini saya akan share Cara Menggabungkan Komentar Facebook dan Blog Berdampingan - kali ini kita akan share cara menggabnungkan kotak komentar Facebook dan kotak komentar blog kita, sehingga akan terlihat berdampingan seperti gambar di atas. Langsung Saja ikuti caranya berikut ini  :

1. Login ke akun Blogger sobat
2. Pada Dasbor Pilih Rancangan /Design  Kemudian Pilih Edit HTML ( dan centang kolom expand template widget )
3. Masukan atau copas kode berikut tepat dibawah kode <div class='comments' id='comments'> ( apabila terdapat 2 kode <div class='comments' id='comments'> yang sama Silakan sobat pastekan ke keduanya )

<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='400'/> </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 FB Sobat disini' 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>

4.  Simpan Template dan lihat hasilnya.

Tambahan :
Ganti kata ID FB Sobat disini dengan nama ID FB sobat sendiri,, contoh : ID FB Sobat disini dirubah menjadi jie stretford enders

Sekian Tips dan Trik Blog nya, Semoga bisa Bermanfaat :)

Read More