Tampilkan postingan dengan label Tutorial Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Blogging. Tampilkan semua postingan

26 Juni 2015

Cara Membuat Teks Berjalan di Footer Blog

By Alifsar 14.35 Leave a Comment
Hello SobLicious ^_^


Jumpa lagi dalam post kali ini yang berjudul Cara Membuat Teks Berjalan di Footer Blog. Langsung aja  ke TKP gan.

Caranya :
1. Login ke Blogger;
2. Pilih bagian Template;
3. Backup terlebih dahulu template nya,
3. Langsung paste kode dibawah ini diatas ]]></b:skin>

#DenzBlogging{
align: center;
position: fixed;
border-top: 1px solid #41b7d;
border-bottom: 1px solid #41b7d;
background-color: #FFFFFF;
width: 100%;
height:25px;
text-align: left;
color: #41b7d8;
font-family: Bree Serif;
font-weight: bold;
font-size: 13px;
z-index:10000;
bottom:0;
}

Keterangan : Kalian dapat mengganti warna-warna tersebut sesuai selera kalian.
  • Warna merah adalah batas pinggiran kotak teks berjalan.
  • Warna hijau adalah warna background teks berjalan.
  • Warna biru adalah warna teks berjalan.
  • Warna oranye adalah font pada teks berjalan.
4. Kemudian, copy dan paste kode dibawah ini diatas kode </body>

&lt;div style=&quot;background-color: white; border: 5px #41b6d9 Solid; padding: 10px; text-align: left;&quot;&gt;
&lt;div id=&#39;DenzBlogging&#39;&gt;
&lt;marquee onmouseout=&#39;this.start()&#39; onmouseover=&#39;this.stop()&#39; scrollamount=&#39;5&#39;&gt;TEKS BERJALAN&lt;/marquee&gt;
&lt;/div&gt;&lt;/div&gt;

Keterangan : Ganti teks berwarna merah dengan teks yang anda inginkan.

 5. Klik save template, Selesai ;)

Sekian dan terima kasih. Semoga berhasil ^_^
Read More...

10 Agustus 2014

Cara Menambahkan Menu di Blog

By Alifsar 17.03 1 comment
Hello SobLicious ^_^


Ketemu lagi nih :D sekarang saya akan share tentang Cara Menambahkan Menu Bar di Blog. Hmm ... langsung saja ya ^_^

Contoh :D

Caranya :
1. Login ke Blogger.
2. Pilih Tata Letak/Layout.
3. Pilih Tambah Gadget/Add Gadget.
4. Copy kode di bawah ini. 

<li class='current'><a href='URL Blog SobLicious'>Home</a></li>
<li><a href='URL 1'>JUDUL 1</a></li>
<li><a href='URL 2'>JUDUL 2</a></li>
<li><a href='URL 3'>JUDUL 3</a></li>
<li><a href='URL 4'>JUDUL 4</a></li>
<li><a href='URL 5'>JUDUL 5</a></li>
<li><a href='URL6'>JUDUL 6</a></li>
</ul> 

"Ganti tulisan biru dengan URL yang dituju dan tulisan merah dengan Judul yang diinginkan."

5. Simpan.

Saya sarankan simpan gadget ini di atas gadget "Posting Blog" 
Bagaimana? mudah bukan? silahkan dicoba ^_^
Read More...

24 Juli 2014

Cara Membuat Kotak Untuk Script di Postingan Blog

By Alifsar 06.05 Leave a Comment
Hello SobLicious ^_^


Lebaran sebentar lagi :D Ya, lebaran tinggal 4 hari lagi Sob :v Nah, kali ini saya akan menshare tentang "Cara Membuat Kotak Untuk Script di Postingan Blog " Oke, tak usah basa-basi lagi, kita langsung ke TKP :D

Caranya :
1. Login ke Blogger.
2. Pilih Entri baru/New post.
3. Lihat gambar.


4. Selanjutnya klik HTML dan copy salah satu script dibawah ini :

    A. Dengan scroll-bar

Ini Contoh :D
http://alifsar.blogspot.com
http://alifsar.blogspot.com
http://alifsar.blogspot.com
http://alifsar.blogspot.com
http://alifsar.blogspot.com

Caranya :
Copy-kan script berikut ke postingan blog SobLicious.

<div style="border: 5px #41b6d9 solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 100px; width: 300px;
text-align: left;">
Kode script SobLicious</div>

    B. Tanpa scroll-bar

