Widget Obrolan keren di Blog

Kode

<script src="//www.gmodules.com/ig/ifr?url=http://scripts.tropicalpcsolutions.com/php/gadgets/guestbook/guestbook.xml&amp;synd=open&amp;w=230&amp;h=266&amp;title=Obrolan&amp;border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&amp;output=js"></script>


Copy script diatas dan pastekan di HTML/JAVA Script

sumber:http://www.gmodules.com

Cara Membuat Tulisan dipojok blogger

Cari kode </body>

• Lalu Paste kan kode di bawah tepat di atas kode </body>

copy scriptnya

<!-- Start Demo tutorialbelajarblogger.blogspot.com-->

<div style='position: fixed; top: 75px; left: -225px; width: 600px; padding: 10px; font-size: 24px; text-align: center; color: rgb(255, 255, 255); font-family: &#39;trebuchet ms&#39;, verdana, arial, sans-serif;transform: rotate(-45deg);transform-origin: 50% 0px;-o-transform: rotate(-45deg); -o-transform-origin: 50% 0px;-moz-transform: rotate(-45deg); -moz-transform-origin: 50% 0px; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 50% 0px; background-color: rgb(0, 0, 0); border: 1px solid rgb(170, 170, 170); z-index: 9999; opacity: 0.5;'>Demo</div>

<!-- End Demo tutorialbelajarblogger.blogspot.com -->

ganti tulisan yang warna hijau dengan tulisan yang kamu inginkan!! dan save!

CARA MENGETAHUI BLOG KITA TERKENA VIRUS ATAU MALWARE

Silahkan buka situs http://sitecheck.sucuri.net/scanner/ dan masukkan alamat atau url blog anda, maka disana akan dijelaskan apa yang menyebabkan blog anda terkena blok. Berikut tampilan web sucuri.net jika mendeteksi sesuatu yang mencurigakan dari blog Anda

Indikasi Jika Blog Terkena Virus

Namun jika web atau blog Anda terbebas dari serangan malware dan virus lainnya, maka web atau blog anda tidak akan di blokir oleh browser, berikut tampilan web sucuri.net jika blog Anda bersih

Hasil Scan Sucuri.net

Jika memang blog anda terinfeksi virus segeralah untuk memperbaikinya, Anda bisa meminta bantuan provider hosting Anda untuk melakukan Scan terhadap web Anda, namun Anda juga bisa membersihkan dan memperbaiknya sendiri karena dalam web sucuri.net tersebut sudah terdapat informasi file manakah yang terkena virus. Dan jika Web anda terbebas dari malware Anda harus tetap waspada dengan meningkatkan tingkat keamanan pada blog Anda,. Semoga informasi yang sedikit ini dapat bermanfaaT.

sumber:http://www.rickyeka.com/cara-mengetahui-blog-kita-terkena-virus-malware.html

Membuat Social Profile Widget Keren: Metro UI

Membuat Social Profile Widget Keren: Metro UI

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Alhamdulillah setelah sebelumnya saya posting tutorial membuat modifikasi pada widget profil blogger, kali ini saya ingin mengetengahkan cara membuat widget profil sosial networking menarik dengan colored style. Widget ini dinamai Metro UI oleh designernya Vinay Prajapati. 

View Demo

Fitur

• Meliputi 7 jejaring social yang paling sering digunakan
• Efek hover dan desain yang elegan,
• Sangat rapi dan bersih
• Tidak ada JavaScript, No Jquery, murni dengan CSS

CARA MENAMBAHKAN WIDGET INI KE BLOG

Untuk menginstal widget ini ke blog sangat mudah, baik blog anda dengan flatfrom blogger, wordpress atau layanan blogging lainnya dimana style CSS dan HTML diterima pada widget atau template. Anda hanya perlu menambahkan kode gadget/widget pada bagian HTML/JavaScript.
Step by step for blogger

• Pada dasbor >> Masuk menu Tata Letak >> Tambah Gadget >> Pilih HTML/JavaScript
• Copy dan paste kode berikut pada kolom konten:

