Scrolling Text (Marquee) in Blogger

Scrolling Text (Marquee) in Blogger

Anda dapat gunakan teknik sederhana ini. Dimana Text akan berhenti saat kita arahkan pointer mouse diatasnya. Dan juga pengaturan kecepatan ada pada  scrollamount="1" anda bisa ganti angka "1" dengan angka yang lebih besar agar kecepatan bergeraknya bertambah

<marquee onmouseover="this.stop()" onmouseout="this.start()"  scrollamount="1" direction="down" >
Hare Krishna Hare Krishna
Krishna Krishna Hare Hare
Hare Rama Hare Rama
Rama Rama Hare Hare
</marquee>
</!doctype>

Silahkan copy-paste code berikut ini untuk mencobanya.

<center> <a href="http://mahanila.blogspot.com/" target="_blank" title="Click to link to Jacq's Blogger Tips"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXKKpaS_I2BRxRyG8uQUqWiN0ppNBPWJIB_uq1NiwfUsNH5RjxAbwrYfagWDV1WYs7np8vOj-_sCuRoH18ES2nywEnwjVo-_4KbZv7HVmfyFWsrmVYnzbcTlKMABqo1ZpfNGhYVkDL2O4/s640/SAKKHI+Kepri+%2528ISKCON+Batam%2529+Nitai+Gaura+Krishna+Center+Batam+Logo.jpg" alt="Mahanila Blogs" /></a></center> Hare Krishna Hare Krishna Krishna Krishna Hare Hare Hare Rama Hare Rama Rama Rama Hare Hare

Read More

Fitur membuat Gambar Berjalan (Sliding Banner) di blogger

<!-- Featured Content Slider Started -->
<div class='fp-slider clearfix'>
<div class='fp-slides-container clearfix'>
<div class='fp-slides'>

<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuu4bocf86Eo_edtEKNpjX61k2m3Mq-dIMvefJpLkyw-y0vOm5FDGsmd2cEIviOMbhnNVkaHe7osla_-W8humC1PXnunrubYTAvArjcHkIcbmnznFWomtAgTEFvsaAZ8h-eEIi8okP1MU/s320/Bhagavad+Gita+as+it+is.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Sanatana Dharma Indonesia</a>
</h3>
<p>
Satu Jalan Menuju Krishna
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>

<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 1 Code End -->
<!-- Slide 2 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG00HWyBdNjIixPTwCVXaVWYMyDGK8v2bxcLubvcHC6fJvJ1xps08qUHuq_vnETphp8HTGb8_bIepK4FZCTU1JFCvJ-W6e6ZuEPv5M8gX65_qqg1WaY6BgfrCeRbN31ushezmmMTIEyGU/s320/485985_10151358446203226_1395437568_n.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Sanatana Dharma Indonesia</a>
</h3>

<p>
Satu Jalan Menuju Krishna
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 2 Code End -->
<!-- Slide 3 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYoBsXh6oSsgoum7OJWmUMdUAHAVkseM-oaF1i1zCqSGR6riaItJctL7C_YZbG7mVzXzuN1oT-v1qwxCmabYtaWedT14SBAR2tP5MyoPvn4sLdFE-qaPaFNmmi0Ir8YM4bt9OyHeuFAnQ/s320/1+%252897%2529.jpg"/></a>
</div>
<div class='fp-content-wrap'>

<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Sanatana Dharma Indonesia</a>
</h3>
<p>
Satu Jalan Menuju Krishna
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 3 Code End -->
<!-- Slide 4 Code Start -->

<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimxugyuTheP382DLp2iiW1GU5gVwrADd24j8GaeAYiIVowil-S62FT1ODvoKnw76Gdy9QQcTd3m29SsKzQp5PzXsGb9lzDpt-JvNg5Hcs0tXLwDlhvY-GOujRd-yTPgrojZ-Os0txVkfA/s320/gurukul.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Sanatana Dharma Indonesia</a>
</h3>
<p>
Satu Jalan Menuju Krishna
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>

</div>
</div>
</div>
<!-- Slide 4 Code End -->
<!-- Slide 5 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu7Shz46mo19BHxxcL6XQHD1WU-UF-JNB4wDqifup3mMXCk5K_paYP_6nAIe_1o8fSdr1q2X6sAWzvpy8rfJ5p2SiLpzR_lGnQ3dMIllJ02WVHZP5i21IV6QlFH2uYd8yRiUfYY9lfws4/s320/narada-muni-and-krsna.jpg"/></a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='#'>Sanatana Dharma Indonesia</a>
</h3>
<p>
Sanatana Dharma Indonesia
</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
</div>
<!-- Slide 5 Code End -->
</div>
<div class='fp-nav'>
<span class='fp-pager'/>
</span></div>
</div>
</div>
<div style='clear:both;'/>
<!-- Featured Content Slider End --></div>

Read More

Fitur Melengkung Pada Blogger

Ini adalah salah satu fitur untuk membuat design dengan Border-radius untuk membuat sudut melengkung pada suatu flatform misal gambar atau kotak sperti diatas


bisa lihat di sini contoh konkritnya:

http://sanatanadharmaindonesia.blogspot.co.id/

Anda bisa gunakan metode dibawah ini untuk membuatnya.


<!doctype html>


<style>
ol {
    background: brown;
    padding: 20px;
    color: white;
    text-decoration: none;
border-radius: 10px 20px 20px 10px; border-style: ridge;

}

ol li {
  background: grey;
    padding: 5px;
    margin-left: 5px;
    text-decoration: none;
    border-radius: 5px 10px 10px 5px; border-style: ridge;

}

</style>
<strong>Pengumuman</strong>

<ol>
  <li>Singapore Ratha Yatra Minggu 03-Jul-2016</li>
  <li>Bhakti Festival Denpasar 05 s/d 10-Jul-2016</li>
  <li>His Grace Sripada Chaitanya Chandra Guru Maharaja Visits Batam 22 s/d 24-Jul-2016</li>
</ol>

Read More

Fitur Melengkung Pada Blogger

Ini adalah salah satu fitur untuk membuat design dengan Border-radius untuk membuat sudut melengkung pada suatu flatform misal gambar atau kotak sperti diatas


bisa lihat di sini contoh konkritnya:

http://sanatanadharmaindonesia.blogspot.co.id/

Anda bisa gunakan metode dibawah ini untuk membuatnya.


<!doctype html>


<style>
ol {
    background: brown;
    padding: 20px;
    color: white;
    text-decoration: none;
border-radius: 10px 20px 20px 10px; border-style: ridge;

}

ol li {
  background: grey;
    padding: 5px;
    margin-left: 5px;
    text-decoration: none;
    border-radius: 5px 10px 10px 5px; border-style: ridge;

}

</style>
<strong>Pengumuman</strong>

<ol>
  <li>Singapore Ratha Yatra Minggu 03-Jul-2016</li>
  <li>Bhakti Festival Denpasar 05 s/d 10-Jul-2016</li>
  <li>His Grace Sripada Chaitanya Chandra Guru Maharaja Visits Batam 22 s/d 24-Jul-2016</li>
</ol>

Read More

Best Seller - Marketing Online Indonesia

https://www.facebook.com/groups/600002483513872/

http://sanatanadharmaindonesia.blogspot.co.id/

Read More