Ini Contoh :D
http://alifsar.blogspot.com

Caranya :
Copy-kan script berikut ke postingan blog SobLicious.

<div style="background-color: white; border: 5px #41b6d9 Solid; padding: 10px; text-align: left;">
Kode Script SobLicious</div>

Keterangan :

1. border: 5px adalah ketebalan border.
2. #41b6d9 adalah warna border.
3. padding: 10px adalah panjang kotak kebawah setelah di enter. (tanpa scroll)
4. height: 100px adalah tinggi kotak script. (dengan scroll)
5. widht: 300px adalah lebar kotak kesamping.

Contoh setelah script di copy


5. Klik didalam kotak.
6. Ganti tulisan "kode script disini" dengan kode script SobLicious.

Bagaimana? Mudah bukan? :v Monggo dicoba ^_^
Read More...

21 Juli 2014

Cara Menambahkan Social Profile Icons di Blog

By Alifsar 09.11 1 comment

Hallo SobLicious, ^_^


Gak kerasa yah puasa tinggal 8 hari lagi ... Kali ini saya akan memberikan "Cara Menambahkan Social Profile Icons di Blog" Langsung saja ya :D

Caranya :

1. Login ke Blogger
2. Masuk ke Layout/Tata Letak
3. Klik Add Gadget/Tambah Gadget
4. Masukkan script dibawah ini :

<!-- Alifsar Nurfauzi Social Profile Icon -->
<div class='social-profile-icons'>
<ul>
  <li class='social-home'><a href='http;//alifsar.blogspot.com' title='Home'>Home</a></li>
    <li class='social-facebook'><a href='http://www.facebook.com/alifsar' title='Facebook'>Facebook</a></li>
    <li class='social-gplus'><a href='https://plus.google.com/u/0/101273100276055507143' title='Google+'>Google+</a></li>
    <li class='social-linkedin'><a href='http://in.linkedin.com/in/alifsarn' title='LinkedIn'>Linkedin</a></li>
    <li class='social-pinterest'><a href='http://pinterest.com/alifsarn' title='Pinterest'>Pinterest</a></li>
    <li class='social-rss'><a href='http://feeds.feedburner.com/alifsarn' title='RSS'>RSS</a></li>
    <li class='social-twitter'><a href='http://www.twitter.com/alifsarn' title='Twitter'>Twitter</a></li>
</ul>
</div>

 NB : "Ganti link berwarna merah dengan link akun SobLicious."

5. Klik Save/Simpan

 Gimana? Mudah bukan? Selamat mencoba :D
Read More...

7 Juli 2014

Script Anti-Right Click, Anti CTRL+B, Anti CTRL+U, Anti Ctrl+C

By Alifsar 05.14 , 3 comments
Hallo SobLicious ^_^


Dah setahun saya gak post, wihh lama banget ya :D
Kali ini saya akan memberikan tips Script Anti-Right Click, Anti CTRL+B, Ant -CTRL+U, Anti Ctrl+C untuk Blog kalian. Kalian gak mau kan di copast? capek-capek dah post eh ujung-ujungnya di copast. Langsung saja ya ...

Langkah-langkahnya :
1. Login ke Blogger.
2. Masuk ke Template.
3. Edit HTML.
4. Masukkan script berikut kedalam <body> (Gunakan CTRL+F agar lebih mudah dalam pencarian)
"oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'"
Dan hasilnya :
" <body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'> "
5. Setelah selesai, Save Template.

Gimana? mudah kan? Sekian dari saya :D



Read More...

5 Oktober 2013

Cara Menghilangkan Quick Edit di Blog

By Alifsar 17.47 , 1 comment
Hello SobLicious, 


Kali ini saya mau share tentang quick edit nih. Kadang - kadang quick edit ini ngagokan gitu kalo kata urang sunda mah. Hehe ... Hayu ah (y)


Caranya :
  • Login ke Blogger
  • Ke Template
  • Edit Template
  • Pastekan kode dibawah ini diatas ]]><b:skin> :
.quickedit{display:none;}
  •  Save dan Selesai (y)

Bagaimana? Mudah bukan? Coba ya :D


Read More...

22 September 2013

Cara Menambahkan Share Button Keren Melayang di Blog

By Alifsar 10.45 , Leave a Comment