<div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/amatullah.syukur rel="nofollow"></a></li>
<li><a class="tw" href=http://twitter.com/amatullahsyukur></a></li>
<li><a class="gp" href="https://plus.google.com/116382152511220195182"></a></li>
<li><a class="pi" href=http://pinterest.com/amatullahsyukur rel="nofollow"></a></li>
<li><a class="in" href=https://www.linkedin.com/in/amatullahsyukur rel="nofollow"></a></li>
<li><a class="yt" href=http://www.youtube.com/amatullahsyukur></a></li>
<li><a class="fd" href=http://feeds.feedburner.com/amatullahsyukur rel="nofollow"></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>

Kustomisasi: Ganti link profil saya dengan link profil milik anda.

• Simpan dan lihat hasilnya diblog anda.

Demikian tutorial kali ini, cara membuat social profile widget pada blog. Semoga bermanfaat.

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

sumber:http://www.tipstrikblogging.com/2013/05/membuat-social-profile-widget-keren.html

Menambah Gadget Jam Sharingan

Langkah-Lagkahnya

1. Buka akun blogger sobat monfoort
2. Buka pilihan Layout / Tata Letak
3. Add Gadget
4. Pilih HTML / Javascript
5. Masukan script jam yang anda suka

Sharingan

 <div style="text-align: center;">

<embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="200" height="200" src="http://www.widgipedia.com/widgets/cheatssoul/sharingan-11940-8192_134217728.widget?__insta" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Cara Memberi Background pada Arsip Blog

Berikut Cara Memberi Background pada Arsip Blog :

1. Login ke Blogger 

2. Bila kamu belum menambahkan gadget arsip pada blog kamu, silahkan tambahkan gadgetnya terlebih dahulu.

3. Klik Template => Lanjutkan => Centang "Expand Template Widget"

4. Cari kode ]]></b:skin>

5. Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

#BlogArchive1 .widget-content{height:200px;background:url(http://i865.photobucket.com/albums/ab213/sidiknurdin/blogger-logo4agnyjpg1.jpg)no-repeat; width:100%; overflow:auto}

NB : ganti kode yang warna biru dengan URL gambar kamu sendiri.

6. Simpan Template.

Demikian Cara Memberi Background pada Arsip Blog, silahkan dicoba!

Cara menambahkan kolom WIDGET di bawah kolom posting

Menambah 2 Kolom Widget Di Bawah Postingan

Cara Menambah 2 Kolom Widget Di Bawah Postingan Blog - Met Pagi Menjelang Siang Sobat Semua Destar Blog kembali lagi bersua dengan teman semua disini saya saya membahas bagaimana cara membuat Elemen widget di bawah postingan blog di blogspot. tentu jawaban enggak susah mudah kok, karena mugkin kita terlalu kepingin merapikan blog kita selera kita masing2 tentu cara diatas adalah tutorial blog juga , mungkin kita ingin menambah iklan di widget tersebut atau artikel post yang mungkin tidak muat untuk di tampilkan disebar karena kita pikir pasti terlalu banyak widget pasti blog kita agak lama loading sedikit tapi saya punya trip atau Cara Mempercepat Loading Blog tutorial ini sudah Lam saya share, dan ada juga tutorial Membuat Fans Page Di Bawah Posting.

Sekarang Mari Langsung Ke TKP dan Ikuti Langkah2 dibawah ini :

1. Buka akun Blogger Anda
2. Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
3. Dan cari kode dibawah ini :

]]></b:skin>

 4.  Pastekan kode dibawah ini, diatas pada kode diatas :

.bawahpost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}
.bawahkiri {
float:left;
width:265px;
margin-right:15px;
}
.bawahkanan {
float:right;
width:265px;
}

  5.  Lalu cari lagi kode dibawah ini :

<data:post.body/>

Biasanya kode diatas ada 3-4, coba letakkan kode dibawah pada kode yang kedua.

      6.  Pastekan kode dibawah ini, dibawah pada kode diatas :

    <b:if cond='data:blog.pageType == "item"'>
    <div class='bawahpost'>
               <div class='bawahkiri'>
                Kode Iklan anda yang ingin ada di sebelah kiri disini
               </div>
              <div class='bawahkanan'>
              Kode Iklan anda yang ingin ada di sebelah kanan disini
               </div>
    </div>
    </b:if>

 Nah Selesai sudah masalah Cara Menambah Gadget Di bawah Posting Blog , di preview dulu ya jika sudah selsai semua sobat tinggal Klik Save saja mudahkan.

- See more at: http://djal-destar.blogspot.com/2013/04/menambah-2-kolom-widget-di-bawah.html#sthash.Ov44Rdwb.dpuf