Home / Blogger
Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Tuesday, December 22, 2015

Widget Countdown Timer Menuju Tahun Baru 2016

Komentar

Widget Countdown Timer Menuju Tahun Baru 2016 - Tak terasa, sebentar lagi menuju Tahun Baru 2016 semakin dekat saja. Dengan itu MaFhBlog membagikan suatu widget untuk Blogger Widget Countdown Timer Menuju Tahun Baru 2016 dan bisa di terapkan di blog sobat.

Bagi yang ingin mencoba, ikuti langkah berikut ini:

1. Buka dashboard Blogger -> Klik Tata Letak -> Tambah widget baru HTML/JavaScript -> Salin semua kode di bawah ini dan Tempel di dalamnya -> Klik Simpan
<style scoped="" type="text/css">
#idulfitri{background:#00BFFF;color:#ffe8a0;font-size:120%;text-align:center;padding:20px 0;font-weight:normal;border-radius:3px;line-height:normal;font-family:'Open Sans',Verdana,Arial,sans-serif}
.digital,.idjudul {color:#fff}
</style>
<div id="idulfitri">
<span id="hitungmundur"></span>
</div>
<script src="https://googledrive.com/host/0BztP1TGAV4vheUMzNDBxRmo2VFE" type="text/javascript"></script>

2. Selesai, dan lihat hasilnya.


Semoga bemanfaat. Widget ini terispirasi oleh http://www.arlinadzgn.com/2015/07/widget-countdown-timer-menjelang-idul-fitri.html
Baca selengkapnya

Monday, November 9, 2015

Cara Mengatasi Tumbnail Gambar Tidak Muncul Di Popular Post

3 Komentar

      Mungkin kalian pernah mengalami kejadian ini?. Kalau anda pernah, sama seperti saya. Kenapa kok bisa tidak keluar Tumbnailnya? Karena, anda bisa saja tidak menguploadnya langsung dari postingan blog kalian, mungkin kalian mengcopas gambar dari web/blog lain, atau anda menguploadnya menggunakan link gambarnya.

Dan masalah tersebut saya sudah temukan, caranya mudah.


  1. Buka Post kalian yang tidak ada Tumbnail di Popular Post
  2. Hapus Gambar yang ada di Post utama kalian
  3. Upload lah dengan cara Chose File, bukan dengan cara upload menggunakan URL
  4. Jadi, deh
Baca selengkapnya

Wednesday, September 23, 2015

Cara Menambahkan Emoticon Di Postingan Blog (Part 2)

2 Komentar

Cara Menambahkan Emoticon Di Postingan Blog (Part2) - MaFh Blog. Halo gan, disini saya akan membagikan tutorial tentang Cara Menmbahkan Emoticon Kedalam Postingan Blog. Kalau anda sering menggunakan Yahoo Messenger atau KasKus anda sudah tidak asing lagi dengan namanya Emotion khas website tersebut, dan disini saya akan membagikan tips bagaimana Emoticon tersebut di masukan kedalam postingan blog

Ok, langsung saja agan - agan yang ingin menerapkan Emoticonnya ke dalam postingan atau di dalam Page(Laman) di blog: :D

1. Buka Blogger
2. Klik Template
3. Klik Edit HTML
4. Pastekan code Script di bawah ini di atas kode </head>
<script src="https://sites.google.com/site/seocips/seocips-script/post-emoticon.js" type="text/javascript"></script>
<script src="https://sites.google.com/site/seocips/seocips-script/emokaskus.js" type="text/javascript"></script>
5. Pastekan code Script di bawah ini di atas kode </body>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>  
6. Klik Simpan Template dan Selesai



Gimanakah Postingan kali ini. Semoga Membantu. :D

Baca selengkapnya

Widget Countdown Timer Menuju Idhul Adha 2015

3 Komentar

Widget Countdown Timer Menuju Idhul Adha 2015 - Tak terasa detik - detik menuju Idhul Adha 2015 semakin dekat saja, khususnya untuk orang muslim, Idhul Adha adalah saatnya berkurban dan sangat di tunggu - tunggu.

Berkaitan dengan itu MaFh blog akan membagikan sebuah widget Hitung Mundur Menuju Idhul Adha 2015 dan anda bisa terapkan di blog anda.

Bagi yang ingin menerapkanya, silahkan ikuti langkah sederhana di bawah ini:

1. Buka Blogger
2. Klik Tata Letak
3. Tambah Widget Baru
4. HTML/JavaScript
5. Kemudian Salin Code di bawah ini di Kolom HTML/Javascript
<style scoped="" type="text/css">
#idulfitri{background:#ff003c;color:#ffe8a0;font-size:120%;text-align:center;padding:20px 0;font-weight:normal;border-radius:3px;line-height:normal;font-family:'Open Sans',Verdana,Arial,sans-serif}
.digital,.idjudul {color:#fff}
</style>
<div id="idulfitri">
<span id="hitungmundur"></span>
</div>
<script src="http://yourjavascript.com/22229365001/aidul-adha.js" type="text/javascript"></script>
6. Klik Simpan

 Semoga bermanfaat.

Referensi: http://www.arlinadzgn.com/2015/07/widget-countdown-timer-menjelang-idul-fitri.html
Baca selengkapnya

Monday, September 21, 2015

Cara Menambahkan Emoticon Di Postingan Blog

24 Komentar
Cara Menambahkan Emoticon Di Postingan Blog, Jika anda adalah salah seorang pengguna Facebook, tentu anda tahu apa yang dimaksud dengan emoticon bukan, emoticon adalah lambang yang menunjukkan suatu ekspresi dari seseorang, seperti sedih, tertawa, tersenyum, marah, dan masih banyak lagi variasi yang lainya. Di dalam dunia blogging, kerap kali kita juga menemui blog-blog yang telah mengaplikasikan fungsi dari emoticon ini, tak lain dan tak bukan, penerapan fungsi emoticon ini bertujuan agar penampilan blog mereka lebih unik dan semakin user friendly kepada para pengunjung. :D
Selain itu, tampilan dari emoticon yang akan saya bagikan kali ini juga agak berbeda dengan yang lainya, karena ukuranya yang agak lebih besar dan animasinya yang lucu dan unik, dengan emoticon ini nantinya diharapkan blog kita akan 'terkesan' lebih friendly dan akrab kepada para pengunjung. Bagi anda yang berminat untuk menerapkanya, silahkan disimak yang berikut ini! :-d

1. Login ke Blogger.

2. Pilih Template.

3. Klik Edit HTML.

4. Klik tanda panah disebelah kode yang mirip <b:skin>...</b:skin> (untuk membuka kode css).

5. Cari kode ]]></b:skin> (gunakan CTRL+F), lalu letakkan kode dibawah ini tepat dibawahnya.
<style>
.emo.delayLoad { display:inline; text-align:left; margin:0; padding:1px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; background-color:transparent; border-radius:none; -moz-border-radius:none; -webkit-border-radius:none }
</style>
6. Selanjutnya, cari kode </body>, lalu letakkan kode dibawah ini tepat diatasnya.
<script type='text/javascript'>//<![CDATA[// kode js untuk menampilkan emoticonjQuery(document).ready(function () {emoticonx({emoRange:".post-body, div.emoWrap",})});//]]></script><script src='http://yourjavascript.com/34231521353/efek.js' type='text/javascript'/>
7. Klik "Save/Simpan" template, dan selesai.

Bagaimana sobat? mudah bukan menerapkan emoticon di postingan sekaligus komentar blog, untuk live demo-nya anda bisa lihat pada post di blog ini. Demikian informasi terbaru tentang Cara Menambahkan Emoticon Di Postingan Blog, semoga bermanfaat, dan selamat mencoba. :)
Baca selengkapnya
Subscribe to: Posts (Atom)