Hello SobLicious ^_^
Sekarang saya mau share tentang Cara Menambahkan Share Button Keren Melayang di Blog kamu, contohnya seperti yang ada di blog saya ini,



Langsung aja, caranya :
  • Login ke Blogger
  • Ke Template
  • Edit Template
  • Paste kode dibawah ini diatas  </body>
<pre><code class="">
&lt;script src='http://yourjavascript.com/00911305131/pagenavigation.txt.js' type='text/javascript'/&gt; &lt;!-- Share Button Keren --&gt; &lt;div class='shr_ss shr_publisher'&gt; &lt;/div&gt; &lt;script type='text/javascript'&gt; var SHRSS_Settings = {&amp;quot;shr_ss&amp;quot;:{&amp;quot;src&amp;quot;:&amp;quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark&amp;quot;,&amp;quot;link&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;service&amp;quot;:&amp;quot;5,7,2,313,38,201,88,74&amp;quot;,&amp;quot;apikey&amp;quot;:&amp;quot;b87f5899d80a5edce8b5e55f58542ef0f&amp;quot;,&amp;quot;localize&amp;quot;:true,&amp;quot;shortener&amp;quot;:&amp;quot;bitly&amp;quot;,&amp;quot;shortener_key&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;designer_toolTips&amp;quot;:true,&amp;quot;tip_bg_color&amp;quot;:&amp;quot;black&amp;quot;,&amp;quot;tip_text_color&amp;quot;:&amp;quot;white&amp;quot;,&amp;quot;viewport&amp;quot;:true,&amp;quot;twitter_template&amp;quot;:&amp;quot;${title} - ${short_link} via @Shareaholic&amp;quot;}}; &lt;/script&gt; &lt;!-- End Shareaholic Sassy Bookmarks settings --&gt; &lt;!-- Start Shareaholic Sassy Bookmarks script --&gt; &lt;script type='text/javascript'&gt; (function() { var sb = document.createElement(&amp;quot;script&amp;quot;); sb.type = &amp;quot;text/javascript&amp;quot;;sb.async = true; sb.src = (&amp;quot;https:&amp;quot; == document.location.protocol ? &amp;quot;https://dtym7iokkjlif.cloudfront.net&amp;quot; : &amp;quot;http://cdn.shareaholic.com&amp;quot;) + &amp;quot;/media/js/jquery.shareaholic-publishers-ss.min.js&amp;quot;; var s = document.getElementsByTagName(&amp;quot;script&amp;quot;)[0]; s.parentNode.insertBefore(sb, s); })(); &lt;/script&gt;
</code></pre>
  •  Save and finish ^_^
Easy ? Try it !
Read More...

3 Agustus 2013

Cara Membuat Rainbow Effect pada Link Blog

By Alifsar 12.10 Leave a Comment

Kalian pasti tau kan tentang link warna - warni atau Rainbow Effect ?
Langsung aja ya ^_^

Caranya :

  • Login ke Blogger
  • Ke Layout
  • Add Gadget
  • Copy kode di bawah ini 
<script src="https://sites.google.com/site/denzblogging/Rainbow%20Effect.js" type="text/javascript"></script>
  • Beres ^_^


Read More...

19 Juli 2013

Cara Menambahkan Komentar "Disqus" di Blogger

By Alifsar 17.32 Leave a Comment
Hello SobLicious ^_^


Sambil ngabuburit, saya akan posting tentang "Disqus Comment"
Udah tau kan ? Nih saya kasih cara menambahkannya di Blogger


  • Ke sini
  • Klik "Get this on your site"

  • Selesaikan pendaftarannya 

  • Pilih platform website anda

  • Klik "add username to my Blogger site"

  • Setelah itu, klik Add Widget

  • Beres ^_^










Read More...

13 Juli 2013

Cara Menghilangkan Attribution di Blog

By Alifsar 21.56 Leave a Comment
Assalamualaikum ^_^


Ketemu lagi nih, oh iya sekarang saya akan posting tentang "Attribution"
Tepatnya cara menghilangkannya, Mau tau ? check it out


  • Login ke Blogger
  • Ke Template 
  • Edit HTML
  • Kemudian paste kode dibawah ini diatas kode ]]><b:skin>
}
#Attribution1 {height:0px; 
visibility:hidden;
display:none
  •  Kemudian save dan lihat hasilnya

Read More...

8 Juli 2013

