Blogger - Hide Gadgets Elements

 - After creating a Gadget, click on the Gadget "Edit" link in order to see its "Id" in the browser url bar, at the end of the link!

 - "Gadget_Id" is Case-Sensitive (Example: "HTML2" is not the same as "html2")

Hide a Gadget at All:
<!-- Hide Gadget --> <style> #Gadget_Id { display: none; } </style>

Hide Gadget Title and Gadget Content Area Top Border:
<!-- Hide Gadget Title --> <style> #Gadget_Id > h2{display:none;} #Gadget_Id > div.widget-content{border-top:0px;} </style>

Titles from any Gadget (Image Gadget, Text Gadget, AdSense Gadget, etc etc etc) can be hidden through a single "Html\JavaScript" Gadget (Example below):

<!-- Hide Gadget Title --> <style> #HTML1 > h2{display:none;} #HTML1 > div.widget-content{border-top:0px;} #Text1 > h2{display:none;} #Text1 > div.widget-content{border-top:0px;} #Image1 > h2{display:none;} #Image1 > div.widget-content{border-top:0px;} </style>


Keywords:
Blogger - Hide Gadgets Elements
Blogger - Hide Gadget Title