Cara Mengembalikan Blog yang Dihapus

By Alifsar 19.53 Leave a Comment
Assalamualaikum...
Yah :(, puasa di undur jadi Rabu. Tapi gpp, KEEP WAITIN'
Kali ini saya akan bahas mengenai "Blog", kok blog sih ? Iya, sekarang saya bakalan post tentang "Cara Mengembalikan Blog yang Dihapus", Mau tau caranya ? check it out

 1.  Login ke Blogger
2.  Pilih deleted blogs/blog yang dihapus

3.  Terus klik undelete/kembalikan pada blog yang akan dikembalikan 


Gimana ? Mudah bukan ^_^
Wassalam...
Read More...

7 Juli 2013

Cara Menambahkan Laman di Blog

By Alifsar 14.46 Leave a Comment
Gak kerasa ya Bulan Ramadhan tinggal 2 hari lagi ^_^
Sebelumnya Saya mau minta apologize nya,,, Supaya puasa nya sah dan penuh berkah

Langsung aja ya Sob, begini caranya :
1.  Login Blogger
2.  Ke Tata Letak


3.  Tambah Gadget

4.  Pilih Laman



5. Beres deh ^_^

Read More...

Efek Bintang Jatuh Pada Blog

By Alifsar 14.16 Leave a Comment
♥Assalamualaikum♥

Jumpa lagi nih SobLicious,,,
Kali ini saya mau posting tentang "Efek Bintang Jatuh Pada Blog"
Saya kasih dengan cara mudah tanpa otak - atik HTML
Efek ini akan mempercantik blog anda ^_^

Berikut caranya : 
  1. Login ke Blogger 
  2. Selanjutnya ke "Tata Letak"
  3. Klik "Tambah Gadget"
  4. Pilih "HTML/JavaScript"

    5.  Copy kode di bawah ini :
&lt;script type=&quot;text/javascript&quot; src=&quot;http://naughtyric.googlecode.com/files/jrRain.js&quot;&gt;&lt;/script>
    6.  Tinggal Save :D

 Mudah kan ? Semoga Bermanfaat
♥Wassalamualaikum♥

Read More...

6 Juli 2013

Cara Memasang Music AutoPlay di Blog via SoundCloud

By Alifsar 23.45 Leave a Comment
Good Night ^_^
Kali ini saya akan memposting tentang "Musik" Tepatnya Musik auto-play via SoundCloud.


  1. Seperti biasa Login Blogger
  2. Buka SoundCloud
  3. Ikuti cara di bawah ini :

Klik "Share"


Klik "Customize your player"


Tema dan warna terserah anda ^_^
Read More...

4 Juli 2013

Cara Membuat Page Dialog di Blog

By Alifsar 18.56 Leave a Comment
Hello SobLicious ^_^


Kali ini saya akan posting tentang "Page Dialog" (ex. Siapa nama anda?)
Banyak orang bertanya akan hal - hal ini, Marilah kita mulai postingannya

Caranya :

  1. Login ke Blogger
  2. Biasa saja Tata Letak/Layout
  3. Pilih Tambah Gadget/Add Gadget

    4.  Copy~kan script dibawah ini :

<script type='text/javascript'>
alert("Welcome To My Blog ... !!")
var name = prompt("Boleh kenalan gak? Siapa namanya?", "Nama Kamu");
alert(name+ ", Salam Kenal Ya...!!")
alert("Selamat menikmati berbagai artikel yang ada ^_^")
</script>

    5.  Ganti tulisan merah dengan kata-kata kalian sendiri

Selesai deh, Wassalamualaikum ...



Read More...

Cara Membuat Label di Blog

By Alifsar 17.06 Leave a Comment
Assalamualaikum...

This is my first post,, hehe
Sekarang saya mau share tutorial blogging tentang "Label"
Bagi para senior - senior blogger mungkin sudah basi kali ya ... 
Makannya saya kasih buat para Newbie ^_^ *Saya juga Newbie

Ayo, langsung To The Point aja ya !!!
  1. Login ke Blogger
  2. Klik Tata Letak
  3. Pilih Tambah Gadget
  4. Pilih Label

    5.  Pilihlah sesuai selera anda (tampilannya mau alfabetik atau cloud)
    6.  Save

Bagaimana mudah bukan ? Coba ayo coba ^_^
Contoh untuk alfabetik
Contoh untuk cloud


Read More...